@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Geist:wght@400;500;600;700&display=swap');

body:has(.na) { margin:0; }
.na { --ink:#17171e; --muted:#62616d; --line:#e8e7ef; --indigo:#4338d8; min-height:100vh; overflow:hidden; background:#fcfcfe; color:var(--ink); font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif; font-size:16px; line-height:1.65; letter-spacing:0; -webkit-font-smoothing:antialiased; }
.na * { box-sizing:border-box; }
.na a { color:inherit; text-decoration:none; }
.na img { display:block; max-width:100%; }
.na h1,.na h2,.na h3,.na p { margin:0; }
.na h1,.na h2 { font-family:'EB Garamond',Georgia,serif; font-weight:400; letter-spacing:0; }
.na h3 { font-family:Geist,Inter,sans-serif; letter-spacing:0; }
.na a:focus-visible,.na summary:focus-visible { outline:3px solid #8177f0; outline-offset:4px; }
.na-nav { position:absolute; z-index:5; top:14px; left:50%; display:flex; justify-content:space-between; align-items:center; gap:24px; width:min(1216px,calc(100% - 32px)); min-height:56px; padding:0 14px; transform:translateX(-50%); border:1px solid #eae8f2; border-radius:999px; background:#ffffffd9; box-shadow:0 18px 50px -34px #29205644; backdrop-filter:blur(18px); }
.na-brand { display:inline-flex; align-items:center; gap:9px; font-size:14px; font-weight:600; white-space:nowrap; }
.na-brand>img { width:28px; height:28px; padding:3px; border-radius:7px; background:#18181b; }
.na-brand svg { flex:none; }
.na-nav nav { display:flex; align-items:center; gap:25px; font-size:13px; color:#656371; }
.na-nav nav a:hover,.na-footer a:hover { color:var(--indigo); }
.na-nav-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:7px 16px; border-radius:999px; background:var(--indigo); color:#fff!important; font-size:13px; font-weight:600; white-space:nowrap; }
.na-nav-cta:hover,.na-button-primary:hover { background:#3429be; }
.na-hero { position:relative; min-height:690px; overflow:hidden; padding:132px 24px 34px; background:radial-gradient(ellipse at 19% 37%,#dcd8ff 0%,#f3f1ff 31%,transparent 58%),radial-gradient(ellipse at 82% 66%,#dff4fc 0%,transparent 48%),#fbfbfe; text-align:center; }
.na-hero::before { position:absolute; top:-380px; left:50%; width:1400px; height:1400px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,transparent 0 249px,#928cab2b 250px 251px,transparent 252px 369px,#928cab24 370px 371px,transparent 372px 489px,#928cab1f 490px 491px,transparent 492px 609px,#928cab1a 610px 611px,transparent 612px); content:''; pointer-events:none; }
.na-hero::after { position:absolute; z-index:0; top:82px; left:50%; width:610px; height:610px; transform:translateX(-50%); border-radius:50%; background-image:radial-gradient(#6b61e050 1px,transparent 1.2px); background-size:11px 11px; mask-image:radial-gradient(circle,#000 0%,#000 36%,transparent 73%); opacity:.57; content:''; pointer-events:none; }
.na-hero-copy,.na-hero-visual,.na-hero-next { position:relative; z-index:1; }
.na-hero-copy { max-width:900px; margin:auto; }
.na-eyebrow { color:var(--indigo); font-size:12px; font-weight:700; line-height:1.45; text-transform:uppercase; letter-spacing:.1em; }
.na-hero h1 { max-width:850px; margin:19px auto 0; font-size:76px; line-height:1.03; text-wrap:balance; }
.na-hero h1 em { font-weight:400; }
.na-lede { max-width:660px; margin:18px auto 0!important; color:#5f5e69; font-size:17px; line-height:1.6; text-wrap:balance; }
.na-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }
.na-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:10px 24px; border-radius:999px; font-size:15px; font-weight:600; transition:transform .2s ease,background .2s ease; }
.na-button:hover { transform:translateY(-2px); }
.na-button-primary { background:var(--indigo); color:#fff!important; }
.na-button-secondary { border:1px solid #e6e4ee; background:#ffffffc7; color:#24222c!important; }
.na-button-secondary:hover { background:#fff; }
.na-proof { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; margin-top:20px; color:#666573; font-size:13px; }
.na-proof span { display:inline-flex; align-items:center; gap:7px; }
.na-proof svg { width:15px; height:15px; color:var(--indigo); }
.na-orbit-chip { position:absolute; z-index:1; display:inline-flex; align-items:center; gap:8px; padding:6px 11px 6px 7px; border:1px solid #eae8f0; border-radius:999px; background:#ffffffb8; box-shadow:0 7px 28px #6158a415; color:#555466; font-size:11px; line-height:1; white-space:nowrap; backdrop-filter:blur(6px); }
.na-orbit-chip svg { width:14px; height:14px; color:var(--chip-color,#6156d8); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.na-orbit-chip i { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:var(--chip-bg,#eeecff); font-style:normal; }
.na-chip-one { top:195px; left:8%; --chip-color:#6253d2; --chip-bg:#eeeaff; }
.na-chip-two { top:228px; right:8%; --chip-color:#3998c8; --chip-bg:#e5f6fd; }
.na-chip-three { top:380px; left:10%; --chip-color:#bc7795; --chip-bg:#fff0f7; }
.na-chip-four { top:390px; right:9%; --chip-color:#928326; --chip-bg:#faf6da; }
.na-hero-visual { width:min(1060px,100%); margin:42px auto 0; }
.na-hero-label { position:absolute; z-index:2; top:-16px; left:22px; display:flex; align-items:center; gap:8px; border:1px solid #e9e7ef; border-radius:999px; padding:7px 12px; background:#fff; color:#60606d; font-size:11px; font-weight:600; box-shadow:0 8px 26px #4f46a014; }
.na-live-dot { width:7px; height:7px; border-radius:50%; background:#695be6; }
.na-preview { min-width:0; overflow:hidden; border:1px solid #e3e2eb; border-radius:8px; background:#fff; box-shadow:0 2px 6px -1px #1d1a3a10,0 40px 90px -44px #1d1a3a40; color:#24232d; font-family:Geist,Inter,sans-serif; font-size:12px; line-height:1.45; text-align:left; }
.na-preview-chrome { display:flex; align-items:center; gap:13px; height:32px; padding:0 15px; border-bottom:1px solid #ebeaf1; background:#f8f8fb; color:#858391; font-size:10px; }
.na-preview-dots { display:flex; gap:5px; }
.na-preview-dots i { width:7px; height:7px; border-radius:50%; background:#d8d7df; }
.na-preview-heading { display:flex; align-items:center; gap:9px; min-height:44px; padding:8px 17px; border-bottom:1px solid #eeedf3; }
.na-preview-heading img { flex:none; width:22px; height:22px; padding:2px; border-radius:5px; background:#18181b; }
.na-preview-heading strong { font-size:12px; }
.na-preview-heading>span { margin-left:auto; color:#8b8995; font-size:10px; }
.na-preview-content { padding:21px 24px 24px; }
.na-preview-kicker { color:#4c43c6!important; font-size:10px!important; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.na-preview-content h3 { margin:3px 0 17px; font-size:18px; font-weight:600; line-height:1.3; }
.na-preview-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:12px; }
.na-preview-card,.na-preview-note,.na-preview-folders,.na-preview-timer { min-width:0; padding:16px; border:1px solid #e8e7ef; border-radius:8px; background:#fff; }
.na-preview-card-head { display:flex; justify-content:space-between; align-items:start; gap:12px; margin-bottom:13px; }
.na-preview-card-head strong { font-size:12px; line-height:1.3; }
.na-preview-card-head span,.na-preview-card-foot span { color:#858391; font-size:10px; }
.na-preview-input { min-height:76px; padding:12px; border:1px solid #e9e8f0; border-radius:6px; background:#f8f8fb; color:#5c5a67; font-size:11px; line-height:1.6; }
.na-preview-card-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; }
.na-preview-card-foot b { padding:6px 14px; border-radius:999px; background:#4338d8; color:#fff; font-size:10px; }
.na-preview-card>p:not(.na-preview-input) { display:flex; justify-content:space-between; gap:10px; margin:9px 0 5px; color:#5c5a67; font-size:11px; }
.na-preview-card>p span { color:#858391; }
.na-preview-progress { height:5px; overflow:hidden; border-radius:99px; background:#ecebf3; }
.na-preview-progress i { display:block; height:100%; border-radius:inherit; background:#6255df; }
.na-preview-upnext { display:grid; grid-template-columns:125px 1fr 1fr; align-items:center; gap:12px; margin-top:12px; padding:12px 16px; border:1px solid #e8e7ef; border-radius:8px; background:#fff; font-size:11px; }
.na-preview-upnext span { display:flex; justify-content:space-between; gap:8px; min-width:0; }
.na-preview-upnext em { color:#675bd4; font-size:10px; font-style:normal; }
.na-preview-notes { display:grid; grid-template-columns:120px minmax(0,1fr); gap:12px; }
.na-preview-folders { display:flex; flex-direction:column; gap:4px; padding:13px; }
.na-preview-folders strong { margin-bottom:7px; }
.na-preview-folders span { padding:6px 7px; border-radius:5px; color:#777581; font-size:11px; }
.na-preview-folders .na-preview-selected { background:#eeecff; color:#4338d8; font-weight:600; }
.na-preview-note>p { color:#62616d; font-size:11px; line-height:1.6; }
.na-preview-equation { display:grid; gap:5px; margin:13px 0; padding:13px; border:1px solid #e9e8f0; border-radius:7px; background:#f8f8fb; }
.na-preview-equation span { color:#8b8995; font-size:10px; }
.na-preview-equation strong { font-family:'EB Garamond',Georgia,serif; font-size:22px; font-weight:400; }
.na-preview-tags { display:flex; flex-wrap:wrap; gap:5px; }
.na-preview-tags span { padding:4px 8px; border-radius:99px; background:#efedff; color:#5145ca; font-size:10px; }
.na-preview-note .na-preview-link { margin-top:13px; padding-top:10px; border-top:1px solid #e9e8f0; color:#777581; }
.na-preview-focus { display:grid; grid-template-columns:1.05fr .95fr; gap:12px; }
.na-preview-timer { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:270px; text-align:center; }
.na-preview-timer>strong { margin:12px 0 5px; font-size:48px; font-weight:600; line-height:1; }
.na-preview-timer p { color:#62616d; font-size:11px; }
.na-preview-timer .na-preview-progress { width:min(100%,190px); margin:20px 0 10px; }
.na-preview-timer small { color:#858391; font-size:10px; }
.na-preview-focus-side { display:grid; gap:10px; }
.na-preview-focus-side .na-preview-card { padding:14px; }
.na-preview-focus-side .na-preview-card>p { justify-content:flex-start; margin:8px 0; }
.na-preview-focus-side .na-preview-card:first-child>p { color:#9a98a3; text-decoration:line-through; }
.na-preview-wave { display:flex; align-items:end; gap:3px; height:16px; }
.na-preview-wave i { width:3px; height:9px; border-radius:4px; background:#7d72e7; }
.na-preview-wave i:nth-child(3n+1) { height:15px; }
.na-preview-wave i:nth-child(4n+2) { height:6px; }
.na-bot { position:absolute; z-index:2; right:-25px; bottom:-5px; width:104px; filter:drop-shadow(0 12px 18px #4e52a03a); }
.na-hero-next { display:flex; align-items:center; justify-content:center; gap:13px; margin:15px auto 0; color:#777484; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
.na-hero-next span:last-child { color:var(--indigo); font-size:19px; }
.na-section { width:min(1140px,calc(100% - 48px)); margin:0 auto; padding:104px 0; }
.na-intro { padding-top:96px; }
.na-section h2,.na-final h2 { max-width:780px; margin-top:14px; font-size:56px; line-height:1.07; text-wrap:balance; }
.na-section-lede { max-width:730px; margin-top:20px!important; color:var(--muted); font-size:17px; line-height:1.7; }
.na-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:27px; margin-top:58px; border-top:1px solid var(--line); }
.na-steps article { padding-top:22px; }
.na-steps span { color:var(--indigo); font-size:13px; font-weight:700; }
.na-steps h3 { margin-top:22px; font-size:18px; font-weight:600; line-height:1.35; }
.na-steps p,.na-feature-grid p,.na-focus-row p { margin-top:11px; color:var(--muted); font-size:14px; line-height:1.7; }
.na-product-band { display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:7%; width:100%; max-width:none; padding:92px max(24px,calc((100vw - 1140px)/2)); background:#f3f2ff; }
.na-product-copy p:not(.na-eyebrow) { max-width:460px; margin-top:22px; color:var(--muted); font-size:16px; line-height:1.75; }
.na-product-copy a,.na-compare-grid a { display:inline-flex; align-items:center; gap:8px; margin-top:25px; color:var(--indigo); font-size:14px; font-weight:600; }
.na-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 29px; margin-top:48px; }
.na-feature-grid article { min-width:0; padding:27px 0 33px; border-top:1px solid var(--line); }
.na-feature-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:#efedff; color:#574bdb; }
.na-feature-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.na-feature-grid h3 { margin-top:19px; font-size:16px; font-weight:600; line-height:1.4; }
.na-focus-row { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:7%; margin-top:40px; padding-top:67px; border-top:1px solid var(--line); }
.na-focus-row h3 { max-width:420px; margin-top:14px; font-family:'EB Garamond',Georgia,serif; font-size:45px; font-weight:400; line-height:1.1; }
.na-focus-row p:not(.na-eyebrow) { max-width:430px; font-size:15px; }
.na-compare { width:100%; max-width:none; padding:98px max(24px,calc((100vw - 1140px)/2)); background:#f3f2ff; }
.na-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:47px; border-top:1px solid #dcd9ed; border-bottom:1px solid #dcd9ed; }
.na-compare-grid>div { padding:34px 50px 37px 0; }
.na-compare-grid>div+div { padding-left:50px; border-left:1px solid #dcd9ed; }
.na-compare-grid h3 { font-size:20px; font-weight:600; }
.na-compare-grid ul { display:grid; gap:16px; margin:23px 0 0; padding-left:19px; color:#535260; font-size:15px; line-height:1.65; }
.na-compare-grid li::marker { color:#665ae1; }
.na-comparison-note { max-width:840px; margin-top:24px!important; color:#7b7888; font-size:12px; line-height:1.6; }
.na-faq>div { max-width:850px; margin-top:40px; border-top:1px solid var(--line); }
.na-faq details { border-bottom:1px solid var(--line); }
.na-faq summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:600; }
.na-faq summary::-webkit-details-marker { display:none; }
.na-faq summary span { color:var(--indigo); font-size:25px; font-weight:400; }
.na-faq details[open] summary span { transform:rotate(45deg); }
.na-faq details p { max-width:760px; padding:0 0 25px; color:var(--muted); font-size:15px; line-height:1.75; }
.na-final { display:flex; justify-content:space-between; align-items:end; gap:25px; padding:78px max(24px,calc((100vw - 1140px)/2)); background:#eeedff; }
.na-final p:not(.na-eyebrow) { margin-top:16px; color:#666471; }
.na-final .na-button { margin-top:27px; }
.na-final>img { width:155px; flex:none; }
.na-footer { display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(1140px,calc(100% - 48px)); min-height:106px; margin:auto; color:#76747f; font-size:13px; }
.na-footer .na-brand { color:#24222a; }
.na-footer>div { display:flex; gap:22px; }
@media(max-width:1100px){ .na-orbit-chip{display:none} }
@media(max-width:900px){ .na-nav nav{display:none} .na-hero h1{font-size:63px} .na-section h2,.na-final h2{font-size:46px} .na-focus-row h3{font-size:39px} .na-steps,.na-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .na-product-band,.na-focus-row{grid-template-columns:1fr;gap:34px} .na-product-band{padding:74px 24px} }
@media(max-width:600px){ .na-nav{top:10px;width:calc(100% - 28px);min-height:54px} .na-hero{min-height:0;padding:120px 18px 22px} .na-hero::before{top:-300px;width:900px;height:900px;background:radial-gradient(circle,transparent 0 179px,#928cab28 180px 181px,transparent 182px 279px,#928cab24 280px 281px,transparent 282px 379px,#928cab1e 380px 381px,transparent 382px)} .na-hero::after{top:80px;width:360px;height:360px;background-size:9px 9px} .na-hero h1{max-width:400px;font-size:48px;line-height:1.05} .na-lede{font-size:15px} .na-actions{gap:9px;margin-top:24px} .na-button{min-height:45px;padding:9px 17px;font-size:13px} .na-proof{gap:4px 13px;font-size:11px} .na-hero-visual{margin-top:46px} .na-hero-screen{aspect-ratio:820/510} .na-hero-label{top:-15px;left:9px;padding:6px 9px;font-size:9px} .na-bot{width:64px;right:-8px;bottom:-8px} .na-section{width:calc(100% - 36px);padding:73px 0} .na-intro{padding-top:62px} .na-section h2,.na-final h2{font-size:38px} .na-section-lede{font-size:15px} .na-steps{gap:5px 18px;margin-top:34px} .na-steps h3{margin-top:14px;font-size:15px} .na-steps p,.na-feature-grid p{font-size:13px} .na-product-band,.na-compare{width:100%;padding:73px 18px} .na-feature-grid{gap:0 17px} .na-feature-grid h3{font-size:14px} .na-focus-row{margin-top:22px;padding-top:52px} .na-focus-row h3{font-size:36px} .na-compare-grid{grid-template-columns:1fr} .na-compare-grid>div,.na-compare-grid>div+div{padding:27px 0;border-left:0} .na-compare-grid>div+div{border-top:1px solid #dcd9ed} .na-final{padding:64px 18px} .na-final>img{width:68px} .na-footer{width:calc(100% - 36px);align-items:flex-start;flex-wrap:wrap;padding:25px 0} .na-footer p{width:100%;order:3} }
@media(max-width:360px){ .na-hero h1{font-size:43px} .na-button{padding:8px 14px} }
@media(max-width:600px){
  .na-hero h1 { font-size:43px; }
  .na-hero-visual { margin-top:34px; }
  .na-preview-content { padding:14px; }
  .na-preview-content h3 { font-size:14px; }
  .na-preview-heading>span { font-size:9px; }
  .na-preview-grid { grid-template-columns:1fr; }
  .na-preview-hero .na-preview-grid>.na-preview-card:last-child,.na-preview-hero .na-preview-upnext { display:none; }
  .na-preview-input { min-height:0; }
  .na-preview-notes { grid-template-columns:1fr; }
  .na-preview-folders { display:none; }
  .na-preview-focus { grid-template-columns:1fr; }
  .na-preview-timer { min-height:220px; }
  .na-preview-focus-side { grid-template-columns:1fr; }
  .na-preview-focus-side .na-preview-card:first-child { display:none; }
}