:root{
  --bg:#f7f8fa;--paper:#fff;--paper2:#fbfcfd;--ink:#15191e;--muted:#6f7882;--muted2:#9aa2aa;
  --line:rgba(24,34,44,.09);--line2:rgba(24,34,44,.14);
  --blue:#587b9d;--blue2:#456886;--blue3:#7897b3;--blue-soft:#edf3f8;--blue-soft2:#f4f7fa;
  --green:#6e917a;--warm:#a58e6d;--dark:#12181e;--dark2:#18212a;
  --shadow:0 28px 90px rgba(37,54,72,.10);--shadow2:0 12px 34px rgba(37,54,72,.075);
  --ease:cubic-bezier(.2,.75,.2,1);--r-xl:34px;--r-lg:26px;--r-md:18px;--r-sm:12px;
  --shell:min(1180px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:
  radial-gradient(circle at 18% -10%,rgba(134,167,197,.16),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(187,204,219,.17),transparent 26%),
  linear-gradient(#fbfcfd 0%,#f6f8fa 53%,#fafbfd 100%);
  color:var(--ink);font-family:"Avenir Next","SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}
body.dark-page{background:#10161c;color:#f3f6f8}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{tap-highlight-color:transparent}
button{cursor:pointer}
img{max-width:100%}
[hidden]{display:none!important}
.shell{width:var(--shell);margin-inline:auto}
.grain{position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px 14px;border-radius:10px}
.eyebrow,.tinycap,.section-kicker{font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--blue2)}
.muted{color:var(--muted)}
.micro{font-size:.875rem;color:var(--muted2);line-height:1.55}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6f987e;margin-inline-end:7px}
.site-top{position:sticky;top:0;z-index:80;background:rgba(248,249,251,.80);backdrop-filter:blur(22px) saturate(145%);border-bottom:1px solid rgba(20,28,36,.055)}
.nav{height:72px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#8aa6c0,#4d6f91);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:5px;box-shadow:inset 0 1px rgba(255,255,255,.4)}
.brand-mark i{width:4px;border-radius:4px;background:#fff;display:block}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px}
.brand-copy{display:grid;line-height:1.04}.brand-copy strong{font-size:.875rem}.brand-copy small{font-size:.875rem;color:#929aa2;margin-top:4px}
.nav-links{margin-inline-start:auto;display:flex;gap:23px;align-items:center}
.nav-links a{font-size:.875rem;color:#626b75;transition:.22s var(--ease)}.nav-links a:hover{color:#12161a;transform:translateY(-1px)}
.nav-actions{display:flex;gap:8px;align-items:center}
.pill,.ghost,.soft,.icon,.primary,.secondary,.provider,.plan-cta,.quiet-button{border:1px solid var(--line);transition:.24s var(--ease)}
.pill{height:36px;border-radius:999px;background:rgba(255,255,255,.76);padding:0 12px;font-size:.875rem;font-weight:700;color:var(--ink)}
.pill:hover,.ghost:hover,.soft:hover,.icon:hover,.secondary:hover,.provider:hover,.quiet-button:hover{transform:translateY(-1px);background:#fff;box-shadow:var(--shadow2)}
.primary{height:48px;border:0;border-radius:999px;padding:0 20px;background:linear-gradient(135deg,#5f82a7,#456987);color:#fff;font-size:.875rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 36px rgba(70,104,138,.22)}
.primary:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(70,104,138,.30)}
.secondary,.ghost{height:44px;border-radius:999px;background:rgba(255,255,255,.75);padding:0 15px;font-size:.875rem;font-weight:700;color:#46515c;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.icon{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.7);display:grid;place-items:center}
.lang-menu{position:relative}.lang-pop{position:absolute;top:44px;inset-inline-end:0;width:255px;max-height:420px;overflow:auto;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--shadow);display:none}
.lang-menu.open .lang-pop{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.lang-pop a{font-size:.875rem;padding:9px 10px;border-radius:9px;color:#5e6770}.lang-pop a:hover{background:var(--blue-soft);color:#426482}.lang-pop a.active{background:var(--blue-soft);color:#426482;font-weight:800}

.hero{padding:104px 0 88px;display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;align-items:center}
.hero h1{font-size:clamp(54px,6vw,84px);line-height:.98;letter-spacing:-.06em;font-weight:590;margin:10px 0 0}
.hero .lead{font-size:17px;line-height:1.72;color:#606a74;margin:28px 0 0;max-width:650px}
.hero-actions{display:flex;gap:11px;align-items:center;margin-top:32px;flex-wrap:wrap}
.live-note{margin-top:23px;font-size:.875rem;color:#79828b}
.hero-stage{min-height:555px;position:relative}
.web-window{position:absolute;inset:26px 0 0 38px;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}
.window-top{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}
.lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#cbd0d4}.lights i:nth-child(1){background:#dda79e}.lights i:nth-child(2){background:#dfc981}.lights i:nth-child(3){background:#91b69d}
.window-top b{font-size:.875rem;color:#6f7880;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:#fff}
.window-top span{text-align:end;font-size:.875rem;color:#9aa2a9}
.mock-app{display:grid;grid-template-columns:142px 1fr;min-height:428px}
.mock-side{border-inline-end:1px solid var(--line);padding:18px 10px;background:#fafbfc}
.mock-side strong{font-size:.875rem;display:block;padding:4px 8px 16px}.mock-side span{font-size:.875rem;color:#89919a;height:32px;display:flex;align-items:center;padding:0 8px;border-radius:9px;margin-bottom:4px}.mock-side span.on{background:var(--blue-soft);color:#426482;font-weight:800}
.mock-main{padding:22px}.mock-main small{font-size:.875rem;color:#9ba2a9;letter-spacing:.08em}.mock-main h3{font-size:21px;letter-spacing:-.035em;margin:6px 0 18px;font-weight:590}
.resume{border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:137px 1fr;background:#fff}
.scene{position:relative;min-height:135px;background:linear-gradient(#2e4357,#70879a 58%,#263b4d 59%,#1c2f3d);overflow:hidden}
.scene:before{content:"";position:absolute;width:34px;height:34px;border-radius:50%;right:20px;top:22px;background:rgba(241,235,205,.83)}
.scene:after{content:"";position:absolute;left:-30px;bottom:24px;width:220px;height:106px;background:#385066;clip-path:polygon(0 100%,34% 27%,54% 62%,70% 36%,100% 100%)}
.resume-copy{padding:14px}.resume-copy h4{font-size:.875rem;line-height:1.3;margin:5px 0}.resume-copy p{font-size:.875rem;color:#8b939b;line-height:1.5}.resume-copy button{border:0;background:var(--blue);color:#fff;border-radius:999px;padding:7px 9px;font-size:.875rem}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.mini-grid div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px;min-height:83px}.mini-grid b{font-size:.875rem}.mini-grid p{font-size:.875rem;color:#838c95;line-height:1.45;margin:7px 0 0}
.chrome-card{position:absolute;left:0;bottom:0;width:240px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow2)}
.chrome-card strong{font-size:.875rem;display:block;margin:5px 0 9px}.handoff{display:flex;align-items:center;gap:7px;font-size:.875rem;color:#7a838c}.handoff i{height:1px;flex:1;background:linear-gradient(90deg,#d9e0e6,#7795b0)}
.chrome-card a{margin-top:10px;width:100%;height:32px;border-radius:999px;background:var(--blue-soft);color:#486a88;font-size:.875rem;font-weight:800;display:flex;align-items:center;justify-content:center}

.section{padding:104px 0;border-top:1px solid rgba(23,32,42,.06)}
.section-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:38px}
.section-head h2,.statement h2,.page-hero h1,.account-hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.06;letter-spacing:-.048em;font-weight:590;margin:7px 0 0}
.section-head p,.statement p{font-size:14px;line-height:1.75;color:#67717a;margin:0}
.statement{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}
.statement p{font-size:16px}
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:34px}
.loop-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.8);padding:18px;min-height:185px;transition:.25s var(--ease)}
.loop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2);background:#fff}
.loop-card .n{font-size:.875rem;color:#99a1a8}.loop-card h3{font-size:15px;letter-spacing:-.02em;margin:20px 0 8px}.loop-card p{font-size:.875rem;line-height:1.58;color:#77818a}
.spaces{background:linear-gradient(180deg,rgba(229,237,244,.55),rgba(247,249,251,.88));border-top:1px solid rgba(52,73,94,.07);border-bottom:1px solid rgba(52,73,94,.07)}
.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.space-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:21px;min-height:230px;display:flex;flex-direction:column;transition:.28s var(--ease)}
.space-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.space-icon{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:#496b89;display:grid;place-items:center;font-size:16px}.space-card:nth-child(2) .space-icon{background:#171f27;color:#fff}.space-card:nth-child(3) .space-icon{background:#f5f1eb;color:#8c7659}.space-card:nth-child(4) .space-icon{background:#eef2ef;color:#667f70}.space-card:nth-child(5) .space-icon{background:#f3f4f5;color:#65727d}
.space-card h3{font-size:20px;letter-spacing:-.035em;margin:18px 0 8px}.space-card p{font-size:.875rem;line-height:1.65;color:#76808a;margin:0}.space-card a{margin-top:auto;padding-top:20px;font-size:.875rem;font-weight:800;color:#4c6c8b}
.extension-band{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.role-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff}.role-card.chrome{background:#151d25;color:#fff;border-color:rgba(255,255,255,.08)}.role-card.chrome p{color:#9eabb5}.role-card h3{font-size:28px;letter-spacing:-.04em;margin:7px 0 12px}.role-card p{font-size:.875rem;line-height:1.7;color:#74808a}.role-list{display:grid;gap:9px;margin-top:20px}.role-list span{font-size:.875rem;padding:9px 11px;border-radius:10px;background:#f5f7f9}.chrome .role-list span{background:rgba(255,255,255,.055);color:#cbd2d8}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto}
.plan{position:relative;border:1px solid var(--line);border-radius:26px;background:#fff;padding:28px;box-shadow:var(--shadow2)}
.plan.featured{border-color:rgba(83,119,151,.28);box-shadow:0 28px 80px rgba(67,100,131,.14);background:linear-gradient(180deg,#fff,#f7fafc)}
.plan-badge{position:absolute;top:18px;inset-inline-end:18px;background:var(--blue-soft);color:#4b6f8f;border-radius:999px;padding:6px 9px;font-size:.875rem;font-weight:800}
.plan h3{font-size:14px;margin:0 0 16px}.price{font-size:45px;letter-spacing:-.055em;font-weight:630}.period{font-size:.875rem;color:#8d959d}.plan p{font-size:.875rem;color:#747e87;line-height:1.65;min-height:54px}.plan ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.plan li{font-size:.875rem;color:#53606b}.plan li:before{content:"✓";color:#678976;margin-inline-end:8px}.plan-cta{width:100%;height:43px;border-radius:999px;background:#f6f8fa;color:#3e4c58;font-size:.875rem;font-weight:800}.featured .plan-cta{background:linear-gradient(135deg,#5d80a3,#466a89);color:#fff;border:0}
.payment-note{max-width:900px;margin:16px auto 0;border:1px solid var(--line);border-radius:18px;padding:15px 17px;background:rgba(255,255,255,.72);display:grid;gap:6px}.payment-note p{font-size:.875rem;color:#7b858e;margin:0}
.faq-list{max-width:880px;margin:0 auto;display:grid;gap:8px}.faq-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;display:flex;justify-content:space-between;gap:20px;text-align:start;padding:18px;font-size:.875rem;font-weight:800;color:#29323a}.faq-q span:last-child{font-size:16px;color:#99a1a8}.faq-a{display:none;padding:0 18px 18px;color:#6f7982;font-size:.875rem;line-height:1.7}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta-band{border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#151d25,#22303b);padding:48px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.cta-band h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:7px 0 12px}.cta-band p{font-size:.875rem;color:#aeb8c1;line-height:1.65;margin:0}.cta-actions{display:grid;gap:8px;min-width:190px}.cta-actions .secondary{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.12)}
.site-footer{border-top:1px solid rgba(24,34,44,.07);padding:30px 0 46px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.footer-links{justify-self:end;display:flex;gap:15px;flex-wrap:wrap}.footer-links a,.site-footer p{font-size:.875rem;color:#8b939b}.footer-grid .brand{justify-self:start}
.footer-center{text-align:center}

/* Internal pages */
.page-top{padding:70px 0 32px}.page-back{font-size:.875rem;color:#65717c;display:inline-flex;align-items:center;gap:7px}.page-hero{padding:50px 0 60px;max-width:850px}.page-hero p{font-size:15px;line-height:1.75;color:#6a747e;max-width:720px;margin:20px 0 0}
.app-shell{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.84);box-shadow:var(--shadow);min-height:690px;margin-bottom:90px}
.app-side{border-inline-end:1px solid var(--line);padding:18px 12px;background:#fafbfc;display:flex;flex-direction:column}.app-side .side-title{font-size:.875rem;font-weight:800;padding:8px 10px 20px}.side-link{height:39px;border-radius:10px;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:.875rem;color:#737d86;margin-bottom:3px}.side-link.active{background:var(--blue-soft);color:#436481;font-weight:800}.side-bottom{margin-top:auto}.app-main{padding:32px 34px}.app-main h2{font-size:30px;letter-spacing:-.04em;margin:0}.app-main .sub{font-size:.875rem;color:#929aa2;margin-top:6px}.workspace-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:25px}.panel{border:1px solid var(--line);border-radius:19px;background:#fff;padding:17px}.panel h3{font-size:14px;letter-spacing:-.02em;margin:3px 0 10px}.panel p{font-size:.875rem;color:#77818a;line-height:1.6}.continue-panel{display:grid;grid-template-columns:145px 1fr;overflow:hidden;padding:0}.continue-panel .scene{min-height:175px}.continue-body{padding:17px}.continue-body h3{font-size:16px;line-height:1.35}.small-thought blockquote{font-size:16px;line-height:1.55;margin:18px 0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:.875rem;color:#5f7080;background:#f1f5f8;border-radius:999px;padding:5px 8px}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.saved-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;min-height:156px;display:flex;flex-direction:column}.saved-card .meta{font-size:.875rem;color:#9ca3aa}.saved-card p{font-size:.875rem;line-height:1.55}.saved-card .bottom{margin-top:auto;font-size:.875rem;color:#9aa1a8}
.empty{border:1px dashed rgba(54,72,89,.18);border-radius:16px;padding:26px;text-align:center;color:#8b949d;font-size:.875rem;line-height:1.7}

/* Focus */
.focus-nav{height:64px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(15,21,27,.84);backdrop-filter:blur(20px);position:sticky;top:0;z-index:60}.focus-nav .shell{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.focus-nav a,.focus-nav button{color:#d9dfe4}.focus-ident strong{font-size:.875rem}.focus-ident small{display:block;font-size:.875rem;color:#74808a;margin-top:2px}.focus-time{text-align:center;font-size:.875rem;color:#d3d9de;font-variant-numeric:tabular-nums}.focus-time span{display:block;font-size:.875rem;color:#77838d;margin-top:3px}.focus-actions{justify-self:end;display:flex;gap:7px}.quiet-button{height:31px;border-radius:999px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#aab4bd;padding:0 10px;font-size:.875rem}
.focus-layout{width:min(1360px,calc(100% - 34px));margin:18px auto 60px;display:grid;grid-template-columns:1.24fr .76fr;border:1px solid rgba(255,255,255,.075);border-radius:24px;overflow:hidden;background:#171f27;min-height:720px}
.focus-main{padding:16px;border-inline-end:1px solid rgba(255,255,255,.07)}.video-frame{aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#0d1216;border:1px solid rgba(255,255,255,.08);position:relative}.video-frame iframe{width:100%;height:100%;border:0}.video-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#7d8993}.video-empty b{font-size:.875rem;color:#d6dce1}.video-empty p{font-size:.875rem;max-width:370px;line-height:1.55}.focus-transcript{margin-top:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden}.transcript-head{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between}.transcript-head span{font-size:.875rem;letter-spacing:.12em;color:#79858f}.transcript-line{padding:13px 12px;display:grid;grid-template-columns:42px 1fr;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.transcript-line:last-child{border-bottom:0}.transcript-line time{font-size:.875rem;color:#64717b}.transcript-line p{margin:0;font-size:.875rem;line-height:1.5;color:#b9c2c9}.transcript-line small{display:block;margin-top:4px;color:#75828d;font-size:.875rem}.focus-side{padding:20px;display:flex;flex-direction:column}.focus-side h2{font-size:19px;letter-spacing:-.03em;margin:5px 0}.focus-side .quiet{font-size:.875rem;color:#79858f}.note-box{margin-top:16px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025);padding:13px}.note-box textarea{width:100%;min-height:340px;background:transparent;border:0;outline:0;resize:vertical;color:#d9dee2;font-size:.875rem;line-height:1.75}.focus-source{margin-top:15px;border-radius:12px;background:rgba(255,255,255,.025);padding:11px;font-size:.875rem;color:#8c98a2;line-height:1.55}.focus-bottom{margin-top:auto;padding-top:16px;font-size:.875rem;color:#697680}

/* Notes and library */
.editor-wrap{max-width:1000px;margin:0 auto 80px;display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}.source-card,.editor-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px}.source-card h3,.editor-card h3{font-size:17px;letter-spacing:-.03em;margin:5px 0 12px}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:.875rem;color:#8f979f;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;background:#fbfcfd;padding:10px 11px;outline:0;color:#26313b;font-size:.875rem}.field textarea{min-height:360px;line-height:1.7;resize:vertical}.field input:focus,.field textarea:focus{border-color:rgba(79,113,145,.35);box-shadow:0 0 0 3px rgba(92,127,159,.08)}
.library-toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:18px}.search{max-width:320px;flex:1}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:80px}.collection{border:1px solid var(--line);border-radius:21px;background:#fff;padding:18px;min-height:215px}.collection-cover{height:86px;border-radius:15px;background:linear-gradient(145deg,#7394b2,#425f7b);display:flex;align-items:flex-end;padding:13px;color:#fff;font-size:25px;font-weight:700}.collection:nth-child(2) .collection-cover{background:linear-gradient(145deg,#b7a382,#8b775b)}.collection:nth-child(3) .collection-cover{background:linear-gradient(145deg,#9aa4a6,#687577)}.collection h3{font-size:16px;margin:14px 0 6px}.collection p{font-size:.875rem;color:#7b858e;line-height:1.55}.collection .stats{font-size:.875rem;color:#9ba2a9;margin-top:15px}

/* Learn */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:80px}.guide{border:1px solid var(--line);border-radius:21px;background:#fff;padding:16px;transition:.25s var(--ease)}.guide:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}.guide-art{height:145px;border-radius:15px;background:linear-gradient(145deg,#2c4355,#819db4);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:700}.guide:nth-child(2) .guide-art{background:linear-gradient(145deg,#eef3f7,#d9e5ee);color:#476885}.guide:nth-child(3) .guide-art{background:linear-gradient(145deg,#f1f2f3,#dbe1e5);color:#657683}.guide h3{font-size:16px;line-height:1.35;margin:14px 0 7px}.guide p{font-size:.875rem;color:#7b858e;line-height:1.55}

/* Auth / account / billing */
.center-shell{width:min(980px,calc(100% - 36px));margin:0 auto;padding:60px 0 90px}.auth-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}.auth-story{border-radius:28px;background:linear-gradient(145deg,#17212a,#263643);color:#fff;padding:36px;display:flex;flex-direction:column}.auth-story h1{font-size:40px;line-height:1.08;letter-spacing:-.045em;margin:12px 0 18px}.auth-story p{font-size:.875rem;color:#aab5be;line-height:1.7}.auth-story .bottom{margin-top:auto;font-size:.875rem;color:#788791}.auth-card{border:1px solid var(--line);border-radius:28px;background:#fff;padding:28px;box-shadow:var(--shadow)}.auth-card h2{font-size:24px;letter-spacing:-.035em;margin:7px 0 7px}.auth-card>p{font-size:.875rem;color:#7d868f;line-height:1.6}.provider{height:43px;width:100%;border-radius:12px;background:#fbfcfd;text-align:start;padding:0 13px;font-size:.875rem;color:#26313b;margin-top:8px}.provider b{display:inline-grid;width:24px;margin-inline-end:8px}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#a1a8ae;font-size:.875rem}.divider:before,.divider:after{content:"";height:1px;background:#edf0f2;flex:1}.form-message{font-size:.875rem;line-height:1.55;padding:10px;border-radius:10px;background:#f4f7f9;color:#65717b;margin-top:11px}.form-message.error{background:#fbf2f1;color:#9a5f58}.form-message.good{background:#f1f7f3;color:#5c7d69}
.auth-tabs{display:flex;gap:5px;background:#f5f7f9;border-radius:999px;padding:4px;margin-bottom:13px}.auth-tabs button{flex:1;height:31px;border:0;border-radius:999px;background:transparent;font-size:.875rem;color:#78828b}.auth-tabs button.active{background:#fff;color:#31414f;box-shadow:0 2px 8px rgba(35,48,61,.08)}
.account-hero{padding:62px 0 35px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:80px}.account-card{border:1px solid var(--line);border-radius:21px;background:#fff;padding:20px}.account-card.span2{grid-column:1/-1}.account-profile{display:flex;gap:12px;align-items:center}.avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#85a2bd,#4f6e8d);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800}.account-profile strong,.account-profile small{display:block}.account-profile strong{font-size:.875rem}.account-profile small{font-size:.875rem;color:#929aa2;margin-top:3px}.status-badge{margin-inline-start:auto;background:#edf5f0;color:#5e816c;border-radius:999px;padding:6px 9px;font-size:.875rem;font-weight:800}.account-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #eef1f3;padding:12px 0;font-size:.875rem}.account-row:last-child{border-bottom:0}.account-row span{color:#87919a}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.security-card{background:linear-gradient(145deg,#f8fafb,#f2f6f8)}.security-list{display:grid;gap:8px;margin-top:14px}.security-item{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px}.security-item i{width:24px;height:24px;border-radius:50%;background:#edf5f0;color:#5f806d;display:grid;place-items:center;font-style:normal;font-size:.875rem}.security-item strong,.security-item small{display:block}.security-item strong{font-size:.875rem}.security-item small{font-size:.875rem;color:#90989f;margin-top:2px}
.billing-shell{max-width:940px;margin:0 auto 90px}.billing-status{border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px 17px;margin-bottom:17px;display:flex;justify-content:space-between;gap:20px;align-items:center}.billing-status p{font-size:.875rem;color:#78828b;line-height:1.55;margin:0}.billing-status strong{font-size:.875rem}
.checkout-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.checkout-card{width:min(620px,100%);border:1px solid var(--line);border-radius:26px;background:#fff;padding:32px;box-shadow:var(--shadow);text-align:center}.checkout-card h1{font-size:30px;letter-spacing:-.04em}.checkout-card p{font-size:.875rem;color:#77818a;line-height:1.65}.spinner{width:34px;height:34px;border-radius:50%;border:2px solid #dce4ea;border-top-color:var(--blue);animation:spin .8s linear infinite;margin:18px auto}@keyframes spin{to{transform:rotate(360deg)}}

/* Legal/content */
.content-page{max-width:840px;margin:0 auto 90px;border:1px solid var(--line);border-radius:24px;background:#fff;padding:34px}.content-page h2{font-size:20px;margin:28px 0 10px}.content-page h2:first-child{margin-top:0}.content-page p,.content-page li{font-size:.875rem;line-height:1.8;color:#66717a}.content-page ul{padding-inline-start:20px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px}.support-card h3{font-size:17px;margin:5px 0 8px}.support-card p{font-size:.875rem;color:#747e87;line-height:1.65}

/* Motion */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
html[dir="rtl"] .hero h1,html[dir="rtl"] .page-hero h1{letter-spacing:-.02em}

@media(max-width:980px){
  .nav-links{display:none}.hero,.section-head,.statement,.extension-band,.auth-layout{grid-template-columns:1fr;gap:38px}
  .hero-stage{min-height:500px}.loop{grid-template-columns:1fr 1fr 1fr}.space-grid{grid-template-columns:1fr 1fr}
  .app-shell{grid-template-columns:1fr}.app-side{display:none}.workspace-grid{grid-template-columns:1fr}
  .focus-layout{grid-template-columns:1fr}.focus-main{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .editor-wrap{grid-template-columns:1fr}.collection-grid,.guide-grid{grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}.account-card.span2{grid-column:auto}
  .cta-band{grid-template-columns:1fr}.cta-actions{display:flex;min-width:0}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links,.footer-grid .brand{justify-self:center}
}
@media(max-width:680px){
  :root{--shell:min(100% - 28px,1180px)}
  .nav{height:64px}.brand-copy small{display:none}.nav-actions .pill.account-link{display:none}
  .hero{padding:70px 0}.hero h1{font-size:46px}.hero .lead{font-size:14px}.hero-actions{align-items:stretch}.hero-actions .primary,.hero-actions .secondary{width:100%}
  .hero-stage{min-height:430px}.web-window{inset:10px 0 0 0}.mock-app{grid-template-columns:1fr}.mock-side{display:none}.chrome-card{width:215px}
  .section{padding:76px 0}.loop{grid-template-columns:1fr}.space-grid,.pricing-grid,.collection-grid,.guide-grid,.support-grid{grid-template-columns:1fr}
  .page-top{padding-top:35px}.page-hero{padding:35px 0 42px}.app-main{padding:23px 14px}.continue-panel{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr}
  .focus-nav .shell{grid-template-columns:1fr auto}.focus-time{display:none}.focus-layout{width:calc(100% - 16px);margin-top:8px}.focus-main{padding:8px}.focus-side{padding:15px}.focus-actions button:first-child{display:none}
  .center-shell{padding-top:28px}.auth-story{display:none}.auth-card{padding:22px}.account-hero{padding-top:38px}
  .cta-band{padding:30px 22px}.cta-actions{display:grid}.content-page{padding:23px 18px}
}

.plan-cta:disabled,.provider:disabled{opacity:.52;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* === Web Core Premium Readability v2 === */
:root{
  --shell:min(1240px,calc(100% - 56px));
  --ink:#11151a;--muted:#626d78;--muted2:#87919b;
  --shadow:0 30px 100px rgba(29,46,64,.105);--shadow2:0 14px 42px rgba(29,46,64,.08);
}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Avenir Next","Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;font-weight:400;letter-spacing:-.006em;
  background:
    radial-gradient(circle at 50% -18%,rgba(163,188,211,.18),transparent 34%),
    radial-gradient(circle at 90% 28%,rgba(214,224,233,.25),transparent 26%),
    linear-gradient(180deg,#fbfcfd 0%,#f5f7f9 48%,#fafbfd 100%);
}
.site-top{background:rgba(249,250,251,.86);backdrop-filter:blur(28px) saturate(155%)}
.nav{height:76px}.brand-copy strong{font-size:14px;font-weight:650}.brand-copy small{font-size:.875rem}.nav-links a{font-size:.875rem;font-weight:500}.pill{height:39px;padding:0 14px;font-size:.875rem}.primary{height:50px;padding:0 22px;font-size:.875rem}.secondary,.ghost{height:46px;padding:0 17px;font-size:.875rem}
.eyebrow,.tinycap,.section-kicker{font-size:.875rem;letter-spacing:.16em;font-weight:750}.micro{font-size:.875rem}.hero{padding:116px 0 100px}.hero h1{font-size:clamp(58px,6.2vw,88px);font-weight:650;letter-spacing:-.065em}.hero .lead{font-size:19px;line-height:1.68;color:#5d6873;max-width:680px}.live-note{font-size:.875rem}
.section{padding:116px 0}.section-head{margin-bottom:48px}.section-head h2,.statement h2,.page-hero h1,.account-hero h1{font-size:clamp(42px,4.6vw,64px);font-weight:650;letter-spacing:-.055em}.section-head p,.statement p{font-size:16px;line-height:1.72;color:#616d78}.statement p{font-size:18px}
.loop-card{padding:22px;min-height:205px}.loop-card .n{font-size:.875rem}.loop-card h3{font-size:18px;font-weight:650}.loop-card p{font-size:14px;line-height:1.64}.space-grid{gap:16px}.space-card{border-radius:26px;padding:26px;min-height:255px}.space-card h3{font-size:23px;font-weight:650}.space-card p{font-size:14.5px;line-height:1.68}.space-card a{font-size:.875rem;padding-top:24px}.space-icon{width:42px;height:42px;border-radius:13px;font-size:17px}
.role-card{border-radius:28px;padding:32px}.role-card h3{font-size:31px;font-weight:650}.role-card p{font-size:15px;line-height:1.72}.role-list span{font-size:.875rem;padding:11px 13px}

/* Pricing follows the calm, single-card reference: annual first, monthly one click away. */
.pricing-premium{padding-top:126px;padding-bottom:126px}
.pricing-intro{text-align:center;max-width:1120px;margin:0 auto 38px}.pricing-intro h2{font-size:clamp(48px,5.7vw,82px);line-height:1.01;letter-spacing:-.065em;font-weight:680;margin:16px 0 22px;color:#11151a}.pricing-intro p{max-width:780px;margin:0 auto;font-size:17px;line-height:1.65;color:#66717d}
.pricing-switch{width:max-content;margin:0 auto 34px;padding:5px;background:#eaf0f5;border:1px solid rgba(61,82,102,.05);border-radius:999px;display:flex;gap:2px;box-shadow:inset 0 1px 2px rgba(30,50,70,.04)}
.pricing-switch button{border:0;background:transparent;border-radius:999px;min-width:112px;height:44px;padding:0 18px;color:#34404b;font-size:14px;font-weight:600;transition:.24s var(--ease)}
.pricing-switch button.active{background:#fff;color:#11151a;box-shadow:0 6px 20px rgba(43,61,79,.10)}
.pricing-grid{display:block;max-width:1120px;margin:0 auto}.pricing-grid .plan{display:none}.pricing-grid[data-active="yearly"] .plan[data-plan-card="yearly"],.pricing-grid[data-active="monthly"] .plan[data-plan-card="monthly"]{display:grid}
.plan{grid-template-columns:minmax(250px,.95fr) minmax(320px,1.15fr) minmax(190px,.58fr);gap:44px;align-items:center;border-radius:34px;padding:42px 44px;background:rgba(255,255,255,.92);box-shadow:0 28px 90px rgba(42,61,80,.09);border:1px solid rgba(35,49,64,.10)}
.plan.featured{background:rgba(255,255,255,.94);border-color:rgba(35,49,64,.10);box-shadow:0 28px 90px rgba(42,61,80,.09)}
.plan-summary{min-width:0}.plan-label{font-size:.875rem;letter-spacing:.17em;color:#8e99a5;font-weight:650;margin-bottom:8px}.plan-type{font-size:.875rem;color:#75818c;margin-bottom:2px}.plan-price{white-space:nowrap}.price{font-size:clamp(54px,5vw,72px);line-height:1;letter-spacing:-.065em;font-weight:700;color:#101419}.period{font-size:15px;color:#88939e}.plan p{font-size:14.5px;line-height:1.52;color:#6e7984;min-height:0;margin:18px 0 0}.plan p strong{color:#25303a;font-weight:650}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:11px}.plan-features li{font-size:15px;line-height:1.45;color:#596672}.plan-features li:before{content:"✓";font-weight:700;color:#526f87;margin-inline-end:9px}.plan-action{display:grid;gap:10px;justify-items:stretch}.plan-cta{height:54px;border:0;border-radius:999px;background:linear-gradient(135deg,#5f87ad,#4b7092);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(68,104,138,.20)}.plan-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(68,104,138,.26)}.plan-action small{text-align:center;font-size:.875rem;color:#98a1aa}.payment-note{max-width:1120px;margin-top:18px;border-radius:20px;padding:17px 20px}.payment-note p{font-size:.875rem;line-height:1.55}

/* FAQ should read like a conversation, not fine print. */
.faq-list{max-width:980px;gap:11px}.faq-item{border-radius:20px;background:rgba(255,255,255,.92)}.faq-q{padding:22px 24px;font-size:15px;line-height:1.45;font-weight:650;color:#222b33}.faq-q span:last-child{font-size:20px}.faq-a{padding:0 24px 23px;font-size:14.5px;line-height:1.72;color:#65717c}
.cta-band{border-radius:34px;padding:56px}.cta-band p{font-size:15px;line-height:1.7}.footer-links a,.site-footer p{font-size:.875rem}

/* Internal pages: readable for long sessions. */
.page-back{font-size:.875rem}.page-hero{padding:54px 0 68px;max-width:940px}.page-hero p{font-size:17px;line-height:1.72;max-width:780px}.app-shell{grid-template-columns:230px 1fr;border-radius:30px}.app-side{padding:20px 14px}.app-side .side-title{font-size:.875rem}.side-link{height:43px;font-size:.875rem}.app-main{padding:38px 40px}.app-main h2{font-size:34px;font-weight:650}.app-main .sub{font-size:.875rem}.panel{padding:20px}.panel h3{font-size:16px}.panel p{font-size:.875rem}.saved-card p{font-size:.875rem}.saved-card .meta,.saved-card .bottom{font-size:.875rem}.empty{font-size:.875rem}.collection p,.guide p{font-size:.875rem}.collection .stats{font-size:.875rem}.guide h3,.collection h3{font-size:18px}.content-page{max-width:900px;padding:42px;border-radius:28px}.content-page h2{font-size:25px}.content-page p,.content-page li{font-size:15px;line-height:1.78}.support-card{padding:25px}.support-card h3{font-size:20px}.support-card p{font-size:14px;line-height:1.7}.account-card{padding:24px}.account-profile strong{font-size:14px}.account-profile small{font-size:.875rem}.status-badge{font-size:.875rem}.account-row{font-size:.875rem}.security-item strong{font-size:.875rem}.security-item small{font-size:.875rem}
/* Focus remains cinematic/dark but text is no longer tiny. */
.focus-ident strong{font-size:.875rem}.focus-ident small{font-size:.875rem}.focus-time{font-size:.875rem}.focus-time span{font-size:.875rem}.quiet-button{height:34px;font-size:.875rem}.video-empty b{font-size:15px}.video-empty p{font-size:.875rem}.transcript-head span{font-size:.875rem}.transcript-line time{font-size:.875rem}.transcript-line p{font-size:.875rem;line-height:1.58}.transcript-line small{font-size:.875rem}.focus-side h2{font-size:22px}.focus-side .quiet{font-size:.875rem}.note-box textarea{font-size:14px}.focus-source{font-size:.875rem}.focus-bottom{font-size:.875rem}

@media(max-width:980px){
  :root{--shell:min(100% - 32px,1240px)}
  .plan{grid-template-columns:1fr;gap:24px;padding:32px}.plan-action{max-width:320px}.pricing-intro h2{font-size:clamp(42px,9vw,66px)}
}
@media(max-width:700px){
  :root{--shell:min(100% - 24px,1240px)}.nav{height:68px}.hero{padding:78px 0 68px}.section{padding:84px 0}.pricing-premium{padding:88px 0}.pricing-intro h2{font-size:clamp(38px,11vw,56px)}.pricing-intro p{font-size:15px}.pricing-switch button{min-width:96px;height:42px;font-size:.875rem}.plan{padding:27px 24px;border-radius:27px}.price{font-size:58px}.plan-features li{font-size:14px}.faq-q{font-size:14px;padding:19px}.faq-a{font-size:.875rem;padding:0 19px 19px}.content-page{padding:28px 22px}
}