:root{--sc-canvas:#080c0f;--sc-surface:#142027;--sc-ink:#eff4f3;--sc-ink-soft:#b0bfc4;--sc-accent:#00e58c;--sc-accent-ink:#071b12;--sc-font-display:'Space Grotesk',sans-serif;--sc-font-text:'Inter',sans-serif;--green:#00e58c;--muted:#a9bbc0;--line:#2d3a40;--gutter:clamp(24px,5.5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--sc-canvas);color:var(--sc-ink);font-family:var(--sc-font-text);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:active,.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--sc-font-display);font-weight:500;letter-spacing:-.05em;line-height:1.1}h2{font-size:clamp(34px,3.8vw,55px)}h2 span{color:#90a8a0}.wrap{width:min(1240px,calc(100% - var(--gutter)*2));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--green);padding:12px;color:#071b12;z-index:99}.skip:focus{top:8px}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:50%}.brand>span{font-family:var(--sc-font-display);font-size:28px;line-height:.9;letter-spacing:-1px}.brand small{display:block;font-family:var(--sc-font-text);font-size:10px;letter-spacing:1px;margin-top:7px}.nav nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}.signin{font-size:14px}.nav a:hover{color:var(--green)}.hero{text-align:center;padding:46px 0 26px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:500}.hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.04;letter-spacing:-.06em;margin:22px 0}.hero h1 span{color:#93b2a2}.hero-description{color:#b8c7cc;font-size:17px;line-height:1.6}.actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:23px}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;background:var(--green);color:#071b12;border:1px solid var(--green);border-radius:4px;padding:13px 22px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s ease-out,transform .15s ease-out}.button:hover{background:#66f8bc}.text-link{font-size:14px;display:inline-flex;gap:16px;align-items:center}.text-link:hover{color:var(--green)}.offer-note{font-size:12px;color:#a4bcb0;margin-top:14px}.example-act{--peel:0}.example-stage{display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:25px 0 35px}.example-top{display:flex;justify-content:space-between;max-width:1100px;gap:18px}.example-label{font-size:11px;color:#a9bbc0}.example-tabs{display:flex;gap:24px;margin-top:16px;max-width:1100px;border-bottom:1px solid var(--line)}.example-tabs button{padding:12px 0;border:0;background:none;color:#acbfc4;font-size:14px;position:relative}.example-tabs button[aria-selected=true]{color:var(--sc-ink)}.example-tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--green)}.example-tabs button:hover{color:var(--green)}.dossier{max-width:1100px;position:relative;height:500px;margin-top:25px;perspective:1600px}.orbit{position:absolute;inset:0 -70px;opacity:.33;pointer-events:none}.orbit svg{width:100%;height:100%;stroke:#547262;stroke-width:.7}.source-paper{position:absolute;top:16px;right:5%;width:40%;min-height:444px;border-radius:5px;padding:25px 30px;background:#e0e9e3;color:#193527;border:1px solid #f1f7f1;box-shadow:0 25px 55px #02060870;transform:translateX(calc((1 - var(--peel))*-145px)) rotate(calc((1 - var(--peel))*5deg));}.paper-kicker{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.source-paper h3{font-size:31px;letter-spacing:-.045em;margin-top:22px}.source-edition{font-size:13px;margin-top:8px;color:#496352}.source-paper dl{margin:24px 0 0}.source-paper dl>div{border-top:1px solid #b1c3b5;padding:9px 0}.source-paper dt{font-size:11px;color:#42604c}.source-paper dd{margin:2px 0 0;font-size:14px;line-height:1.4}.source-paper .folio{font-family:var(--sc-font-display);font-size:29px;letter-spacing:-.04em}.source-instruction{font-size:12px;margin-top:15px;line-height:1.55}.answer-paper{position:absolute;left:5%;top:0;width:58%;min-height:456px;background:#16232a;border:1px solid #60787d;border-radius:6px;padding:25px 30px;box-shadow:0 28px 65px #02080b90;transform:translateX(calc((1 - var(--peel))*80px)) rotate(calc((1 - var(--peel))*-2deg));}.answer-brand{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.12em;color:#acbec5}.mini-brand{font-family:var(--sc-font-display);font-size:27px;font-weight:600;letter-spacing:-1.5px;color:var(--green)}.answer-paper h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;margin:16px 0 14px}.answer-lead{font-size:15px;line-height:1.6;color:#e0e9e9}.answer-paper #answer-points{display:grid;gap:13px;margin-top:18px}.answer-paper #answer-points h3{font-family:var(--sc-font-text);font-size:12px;font-weight:600;letter-spacing:0;line-height:1.4;color:#cde1d6;margin-bottom:4px}.answer-paper #answer-points p{font-size:13px;line-height:1.6;color:#b2c4cb}.reference-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0 9px;margin-top:18px;border:0;border-top:1px solid #426051;background:none;color:#77edb1;font-size:12px;text-align:left}.reference-button:hover{color:#c0fddd}.sample-caption{font-size:10px;color:#9db3b8}.example-bottom{display:flex;align-items:center;justify-content:space-between;max-width:1000px;padding-top:12px;font-size:13px;color:#abc0b7}.example-bottom strong{font-weight:500;color:#d3e0d9}.peel-control{border:1px solid #5d7b68;color:#c7dfd0;background:#14251b;padding:10px 18px;border-radius:4px;font-size:12px;display:flex;gap:22px}.peel-control:hover{border-color:var(--green)}.method{padding:85px 0 32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px 70px}.method h2{margin-top:20px}.method-copy{padding-top:32px}.method-copy p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:17px;max-width:55ch}.method-copy .text-link{color:var(--green)}.book-line{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;color:#b5c5bd;font-family:var(--sc-font-display);font-size:19px;letter-spacing:-.03em}.book-note{grid-column:1/-1;font-size:11px;color:#91a69b;margin-top:-10px}.use{padding:65px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.use-list>div{padding:19px 0;border-bottom:1px solid var(--line)}.use-list>div:first-child{padding-top:0}.use-list h3{font-size:23px}.use-list p{font-size:14px;color:var(--muted);margin-top:9px;line-height:1.65;max-width:50ch}.pricing{padding:75px 0;background:#101b16;border-block:1px solid #2f4639}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-intro h2{margin-top:19px}.section-intro>p{font-size:14px;color:#aec3b6;line-height:1.7}.free-offer{display:flex;justify-content:space-between;align-items:center;background:#dcebe0;color:#143420;border:1px solid #edf5ef;border-radius:5px;padding:28px 32px;margin-top:38px}.plan-name{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.free-offer h3{font-size:30px;margin-top:7px}.free-offer p{font-size:13px;margin-top:7px}.free-offer .button{background:#153e2a;color:#eff7f0;border-color:#153e2a}.free-offer .button:hover{background:#24653e}.paid-plans{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:36px}.paid-plans article{padding:0 0 24px;border-bottom:1px solid #48634f}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-heading h3{font-size:25px}.plan-heading p{font-size:13px;color:#b1c6b8}.plan-heading strong{font-size:35px;font-family:var(--sc-font-display);font-weight:500;color:#edf5ef;letter-spacing:-.05em}.plan-limit{font-size:16px;margin-top:15px;color:#dcf0e3}.paid-plans article>p:not(.plan-limit){font-size:14px;color:#a6beb0;line-height:1.65;margin-top:10px}.plan-link{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding:12px 0;font-size:14px;color:#80e8ab}.plan-link:hover{text-decoration:underline}.pricing-notes{margin-top:22px;display:flex;gap:28px;justify-content:space-between;font-size:11px;color:#a3bbad}.pricing-notes a{text-decoration:underline}.faq{padding:80px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{margin-top:19px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:15px;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--green);font-size:20px;line-height:1.2}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;line-height:1.75;margin-top:15px;max-width:60ch}.closing{background:#182b20}.closing-inner{padding:55px 0;display:flex;justify-content:space-between;gap:40px;align-items:center}.closing h2{font-size:clamp(36px,4.3vw,61px);margin-top:20px}.closing-action{text-align:center}.closing-action p{font-size:12px;color:#b5cbbb;margin-top:14px}footer{padding:24px 0;border-top:1px solid #49634f;display:flex;justify-content:space-between;gap:20px;color:#b9ccbc;font-size:11px}footer a:hover{text-decoration:underline}dialog{width:min(630px,calc(100% - 36px));max-height:calc(100% - 48px);overflow:auto;border:1px solid #67836e;border-radius:9px;padding:38px;background:#14221b;color:var(--sc-ink);box-shadow:0 30px 100px #020804;margin:auto}dialog::backdrop{background:#030809c9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:27px;border:0;color:#c9ddcf;background:none;padding:4px 10px}dialog h2{font-size:32px;margin:23px 0}dialog blockquote{font-family:var(--sc-font-display);font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:25px 0;padding-bottom:20px;border-bottom:1px solid #43664e}dialog>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:17px;color:#bfcec3}dialog .editorial-note{font-size:12px!important;border-top:1px solid #43664e;padding-top:17px}dialog .dialog-footnote{font-size:11px!important;color:#a7beb0!important}
@media(min-width:851px) and (max-height:800px){.example-stage{padding-block:15px}.dossier{height:465px;margin-top:15px}.example-top{margin-bottom:0}.example-tabs{margin-top:8px}.example-bottom{padding-top:0}.source-paper{padding-top:18px;min-height:415px}.answer-paper{padding:17px 25px;min-height:425px}.answer-paper h2{font-size:24px;margin:10px 0}.answer-paper #answer-points{gap:9px;margin-top:12px}.answer-paper #answer-points p{font-size:12px}.reference-button{margin-top:12px}.source-paper h3{margin-top:15px}}
@media(max-width:1100px){.answer-paper{left:0;width:60%}.source-paper{right:0;width:44%}.dossier{height:540px}.source-paper{min-height:470px}.answer-paper{min-height:480px}.answer-paper h2{font-size:25px}.method,.use,.faq{gap:40px}.source-paper dd{font-size:13px}}
@media(max-width:850px){:root{--gutter:24px}.nav{height:76px}.nav nav{gap:20px}.nav nav a{font-size:12px}.signin{font-size:12px}.brand img{width:34px;height:34px}.brand>span{font-size:25px}.hero{padding:37px 0 26px}.hero h1{font-size:clamp(36px,6.8vw,58px)}.hero-description{font-size:15px}.desktop-break{display:none}.hero .eyebrow{font-size:10px}.example-act{height:auto!important;--peel:1!important}.example-stage{position:relative!important;height:auto!important;min-height:0!important;padding:15px 0 40px;overflow:visible}.example-top{flex-direction:column;gap:5px}.example-label{font-size:10px}.example-tabs{gap:24px}.example-tabs button{font-size:13px}.dossier{height:auto;display:flex;flex-direction:column;gap:18px;margin-top:20px}.orbit{display:none}.answer-paper,.source-paper{position:relative;inset:auto;width:100%;transform:none!important;min-height:0}.answer-paper{order:-1;padding:24px}.answer-paper h2{font-size:26px}.answer-lead{font-size:15px}.answer-paper #answer-points p{font-size:14px}.sample-caption{font-size:11px}.source-paper{padding:23px 25px}.source-paper h3{font-size:27px;margin-top:14px}.source-paper dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:17px}.source-paper dl>div:nth-child(2){grid-column:1/-1;grid-row:2}.source-paper dd{font-size:14px}.source-paper .folio{font-size:22px}.source-instruction{font-size:12px;margin-top:12px}.source-instruction br{display:none}.example-bottom{padding-top:24px}.peel-control{display:none}.method{padding-top:45px;grid-template-columns:1fr;gap:20px}.method-copy{padding-top:0}.method-copy p{font-size:15px}.method h2{font-size:38px}.book-line{grid-column:auto;flex-wrap:wrap;justify-content:start;gap:15px 25px;font-size:16px;margin-top:5px;padding-top:24px}.book-note{grid-column:auto;font-size:10px}.use{grid-template-columns:1fr;padding:40px 0 55px;gap:28px}.use h2{font-size:38px}.use-list h3{font-size:22px}.pricing{padding:50px 0}.section-intro{display:block}.section-intro>p{margin-top:20px}.pricing h2{font-size:39px}.free-offer{padding:23px;gap:20px;margin-top:28px}.free-offer h3{font-size:24px}.free-offer .button{gap:22px}.paid-plans{gap:32px}.plan-heading{align-items:start;flex-direction:column;gap:8px}.plan-heading strong{font-size:34px}.plan-heading h3{font-size:24px}.plan-limit{font-size:14px}.paid-plans article>p:not(.plan-limit){font-size:13px}.paid-plans br{display:none}.pricing-notes{flex-direction:column;gap:10px}.faq{grid-template-columns:1fr;gap:32px;padding:55px 0}.faq h2{font-size:38px}.faq summary{font-size:14px}.closing-inner{display:block;padding:45px 0}.closing h2{font-size:38px}.closing-action{text-align:left;margin-top:27px;display:flex;align-items:center;gap:22px}.closing-action p{margin-top:0}footer{font-size:10px;flex-wrap:wrap}footer span:nth-child(2){order:3;flex-basis:100%}dialog{padding:29px}dialog h2{font-size:28px}}
@media(max-width:450px){.nav nav{display:none}.hero h1{font-size:clamp(34px,9.3vw,42px);letter-spacing:-.055em;line-height:1.1}.hero .eyebrow{font-size:9px;letter-spacing:.06em}.hero-description{font-size:15px}.actions{gap:16px}.button{padding:12px 17px;gap:22px;font-size:13px}.text-link{font-size:12px;gap:9px}.offer-note{font-size:11px}.example-tabs{gap:20px}.example-tabs button{font-size:12px}.example-top .eyebrow{font-size:9px;letter-spacing:.1em}.answer-paper{padding:20px}.answer-paper h2{font-size:24px}.answer-paper #answer-points p{font-size:13px}.answer-lead{font-size:14px}.reference-button{font-size:11px}.free-offer{align-items:start;flex-direction:column}.free-offer h3{font-size:27px}.free-offer .button{width:100%}.paid-plans{gap:24px}.plan-heading strong{font-size:31px}.plan-heading p{font-size:11px}.plan-link{font-size:12px}.pricing-notes{font-size:10px}.closing h2{font-size:34px}.closing-action{gap:18px}.closing-action p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.example-act{height:auto!important;--peel:1!important}.example-stage{position:relative!important;height:auto!important;min-height:0!important;padding-block:30px}.source-paper,.answer-paper,.orbit{transform:none!important}[data-sc-in]{opacity:1!important;transform:none!important}*{animation:none!important;transition:none!important}}
@media(scripting:none){.example-act{height:auto}.example-stage{position:relative;height:auto}.answer-paper,.source-paper{transform:none}.example-tabs button,.reference-button,.peel-control{display:none}}
@media(min-width:851px){.example-stage{justify-content:flex-start;padding-top:15px}.answer-paper{left:0;width:55%}.source-paper{right:0;width:42%}.dossier{height:530px}.source-paper{min-height:465px}}

/* Restore the live wordmark and give the reference action room to breathe. */
.brand{font-family:'Orbitron',sans-serif;font-weight:700;color:var(--green);letter-spacing:.15em;text-transform:uppercase;font-size:16px}
.example-bottom{padding-top:36px;padding-bottom:12px;gap:24px}
dialog{padding-top:52px}
@media(max-width:850px){.brand{font-size:13px;letter-spacing:.12em}}
@media(min-width:851px) and (max-height:800px){.example-act{height:auto!important;--peel:1!important}.example-stage{position:relative!important;height:auto!important;min-height:0!important;padding-bottom:36px}.answer-paper,.source-paper{transform:none!important}}

.apa-reference{font-family:var(--sc-font-text);font-size:14px;line-height:2;padding-left:48px;text-indent:-48px;margin-top:20px;color:#bfcec3}.reference-button{gap:16px;line-height:1.6}

/* Contemporary layout with Neo's original terminal character. */
:root{--sc-canvas:#090d0b;--sc-surface:#122019;--sc-accent:#00dc7c;--green:#00dc7c;--line:#2b3931}
.hero{padding-top:65px;padding-bottom:55px}.hero h1 span{color:var(--green)}
.terminal-example{max-width:1100px;padding:10px 0 70px}.terminal-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px}.terminal-heading .eyebrow{color:var(--green)}.terminal-heading>span{font-size:11px;color:var(--muted)}.terminal-question{display:flex;align-items:baseline;gap:16px;margin-bottom:25px}.prompt-mark{color:var(--green);font-size:29px;font-family:'Orbitron',sans-serif}.terminal-question h2{font-family:var(--sc-font-text);font-size:clamp(20px,2.1vw,28px);font-weight:500;letter-spacing:-.025em;line-height:1.45}.terminal-cursor{color:var(--green);margin-left:8px;animation:terminal-pulse 1.25s ease-in-out infinite}.terminal-answer{border-left:2px solid var(--green);padding:4px 0 4px 30px;max-width:940px}.terminal-answer>p{font-size:16px;line-height:1.85;color:#b7c9bd;margin-bottom:18px}.terminal-answer strong{color:#e8f3ed;font-weight:500}.terminal-answer .terminal-citation{font-size:13px;color:#75e5aa}.reference-details{border-top:1px solid var(--line);padding-top:23px;margin-top:27px}.reference-details summary{color:var(--green);font-size:13px;cursor:pointer}.apa-reference{line-height:2;font-size:14px;color:#b7c9bd;margin-top:24px;padding-left:48px;text-indent:-48px}.editorial-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}.free-offer{background:transparent;color:var(--sc-ink);border:0;border-block:1px solid var(--line);border-radius:0;padding-inline:0}.free-offer .button{background:var(--green);color:#071b12}.terminal-example+section{margin-top:0}
@keyframes terminal-pulse{0%,100%{opacity:1}50%{opacity:.12}}
@media(max-width:850px){.hero{padding:42px 0 35px}.terminal-example{padding-bottom:45px}.terminal-heading{gap:15px;margin-bottom:22px}.terminal-heading .eyebrow{font-size:9px}.terminal-heading>span{font-size:10px}.terminal-question{gap:10px}.terminal-question h2{font-size:21px}.terminal-answer{padding-left:19px}.terminal-answer>p{font-size:14px}.apa-reference{padding-left:26px;text-indent:-26px}}
@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}

/* Neo's original grid, softened behind the modern hero. */
body{position:relative;isolation:isolate}
body::before{content:"";position:absolute;inset:84px 0 auto;height:1120px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 20%,rgba(0,220,124,.105),transparent 56%),radial-gradient(ellipse at 84% 42%,rgba(0,130,90,.065),transparent 48%),linear-gradient(rgba(0,220,124,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,220,124,.05) 1px,transparent 1px);background-size:auto,auto,88px 88px,88px 88px;mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 100%)}
@media(max-width:850px){body::before{top:76px;height:1000px;background-size:auto,auto,56px 56px,56px 56px}}

/* A diffuse pool of green light, beneath the content and grid. */
.cursor-glow{position:fixed;top:0;left:0;width:0;height:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease;will-change:transform}
.cursor-glow::before{content:"";position:absolute;left:-260px;top:-260px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,220,124,.09) 0%,rgba(0,220,124,.035) 35%,transparent 70%)}
.cursor-glow.is-active{opacity:1}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-glow{display:none}}

