:root{--bg: #0B0D14;--bg-alt: #0E1119;--panel: #12151F;--panel-2: #141A28;--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .05);--fg1: #ECE7DD;--fg2: #AEB4C4;--fg3: #9098AC;--fg4: #6E768C;--fg5: #5C6480;--beam: #FFB661;--beam-white: #FFF1D6;--beam-warm: #FFD49A;--on-beam: #1A130A;--beam-soft: rgba(255, 182, 97, .08);--beam-border: rgba(255, 182, 97, .28);--easy: #5BD68A;--standard: #FFB661;--hard: #FF6B6B;--serif: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--bg);color:var(--fg1);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--beam);margin:0 0 16px}.cta{display:inline-block;background:var(--beam);color:var(--on-beam);font-family:var(--sans);font-weight:600;font-size:14px;padding:11px 20px;border-radius:10px;border:none;cursor:pointer;transition:background .16s ease,transform .16s ease}.cta:hover{background:#ffc57e}.appstore{display:inline-flex;align-items:center;gap:11px;background:#000;border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:11px 20px;cursor:pointer;transition:border-color .16s ease}.appstore:hover{border-color:#ffffff47}.appstore .as-sm{font-size:10px;color:#bbb;line-height:1}.appstore .as-lg{font-size:17px;font-weight:600;color:#fff;line-height:1.2}.nav{position:sticky;top:0;z-index:50;background:#0b0d14d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand span{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:-.01em;color:var(--fg1)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a:not(.cta){font-size:14.5px;color:var(--fg2);font-weight:500;transition:color .12s ease}.nav-links a:not(.cta):hover{color:var(--beam-white)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:96px 0 80px}.hero h1{font-family:var(--serif);font-weight:500;font-size:68px;line-height:1.04;letter-spacing:-.02em;margin:0 0 24px;color:var(--fg1)}.hero p{font-size:19px;line-height:1.65;color:var(--fg2);margin:0 0 36px;max-width:430px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-note{font-size:14px;color:var(--fg4)}.beam-panel{background:radial-gradient(120% 100% at 30% 20%,#161c2b,#0e121c 70%);border:1px solid var(--border);border-radius:24px;padding:30px}.beam-panel svg{display:block;width:100%}@keyframes lmRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:lmRise .6s cubic-bezier(.2,.6,.2,1) both}.rise.delay{animation-delay:.12s}@keyframes lmDash{to{stroke-dashoffset:0}}@keyframes lmSrcPulse{0%,to{opacity:.4}50%{opacity:.9}}@keyframes lmTgtPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.b-trace{stroke-dasharray:620;stroke-dashoffset:620;animation:lmDash 3.4s linear infinite}.b-src{transform-box:fill-box;transform-origin:center;animation:lmSrcPulse 2.6s cubic-bezier(.2,.6,.2,1) infinite}.b-tgt{transform-box:fill-box;transform-origin:center;animation:lmTgtPulse 2.4s cubic-bezier(.2,.6,.2,1) infinite}.callout{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:var(--bg-alt)}.callout-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;padding:46px 0}.callout-line{font-family:var(--serif);font-weight:500;font-size:30px;letter-spacing:-.01em}.callout-stats{display:flex;gap:48px}.callout-stats .num{font-family:var(--serif);font-weight:600;font-size:34px;color:var(--beam)}.callout-stats .lbl{font-size:13px;color:var(--fg3);letter-spacing:.04em}.section{padding:90px 0}.section.band{background:var(--bg-alt);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.section-head{text-align:center;margin-bottom:54px}.section-head h2{font-family:var(--serif);font-weight:500;font-size:42px;letter-spacing:-.015em;margin:0;color:var(--fg1)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:34px 30px}.card .art{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.card h3{font-family:var(--serif);font-weight:600;font-size:22px;margin:0 0 10px;color:var(--fg1)}.card p{font-size:15.5px;line-height:1.6;color:var(--fg3);margin:0}.sample{background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden}.sample-top{padding:26px 26px 0;display:flex;align-items:center;justify-content:space-between}.sample-top h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:0}.tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:99px;padding:4px 11px}.tag.easy{color:var(--easy);border:1px solid rgba(91,214,138,.4)}.tag.standard{color:var(--standard);border:1px solid rgba(255,182,97,.4)}.tag.hard{color:var(--hard);border:1px solid rgba(255,107,107,.4)}.sample-body{padding:18px 26px 28px}.sample-body svg{width:100%;display:block}.sample-body p{font-size:14.5px;line-height:1.55;color:var(--fg3);margin:14px 2px 0}.beacon{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding:96px 0}.beacon-viz{display:flex;justify-content:center}.beacon-col{display:flex;flex-direction:column-reverse;gap:7px;align-items:center}.beacon-ring{height:14px;border-radius:99px}.beacon-base{width:60px;height:10px;border-radius:99px;background:#1e2536;margin-top:6px}.beacon h2{font-family:var(--serif);font-weight:500;font-size:42px;letter-spacing:-.015em;margin:0 0 20px}.beacon .lead{font-size:18px;line-height:1.65;color:var(--fg2);margin:0 0 18px;max-width:460px}.beacon .sub{font-size:15px;line-height:1.6;color:var(--fg4);margin:0;max-width:460px}.makers{background:var(--bg-alt);border-top:1px solid rgba(255,255,255,.06)}.makers-inner{max-width:1000px;margin:0 auto;padding:80px 32px;text-align:center}.makers-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px}.maker{display:flex;align-items:center;gap:12px}.maker span.nm{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--fg1)}.maker-chip{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}.maker-chip.hueful{background:conic-gradient(from 210deg,#ff6b6b,#ffd95a,#5bd68a,#7aa2ff,#e97be0,#ff6b6b)}.maker-chip.lattern{background:#1a1208}.maker-chip.lattern i{width:18px;height:18px;border-radius:4px;background:#f5a623;box-shadow:0 0 14px #f5a623}.maker-dot{width:6px;height:6px;border-radius:50%;background:#3a425a}.makers-inner p{font-size:17px;line-height:1.65;color:var(--fg3);margin:0 auto;max-width:520px}.makers-inner p strong{color:var(--fg1);font-weight:500}.final{text-align:center;padding:96px 0}.final h2{font-family:var(--serif);font-weight:500;font-size:48px;letter-spacing:-.02em;margin:0 0 22px}.final p{font-size:18px;color:var(--fg2);margin:0 0 36px}.final-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}.capture{display:flex;align-items:center;gap:10px;max-width:420px;margin:0 auto}.capture input{flex:1;padding:13px 16px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:var(--panel);color:var(--fg1);font-size:15px;font-family:var(--sans);outline:none}.capture input:focus{border-color:var(--beam-border)}.capture button{padding:13px 22px;border-radius:11px;border:none;background:var(--beam);color:var(--on-beam);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--sans);white-space:nowrap;transition:background .16s ease}.capture button:hover{background:#ffc57e}.capture-note{font-size:13px;color:var(--fg4);margin-top:14px}.footer{border-top:1px solid var(--border);background:var(--bg-alt)}.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 0 40px}.footer-brand .brand{margin-bottom:16px}.footer-brand p{font-size:14.5px;line-height:1.6;color:var(--fg4);margin:0;max-width:260px}.footer-col h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin:0 0 14px;font-weight:600}.footer-col a{display:block;color:var(--fg3);font-size:14px;padding:5px 0;transition:color .12s ease}.footer-col a:hover{color:var(--beam)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 40px;border-top:1px solid var(--border-soft)}.footer-bottom div{font-size:13px;color:var(--fg5)}.legal{max-width:800px;margin:0 auto;padding:80px 32px 100px}.legal h1{font-family:var(--serif);font-weight:500;font-size:46px;letter-spacing:-.02em;margin:0 0 12px;color:var(--fg1)}.legal .updated{font-size:14px;color:var(--fg4);margin:0 0 32px}.legal h2{font-family:var(--serif);font-weight:600;font-size:23px;margin:36px 0 12px;color:var(--fg1)}.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--fg2)}.legal ul{padding-left:22px;margin:0 0 14px}.legal li{margin-bottom:8px}.legal strong{color:var(--fg1);font-weight:600}.legal a{color:var(--beam);font-weight:500;text-decoration:underline;text-underline-offset:2px}.legal .cards-2{display:flex;gap:16px;margin:8px 0 40px;flex-wrap:wrap}.legal .info{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px}.legal .info h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:0 0 8px;color:var(--fg1)}.legal .info p{font-size:15px;color:var(--fg3);line-height:1.55;margin:0}.faq{display:flex;flex-direction:column;gap:10px;margin:8px 0}.faq details{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 24px}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16.5px;font-weight:600;color:var(--fg1)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:11px;height:11px;border-right:2px solid var(--fg3);border-bottom:2px solid var(--fg3);transform:rotate(45deg);transition:transform .2s ease;margin-right:4px}.faq details[open] summary:after{transform:rotate(-135deg)}.faq details p{font-size:15.5px;line-height:1.65;color:var(--fg2);margin:14px 0 0}@media(max-width:860px){.wrap,.makers-inner,.legal{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:36px;padding:56px 0}.hero h1{font-size:50px}.nav-links{gap:18px}.nav-links a:not(.cta){display:none}.callout-inner{flex-direction:column;align-items:flex-start;gap:28px}.callout-stats{gap:32px}.cards{grid-template-columns:1fr}.beacon{grid-template-columns:1fr;gap:40px}.footer-cols{grid-template-columns:1fr 1fr;gap:32px}.section-head h2,.beacon h2{font-size:32px}.final h2{font-size:34px}.legal h1{font-size:36px}}@media(max-width:520px){.footer-cols{grid-template-columns:1fr}.callout-line{font-size:24px}}@media(prefers-reduced-motion:reduce){.rise,.b-trace,.b-src,.b-tgt{animation:none}.b-trace{stroke-dashoffset:0}.b-src{opacity:.9}.b-tgt{opacity:1}}
