:root { --ink:#20222c; --paper:#fffdf8; --muted:#686b77; --line:#e8e5dd; --coral:#ff7a68; --lilac:#b7a3f7; --mint:#8cd8bc; --yellow:#ffd86b; --radius:1.5rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; text-decoration:none; } a:hover { text-decoration:none; }
.skip-link { position:absolute; left:1rem; top:-3rem; z-index:5; padding:.7rem 1rem; background:var(--ink); color:#fff; border-radius:.5rem; } .skip-link:focus { top:1rem; }
.site-header, footer { max-width:1200px; margin:auto; padding:1.35rem 2rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.site-header nav { display:flex; align-items:center; gap:1.5rem; font-size:.9rem; font-weight:650; } .site-header nav a:not(.nav-cta) { color:var(--muted); }
.brand { display:inline-flex; align-items:center; gap:.55rem; font-size:1.35rem; font-weight:850; letter-spacing:-.06em; }.brand-mark { display:grid; place-items:center; width:1.8rem; height:1.8rem; border-radius:.55rem; color:#fff; background:var(--ink); font-size:1.15rem; letter-spacing:0; }
.nav-cta, .button { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; border:0; cursor:pointer; font:inherit; font-weight:750; border-radius:999px; transition:transform .18s ease, box-shadow .18s ease; }.nav-cta { padding:.65rem 1rem; background:#f0ede6; }.button { padding:.9rem 1.2rem; }.nav-cta:hover,.button:hover,.google-button:hover { transform:translateY(-2px); }.button-primary { color:#fff; background:var(--ink); box-shadow:0 9px 20px #20222c2c; }.button-dark { width:100%; color:#fff; background:var(--ink); }
.hero { max-width:1200px; min-height:540px; padding:4.5rem 2rem 6rem; margin:auto; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:4rem; }.eyebrow { margin:0 0:.8rem; color:#7c5cc7; text-transform:uppercase; letter-spacing:.14em; font-size:.7rem; font-weight:850; }.hero h1,.intro h2,.section-heading h2,.access-copy h2 { margin:0; letter-spacing:-.07em; line-height:.98; font-size:clamp(3rem,6vw,5.7rem); }.hero h1 em { color:#e95c5b; font-family:Georgia,serif; font-weight:500; }.lede { max-width:34rem; margin:1.5rem 0; color:var(--muted); font-size:1.1rem; }.hero-actions { display:flex; align-items:center; gap:1.25rem; }.text-link { font-weight:750; }.microcopy { margin-top:1.6rem; color:var(--muted); font-size:.85rem; }.status-dot { display:inline-block; width:.55rem; height:.55rem; margin-right:.35rem; border-radius:50%; background:#63bc94; }
.hero-art { position:relative; height:420px; overflow:hidden; border-radius:2.3rem; background:#f3ede8; }.orb { position:absolute; border-radius:50%; }.orb-one { width:280px; height:280px; right:-55px; top:-55px; background:var(--yellow); }.orb-two { width:210px; height:210px; bottom:-80px; left:-55px; background:var(--mint); }.orb-three { width:100px; height:100px; top:135px; left:78px; background:var(--lilac); }.flow-card { position:absolute; background:#fffefa; border:1px solid #fff; box-shadow:0 18px 32px #332f4420; }.card-main { width:230px; padding:1.25rem; top:106px; left:115px; border-radius:1.25rem; }.tiny-label { display:block; color:#777580; font-size:.58rem; font-weight:850; letter-spacing:.12em; }.card-main strong { display:block; margin:.5rem 0 1rem; font-size:1.2rem; }.flow-line { display:flex; align-items:center; gap:.3rem; }.flow-line i { width:13px; height:13px; border-radius:50%; background:var(--coral); }.flow-line i:not(:last-child)::after { content:""; display:inline-block; width:45px; height:2px; margin-left:12px; vertical-align:middle; background:#d9d4cd; }.flow-line i:nth-child(2){background:var(--lilac)}.flow-line i:nth-child(3){background:var(--mint)}.card-caption{display:block;margin-top:1rem;color:var(--muted);font-size:.74rem}.card-note{right:22px;bottom:42px;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:1rem;font-size:.78rem}.card-note p{margin:0;font-weight:700}.avatar{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--coral);color:#fff;font-size:.6rem;font-weight:800}.spark{position:absolute;width:14px;height:14px;background:var(--ink);transform:rotate(45deg)}.spark-one{left:52px;top:70px}.spark-two{right:70px;top:290px;background:var(--coral);}
.intro { max-width:800px; margin:auto; padding:6rem 2rem 4rem; text-align:center; }.intro h2,.section-heading h2 { font-size:clamp(2.3rem,4vw,4rem); }.intro>p:last-child { max-width:36rem; margin:1rem auto; color:var(--muted); }
.workflow-section { padding:4rem 2rem 6rem; background:#f6f4ef; }.section-heading,.workflow-grid,.access-section { max-width:1200px; margin:auto; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }.section-heading>p { max-width:18rem; margin:0; color:var(--muted); }.workflow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.workflow-card { min-height:300px; padding:1.7rem; border-radius:var(--radius); position:relative; overflow:hidden; }.workflow-card.coral{background:var(--coral)}.workflow-card.lilac{background:var(--lilac)}.workflow-card.mint{background:var(--mint)}.card-number{position:absolute;right:1.5rem;color:#20222c99;font-size:.8rem;font-weight:800}.icon-bubble{display:grid;place-items:center;width:3rem;height:3rem;margin:2rem 0;border-radius:50%;background:#ffffff8c;font-size:1.3rem}.workflow-card h3{margin:0 0:.6rem;font-size:1.45rem;letter-spacing:-.04em}.workflow-card p{max-width:16rem;margin:0;color:#282934cf}.card-link{position:absolute;bottom:1.6rem;font-size:.78rem;font-weight:800}
.access-section { display:grid; grid-template-columns:1fr .9fr; gap:6rem; align-items:center; padding:7rem 2rem; }.access-copy h2 { font-size:clamp(2.5rem,4.3vw,4.5rem); }.access-copy>p:not(.eyebrow) { max-width:34rem; color:var(--muted); }.check-list { display:grid; gap:.6rem; margin:1.7rem 0 0; padding:0; list-style:none; font-weight:650; }.check-list li::before { content:"✓"; display:inline-grid; place-items:center; width:1.25rem; height:1.25rem; margin-right:.65rem; border-radius:50%; color:#276953; background:var(--mint); font-size:.7rem; }
.auth-panel { padding:2rem; border:1px solid var(--line); border-radius:1.6rem; background:#fff; box-shadow:0 24px 48px #37302a12; }.preview-badge { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .6rem; border-radius:999px; color:#754fbe; background:#f1edff; font-size:.7rem; font-weight:800; }.auth-panel h2 { margin:1rem 0 .3rem; letter-spacing:-.045em; }.auth-panel>p { margin-top:0; color:var(--muted); font-size:.9rem; }.preview-form { display:grid; gap:.9rem; margin-top:1.4rem; }.field { display:grid; gap:.35rem; }.field label { font-size:.8rem; font-weight:750; }.field input { width:100%; padding:.8rem .9rem; border:1px solid #d8d5ce; border-radius:.6rem; color:var(--ink); font:inherit; }.field input::placeholder { color:#a7a49c; }.divider { display:flex; align-items:center; gap:.8rem; margin:1.1rem 0; color:#918e87; font-size:.75rem; }.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}.google-button{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.82rem;border:1px solid #d8d5ce;border-radius:.65rem;background:#fff;cursor:pointer;color:var(--ink);font:inherit;font-weight:750;transition:transform .18s ease,box-shadow .18s ease}.google-g{font-weight:900;color:#4285f4;font-size:1.1rem}.auth-note{margin:1.3rem 0 .7rem!important;padding-top:1.15rem;border-top:1px solid var(--line);font-size:.76rem!important}.preview-status{min-height:1.5rem;margin:0!important;color:#385a4b!important;font-size:.78rem!important;font-weight:700}.preview-status.is-active{color:#754fbe!important}
footer { padding-top:1.7rem; padding-bottom:1.7rem; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }footer .brand{color:var(--ink)}footer p{margin:0}@media (max-width:760px){.site-header{padding:1rem 1.25rem}.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:3rem 1.25rem 4rem;gap:2.5rem}.hero-art{height:350px}.card-main{left:50%;transform:translateX(-50%)}.orb-three{left:25px}.intro{padding:4rem 1.25rem 2rem}.workflow-section{padding:3rem 1.25rem 4rem}.section-heading{align-items:start;flex-direction:column;gap:.7rem}.workflow-grid,.access-section{grid-template-columns:1fr}.access-section{gap:2.5rem;padding:4rem 1.25rem}.hero-actions{align-items:flex-start;flex-direction:column}.site-header,footer{padding-left:1.25rem;padding-right:1.25rem}footer p{display:none}}@media (max-width:410px){.nav-cta{padding:.55rem .7rem}.hero h1{font-size:3rem}.auth-panel{padding:1.4rem}}
:focus-visible { outline:3px solid #7658c5; outline-offset:3px; }