/* Cursor spotlight reveals brighter lines aligned with the page grid. */
.cursor-glow{inset:0;width:auto;height:auto;transform:none;will-change:auto;background-image:linear-gradient(rgba(0,220,124,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(0,220,124,.24) 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(circle 240px at var(--pointer-x,-500px) var(--pointer-y,-500px),#000,transparent 100%);-webkit-mask-image:radial-gradient(circle 240px at var(--pointer-x,-500px) var(--pointer-y,-500px),#000,transparent 100%)}
.cursor-glow::before{content:none}
@media(max-width:850px){.cursor-glow{background-size:56px 56px}}

/* Clear, equally weighted plan actions. */
.paid-plans article{display:flex;flex-direction:column}
.paid-plans .plan-link{width:100%;min-height:48px;margin-top:auto;position:relative;top:0;justify-content:center;gap:12px;padding:12px 18px;border:1px solid #527d64;border-radius:4px;background:#182b20;color:#e1f3e8;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.paid-plans article>p:last-of-type{margin-bottom:28px}
.paid-plans .plan-link:hover{background:#23432f;border-color:var(--green);text-decoration:none}
@media(max-width:550px){.paid-plans{grid-template-columns:1fr;gap:32px}.plan-heading{flex-direction:row;align-items:center}.paid-plans .plan-link{font-size:14px}.paid-plans article>p:last-of-type{margin-bottom:22px}}

/* Center primary action labels without decorative arrows. */
.button{justify-content:center;text-align:center;gap:0;min-width:148px}
.plan-link{justify-content:center;text-align:center}

/* Selected typography: Sora headings, Inter body, Orbitron wordmark. */
:root{--sc-font-display:'Sora',sans-serif}

/* Give the example action a clear outline and matching hover state. */
.hero .actions .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #eff4f3;border-radius:4px;color:#eff4f3;font-size:14px;line-height:1.65;transition:color .18s ease,border-color .18s ease}
.hero .actions .text-link:hover,.hero .actions .text-link:focus-visible{color:var(--green);border-color:var(--green)}
@media(max-width:450px){.hero .actions{gap:12px;flex-wrap:wrap}.hero .actions .text-link{font-size:13px;padding:12px 16px}}

.footer-links{display:flex;gap:20px;flex-wrap:wrap}

/* Compact product context beside the edited answer example, with the creator
   statement from the FAQ. Same tokens as the rest of the page. */
.preview-context{max-width:1100px;padding:0 0 70px}
.preview-context>h2{font-size:clamp(22px,2vw,27px);letter-spacing:-.03em;padding-bottom:16px;border-bottom:1px solid var(--line)}
.preview-context-list{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.preview-context-list h3{font-family:var(--sc-font-text);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4;color:#e8f3ed}
.preview-context-list p{font-size:14px;line-height:1.7;color:#b7c9bd;margin-top:9px;max-width:40ch}
.preview-context-creator{border-top:1px solid var(--line);margin-top:34px;padding-top:24px;font-size:14px;line-height:1.75;color:var(--muted);max-width:72ch}
.preview-context-creator .eyebrow{display:block;color:var(--green);margin-bottom:10px}
@media(max-width:850px){.preview-context{padding-bottom:45px}.preview-context-list{grid-template-columns:1fr;gap:22px;margin-top:20px}.preview-context-list p{max-width:none}.preview-context-creator{margin-top:26px;padding-top:20px}}

/* Public header controls meet the 44px touch target at every phone width.
   Sign in measured 37.9x19.8px on the live page and the wordmark and the three
   navigation links had the same height. Only the hit area grows: the type,
   colour, hover state and the shared focus-visible outline are untouched, the
   markup is unchanged so keyboard order is as it shipped, and min-width rather
   than a fixed width or a negative margin keeps every target inside the flex
   row, which is what stops enlarged boxes from overlapping each other. */
.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}