@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b43;--navy-2:#0d2c65;--blue:#2464e8;--cyan:#5ed6f1;--ink:#101b32;--muted:#66748b;--line:#dce4ef;--paper:#f5f7fb;--white:#fff;--gold:#e9b378;--green:#247a5a;--shadow:0 24px 65px #071b4312}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;top:-60px;left:18px;z-index:10;padding:12px 16px;background:white;border-radius:8px;color:var(--navy)}.skip:focus{top:12px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1280px)/2),5.5%);background:rgba(255,255,255,.94);color:#203d69;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid #dce4ef}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:1.1px;color:#203d69}.brand img{width:39px;height:39px;object-fit:contain}.brand small{display:block;font-size:7px;letter-spacing:3.5px;color:#5c6b7e;margin-top:2px}.topbar nav{display:flex;gap:34px;font-size:13px;color:#203d69;font-weight:600}.topbar nav a:hover{color:#f38b4e}.hero-link:hover{color:#ffd9b0}.nav-cta{border:0;border-radius:999px;padding:12px 19px;font-size:12px;font-weight:700;color:#fff;background:#f38b4e}.nav-cta span{color:var(--cyan);padding-left:8px}.hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;color:white;background:radial-gradient(ellipse at 85% 0,#2f74c9,transparent 55%),linear-gradient(145deg,#245daa,#17457f)}.hero-shade{position:absolute;inset:0;background:none}.hero-content{position:relative;width:min(1280px,89%);margin:0 auto;padding:80px 0 94px;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#ffd9b0;display:flex;gap:10px;align-items:center;margin:0 0 22px}.spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f6b184;box-shadow:0 0 14px #f6b184}.hero h1,.finish-card h2{font:600 clamp(48px,6.4vw,82px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-4px;margin:0;max-width:720px}.hero h1 em,.finish-card h2 em{font-style:normal;color:#ffd9b0}.hero-intro{font-size:17px;line-height:1.75;max-width:540px;color:#d7e3f5;margin:22px 0 29px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:7px;padding:14px 19px;border:0;cursor:pointer;font-weight:700;font-size:12px;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.primary{background:#f38b4e;color:#fff;box-shadow:0 9px 28px #030c2440}.primary:hover{background:#e07f3d}.hero-link{font-size:12px;color:#e0e7f3}.hero-link span{color:var(--cyan);padding-left:7px}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:40px;color:#c9d6ec;font-size:10px}.hero-meta b{color:white;font-size:12px}.hero-meta i{height:14px;width:1px;background:#ffffff42}.hero-caption{position:absolute;right:5.5%;bottom:30px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.8px;color:#c9d6ec}.caption-line{height:1px;width:27px;background:#f6b184}.scroll-cue{position:absolute;bottom:21px;left:50%;font-size:16px;color:white;opacity:.7}.section-wrap{width:min(1180px,89%);margin:0 auto}.intro{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:95px;padding-top:120px;padding-bottom:115px}.eyebrow.dark{color:#536986}.eyebrow.dark .spark{background:#2464e8;box-shadow:0 0 13px #2464e855}.intro h2,.section-heading h2,.routine-heading h2,.help-grid h2{font:700 clamp(34px,4vw,49px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-2.3px;margin:0 0 17px}.intro-copy>p:last-child,.routine-heading>p:last-child,.help-lede{font-size:14px;line-height:1.85;color:var(--muted);max-width:490px;margin:0}.anchor-card{height:350px;max-width:510px;width:100%;position:relative;border-radius:21px;background:radial-gradient(circle at 50% 50%,#e8f1ff,#d9e6fb 65%,#d1dff5);overflow:hidden;display:grid;place-items:center}.anchor-card:before,.anchor-card:after{content:'';position:absolute;inset:20px;border:1px solid #809ac427;border-radius:18px}.anchor-card:after{inset:35px}.anchor-orbit{position:absolute;border:1px solid #5072a337;border-radius:50%;transform:rotate(-20deg)}.orbit-a{height:235px;width:370px}.orbit-b{height:300px;width:290px;transform:rotate(45deg)}.anchor-core{position:relative;z-index:1;width:142px;height:142px;border-radius:50%;background:linear-gradient(145deg,#fff,#e9f3ff);box-shadow:0 14px 46px #16427a22,inset 0 0 0 1px #ffffff;border:1px solid #9bb8df77;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.anchor-symbol{font-size:20px;color:#2772e7;margin-bottom:5px}.anchor-core strong{font:700 14px/1.25 Manrope}.anchor-core small{font-size:7px;letter-spacing:1.3px;color:#7184a1;margin-top:9px}.node{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #ffffff;border-radius:999px;box-shadow:0 7px 24px #1e477522;padding:9px 13px;font-size:10px;color:#354b6b}.node span{color:#226ce3;font-size:15px}.node-drive{left:10%;top:18%}.node-ai{right:8%;top:23%}.node-notes{left:13%;bottom:20%}.node-you{right:13%;bottom:18%}.steps-section{background:#fff;padding:102px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 4px}.progress-card{background:#f6f8fc;border:1px solid var(--line);border-radius:13px;padding:19px 23px 15px;margin-bottom:30px}.progress-top,.progress-foot{display:flex;align-items:center;justify-content:space-between}.progress-top>div{display:flex;align-items:center;gap:14px}.progress-label,.panel-kicker,.step-nav-title{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#63728a}.progress-top strong{font-size:12px}.reset-link{border:0;background:none;color:#536986;font-size:10px;text-decoration:underline;cursor:pointer}.progress-track{height:5px;background:#dce5f2;border-radius:5px;margin:15px 0 8px;overflow:hidden}.progress-track span{height:100%;width:0;display:block;border-radius:5px;background:linear-gradient(90deg,#2464e8,#57cce8);transition:width .35s}.progress-foot{font-size:9px;color:#7d899d}.workspace-layout{display:grid;grid-template-columns:305px minmax(0,1fr);gap:20px;align-items:start}.step-nav,.step-panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.step-nav{padding:20px 14px}.step-nav-title{padding:0 10px;margin:0 0 13px}.step-tab{width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:9px;background:white;color:#35435b;cursor:pointer}.step-tab:hover{background:#f6f8fc}.step-tab.active{background:#eef4ff;border-color:#d8e6ff;color:var(--navy)}.step-number{font-size:9px;font-weight:700;color:#8090a9}.step-tab.active .step-number{color:#2561c7}.step-tab-copy b{display:block;font-size:11px}.step-tab-copy small{display:block;font-size:9px;color:#7a879b;margin-top:4px}.step-state{font-size:8px;color:#d4dce8}.step-tab.complete .step-state{color:var(--green)}.step-tab.active .step-state{color:#5c82ca}.privacy-note{display:flex;gap:10px;border-top:1px solid #e7ecf3;margin:13px 7px 0;padding:15px 5px 2px;color:#69809f}.privacy-note>span{font-size:15px;color:#2671e7}.privacy-note p{font-size:9px;line-height:1.7;margin:0}.privacy-note b{color:#324764}.step-panel{min-height:510px;padding:29px 32px 21px}.panel-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid #e8edf4}.panel-kicker{color:#2871dc}.panel-kicker i{font-style:normal;color:#a1adc0;padding:0 5px}.panel-head h3{font:700 25px Manrope,Arial,sans-serif;letter-spacing:-.8px;margin:9px 0 7px}.panel-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.panel-icon{height:42px;width:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#2464e8;font-size:20px}.panel-body{padding:21px 0 14px}.instruction-lead{font-size:12px;color:#344862;line-height:1.7;margin:0 0 17px}.task-list{display:grid;gap:7px}.task-row{display:grid;grid-template-columns:19px 1fr;gap:10px;padding:9px 10px;border:1px solid #e8edf4;border-radius:8px;cursor:pointer;transition:background .2s,border .2s}.task-row:hover{background:#f8faff}.task-row.checked{background:#f1f8f5;border-color:#d2e8dd}.task-row input{appearance:none;width:15px;height:15px;border:1.5px solid #b8c4d5;border-radius:4px;margin:2px 0 0;display:grid;place-items:center;cursor:pointer}.task-row input:checked{background:#29805f;border-color:#29805f}.task-row input:checked:after{content:'✓';color:white;font-size:10px}.task-row span{font-size:11px;line-height:1.55;color:#40516b}.task-row.checked span{color:#728478;text-decoration:line-through;text-decoration-color:#93b7a2}.task-row a{color:#1f63cc;text-decoration:underline;text-underline-offset:2px}.callout{margin-top:14px;padding:11px 13px;background:#f1f6ff;border-left:2px solid #5593ee;border-radius:0 7px 7px 0;color:#536986;font-size:10px;line-height:1.65}.callout strong{color:#304765}.callout.warning{background:#fff7ef;border-left-color:#e9b378}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.record-field{display:grid;gap:5px;font-size:9px;color:#66758e}.record-field input,.record-field select,.record-field textarea{min-width:0;width:100%;border:1px solid #dbe3ee;border-radius:6px;padding:9px 10px;color:#27364d;background:#fff;font:11px 'DM Sans',Arial}.record-field input:focus,.record-field textarea:focus{outline:2px solid #9fc0fa;border-color:#4e83df}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e8edf4;padding-top:17px}.step-status{font-size:10px;color:#7d899d}.step-status.done{color:var(--green);font-weight:600}.panel-actions{display:flex;align-items:center;gap:8px}.secondary,.next-button{background:white;color:#435570;border:1px solid #dbe3ee}.secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.panel-actions .primary,.secondary,.next-button{padding:11px 13px;font-size:10px}.routine-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;padding-top:106px;padding-bottom:109px}.routine-heading .eyebrow{color:#536986}.routine-heading h2{margin-bottom:18px}.routine-list{list-style:none;padding:0;margin:0}.routine-list li{display:grid;grid-template-columns:39px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #dce4ef}.routine-list li:first-child{padding-top:0}.routine-list li>span{color:#2871dc;font-size:10px;font-weight:700;padding-top:2px}.routine-list b{font-size:12px}.routine-list p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.6}.help-section{background:#eaf0fa;padding:83px 0}.help-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:100px}.help-grid h2{font-size:38px}.help-lede{font-size:12px}.help-list details{border-bottom:1px solid #cad5e5;padding:14px 2px}.help-list details:first-child{padding-top:0}.help-list summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.help-list summary::-webkit-details-marker{display:none}.help-list summary:after{content:'+';font-size:17px;color:#2464e8;font-weight:400}.help-list details[open] summary:after{content:'−'}.help-list details p{font-size:11px;line-height:1.7;color:#5d6c84;margin:10px 24px 0 0}.finish-section{background:radial-gradient(ellipse at 85% 0,#2f74c9,transparent 55%),linear-gradient(145deg,#245daa,#17457f);padding:92px 5.5%;text-align:center;color:white;position:relative;overflow:hidden}.finish-section:before{content:'';position:absolute;width:650px;height:650px;left:50%;top:-420px;transform:translateX(-50%);background:#1551aa55;filter:blur(70px);border-radius:50%}.finish-card{position:relative;z-index:1}.finish-mark{margin:0 auto 15px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#ffffff12;color:#8fe2f2;font-size:18px}.finish-card .eyebrow{justify-content:center;color:#ffd9b0;margin-bottom:14px}.finish-card h2{font-size:43px;letter-spacing:-2px;margin:0 auto 15px}.finish-card>p:not(.eyebrow){font-size:12px;color:#d7e3f5;margin:0 auto 23px;max-width:450px}.finish-card .button{margin-bottom:22px}.finish-card>small{display:block;font-size:9px;color:#c9d6ec}.footer-brand img{width:30px;height:30px}.footer-brand{font-size:9px}.footer-brand small{font-size:6px}.footer{padding:23px 5.5%;background:#fff;border-top:1px solid #dce4ef;color:#5c6b7e;display:flex;align-items:center;gap:25px}.footer p{font-size:10px;margin:0 auto 0 0}.footer>small{font-size:9px;color:#8a9cb9}
@media(max-width:900px){.topbar{padding:0 5%}.topbar nav{gap:18px}.hero{min-height:620px}.intro{gap:45px}.workspace-layout{grid-template-columns:260px minmax(0,1fr)}.step-panel{padding:25px 23px 18px}.routine-section{gap:55px}.help-grid{gap:55px}}
@media(max-width:680px){html{scroll-padding-top:70px}.topbar{height:70px}.brand{font-size:10px}.brand img{width:32px;height:32px}.topbar nav{display:none}.nav-cta{font-size:10px;padding:10px 13px}.hero{min-height:650px;background-position:59% center}.hero-shade{background:none}.hero-content{width:88%;padding:74px 0 90px}.hero h1{font-size:51px;letter-spacing:-2.8px}.hero-intro{font-size:14px;max-width:440px}.hero-meta{gap:9px;flex-wrap:wrap;font-size:9px;margin-top:31px}.hero-caption{font-size:7px;right:6%;bottom:19px}.scroll-cue{display:none}.section-wrap{width:88%}.intro{grid-template-columns:1fr;gap:30px;padding-top:72px;padding-bottom:76px}.intro h2,.section-heading h2,.routine-heading h2,.help-grid h2{font-size:36px}.anchor-card{height:300px}.steps-section{padding:72px 0}.section-heading{display:block;margin-bottom:23px}.section-heading>p{margin-top:12px}.progress-card{padding:15px}.progress-top>div{display:grid;gap:4px}.workspace-layout{grid-template-columns:1fr;gap:12px}.step-nav{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:13px}.step-nav-title{grid-column:1/-1;margin:2px 5px 8px}.step-tab{grid-template-columns:23px 1fr auto;gap:5px;padding:10px 7px}.step-tab-copy b{font-size:9px;line-height:1.35}.step-tab-copy small{font-size:8px}.step-state{font-size:7px}.privacy-note{grid-column:1/-1;margin-top:7px;padding-top:11px}.step-panel{min-height:0;padding:21px 17px 15px}.panel-head h3{font-size:21px}.panel-head p{font-size:11px}.panel-icon{height:36px;width:36px}.panel-footer{align-items:flex-start;flex-direction:column}.panel-actions{width:100%;display:grid;grid-template-columns:auto 1fr auto}.panel-actions .primary,.secondary,.next-button{padding:11px 8px;font-size:9px}.step-status{order:0}.panel-actions{order:1}.routine-section{grid-template-columns:1fr;gap:31px;padding-top:74px;padding-bottom:78px}.routine-list li{padding:13px 0}.help-section{padding:68px 0}.help-grid{grid-template-columns:1fr;gap:28px}.help-grid h2{font-size:34px}.finish-section{padding:76px 6%}.finish-card h2{font-size:35px;letter-spacing:-1.6px}.footer{padding:20px 6%;display:grid;grid-template-columns:1fr;gap:10px}.footer p{margin:0}.record-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* === Shared BHOS spec alignment (2026-09-28) === */
/* Header: spec bar + standard logo */
.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #e6ecf7;padding-top:12px;padding-bottom:12px;height:auto}
.brand img{height:34px;width:auto}
.topbar nav{gap:24px;font-size:.95rem;color:#1c2a63}
.nav-cta{padding:9px 20px;font-size:.9rem}
/* Hero: canonical h1, white accent, spec eyebrow */
.hero h1{font:800 2.6rem/1.15 Manrope,Arial,sans-serif;letter-spacing:-.5px;color:#fff}
.hero h1 em{color:#fff}
.hero-content{padding:64px 0 72px}
.eyebrow{font-size:.8rem;letter-spacing:2px;color:#f38b4e;margin:0 0 14px;text-transform:uppercase}
/* Buttons: orange pill + ghost */
.button.primary{border-radius:999px;padding:12px 26px}
.hero-link{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);border-radius:999px;padding:12px 26px;font-weight:700;font-size:.95rem}
.hero-link:hover{color:#fff;border-color:#fff}
/* Section h2s: canonical (white on dark bands) */
.intro h2,.section-heading h2,.routine-heading h2,.help-grid h2,.finish-card h2{font-size:2rem;font-weight:800;letter-spacing:-.3px;color:#1c2a63;text-align:center;line-height:1.2;margin:0 auto 17px}
.section-dark .section-heading h2{color:#fff}
/* Billing toggle (shared with main site) */
.billing-toggle-wrap{display:flex;justify-content:center;margin:18px 0 6px}
.billing-toggle{display:inline-flex;gap:4px;background:#fff;border:1px solid #e6ecf7;border-radius:999px;padding:4px;box-shadow:0 4px 14px rgba(28,42,99,.05)}
.billing-toggle__option{border:0;background:transparent;border-radius:999px;padding:9px 20px;font-size:.9rem;font-weight:700;color:#1c2a63;cursor:pointer}
.billing-toggle__option.is-active{background:#f38b4e;color:#fff}
.bill-note{display:block;font-size:.8rem;font-weight:400;color:#526178;margin-top:4px}
/* Footer: spec footer */
.footer{background:#fff;border-top:1px solid #e6ecf7;padding:28px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.footer img{height:30px;width:auto;margin-bottom:10px}
.footer p{color:#5a6285;font-size:.92rem;margin:0 0 6px}
.footer a{color:#5a6285;font-size:.92rem;font-weight:600}
