:root{--bg-canvas:#0A0A0B;--bg-elevated:#141416;--bg-overlay:#1C1C20;--bg-overlay-2:#222227;--border-subtle:rgba(255,255,255,.06);--border-default:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.16);--text-primary:#FAFAFA;--text-secondary:rgba(250,250,250,.65);--text-tertiary:rgba(250,250,250,.4);--text-quaternary:rgba(250,250,250,.24);--accent:#7C5CFF;--accent-hover:#8E72FF;--accent-soft:rgba(124,92,255,.12);--accent-ring:rgba(124,92,255,.35);--success:#4ADE80;--warning:#FBBF24;--danger:#F87171;--info:#60A5FA;--radius-card:16px;--radius-control:10px;--radius-pill:999px;--shell-max:1120px;--shell-pad-d:48px;--shell-pad-m:24px;--glow-strength:1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-canvas);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}::selection{background:var(--accent-soft);color:var(--text-primary)}.display-1{font-weight:560;letter-spacing:-.025em;line-height:1.02;font-size:clamp(34px,5.4vw,72px)}.display-2{font-weight:500;letter-spacing:-.02em;line-height:1.08;font-size:clamp(26px,3.4vw,40px)}.display-3{font-weight:500;letter-spacing:-.015em;line-height:1.15;font-size:clamp(22px,2.4vw,28px)}.lead{font-size:clamp(16px,1.4vw,20px);color:var(--text-secondary);line-height:1.55;font-weight:400}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--accent)}.eyebrow.muted{color:var(--text-tertiary)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.shell{max-width:var(--shell-max);margin:0 auto;padding:0 var(--shell-pad-d)}@media (max-width:768px){.shell{padding:0 var(--shell-pad-m)}}section.band{padding:128px 0;border-top:1px solid var(--border-subtle)}section.band:first-of-type{border-top:0}@media (max-width:768px){section.band{padding:72px 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--radius-control);font-size:14.5px;font-weight:500;letter-spacing:-.005em;transition:background .15s,transform .15s,box-shadow .15s,color .15s,border-color .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 0 1px #ffffff0a inset,0 8px 24px -8px #7c5cff8c}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.btn-secondary{background:var(--bg-overlay);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-overlay-2);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);padding:0 8px;height:36px}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{height:36px;padding:0 14px;font-size:13.5px}.btn-lg{height:52px;padding:0 22px;font-size:15.5px}.btn-block{width:100%}.nav{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;background:#0a0a0b00;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,backdrop-filter .25s;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.nav.scrolled{background:#0a0a0bb8;border-bottom-color:var(--border-subtle);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:500;letter-spacing:-.01em;font-size:17px}.wordmark-dot{width:8px;height:8px;border-radius:2px;background:var(--accent);box-shadow:0 0 16px #7c5cff99}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:0 12px;height:36px;display:inline-flex;align-items:center;font-size:13.5px;color:var(--text-secondary);border-radius:8px}.nav-link:hover{color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:12px}@media (max-width:768px){.nav-links,.nav-right .btn-ghost{display:none}}.hero{padding:96px 0 64px;position:relative;overflow:hidden}@media (max-width:768px){.hero{padding:48px 0 24px}}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:48px}}.hero-text .eyebrow{display:inline-flex;align-items:center;gap:8px}.hero-text h1{margin:20px 0 24px}.hero-cta{display:flex;align-items:center;gap:12px;margin-top:36px;flex-wrap:wrap}.hero-micro{margin-top:20px;color:var(--text-tertiary);font-size:13.5px;display:inline-flex;align-items:center;gap:10px}.hero-micro:before{content:"";display:block;width:6px;height:6px;border-radius:999px;background:var(--success);box-shadow:0 0 10px var(--success)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px}@media (max-width:960px){.hero-visual{min-height:auto;padding-top:8px}}.hero-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(50% 50% at 60% 50%,rgba(124,92,255,calc(.22 * var(--glow-strength))),#7c5cff00 65%);pointer-events:none;z-index:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media (max-width:880px){.two-col{grid-template-columns:1fr;gap:40px}}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}@media (max-width:768px){.pain-grid{grid-template-columns:1fr}}.pain-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:24px}.pain-card .icon-wrap{width:36px;height:36px;border-radius:8px;background:var(--bg-overlay);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:20px}.pain-card h3{font-size:17px;font-weight:500;margin:0 0 8px;letter-spacing:-.005em;color:var(--text-primary)}.pain-card p{margin:0;font-size:14.5px;color:var(--text-secondary);line-height:1.55}.pain-transition{margin-top:48px;text-align:center;font-size:18px;color:var(--text-tertiary)}.pain-transition strong{color:var(--text-primary);font-weight:500}.steps{display:grid;gap:96px;margin-top:64px}@media (max-width:768px){.steps{gap:64px;margin-top:48px}}.step{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.step:nth-child(2n){grid-template-columns:1fr 1fr}.step:nth-child(2n) .step-text{order:2}.step:nth-child(2n) .step-visual{order:1}@media (max-width:880px){.step,.step:nth-child(2n){grid-template-columns:1fr;gap:32px}.step:nth-child(2n) .step-text,.step:nth-child(2n) .step-visual{order:initial}}.step-num{font-family:Inter,sans-serif;font-size:96px;font-weight:500;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#7c5cffe6,#7c5cff26);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:24px}@media (max-width:768px){.step-num{font-size:64px}}.step-text h3{margin:0 0 12px;font-size:28px;font-weight:500;letter-spacing:-.015em;line-height:1.15}.step-text p{margin:0;color:var(--text-secondary);font-size:17px;line-height:1.55;max-width:42ch}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;margin-top:48px}@media (max-width:880px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.feat-grid{grid-template-columns:1fr}}.feat-card{background:var(--bg-elevated);padding:32px 28px;display:flex;flex-direction:column;gap:14px}.feat-card .icon-wrap{width:32px;height:32px;color:var(--accent)}.feat-card h3{margin:0;font-size:16.5px;font-weight:500;letter-spacing:-.005em}.feat-card p{margin:0;font-size:14.5px;color:var(--text-secondary);line-height:1.55}.reader-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}@media (max-width:560px){.reader-bullets{grid-template-columns:1fr}}.reader-bullet{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:14.5px}.reader-bullet svg{flex:0 0 auto;color:var(--accent);margin-top:2px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}@media (max-width:880px){.roles{grid-template-columns:1fr}}.role-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:32px;display:flex;flex-direction:column;gap:24px;overflow:hidden;position:relative}.role-card .role-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.role-card h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.01em}.role-card p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.55}.role-mock{display:flex;justify-content:center;padding:8px 0 0}.pwa{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}@media (max-width:880px){.pwa{grid-template-columns:1fr}}.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.platform-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);font-size:13.5px}.platform-badge svg{color:var(--text-primary)}.audience{text-align:center;max-width:780px;margin:0 auto}.audience h2{margin:0 0 16px}.audience p{margin:0 auto;color:var(--text-secondary);font-size:18px}.faq-wrap{max-width:760px;margin:48px auto 0}.faq-item{border-top:1px solid var(--border-subtle)}.faq-item:last-child{border-bottom:1px solid var(--border-subtle)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;text-align:left;font-size:16.5px;font-weight:500;color:var(--text-primary);letter-spacing:-.005em}.faq-q .chev{flex:0 0 auto;color:var(--text-tertiary);transition:transform .25s ease,color .15s}.faq-item.open .chev{transform:rotate(180deg);color:var(--text-primary)}.faq-a{overflow:hidden;height:0;transition:height .28s cubic-bezier(.32,.72,0,1)}.faq-a-inner{padding:0 4px 22px;color:var(--text-secondary);font-size:15px;line-height:1.6;max-width:62ch}.demo{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:24px;padding:56px}@media (max-width:880px){.demo{grid-template-columns:1fr;padding:32px;gap:32px}}.demo h2{margin:0 0 16px}.demo .lead{max-width:42ch}.demo-side{position:sticky;top:96px}.demo-trust{margin-top:32px;display:grid;gap:14px}.trust-item{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:14px}.trust-item svg{flex:0 0 auto;color:var(--success);margin-top:2px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12.5px;color:var(--text-tertiary);font-weight:500;letter-spacing:.01em}.field label .req{color:var(--accent);margin-left:2px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.input,.select,.textarea{height:44px;padding:0 14px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-control);color:var(--text-primary);font:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.input::placeholder,.textarea::placeholder{color:var(--text-quaternary)}.textarea{height:96px;padding:12px 14px;resize:vertical;min-height:80px}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--bg-overlay-2)}.field.error .input,.field.error .select,.field.error .textarea{border-color:var(--danger);box-shadow:0 0 0 3px #f871712e}.field-error{font-size:12.5px;color:var(--danger);margin-top:2px;display:flex;align-items:center;gap:6px}.form-foot{margin-top:8px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.form-fineprint{font-size:12.5px;color:var(--text-tertiary)}.success-card{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:8px 0}.success-icon{width:48px;height:48px;border-radius:14px;background:#4ade801a;border:1px solid rgba(74,222,128,.25);color:var(--success);display:flex;align-items:center;justify-content:center}.success-card h3{margin:0;font-size:24px;font-weight:500;letter-spacing:-.01em}.success-card p{margin:0;color:var(--text-secondary);font-size:15.5px;line-height:1.55;max-width:46ch}footer{padding:64px 0 48px;border-top:1px solid var(--border-subtle);background:var(--bg-canvas)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}@media (max-width:768px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}.foot-col h4{margin:0 0 14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.foot-col a{display:block;padding:4px 0;color:var(--text-secondary);font-size:14px}.foot-col a:hover{color:var(--text-primary)}.foot-tag{color:var(--text-tertiary);font-size:14px;margin-top:8px;max-width:28ch}.foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:13px;gap:16px;flex-wrap:wrap}.foot-bottom a{color:var(--text-tertiary)}.foot-bottom a:hover{color:var(--text-secondary)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.phone{position:relative;width:300px;border-radius:46px;background:#0c0c0e;padding:10px;box-shadow:0 0 0 1.5px #ffffff1a,0 0 0 9px #1a1a1d,0 0 0 10px #ffffff0a,0 40px 80px -20px #000000b3,0 0 80px rgba(124,92,255,calc(.1 * var(--glow-strength)));z-index:1}.phone.sm{width:240px;border-radius:38px;padding:8px}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#000;border-radius:14px;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;gap:6px}.phone-notch:before{content:"";width:6px;height:6px;border-radius:999px;background:#2a2a2e}.phone-screen{position:relative;width:100%;aspect-ratio:9/19.5;background:var(--bg-canvas);border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.phone.sm .phone-screen{border-radius:30px}.phone.sm .phone-notch{width:74px;height:20px;top:12px}.ph-status{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 6px;font-size:12px;font-weight:500;color:var(--text-primary)}.phone.sm .ph-status{padding:12px 18px 4px;font-size:11px}.ph-status-icons{display:flex;align-items:center;gap:5px;color:var(--text-primary)}@media (max-width:768px){.hero-text,.mcenter,.step-text,.demo-side,.pain-card,.role-card{text-align:center}.feat-card{align-items:center;text-align:center}.hero-text .lead,.mcenter .lead,.step-text p,.demo-side .lead,.pain-card .icon-wrap{margin-left:auto;margin-right:auto}.hero-cta,.badges,.reader-bullet,.trust-item{justify-content:center}}@media (max-width:480px){.foot-grid{text-align:center}.foot-tag{margin-left:auto;margin-right:auto}.foot-bottom{justify-content:center;text-align:center}}@keyframes tempo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-visual .phone{width:min(300px,78vw);animation:tempo-float 6s ease-in-out infinite}@keyframes tempo-glow{0%,to{opacity:.8}50%{opacity:1}}.hero-glow{animation:tempo-glow 8s ease-in-out infinite}.btn:active{transform:scale(.97)}.btn-primary:hover{box-shadow:0 0 0 1px #ffffff0a inset,0 12px 32px -8px #7c5cffbf}@media (hover:hover) and (pointer:fine){.feat-card{transition:background .2s ease}.feat-card:hover{background:var(--bg-overlay)}.pain-card,.role-card{transition:border-color .2s ease,transform .2s ease}.pain-card:hover,.role-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.hero-visual .phone,.hero-glow{animation:none}}
