@font-face{font-family:Rubik;src:url('Rubik-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Assistant;src:url('Assistant.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{
--color-bg: #ffffff;
--color-bg-alt: #f7f7fb;
--color-surface: #ffffff;
--color-surface-hover: #f5f4fb;
--color-text: #191435;
--color-text-muted: rgba(25, 20, 53, 0.7);
--color-primary: #6841f2;
--color-primary-hover: #5532d6;
--color-on-primary: #ffffff;
--color-cyan: #6841f2;
--color-magenta: #6841f2;
--color-accent: #6841f2;
--color-border: rgba(25, 20, 53, 0.1);
--color-glass-bg: rgba(255, 255, 255, 0.72);
--color-success: #059669;
--color-warning: #b45309;
--color-danger: #dc2626;
--color-info: #0e7490;
--color-phase-1: #6841f2;
--color-phase-2: #6841f2;
--color-phase-3: #6841f2;
--color-phase-4: #6841f2;
--color-phase-5: #6841f2;
--color-phase-6: #6841f2;
--color-phase-7: #6841f2;
--color-phase-8: #6841f2;
--soft:color-mix(in srgb,var(--color-primary) 7%,var(--color-bg));--ink-soft:color-mix(in srgb,var(--color-text) 82%,var(--color-bg));--line:color-mix(in srgb,var(--color-text) 15%,var(--color-bg));--shade:color-mix(in srgb,var(--color-text) 10%,transparent)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:32px}body{margin:0;background:var(--color-bg);color:var(--color-text);font:20px/1.7 Assistant,Arial,sans-serif}a{color:var(--color-primary);text-underline-offset:5px}button,a,input,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Rubik,Arial,sans-serif;font-weight:700;line-height:1.28;text-wrap:balance}p,li,figcaption{overflow-wrap:break-word;text-wrap:pretty}p{max-inline-size:66ch}h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.025em}h3{font-size:25px}em{font-style:normal;color:var(--color-primary)}img,svg{max-inline-size:100%;display:block}a,button{ -webkit-tap-highlight-color:transparent}.wrap{inline-size:min(1180px,calc(100% - 64px));margin-inline:auto}.eyebrow{font-weight:700;font-size:16px;color:var(--color-primary);margin-block-end:16px;letter-spacing:.01em}.skip{position:fixed;inset-block-start:-90px;inset-inline-start:20px;z-index:30;background:var(--color-bg);padding:10px 20px}.skip:focus{inset-block-start:10px}.reading-progress{position:fixed;inset-block-start:0;inset-inline:0;block-size:3px;z-index:20;pointer-events:none}.reading-progress i{display:block;block-size:100%;background:var(--color-primary);transform:scaleX(0);transform-origin:right}.topbar{inline-size:min(1280px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;border-block-end:1px solid var(--line)}.brand{color:var(--color-text);text-decoration:none;font:bold 24px/1.1 Rubik,Arial,sans-serif}.brand span{display:block;font:14px/1.5 Assistant,sans-serif;margin-block-start:6px}.topbar nav{display:flex;gap:26px;font-size:17px}.topbar nav a{text-decoration:none;color:var(--color-text);padding-block:7px}.topbar nav a:hover{color:var(--color-primary)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding-block:66px 80px}.hero h1{font-size:clamp(34px,4.2vw,55px);letter-spacing:-.04em}.lead{margin-block:24px 30px;font-size:23px;line-height:1.65;color:var(--ink-soft)}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 23px;min-block-size:48px;background:var(--color-primary);border:0;border-radius:9px;color:var(--color-bg);text-decoration:none;font-weight:700;font-size:18px;box-shadow:0 5px 14px var(--shade);transition:transform .2s}.button:hover{transform:translateY(-2px)}.text-link{font-weight:700;font-size:18px}.byline{font-size:15px;margin-block-start:24px;color:var(--ink-soft)}.hero-scene{position:relative;min-inline-size:0;block-size:415px;background:var(--soft);border-radius:46% 35% 30% 24%;isolation:isolate}.scene-note{position:absolute;inset-block-start:28px;inset-inline-start:28px;font-size:16px;font-weight:700;color:var(--color-primary);transform:rotate(-4deg)}.mini-page{position:absolute;inline-size:196px;padding:20px;background:var(--color-bg);box-shadow:0 14px 35px var(--shade);border:1px solid var(--line);border-radius:10px;font-size:15px}.mini-page span{display:block;font-weight:700;margin-block-end:12px}.mini-page i{display:block;block-size:6px;background:var(--line);margin-block:12px;border-radius:9px}.mini-page i:last-child{inline-size:60%}.page-back{inset-inline-end:30px;inset-block-start:68px;transform:rotate(12deg)}.page-front{inset-inline-start:26px;inset-block-start:101px;transform:rotate(-8deg);z-index:1}.page-front b{display:block;font-weight:500;border-block-start:1px solid var(--line);padding-block:6px}.page-front b:before{content:'✓';color:var(--color-primary);margin-inline-end:10px}.guide-mascot{position:absolute;inline-size:205px;inset-block-end:32px;inset-inline-end:12px;z-index:2;animation:bob 4s ease-in-out 3}.guide-mascot svg{inline-size:100%;block-size:auto;overflow:visible}.guide-mascot #cta-wave-arm{transform-origin:135px 115px;animation:wave 1.5s ease-in-out 3}.guide-mascot #cta-eyes{transform-box:fill-box;transform-origin:center;animation:blink 5s ease-in-out 3}.mascot-note{position:absolute;inset-inline-start:20px;inset-block-end:93px;max-inline-size:165px;background:var(--color-bg);padding:10px 14px;border-radius:16px 16px 2px 16px;box-shadow:0 5px 15px var(--shade);font-size:16px;z-index:3}.motion-toggle{position:absolute;inset-block-end:14px;inset-inline-start:18px;border:0;background:transparent;color:var(--color-text);font-size:14px;text-decoration:underline;text-underline-offset:3px;min-block-size:44px;z-index:4}.illustration-label{position:absolute;inset-inline-end:12px;inset-block-end:8px;font-size:11px;opacity:.8}.intro-strip{background:var(--color-bg-alt);padding-block:56px}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.intro-grid h2{margin-block-end:18px}.access{border-inline-start:3px solid var(--color-primary);padding-inline-start:30px;align-self:center}.access h3{font-size:23px;text-align:start;margin-block:12px 10px}.access p{font-size:19px}.access a{display:inline-block;margin-block:12px 7px;font-weight:700}.access small{display:block;line-height:1.5;font-size:15px}.pill{background:var(--color-bg);border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:14px}.route-section{padding-block:78px 35px}.route{list-style:none;padding:0;margin-block:30px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.route li{padding:22px 22px 27px;background:var(--soft);border-block-start:3px solid var(--color-primary);position:relative}.route span{display:block;font:700 15px Rubik,sans-serif;color:var(--color-primary);margin-block-end:21px}.route b{font:700 19px Rubik,sans-serif}.route p{font-size:18px;margin-block-start:12px;line-height:1.5}.route-caption{font-size:15px;color:var(--ink-soft)}.walkthrough{padding-block:45px 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-block-end:42px}.section-heading>p{max-inline-size:450px;font-size:20px}.step{display:grid;grid-template-columns:1fr 1.2fr;gap:68px;align-items:start;padding-block:48px;border-block-start:1px solid var(--line)}.step-copy{position:sticky;inset-block-start:40px}.step-number{display:inline-block;font:700 16px Rubik,sans-serif;color:var(--color-primary);margin-block-end:16px}.step h3{margin-block-end:18px}.step p{margin-block:12px}.step .text-link{display:inline-block;margin-block-start:10px}.tip{display:block;background:var(--soft);border-inline-start:2px solid var(--color-primary);padding:12px 16px;margin-block-start:24px;font-size:17px;line-height:1.6}figure{margin:0;min-inline-size:0}.zoom-shot{display:block;position:relative;background:var(--color-bg-alt);border:1px solid var(--line);border-radius:12px;padding:10px;overflow:hidden;cursor:zoom-in}.zoom-shot img{inline-size:100%;block-size:auto;border-radius:5px}.zoom-label{position:absolute;inset-inline-end:18px;inset-block-end:18px;font-size:13px;background:var(--color-text);color:var(--color-bg);padding:3px 10px;border-radius:30px}figcaption{font-size:15px;line-height:1.5;margin-block-start:12px;color:var(--ink-soft)}blockquote{margin:18px 0;padding:16px 20px;background:var(--soft);border-inline-start:3px solid var(--color-primary);font-size:22px;line-height:1.5}.result-list{list-style:none;padding:0;margin-block:18px}.result-list li{padding-block:5px}.result-list li:before{content:'✓';color:var(--color-primary);font-weight:700;margin-inline-end:12px}.small-note{font-size:16px;line-height:1.6;color:var(--ink-soft)}.prompt-section{background:var(--color-bg-alt);padding-block:70px}.prompt-intro{font-weight:600;margin-block:-15px 24px}.prompt-item{border-block-start:1px solid var(--line)}.prompt-item:last-child{border-block-end:1px solid var(--line)}summary{cursor:pointer;min-block-size:48px}summary::marker{color:var(--color-primary)}.prompt-item>summary{list-style:none;display:flex;align-items:center;gap:18px;padding-block:21px}.prompt-item>summary::-webkit-details-marker{display:none}.prompt-no{font:700 14px Rubik,sans-serif;color:var(--color-primary);flex:0 0 28px}.prompt-title{font-size:22px;font-weight:700;line-height:1.35}.prompt-tag{font-size:14px;color:var(--ink-soft);display:block;font-weight:400;margin-block-start:5px}.prompt-item>summary:after{content:'+';font-size:28px;font-weight:300;margin-inline-start:auto;flex:0 0 24px;text-align:center;transition:transform .2s}.prompt-item[open]>summary:after{transform:rotate(45deg)}.prompt-body{padding-inline-start:46px;padding-block-end:30px;max-inline-size:980px}.prompt-body>p{font-size:18px;margin-block-end:15px}.prompt-code{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--color-bg)}.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--color-text);color:var(--color-bg);padding:6px 16px;font-size:14px}.prompt-toolbar button{color:var(--color-bg);background:transparent;border:1px solid color-mix(in srgb,var(--color-bg) 45%,transparent);border-radius:6px;padding:4px 15px;min-block-size:44px;font-size:16px}.prompt-code pre{font:19px/1.85 Assistant,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:22px;text-align:start;unicode-bidi:plaintext}.next-section{padding-block:76px}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-block-start:35px}.next-grid article{border-block-start:2px solid var(--color-primary);padding-block-start:22px}.next-grid span{font-size:15px;color:var(--color-primary);font-weight:700}.next-grid h3{font-size:23px;margin-block:11px 14px}.next-grid p{font-size:19px}.review-note{margin-block-start:42px;padding:24px 30px;background:var(--soft);border-radius:12px;display:flex;gap:35px;align-items:start}.review-note>b{flex:0 0 165px}.review-note p{font-size:19px}.faq{padding-block:0 70px}.faq h2{margin-block-end:22px}.faq details{border-block-end:1px solid var(--line);padding-block:12px}.faq summary{font-size:21px;font-weight:600;padding-block:7px}.faq details p{margin-block:4px 18px;padding-inline-start:22px;font-size:19px}.community{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:44px;background:var(--soft);border-radius:16px}.community h2{font-size:29px;margin-block-end:18px}.community p{font-size:19px}.community .small-note{font-size:15px;margin-block:14px}.community .button{font-size:17px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:50px 65px;font-size:16px}.footer p{font-size:15px;line-height:1.6;margin-block:8px}.footer details a{display:block;font-size:15px}.copy-status{position:fixed;inset-block-end:25px;inset-inline:16px;margin-inline:auto;transform:translateY(20px);max-inline-size:calc(100% - 32px);inline-size:max-content;background:var(--color-text);color:var(--color-bg);border-radius:9px;padding:13px 20px;z-index:50;font-size:17px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.copy-status.visible{opacity:1;transform:translateY(0)}dialog{inline-size:min(1100px,94vw);max-block-size:92vh;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--color-bg);color:var(--color-text)}dialog::backdrop{background:color-mix(in srgb,var(--color-text) 78%,transparent)}dialog img{inline-size:100%;block-size:auto}dialog p{font-size:16px;margin-block-start:12px}.dialog-close{display:block;position:sticky;inset-block-start:0;margin-block-end:12px;margin-inline-start:auto;border:0;border-radius:8px;background:var(--color-text);color:var(--color-bg);padding:8px 20px;min-block-size:44px}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}@keyframes blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.15)}}body[data-motion=off] .guide-mascot,body[data-motion=off] .guide-mascot *{animation-play-state:paused!important}
@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:38px}.hero-scene{block-size:360px}.guide-mascot{inline-size:174px}.mini-page{inline-size:170px}.page-front{inset-inline-start:8px}.mascot-note{inset-inline-start:6px;max-inline-size:140px;font-size:14px}.scene-note{font-size:14px;inset-inline-start:18px}.intro-grid{gap:40px}.step{gap:35px;grid-template-columns:1fr 1.1fr}.section-heading{gap:35px}.next-grid{gap:22px}.community{gap:30px;padding:30px}.footer{gap:35px}}
@media(max-width:650px){body{font-size:19px}.wrap,.topbar{inline-size:calc(100% - 36px)}.topbar{padding-block:18px;gap:16px}.brand{font-size:21px}.brand span{font-size:12px}.topbar nav{gap:16px;font-size:15px}.topbar nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-block:36px 42px;gap:30px}.hero h1{font-size:35px}.lead{font-size:21px;margin-block:20px 24px}.hero-actions{gap:17px}.hero-scene{inline-size:min(390px,100%);block-size:325px;margin-inline:auto}.guide-mascot{inline-size:172px;inset-inline-end:13px;inset-block-end:28px}.mini-page{inline-size:169px;padding:16px}.page-front{inset-block-start:83px;inset-inline-start:18px}.page-back{inset-block-start:48px;inset-inline-end:24px}.scene-note{inset-block-start:18px}.mascot-note{inset-inline-start:14px;inset-block-end:67px;max-inline-size:142px}.illustration-label{font-size:10px;inset-inline-end:10px}.motion-toggle{inset-inline-start:14px;inset-block-end:8px;font-size:13px}.intro-strip{padding-block:36px}.intro-grid{grid-template-columns:1fr;gap:30px}.access{padding-inline-start:20px}.route-section{padding-block:44px 10px}.route{grid-template-columns:1fr 1fr;gap:5px}.route li{padding:17px 15px 22px}.route span{margin-block-end:15px}.route b{font-size:17px}.route p{font-size:17px}.section-heading{display:block;margin-block-end:28px}.section-heading>p{margin-block-start:20px;font-size:19px}.walkthrough{padding-block-start:30px}.step{grid-template-columns:1fr;gap:22px;padding-block:30px}.step-copy{position:static}.step h3{font-size:24px}.step-number{margin-block-end:12px}.zoom-shot{padding:6px;border-radius:8px}.zoom-label{inset-inline-end:12px;inset-block-end:12px}.prompt-section{padding-block:42px}.prompt-intro{margin-block:0 20px;font-size:18px}.prompt-title{font-size:20px}.prompt-item>summary{gap:10px}.prompt-no{flex-basis:25px}.prompt-body{padding-inline-start:0}.prompt-code pre{font-size:18px;padding:17px;line-height:1.8}.prompt-toolbar{padding-inline:12px}.next-section{padding-block:46px}.next-grid{grid-template-columns:1fr;gap:27px;margin-block-start:24px}.review-note{display:block;padding:22px;margin-block-start:30px}.review-note p{margin-block-start:10px}.faq{padding-block-end:40px}.faq summary{font-size:19px;line-height:1.5}.community{grid-template-columns:1fr;padding:25px 21px;gap:25px}.community h2{font-size:27px}.community p{font-size:18px}.footer{grid-template-columns:1fr;padding-block:33px 44px;gap:23px}.copy-status{font-size:16px;inline-size:calc(100% - 32px);text-align:center}.byline{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared opt-in form and guide layout */
.guide-community { align-items: start; }
.guide-signup { background: var(--color-bg); border: 1px solid var(--line); padding: 28px; border-radius: 18px; min-inline-size: 0; }
.guide-signup > label { display: block; font-weight: 700; margin-block-end: 8px; font-size: 19px; }
.guide-signup input[type="email"] { inline-size: 100%; padding: 12px 14px; min-block-size: 48px; border: 1px solid var(--line); border-radius: 10px; color: var(--color-text); background: var(--color-bg); font: 20px Assistant, sans-serif; }
.guide-signup fieldset { border: 0; padding: 0; margin-block: 24px; min-inline-size: 0; }
.guide-signup legend { font-weight: 700; font-size: 20px; padding: 0; margin-block-end: 14px; }
.guide-signup .choice { display: flex; font-size: 17px; font-weight: 400; margin-block-end: 18px; line-height: 1.55; }
.choice strong, .choice span span { display: block; }
.choice strong { font-size: 20px; margin-block-end: 3px; }
.choice span span { color: var(--color-text-muted); }
.guide-signup .privacy-choice { border-block-start: 1px solid var(--line); padding-block-start: 18px; }
.guide-signup .button { border: 0; inline-size: 100%; cursor: pointer; font-family: inherit; }
.guide-signup .button:disabled { opacity: .65; cursor: wait; }
#signup-status { font-size: 18px; margin-block: 14px 0; font-weight: 700; }
#signup-status:empty { display: none; }
#signup-status[data-state="error"] { color: var(--color-danger); }
#signup-status[data-state="success"] { color: var(--color-success); }
.guide-signup .small-note { margin-block-end: 0; }

.guide-signup .choice { display: flex; gap: 12px; align-items: start; cursor: pointer; }
.guide-signup input[type="checkbox"] { flex: 0 0 20px; inline-size: 20px; block-size: 20px; accent-color: var(--color-primary); margin: 6px 0 0; cursor: pointer; }
.guide-related { list-style: none; padding: 0; display: grid; gap: 12px; margin-block-start: 24px; }
.guide-related a { text-underline-offset: 4px; }
.guide-social { list-style: none; padding: 0; margin-block: 20px 0; display: flex; flex-wrap: wrap; gap: 12px; }
.guide-social a { display: grid; place-items: center; inline-size: 52px; block-size: 52px; border-radius: 50%; background: var(--color-surface); border: 1px solid var(--color-border); color: var(--brand); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.guide-social a:hover { transform: translateY(-2px); border-color: var(--brand); box-shadow: 0 10px 24px -14px var(--brand); }
.guide-social svg { inline-size: 24px; block-size: 24px; fill: currentColor; }
.guide-intro { padding-block: 60px 32px; }
.guide-intro h1 { font-size: clamp(32px, 4vw, 60px); max-inline-size: 22ch; }
.guide-content { padding-block: 32px; }
.guide-content p, .guide-content li { max-inline-size: 72ch; }
.guide-community h2, .guide-community h3 { text-wrap: balance; overflow-wrap: anywhere; }
.guide-community p, .guide-community label { text-wrap: pretty; overflow-wrap: anywhere; }
:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 5px; }
@media (max-width: 650px) { .guide-signup { padding: 22px; } }