/* BOND Orbit v64 (28 Oct evening). Founder-approved direction: the craft of Lusion and Active Theory, translated into an
   original BOND language. Night-emerald stages alternate with pearl; orbits are layered, finely drawn and carry real
   content; letters are letters. Loaded after orbit-v62.css.
   Motion language: one settle easing, three durations. Orbits form by drawing, satellites resolve by scaling from their
   point on the ring, panels open by rising 12px and fading in, selections ring the photo and say so in words. */
:root{--o64-ease:cubic-bezier(.22,1,.36,1);--o64-fast:180ms;--o64-mid:420ms;--o64-slow:900ms;
 --o64-night:#06120d;--o64-night2:#0b2219;--o64-pearl:#f4f6f2;--o64-paper:#fbfbf7;--o64-mint:#9fe0c2;--o64-em:#16714f;--o64-em2:#1f8a62;
 --o64-ink:#101a15;--o64-mut:#4c5b54;--o64-hair:rgba(16,26,21,.12);--o64-hair-d:rgba(232,244,237,.16)}

/* ---------- Opening ---------- */
html.o-intro-pending body::before{content:"";position:fixed;inset:0;z-index:2147483000;background:radial-gradient(120% 90% at 50% 45%,var(--o64-night2),var(--o64-night) 70%);animation:o64-failsafe .3s linear 4s forwards}
@keyframes o64-failsafe{to{opacity:0;visibility:hidden}}
html.o-intro-on{overflow:hidden}
.o-intro{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;cursor:pointer;color:#eaf4ee;
 background:radial-gradient(120% 90% at 50% 45%,var(--o64-night2),var(--o64-night) 70%);animation:o64-failsafe .3s linear 6s forwards;transition:opacity 650ms var(--o64-ease)}
.o-intro-stage{position:relative;width:min(78vmin,560px);aspect-ratio:1;transition:transform 720ms var(--o64-ease)}
.o-intro-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.oi-outer{fill:none;stroke:var(--o64-hair-d);stroke-width:.7}
.oi-ticks{fill:none;stroke:rgba(232,244,237,.28);stroke-width:1.6;stroke-dasharray:.6 5.4;transform-origin:200px 200px}
.oi-link{stroke:rgba(159,224,194,.28);stroke-width:.6;stroke-dasharray:180;stroke-dashoffset:180}
.oi-arc{fill:none;stroke:url(#oiArc);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:200px 200px}
.oi-sat{transform-box:fill-box;transform-origin:center;transform:scale(0)}
.oi-sat-halo{fill:rgba(159,224,194,.12);stroke:rgba(159,224,194,.45);stroke-width:.6}.oi-sat-core{fill:#eaf4ee}
.oi-label{position:absolute;transform:translate(14px,-50%);font:500 15px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;color:#dcebe3;opacity:0;white-space:nowrap}
.oi-label[data-side="l"]{transform:translate(calc(-100% - 14px),-50%)}
.oi-mark{position:absolute;left:50%;top:50%;width:105.5%;transform:translate(-37.92%,-50%);aspect-ratio:948/360}
.oi-mark>img{position:absolute;inset:0;width:100%;height:100%;opacity:0;clip-path:inset(0 45% 0 21%)}
.oi-mark .oi-bow{left:24.26%;top:28.89%;right:auto;bottom:auto;width:27.43%;height:auto;clip-path:none;opacity:0;transform:scale(.88)}
.oi-line{position:absolute;left:0;right:0;bottom:-2%;margin:0;text-align:center;font:400 clamp(20px,2.2vw,26px)/1.2 "Bond Editorial",Georgia,serif;color:#cfe3d8;opacity:0}
.o-intro-skip{position:absolute;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);min-height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(232,244,237,.35);background:rgba(6,18,13,.4);color:#eaf4ee;font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
.o-intro-skip:hover{background:rgba(232,244,237,.1)}.o-intro-skip:focus-visible{outline:3px solid var(--o64-mint);outline-offset:3px}
.o-intro:not(.is-still) .oi-bow{animation:o64-bow 600ms var(--o64-ease) 80ms forwards}
.o-intro:not(.is-still) .oi-arc{animation:o64-draw 1000ms var(--o64-ease) 220ms forwards}
.o-intro:not(.is-still) .oi-outer{opacity:0;animation:o64-fade 600ms var(--o64-ease) 420ms forwards}
.o-intro:not(.is-still) .oi-ticks{opacity:0;animation:o64-fade 600ms var(--o64-ease) 500ms forwards,o64-spin 9s linear 500ms infinite}
.o-intro:not(.is-still) .oi-link{animation:o64-link 600ms var(--o64-ease) calc(700ms + var(--i)*90ms) forwards}
.o-intro:not(.is-still) .oi-sat{animation:o64-pop 520ms var(--o64-ease) calc(860ms + var(--i)*90ms) forwards}
.o-intro:not(.is-still) .oi-label{animation:o64-rise 520ms var(--o64-ease) calc(1000ms + var(--i)*90ms) forwards}
.o-intro:not(.is-still) .oi-mark>img:first-child{animation:o64-mark 700ms var(--o64-ease) 1150ms forwards}
.o-intro:not(.is-still) .oi-line{animation:o64-rise 600ms var(--o64-ease) 1450ms forwards}
@keyframes o64-bow{to{opacity:1;transform:none}}@keyframes o64-draw{to{stroke-dashoffset:0}}@keyframes o64-fade{to{opacity:1}}
@keyframes o64-spin{to{transform:rotate(360deg)}}@keyframes o64-link{to{stroke-dashoffset:0}}@keyframes o64-pop{to{transform:none}}
@keyframes o64-rise{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes o64-mark{to{opacity:1;clip-path:inset(0 0 0 0)}}
/* still version: the finished lockup, a short fade, no drawing or scaling */
.o-intro.is-still .oi-arc,.o-intro.is-still .oi-link{stroke-dashoffset:0}.o-intro.is-still .oi-sat{transform:none}
.o-intro.is-still :is(.oi-label,.oi-line,.oi-mark>img){opacity:1;clip-path:none;transform:none}.o-intro.is-still .oi-label{transform:translate(14px,-50%)}.o-intro.is-still .oi-label[data-side="l"]{transform:translate(calc(-100% - 14px),-50%)}
.o-intro.is-leaving{opacity:0;pointer-events:none}.o-intro.is-leaving:not(.is-still) .o-intro-stage{transform:scale(1.07)}
.o-intro.is-still{transition-duration:250ms}
@media (max-width:560px){.o-intro-stage{width:88vw}.oi-mark{width:90%}.oi-label{font-size:14px}}
/* hand-off: the hero settles in as the stage lifts */
html.o-intro-handoff .o64-hero-copy>*{animation:o64-rise 700ms var(--o64-ease) both}
html.o-intro-handoff .o64-hero-copy>*:nth-child(2){animation-delay:60ms}html.o-intro-handoff .o64-hero-copy>*:nth-child(3){animation-delay:120ms}html.o-intro-handoff .o64-hero-copy>*:nth-child(n+4){animation-delay:180ms}
html.o-intro-handoff .o64-hero-visual{animation:o64-settle 900ms var(--o64-ease) both}
@keyframes o64-settle{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* ---------- Shared Orbit rings (SVG, crisp hairlines, one drawn arc) ---------- */
.o64-rings{position:absolute;inset:-9%;width:118%;height:118%;pointer-events:none;overflow:visible}
.o64-rings circle{fill:none}
.o64-rings .r1{stroke:var(--o64-hair);stroke-width:1}
.o64-rings .r2{stroke:currentColor;opacity:.22;stroke-width:1.4;stroke-dasharray:1 7;stroke-linecap:round}
.o64-rings .r3{stroke:var(--o64-em);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:62 38;transform:rotate(-120deg);transform-origin:300px 300px}
.o64-rings .r4{stroke:var(--o64-hair);stroke-width:1}

/* ---------- Buttons on dark stages ---------- */
.o-btn.is-light{background:#f4f6f2;color:var(--o64-ink)!important}.o-btn.is-light:hover{background:#fff}
.o-btn.is-ghost-dark{background:transparent;color:#eef5f0!important;border:1px solid rgba(232,244,237,.38);padding:0 22px}.o-btn.is-ghost-dark::after{display:none}.o-btn.is-ghost-dark:hover{background:rgba(232,244,237,.08)}
.o-btn:focus-visible,.o-btn.is-light:focus-visible{outline:3px solid var(--o64-mint);outline-offset:3px}

/* ---------- Home hero: night-emerald stage, the photo inside a real orbit ---------- */
.o64-hero{position:relative;background:radial-gradient(90% 120% at 78% 40%,#123527 0,var(--o64-night2) 38%,var(--o64-night) 78%);color:#eef5f0;overflow:hidden;isolation:isolate}
.o64-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(159,224,194,.35),transparent)}
.o64-hero-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(40px,6vw,84px) clamp(20px,4vw,48px) clamp(48px,6vw,88px)}
.o64-hero .o-eyebrow{color:var(--o64-mint)}.o64-hero .o-eyebrow::before{border-color:var(--o64-mint);box-shadow:0 0 0 4px rgba(159,224,194,.12)}
.o64-hero h1{font:400 clamp(52px,6.4vw,96px)/.98 "Bond Editorial",Georgia,serif!important;letter-spacing:-.035em;color:#f4f8f5!important;margin:.18em 0 .28em}
.o64-hero h1 em{font-style:normal;color:var(--o64-mint)}
.o64-hero .o-lede{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.6;color:#cddfd5!important;max-width:31em;margin:0 0 18px}
html body main .o64-hero .home-rooted,html body main .o64-hero .home-rooted span{color:#fff!important;font-size:clamp(21px,1.8vw,27px)!important;margin:0 0 26px}.o64-hero .home-rooted i{color:var(--o64-mint)}
.o64-hero-visual{position:relative;aspect-ratio:1;width:min(100%,600px);justify-self:center;color:var(--o64-mint)}
.o64-hero-visual .o64-rings .r1,.o64-hero-visual .o64-rings .r4{stroke:var(--o64-hair-d)}
.o64-hero-visual .o64-rings .r3{stroke:#2fa877}
.o64-hero-photo{position:absolute;inset:8%;margin:0;border-radius:50%!important;overflow:hidden;aspect-ratio:auto!important;box-shadow:0 0 0 1px rgba(232,244,237,.22),0 0 0 10px rgba(6,18,13,.55),0 0 0 11px rgba(159,224,194,.3),0 50px 90px -40px #000!important}
.o64-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 38%;border-radius:0!important}
.o64-node{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:#eaf4ee;box-shadow:0 0 0 5px rgba(159,224,194,.18),0 0 0 6px rgba(159,224,194,.45)}
.o64-node.n1{left:7.5%;top:28%}.o64-node.n2{left:96%;top:44%}.o64-node.n3{left:20%;top:90%}
.o64-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:999px;background:rgba(244,246,242,.96);color:var(--o64-ink)!important;text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.6) inset,0 18px 40px -18px rgba(0,0,0,.55);transition:transform var(--o64-fast) var(--o64-ease),box-shadow var(--o64-fast)}
.o64-chip:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--o64-em) inset,0 22px 44px -18px rgba(0,0,0,.6)}
.o64-chip:focus-visible{outline:3px solid var(--o64-mint);outline-offset:3px}
.o64-chip-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--o64-night2);color:var(--o64-mint)}.o64-chip-ic svg{width:22px;height:22px}
.o64-chip b{display:block;font:600 15px/1.2 Inter,system-ui,sans-serif}.o64-chip small{display:block;font:400 14px/1.3 Inter,system-ui,sans-serif;color:var(--o64-mut)}
.o64-chip.c1{left:-6%;top:22%}.o64-chip.c2{right:-8%;top:52%}.o64-chip.c3{left:2%;bottom:3%}
.o64-hero-visual.o64-will{transform:scale(.97)}.o64-hero-visual.is-in{transform:none;transition:transform var(--o64-slow) var(--o64-ease)}
@media (max-width:1100px){.o64-chip.c1{left:-2%}.o64-chip.c2{right:-2%}}
@media (max-width:860px){.o64-hero-in{grid-template-columns:1fr}.o64-hero-visual{width:min(100%,460px)}.o64-chip.c1{left:0;top:4%}.o64-chip.c2{right:0;top:auto;bottom:22%}.o64-chip.c3{left:6%;bottom:-2%}}
@media (max-width:480px){.o64-chip{padding:8px 14px 8px 8px}.o64-chip-ic{width:36px;height:36px}.o64-chip small{display:none}.o64-hero h1{font-size:52px!important}}

/* ---------- Orbit component upgrade, everywhere it is used (Discover, quiz, Together hero, games) ---------- */
.o-orbit::before{inset:8%;border:1px solid rgba(22,113,79,.32);box-shadow:0 0 0 14px rgba(22,113,79,.035)}
.o-orbit::after{inset:22%;border:1.4px dotted rgba(22,113,79,.4)}
.o-orbit-center{box-shadow:0 0 0 6px #fff,0 0 0 7px rgba(22,113,79,.55),0 0 0 22px rgba(22,113,79,.05),0 40px 70px -34px rgba(14,59,46,.6)!important}
.o-sat{background:linear-gradient(160deg,#fff 0,#f3f6f2 100%)!important;box-shadow:0 0 0 1px rgba(22,113,79,.35),0 1px 0 1px #fff inset,0 18px 34px -18px rgba(14,59,46,.55)!important;padding:8px}
.o-sat b{font:600 15px/1.2 Inter,system-ui,sans-serif!important}.o-sat small{font:400 14px/1.3 Inter,system-ui,sans-serif!important;color:var(--o64-mut)!important}
.o-sat[aria-pressed="true"]{box-shadow:0 0 0 2.5px var(--o64-em),0 0 0 8px rgba(22,113,79,.12),0 18px 34px -18px rgba(14,59,46,.55)!important}
/* readable type at the size it is shown */
.o-eyebrow{font-size:14px!important;letter-spacing:.14em}
.o-sec-head p,.o-lede{font-size:clamp(17px,1.25vw,19px);line-height:1.6}
.o-card-body small,.o-tag{font-size:13px!important;letter-spacing:.1em}.o-card-body p{font-size:16px!important}.o-card-body .o-link{font-size:15px!important}
.o-circle b{font-size:15px!important}.o-circle small{font-size:14px!important}
.o-note{font-size:15px!important}
.o-link{font-weight:600;color:var(--o64-ink);text-decoration:none;border-bottom:1px solid rgba(22,113,79,.4)}.o-link:hover{border-color:var(--o64-em)}

/* ---------- Personalize: choices orbit around her; the day takes shape beside it ---------- */
.o64-pz{background:linear-gradient(180deg,#fff 0,var(--o64-pearl) 100%);border-top:1px solid var(--o64-hair)}
.o64-pz-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:clamp(48px,6vw,88px) clamp(20px,4vw,48px)}
.o64-pz h2,.o64-letters h2{font:400 clamp(36px,3.8vw,56px)/1.04 "Bond Editorial",Georgia,serif!important;letter-spacing:-.03em;color:var(--o64-ink);margin:.25em 0 .35em}
.o64-pz h2 em{font-style:normal;color:var(--o64-em)}
.o64-pz .o-lede{color:var(--o64-mut);max-width:34em;margin:0 0 8px}
.o64-pz-orbit{position:relative;width:min(100%,440px);aspect-ratio:1;margin:28px auto 8px;color:var(--o64-em)}
.o64-pz-orbit .o64-rings{inset:4%;width:92%;height:92%}
.o64-pz-center{position:absolute;inset:30%;border-radius:50%;overflow:visible}
.o64-pz-center img{width:100%;height:100%;object-fit:cover;border-radius:50%!important;box-shadow:0 0 0 6px #fff,0 0 0 7px rgba(22,113,79,.5),0 30px 60px -30px rgba(14,59,46,.6)}
.o64-pz-center span{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);padding:5px 12px;border-radius:99px;background:var(--o64-ink);color:#fff;font:600 14px Inter,system-ui,sans-serif;white-space:nowrap}
.o64-psat{position:absolute;display:grid;justify-items:center;gap:8px;width:30%;padding:0;border:0;background:none;cursor:pointer;color:var(--o64-ink);font:inherit;text-align:center}
.o64-psat-ph{display:grid;place-items:center;width:62%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(22,113,79,.3),0 0 0 5px #fff,0 16px 30px -16px rgba(14,59,46,.55);transition:box-shadow var(--o64-fast) var(--o64-ease),transform var(--o64-fast) var(--o64-ease)}
.o64-psat-ph img{width:100%;height:100%;object-fit:cover;border-radius:0!important;outline:0!important;box-shadow:none!important}
.o64-psat-ic{color:var(--o64-em)}.o64-psat-ic svg{width:34px;height:34px}
.o64-psat-txt{display:grid;gap:2px}.o64-psat b{font:600 15px/1.2 Inter,system-ui,sans-serif}.o64-psat small{font:400 14px/1.25 Inter,system-ui,sans-serif;color:var(--o64-mut)}
.o64-psat:hover .o64-psat-ph{transform:translateY(-2px)}
.o64-psat[aria-pressed="true"] .o64-psat-ph{box-shadow:0 0 0 3px var(--o64-em),0 0 0 9px rgba(22,113,79,.14),0 16px 30px -16px rgba(14,59,46,.55)}
.o64-psat[aria-pressed="true"] b::after{content:" · choosing";font-weight:500;color:var(--o64-em)}
.o64-psat:focus-visible{outline:3px solid var(--o64-em);outline-offset:4px;border-radius:16px}
.o64-psat.p1{left:-2%;top:2%}.o64-psat.p2{right:-2%;top:2%}.o64-psat.p3{right:-2%;bottom:-6%}.o64-psat.p4{left:-2%;bottom:-6%}
.o64-panels{margin-top:34px;padding:18px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--o64-hair),0 24px 50px -36px rgba(14,59,46,.45)}
.o64-q{font:600 15px Inter,system-ui,sans-serif;color:var(--o64-ink);margin:0 0 12px}
.o64-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.o64-opt{display:grid;justify-items:center;gap:6px;padding:12px 8px;border-radius:18px;border:1px solid transparent;background:var(--o64-pearl);cursor:pointer;color:var(--o64-ink);font:inherit;transition:border-color var(--o64-fast),background var(--o64-fast)}
.o64-opt:hover{border-color:rgba(22,113,79,.4)}
.o64-opt-ph{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#fff;color:var(--o64-em)}.o64-opt-ph img{width:100%;height:100%;object-fit:cover;border-radius:0!important;outline:0!important;box-shadow:none!important}.o64-opt-ph svg{width:30px;height:30px}
.o64-opt b{font:600 15px/1.2 Inter,system-ui,sans-serif}.o64-opt small{font:500 14px Inter,system-ui,sans-serif;color:var(--o64-mut)}
.o64-opt[aria-pressed="true"]{background:#fff;border-color:var(--o64-em);box-shadow:0 0 0 3px rgba(22,113,79,.12)}
.o64-opt[aria-pressed="true"] .o64-opt-ph{box-shadow:0 0 0 3px var(--o64-em),0 0 0 6px #fff}
.o64-opt[aria-pressed="true"] small{color:var(--o64-em)}
.o64-opt:focus-visible{outline:3px solid var(--o64-em);outline-offset:3px}
.o64-day{align-self:start;position:sticky;top:110px;padding:clamp(20px,2.4vw,32px);border-radius:32px;background:#fff;box-shadow:0 0 0 1px var(--o64-hair),0 40px 80px -50px rgba(14,59,46,.55)}
.o64-day-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--o64-hair)}
.o64-day-head img{width:56px;height:56px;border-radius:50%!important;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--o64-em)}
.o64-day-head small{font:600 13px Inter,system-ui,sans-serif;letter-spacing:.12em;color:var(--o64-em)}
.o64-day-head h3{font:400 clamp(26px,2.2vw,32px)/1.1 "Bond Editorial",Georgia,serif!important;margin:4px 0 0;color:var(--o64-ink)}
.o64-stops{list-style:none;margin:8px 0 0;padding:0;position:relative}
.o64-stops::before{content:"";position:absolute;left:66px;top:28px;bottom:28px;width:1.5px;background:linear-gradient(var(--o64-em),rgba(22,113,79,.15))}
.o64-stop{display:grid;grid-template-columns:52px 28px minmax(0,1fr);align-items:center;gap:0;padding:12px 0}
.o64-stop-time{font:600 15px Inter,system-ui,sans-serif;color:var(--o64-ink);font-variant-numeric:tabular-nums}
.o64-stop-node{justify-self:center;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--o64-em);position:relative;z-index:1;transition:box-shadow var(--o64-fast)}
.o64-stop.is-focus .o64-stop-node{background:var(--o64-em);box-shadow:0 0 0 2px var(--o64-em),0 0 0 7px rgba(22,113,79,.15)}
.o64-stop-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;margin-left:10px;padding:12px;border-radius:20px;background:var(--o64-pearl);transition:background var(--o64-fast),box-shadow var(--o64-fast)}
.o64-stop.is-focus .o64-stop-card{background:#fff;box-shadow:0 0 0 1.5px rgba(22,113,79,.45)}
.o64-stop-card img{width:84px;height:84px;border-radius:18px!important;object-fit:cover;outline:0!important;box-shadow:none!important}
.o64-stop-card small{font:600 13px Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--o64-em)}
.o64-stop-card p{margin:4px 0 6px;font:400 16px/1.5 Inter,system-ui,sans-serif;color:var(--o64-ink)}
.o64-stop-card .o-link{font-size:15px}
.o64-day-foot{font-size:15px;line-height:1.5;color:var(--o64-mut);margin:14px 0 18px}
.o64-swap{opacity:.25;transition:opacity var(--o64-fast) var(--o64-ease)}
@media (max-width:980px){.o64-pz-in{grid-template-columns:1fr}.o64-day{position:static}}
@media (max-width:520px){.o64-opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.o64-opt-ph{width:64px;height:64px}.o64-psat{width:34%}.o64-psat small{display:none}.o64-stop{grid-template-columns:46px 22px minmax(0,1fr)}.o64-stops::before{left:57px}.o64-stop-card{grid-template-columns:64px minmax(0,1fr);gap:12px}.o64-stop-card img{width:64px;height:64px}}

/* ---------- Future Letters: a real letter sheet, the Orbit composer around it ---------- */
.o64-letters{background:radial-gradient(80% 110% at 70% 50%,#123527 0,var(--o64-night2) 42%,var(--o64-night) 85%);color:#eef5f0;overflow:hidden}
.o64-letters-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(56px,7vw,104px) clamp(20px,4vw,48px)}
.o64-letters .o-eyebrow{color:var(--o64-mint)}.o64-letters .o-eyebrow::before{border-color:var(--o64-mint)}
.o64-letters h2{color:#f4f8f5!important}.o64-letters h2 em{font-style:normal;color:var(--o64-mint)}
.o64-letters .o-lede{color:#cddfd5!important;max-width:30em}
.o64-letters .o64-q{color:#dbe9e1;margin-top:26px}
.o64-occs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.o64-occs button{min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(232,244,237,.34);background:transparent;color:#eef5f0;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;transition:background var(--o64-fast),color var(--o64-fast)}
.o64-occs button:hover{background:rgba(232,244,237,.08)}
.o64-occs button[aria-pressed="true"]{background:#f4f6f2;color:var(--o64-ink);border-color:#f4f6f2}
.o64-occs button:focus-visible{outline:3px solid var(--o64-mint);outline-offset:3px}
.o64-composer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center}
.o64-comp-arc{position:absolute;right:190px;top:-4%;width:150px;height:108%;pointer-events:none}
.o64-comp-arc path{fill:none;stroke:rgba(159,224,194,.32);stroke-width:1.2;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}
.o64-paper-wrap{position:relative;padding:0 0 26px}
.o64-envelope{position:absolute;left:-3%;right:-3%;bottom:0;height:42%;border-radius:10px;background:linear-gradient(180deg,#e7eee9,#d5e0d9);box-shadow:0 40px 70px -34px #000,0 0 0 1px rgba(255,255,255,.4) inset}
.o64-paper-wrap::after{content:"";position:absolute;left:-3%;right:-3%;bottom:0;height:104px;z-index:2;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#eef3ef,#dfe8e2);clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%);box-shadow:0 -1px 0 rgba(16,26,21,.08) inset;pointer-events:none}
.o64-paper-wrap::before{content:"";position:absolute;left:50%;bottom:22px;z-index:3;width:46px;height:46px;margin-left:-23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a9a6e,#16714f 55%,#0d4a33);box-shadow:0 0 0 3px rgba(255,255,255,.55),0 8px 16px -6px rgba(0,0,0,.5);pointer-events:none}
.o64-sheet{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:clamp(26px,3vw,44px) clamp(24px,3.2vw,48px) 96px;background:var(--o64-paper);color:var(--o64-ink);border-radius:4px;
 background-image:radial-gradient(120% 80% at 0 0,#fff 0,transparent 60%);
 box-shadow:0 0 0 1px rgba(16,26,21,.06),0 1px 0 #fff inset,0 2px 2px rgba(0,0,0,.08),0 30px 60px -28px rgba(0,0,0,.65);transform:rotate(-.6deg)}
.o64-sheet::before{content:"";position:absolute;inset:12px;border:1px solid rgba(22,113,79,.22);border-radius:2px;pointer-events:none}
.o64-sheet-top{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(22,113,79,.18)}
.o64-sheet-top img{width:58px;height:auto;border-radius:0!important}
.o64-sheet-top span{display:block;font:600 14px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--o64-em)}
.o64-sheet-top small{display:block;font:400 14px Inter,system-ui,sans-serif;color:var(--o64-mut);margin-top:3px}
.o64-sheet h3{font:400 clamp(30px,2.6vw,38px)/1.1 "Bond Editorial",Georgia,serif!important;color:var(--o64-ink);margin:0 0 14px}
.o64-sheet p{font:400 clamp(17px,1.25vw,19px)/1.65 "Bond Editorial",Georgia,serif;color:#1d2a23;margin:0 0 14px;max-width:34em}
.o64-sign{margin-top:18px!important}.o64-sign span{display:block;font:italic 400 34px/1.1 Georgia,"Times New Roman",serif;color:var(--o64-em);margin-top:4px}
.o64-sheet .o64-sheet-foot{margin-top:18px;padding-top:12px;border-top:1px dashed rgba(16,26,21,.16);font:500 14px Inter,system-ui,sans-serif;color:var(--o64-mut)}
.o64-paper-wrap.o64-will .o64-sheet{transform:translateY(70px) rotate(0deg)}
.o64-paper-wrap.is-in .o64-sheet{transform:rotate(-.6deg);transition:transform 1100ms var(--o64-ease)}
.o64-atts{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative;z-index:1}
.o64-atts li:nth-child(1),.o64-atts li:nth-child(4){margin-left:-26px}.o64-atts li:nth-child(2),.o64-atts li:nth-child(3){margin-left:14px}
.o64-att{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:10px 14px 10px 10px;border-radius:54px 22px 22px 54px!important;border:0!important;background:rgba(244,246,242,.06)!important;color:#eef5f0;text-align:left;font:inherit;cursor:pointer;box-shadow:0 0 0 1px rgba(232,244,237,.16) inset;transition:background var(--o64-fast),box-shadow var(--o64-fast)}
.o64-att:hover{background:rgba(244,246,242,.1)}
.o64-att-vis{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;overflow:hidden;background:#f4f6f2;color:var(--o64-em);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 0 5px rgba(6,18,13,.6),0 0 0 6px rgba(159,224,194,.35)}
.o64-att-vis img{width:100%;height:100%;object-fit:cover;border-radius:0!important;outline:0!important;box-shadow:none!important}
.o64-att-ic svg{width:32px;height:32px}
.o64-quote-mark{font:400 64px/1 "Bond Editorial",Georgia,serif;color:var(--o64-em);margin-top:22px}
.o64-att-num{font:400 34px/1 "Bond Editorial",Georgia,serif;color:var(--o64-em)}
.o64-att-txt small{display:block;font:600 13px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--o64-mint)}
.o64-att-txt b{display:block;font:500 16px/1.3 Inter,system-ui,sans-serif;color:#f4f8f5;margin:3px 0}
.o64-att-txt em{display:inline-block;font:500 14px Inter,system-ui,sans-serif;font-style:normal;color:#cddfd5}
.o64-att.a3 .o64-att-txt em{color:#c9d6ff}
.o64-att.a3 .o64-att-vis{background:#dfe7e2;color:#4c5b54}
.o64-att[aria-pressed="true"]{background:#f4f6f2!important;color:var(--o64-ink)}
.o64-att[aria-pressed="true"] .o64-att-txt b{color:var(--o64-ink)}.o64-att[aria-pressed="true"] .o64-att-txt small{color:var(--o64-em)}.o64-att[aria-pressed="true"] .o64-att-txt em{color:var(--o64-mut)}
.o64-att[aria-pressed="true"] .o64-att-vis{box-shadow:0 0 0 3px var(--o64-em),0 0 0 7px #f4f6f2,0 0 0 8px rgba(22,113,79,.4)}
.o64-att:focus-visible{outline:3px solid var(--o64-mint);outline-offset:3px}
.o64-att-panel{grid-column:1/-1;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px;border-radius:24px;background:#f4f6f2;color:var(--o64-ink);box-shadow:0 30px 60px -30px #000;animation:o64-open var(--o64-mid) var(--o64-ease)}
.o64-att-panel img{width:180px;height:120px;object-fit:cover;border-radius:14px!important}
.o64-att-panel p{margin:0;font-size:16px;line-height:1.55;color:var(--o64-ink)}
.o64-att-panel blockquote{margin:0;font:400 28px/1.2 "Bond Editorial",Georgia,serif;color:var(--o64-em)}
.o64-panel-close{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #c9d2ce;background:#fff;color:var(--o64-ink);font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
@keyframes o64-open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.o64-letters-in{grid-template-columns:1fr}.o64-composer{grid-template-columns:minmax(0,1fr) 240px}}

.o64-tray-nav{display:none}
@media (max-width:760px){.o64-tray-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:-8px}
 .o64-tray-nav button{width:48px;height:48px;border-radius:50%!important;border:1px solid rgba(232,244,237,.35)!important;background:transparent!important;color:#eef5f0!important;font:400 26px/1 Inter,system-ui,sans-serif;cursor:pointer}
 .o64-tray-nav span{font:600 15px Inter,system-ui,sans-serif;color:#dbe9e1;min-width:56px;text-align:center}
 .o64-composer{grid-template-columns:1fr}.o64-comp-arc{display:none}
 .o64-atts{grid-auto-flow:column;grid-auto-columns:min(78%,280px);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:thin}
 .o64-atts li{scroll-snap-align:start;margin-left:0!important}.o64-att{border-radius:50px 20px 20px 50px!important}
 .o64-att-panel{grid-template-columns:1fr}.o64-att-panel img{width:100%;height:auto;aspect-ratio:3/2}.o64-sheet{transform:none}}

@media (prefers-reduced-motion:reduce){.o64-chip,.o64-psat-ph,.o64-opt,.o64-att{transition:none}.o64-paper-wrap .o64-sheet{transform:none!important;transition:none!important}.o64-hero-visual{transform:none!important}.o64-att-panel{animation:none}.o64-swap{opacity:1}html.o-intro-handoff *{animation:none!important}}

/* Earlier layers paint .home-opening and .future-letter-section pearl with !important; the night stages win here. */
html body main .o64-hero.o64-hero{background:radial-gradient(90% 120% at 78% 40%,#123527 0,var(--o64-night2) 38%,var(--o64-night) 78%)!important;color:#eef5f0!important}
html body main .o64-hero.o64-hero.o64-hero h1{color:#f4f8f5!important;-webkit-text-fill-color:#f4f8f5!important}
html body main .o64-hero.o64-hero.o64-hero h1 em{color:var(--o64-mint)!important;-webkit-text-fill-color:var(--o64-mint)!important}
html body main .o64-letters.o64-letters{background:radial-gradient(80% 110% at 70% 50%,#123527 0,var(--o64-night2) 42%,var(--o64-night) 85%)!important;color:#eef5f0!important;padding:0!important}
html body main .o64-letters.o64-letters.o64-letters h2{color:#f4f8f5!important;-webkit-text-fill-color:#f4f8f5!important}
html body main .o64-letters.o64-letters.o64-letters h2 em{color:var(--o64-mint)!important;-webkit-text-fill-color:var(--o64-mint)!important}
html body main .o64-letters .o64-sheet h3{color:var(--o64-ink)!important;-webkit-text-fill-color:var(--o64-ink)!important}
html body main .o64-letters .o64-sheet p{color:#1d2a23!important}
html body main .o64-letters .o64-sheet .o64-sign span{color:var(--o64-em)!important}
html body main .o64-letters .o64-sheet .o64-sheet-foot{background:none!important;color:var(--o64-mut)!important}
html body main .o64-letters .o64-sheet-top div{background:none!important}
/* At 200% text on a phone (about 195 CSS px wide) satellite labels wrap instead of pushing the page sideways. */
@media (max-width:260px){.o-sat b{font-size:13px!important;overflow-wrap:anywhere}.o-sat{padding:4px}}

/* ---------- The app chapter opens with an orbit, not a boxed card ---------- */
html body main .o-app-divider{position:relative;max-width:none;margin:0;padding:clamp(64px,8vw,112px) clamp(20px,4vw,48px) clamp(40px,5vw,64px);border-radius:0;background:radial-gradient(60% 90% at 50% 0,#eaf3ee 0,transparent 70%),#fff;box-shadow:none;border-top:1px solid var(--o64-hair);overflow:hidden;isolation:isolate}
html body main .o-app-divider::before{content:"";position:absolute;left:50%;top:-600px;width:900px;height:900px;margin-left:-450px;border-radius:50%;z-index:-1;
 background:radial-gradient(circle closest-side,transparent 0 59.6%,rgba(22,113,79,.22) 59.8% 60%,transparent 60.2% 69.6%,rgba(22,113,79,.12) 69.8% 70%,transparent 70.2%)}
html body main .o-app-divider::after{content:"";position:absolute;left:50%;top:114px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--o64-em);box-shadow:0 0 0 6px rgba(22,113,79,.14);z-index:-1}
html body main .o-app-divider h2{font-size:clamp(40px,4.4vw,64px)!important;letter-spacing:-.03em}
html body main .o-app-divider p:not(.o-eyebrow){font-size:clamp(17px,1.3vw,19px);max-width:36em}

/* ---------- More of her world: one composed bento instead of three thin strips ---------- */
.o64-world{background:var(--o64-pearl);border-top:1px solid var(--o64-hair)}
.o64-world-in{max-width:1320px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,4vw,48px)}
.o64-world-head h2{font:400 clamp(36px,3.8vw,56px)/1.04 "Bond Editorial",Georgia,serif!important;letter-spacing:-.03em;color:var(--o64-ink);margin:.25em 0 clamp(24px,3vw,40px)}
.o64-world-head h2 em{font-style:normal;color:var(--o64-em)}
.o64-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.o64-tile{position:relative;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--o64-hair),0 30px 60px -48px rgba(14,59,46,.5)}
.o64-tile>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0!important}
.o64-tile-body{padding:clamp(20px,2.4vw,32px);display:grid;gap:10px;align-content:start}
.o64-tile h3{font:400 clamp(26px,2.3vw,34px)/1.1 "Bond Editorial",Georgia,serif!important;color:var(--o64-ink);margin:0}
.o64-tile p{margin:0;font-size:17px;line-height:1.55;color:var(--o64-mut)}
.o64-kicker{font:600 13px Inter,system-ui,sans-serif!important;letter-spacing:.14em;color:var(--o64-em)!important}
.o64-status{display:inline-flex;justify-self:start;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#e9eef7;color:#2f4a6e!important;font:600 14px Inter,system-ui,sans-serif!important}
.o64-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#5a7bb0}
.o64-tile .o-actions{margin-top:6px;align-items:center;gap:20px}
.o64-tile-launch{grid-column:span 7}
.o64-tile-launch>img{aspect-ratio:21/9}
.o64-tile-sound{grid-column:span 5;background:radial-gradient(90% 120% at 80% 0,#123527,var(--o64-night2) 45%,var(--o64-night));box-shadow:none}
.o64-tile-sound h3{color:#f4f8f5!important}.o64-tile-sound p{color:#cddfd5}.o64-tile-sound .o64-kicker{color:var(--o64-mint)!important}
.o64-tile-sound .o-btn{justify-self:start;margin-top:6px}
.o64-sound-vis{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:6px;padding:28px 32px 0;color:#cddfd5;font:500 14px Inter,system-ui,sans-serif}
.o64-sound-vis span:last-child{text-align:right}
.o64-wave{grid-column:1/-1;width:100%;height:56px;fill:var(--o64-mint);opacity:.85}
.o64-wave rect:nth-child(n+15){fill:#5fae8b}
.o64-tile-ball{grid-column:span 5;flex-direction:row}
.o64-tile-ball>img{width:44%;aspect-ratio:auto;height:100%;min-height:220px}
.o64-tile-ball .v44-family-note{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.92);font:600 13px Inter,system-ui,sans-serif;color:var(--o64-ink)}
.o64-tile-work{grid-column:span 7;display:grid;grid-template-columns:1fr;align-content:start}
.o64-work{display:grid;grid-template-columns:1fr;gap:10px;padding:0 clamp(20px,2.4vw,32px) clamp(20px,2.4vw,32px)}
.o64-work-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:20px;background:var(--o64-pearl);color:var(--o64-ink)!important;text-decoration:none;transition:background var(--o64-fast),box-shadow var(--o64-fast)}
.o64-work-row:hover{background:#fff;box-shadow:0 0 0 1.5px var(--o64-em)}
.o64-work-row b{display:block;font:600 16px Inter,system-ui,sans-serif}.o64-work-row small{display:block;font:400 14px/1.35 Inter,system-ui,sans-serif;color:var(--o64-mut)}
.o64-work-row i{font-style:normal;color:var(--o64-em);font-size:18px}
.o64-work-row:focus-visible{outline:3px solid var(--o64-em);outline-offset:3px}
@media (max-width:1100px){.o64-tile-launch,.o64-tile-sound,.o64-tile-ball,.o64-tile-work{grid-column:span 12}.o64-tile-ball>img{width:40%}}
@media (max-width:640px){.o64-work{grid-template-columns:1fr}.o64-tile-ball{flex-direction:column}.o64-tile-ball>img{width:100%;height:auto;aspect-ratio:16/10;min-height:0}}
.o64-tile-sound{justify-content:space-between}.o64-tile-sound .o64-wave{height:clamp(64px,8vw,132px)}.o64-tile-sound .o64-sound-vis{padding-top:clamp(28px,4vw,56px)}
.o64-bento>*,.o64-world-in{min-width:0}
@media (max-width:420px){.o64-tile-body{padding:18px}.o64-tile .o-actions{gap:12px}.o64-kicker{letter-spacing:.08em}}
@media (max-width:1100px){.o64-bento{grid-template-columns:1fr}.o64-bento>*{grid-column:auto!important}}

/* ---------- App previews at reading size ---------- */
/* Devices no longer shrink on shorter laptop screens (that pushed 11px labels to 9px). The screen height follows the
   viewport instead and the content scrolls inside, so the whole green device stays visible at ordinary zoom. */
html body :is(.fx-phone-slot,.v42-device-stage,.v44-split .v42-device-stage,.v61-demo){zoom:1!important}
html body .v42-device-scroll{height:clamp(440px,calc(100vh - 250px),660px)!important}
html body .rebuilt-glass{height:clamp(460px,calc(100vh - 230px),780px)!important}
.rb-bottom{gap:0!important}.rb-bottom>a{flex:1 1 0!important;min-width:0!important;letter-spacing:0!important;white-space:nowrap}
.rebuilt-phone :is(.rb-chips,.card-category-tabs){flex-wrap:wrap}
.rebuilt-phone .v32-phone-scroll button{min-height:40px}
html body .rebuilt-glass{display:flex!important;flex-direction:column!important}html body .rebuilt-content{height:auto!important;flex:1 1 auto!important;min-height:0!important}html body .rebuilt-glass>.rb-bottom{flex:none}
/* Donate stays in the header on ordinary laptops (founder: the giving path must be easy to find). */
@media (min-width:1181px) and (max-width:1399px){html body header .o-donate-link{display:inline-flex!important;padding:0 12px;margin-right:6px}html body header nav[aria-label="Main navigation"]{gap:clamp(8px,1vw,16px)!important}html body header .header-cta{padding-left:16px!important;padding-right:10px!important}html body header nav a.nav-shortcut[href="/care/"]{display:inline-flex!important}}
/* Mobile density: the choices orbit and section padding shrink so Personalize and Letters read as one screen-and-a-half each. */
@media (max-width:520px){.o64-pz-in,.o64-letters-in,.o64-world-in{padding-top:44px;padding-bottom:44px;gap:24px}.o64-pz-orbit{width:min(100%,320px);margin:18px auto 0}.o64-panels{margin-top:22px;padding:12px}.o64-day{padding:16px;border-radius:24px}.o64-stop{padding:8px 0}.o64-stop-card{padding:10px}.o64-day-foot{margin:10px 0 14px}.o64-paper-wrap{padding-bottom:18px}.o64-hero-in{padding-top:32px;padding-bottom:40px}}

/* Founder corrections, 29 October: contrast, clarity and tactile detail. */
html body main .o64-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
html body main .o64-hero h1 em{-webkit-text-fill-color:#b8f1d4!important;color:#b8f1d4!important}
html body main .home-rooted,html body main .home-rooted span,html body main .home-rooted i{font-family:"Bond Editorial",Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:clamp(20px,1.8vw,27px)!important;line-height:1.5!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;letter-spacing:.01em!important;text-shadow:0 2px 18px #00180f}
html body main .o64-stop-card .o-link{display:inline-flex;align-items:center;min-height:42px;padding:7px 14px;margin-top:8px;border:1px solid #8fae9f;border-radius:999px;background:#fff;color:#123e2d!important;font:600 14px/1.3 Inter,system-ui,sans-serif;box-shadow:0 3px 8px #123e2d09}
html body main .o64-stop-card .o-link:hover{background:#123e2d;color:#fff!important}
.o65-day-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #a4bdaf;border-radius:50%;background:#edf4ee;color:#17583f;flex:none}.o65-day-mark svg{width:24px;height:24px}
.o64-paper-wrap::before{display:none}
.o65-bow-seal{position:absolute;left:50%;bottom:17px;z-index:4;transform:translateX(-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e1f1e5,#b8d2c0 65%,#8daf98);border:2px solid #e2f0e6;box-shadow:0 8px 16px #00190b40,inset 0 0 0 3px #719d8140;pointer-events:none}.o65-bow-seal img{width:42px;height:auto;filter:drop-shadow(0 1px 1px #fff9)}
.o64-pz-orbit{margin-top:42px;margin-bottom:32px}.o64-stop-card{gap:18px!important}.o64-chip.c1{left:-1%;top:13%}.o64-chip.c2{right:-1%;top:auto;bottom:14%}.o64-chip.c3{left:5%;bottom:0}
.o64-pz-center img{object-position:50% 37%}.o64-psat.p1 .o64-psat-ph img,.o64-stop[data-o-pz-stop="hair"] img{object-position:50% 8%;transform:scale(1.45);transform-origin:50% 12%}.o64-stop[data-o-pz-stop="hair"] .o64-stop-card{overflow:hidden}
html body header nav[aria-label="Main navigation"]{min-width:0}
@media(min-width:1181px) and (max-width:1399px){html body header .header-inner,html body header .wrap{gap:12px!important;padding-left:24px!important;padding-right:24px!important}html body header nav[aria-label="Main navigation"]{gap:12px!important}html body header nav a,html body header nav button{font-size:13px!important}html body header .brand img{width:115px!important}html body header .header-cta{font-size:13px!important;white-space:nowrap}}
@media(max-width:600px){.o64-pz-orbit{margin-top:30px;margin-bottom:28px}.o64-hero-in{gap:42px}.o64-hero-visual{margin-bottom:22px}.o64-chip.c1{left:0;top:0}.o64-chip.c2{right:0;top:auto;bottom:22%}.o64-chip.c3{bottom:-3%}.o64-stop-card .o-link{font-size:14px!important}}
@media(min-width:1181px){html body>header{display:flex!important;align-items:center!important;gap:18px!important;padding:20px clamp(20px,3vw,56px)!important}html body>header>.brand{flex:0 0 100px!important;width:100px!important;margin:0!important}html body>header>.brand img{width:100%!important;height:auto!important}html body>header>nav{flex:1 1 auto!important;width:auto!important;justify-content:center!important;gap:clamp(10px,1vw,18px)!important}html body>header>nav summary,html body>header>nav>a{font-size:clamp(12px,.95vw,15px)!important;white-space:nowrap!important}html body>header>.o-donate-link{position:static!important;flex:0 0 auto!important;margin:0!important;min-height:42px!important;padding:0 12px!important}html body>header>.header-cta{position:static!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:48px!important;padding:10px 16px!important;margin:0!important;gap:14px!important}}
/* Connected product workspaces. Real controls and original flow state, without a tiny screenshot-sized screen. */
html body .fx-section{padding-block:64px!important;background:#f1f4ef!important;color:#14281f!important;overflow:hidden}
html body .fx-section .section-head{margin-bottom:28px!important;gap:40px!important;align-items:end!important}
html body .fx-section .section-head :is(h2,p,.eyebrow){color:#14281f!important}
html body .fx-section .section-head h2 em{color:#176447!important}
html body .fx-showcase .fx-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;position:static!important;width:100%!important;padding:0 0 28px!important;height:auto!important}
html body .fx-showcase .fx-tabs button{display:flex!important;align-items:center!important;gap:10px!important;min-height:66px!important;height:auto!important;padding:12px 16px!important;border-radius:18px!important;border:1px solid #cedad1!important;background:#fff!important;color:#304c3d!important;font-size:15px!important;opacity:1!important;transform:none!important;text-align:left!important}
html body .fx-showcase .fx-tabs button svg{flex:none;width:32px;height:32px;padding:7px;border:1px solid #adc5b7;border-radius:50%;box-sizing:content-box!important;color:#176447!important}
html body .fx-showcase .fx-tabs button[aria-pressed="true"]{border-color:#237650!important;background:transparent!important;box-shadow:none!important}
html body .fx-showcase .fx-tabs .v44-step-desc{display:none!important}
html body .fx-showcase .fx-stage{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr)!important;gap:48px!important;align-items:center!important;position:static!important;margin:0!important}
html body .fx-showcase .fx-editorial{position:static!important;display:block!important;max-width:360px!important;padding:24px 0!important;color:#223e30!important}
html body .fx-showcase .fx-editorial h3{font:400 clamp(30px,3vw,44px)/1.1 "Bond Editorial",Georgia,serif!important;color:#173b29!important}
html body .fx-showcase .fx-editorial p{color:#435b4c!important;font-size:17px!important;line-height:1.6!important}
html body .fx-showcase .fx-phone-slot{width:100%!important;position:static!important;transform:none!important}
.o65-workspace-top{display:flex;align-items:center;gap:12px;padding:16px 22px;background:#103629;color:#e4f4e9;font:500 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;border-bottom:1px solid #b9cabb}
.o65-live-dot{margin-left:auto;letter-spacing:0;font-size:13px}.o65-live-dot::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#b5e0c6}
.o65-orbit-symbol{position:relative;width:28px;height:28px;border:1px solid #b6d4c1;border-radius:50%;transform:rotate(-35deg)}.o65-orbit-symbol::before{content:"";position:absolute;inset:5px -5px;border:1px solid #b6d4c1;border-radius:50%}.o65-orbit-symbol i{position:absolute;right:-3px;top:7px;width:6px;height:6px;background:#edf8ef;border-radius:50%}
html body .fx-showcase .rebuilt-phone.o65-workspace{width:100%!important;max-width:740px!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;border-radius:24px!important;border:1px solid #b7ccbd!important;background:#fff!important;box-shadow:0 24px 60px -30px #164a2b50!important;overflow:hidden!important;transform:none!important}
html body .fx-showcase .o65-workspace .rebuilt-glass{height:auto!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:#fff!important}
html body .fx-showcase .o65-workspace .rebuilt-status,html body .fx-showcase .o65-workspace .rb-home-indicator,html body .fx-showcase .o65-workspace>.v32-phone-scroll{display:none!important}
html body .fx-showcase .o65-workspace .rebuilt-content{height:auto!important;max-height:750px!important;min-height:420px!important;padding:24px!important;overflow:auto!important;color:#173b29!important;font-size:16px!important}
html body .fx-showcase .o65-workspace .rebuilt-content h3{font-size:30px!important;line-height:1.15!important;letter-spacing:-.02em!important}
html body .fx-showcase .o65-workspace .rebuilt-content :is(p,button,label,input,select,textarea){font-size:15px!important;line-height:1.5!important}
html body .fx-showcase .o65-workspace .rebuilt-content :is(small,.rb-eyebrow){font-size:12px!important;line-height:1.4!important}
html body .fx-showcase .o65-workspace .rb-bottom{position:static!important;min-height:70px!important;background:#f8faf6!important;border-top:1px solid #d5dfd5!important}
html body .fx-showcase .o65-workspace :is(.v30-profile-photo,.v31-look-summary>img){border-radius:50%!important;border:1px solid #79a48c!important;box-shadow:0 0 0 5px #edf4eb!important}
@media(max-width:760px){html body .fx-showcase .fx-stage{grid-template-columns:1fr!important;gap:16px!important}html body .fx-showcase .fx-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .fx-showcase .fx-tabs button{padding:10px!important;gap:6px!important;font-size:13px!important}html body .fx-showcase .fx-tabs button svg{width:20px!important;height:20px!important;padding:5px!important}html body .fx-showcase .fx-editorial{max-width:none!important;padding:12px 0!important}html body .fx-showcase .o65-workspace .rebuilt-content{padding:18px!important;max-height:680px!important}.o65-workspace-top{padding:14px;font-size:10px;gap:10px}}
html body .fx-showcase .fx-tabs button .bond-glyph{display:block!important;width:42px!important;height:42px!important;padding:9px!important;box-sizing:border-box!important;border:1px solid #b0c5b5!important;border-radius:50%!important;background:#f1f6ef!important;filter:none!important;opacity:1!important;flex:none!important}
html body .fx-showcase .fx-tabs button small{color:#426650!important;font-size:13px!important;opacity:1!important}
html body .fx-showcase .fx-tabs button[aria-pressed="true"] .bond-glyph{filter:none!important;background:#dcecdf!important;border-color:#4b8b63!important}
html body .fx-showcase .fx-tabs button[aria-pressed="true"] span{color:#173e2b!important}
html body .fx-showcase .rebuilt-appbar{padding:12px 22px!important;background:#fff!important;border-bottom:1px solid #e2e8df!important}
html body .fx-showcase .rebuilt-appbar img{image-rendering:auto}
html body .fx-showcase .o65-workspace .v32-profile-card{background:radial-gradient(ellipse at 0 0,#eff6ec,#fff 70%)!important;border-color:#b9cfbd!important}
html body .fx-showcase .fx-tabs button .bond-glyph{min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;object-fit:contain!important}
html body .app-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.o64-hero .o-actions>a:first-child{order:2;background:transparent!important;color:#f4f8f5!important;border:1px solid #6b8d7b!important}.o64-hero .o-actions>a:first-child::after{display:none}.o64-hero .o65-hero-care{order:1}
html body .o65-workspace .rb-bottom:has(a[href="/care/"]){grid-template-columns:repeat(5,minmax(0,1fr))!important}
/* A connected sequence of Orbit stations rather than a wall of rectangular tabs. */
@media(min-width:1001px){html body .fx-showcase .fx-tabs{position:relative!important;grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;gap:12px!important;padding:8px 0 26px!important}html body .fx-showcase .fx-tabs::before{content:"";position:absolute;top:39px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#8baa96 10%,#8baa96 90%,transparent);pointer-events:none}html body .fx-showcase .fx-tabs button{position:relative;z-index:1;flex-direction:column!important;justify-content:flex-start!important;gap:7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 5px!important;text-align:center!important;font-size:14px!important;line-height:1.35!important}html body .fx-showcase .fx-tabs button .bond-glyph{width:60px!important;min-width:60px!important;max-width:60px!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:15px!important;background:#fff!important;box-shadow:0 0 0 5px #f1f4ef,0 7px 15px #1a3b2510!important}html body .fx-showcase .fx-tabs button small{font-size:11px!important;letter-spacing:.08em}html body .fx-showcase .fx-tabs button[aria-pressed="true"] .bond-glyph{border:2px solid #256d49!important;box-shadow:0 0 0 4px #f1f4ef,0 0 0 6px #a0c8ad,0 10px 25px #1a3b2520!important}html body .fx-showcase .fx-tabs button[aria-pressed="true"] span{font-weight:700!important}}
/* Task photographs: the hair detail and ONE emerald garment, not repeated portraits or four-up catalog sheets. */
.o65-stop-photo{display:block;position:relative;width:84px;height:84px;overflow:hidden;border-radius:18px;background:#f7f8f2}
.o64-stop[data-o-pz-stop="hair"] .o65-stop-photo img,.o64-psat.p1 .o64-psat-ph img{position:absolute!important;width:300%!important;max-width:none!important;height:300%!important;left:-100%!important;top:0!important;object-fit:cover!important;transform:none!important}
.o64-psat-ph{position:relative}
.o64-stop[data-o-pz-stop="style"] .o65-stop-photo img,.o64-psat.p2 .o64-psat-ph img{position:absolute!important;width:200%!important;max-width:none!important;height:200%!important;left:0!important;top:0!important;object-fit:cover!important;transform:none!important}
.o64-panel[data-o-pz-panel="style"] .o64-opt-ph{position:relative}.o64-panel[data-o-pz-panel="style"] .o64-opt-ph img{position:absolute!important;width:200%!important;max-width:none!important;height:200%!important;left:0!important;top:0!important;object-fit:cover!important}