/* Hallmark · custom · app · MoodBridge · preserved content and wiring */
/* Critique: establish a quieter reading rhythm and clear interactive boundaries. */
:root{--hm-ink:#342c3a;--hm-plum:#805675;--hm-soft:#f1e8ef;--hm-line:#d8c8d5;--hm-white:#fffdfc;--hm-shadow:0 8px 24px rgb(70 38 62 / 7%)}
html,body{overflow-x:clip}body{color:var(--hm-ink)}header{max-width:1440px;margin-inline:auto}header nav a{font-size:16px;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--hm-plum);outline-offset:3px}#home{max-width:1440px;margin-inline:auto}.mood-hero{border-radius:22px;overflow:hidden}.mood-hero .hero-copy h1{line-height:1.04;letter-spacing:-.035em}.mood-hero .hero-copy>p{max-width:34ch;line-height:1.5}.hero-visual img{object-fit:contain;object-position:center}.model-start{padding-block:34px}.section-heading h2{letter-spacing:-.02em}.route-grid{gap:14px}.route-grid>button{border:1px solid var(--hm-line);background:var(--hm-white);border-radius:14px;box-shadow:var(--hm-shadow);transition:transform .18s ease,border-color .18s ease}.route-grid>button:hover{transform:translateY(-2px);border-color:var(--hm-plum)}.route-copy strong{line-height:1.3}.route-copy>span{font-size:16px;line-height:1.4}.independent-tools>div{border-color:var(--hm-line);background:var(--hm-white)}.milo-home{border:1px solid var(--hm-line);border-radius:18px}.page:not(#home){max-width:1120px;margin-inline:auto}.fields{gap:22px}.field label{font-weight:600;line-height:1.35}.field input,.field select,textarea{border:1px solid var(--hm-line);background:var(--hm-white);min-height:48px}.button{min-height:48px;line-height:1.3}.compact-result{border:1px solid var(--hm-line);border-top:4px solid var(--hm-plum);border-radius:14px}.result-actions{margin:22px 0 16px}.result-actions .button{white-space:normal;line-height:1.3}.report-ai{border-radius:14px}footer{max-width:1440px;margin-inline:auto}@media(max-width:760px){#home{padding-inline:18px}.mood-hero{border-radius:16px}.route-grid>button{min-height:150px}.page:not(#home){margin-inline:18px}.fields{gap:18px}.result-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.route-grid>button{transition:none}.route-grid>button:hover{transform:none}}
/* Editorial portrait hero with a calm, functional first-screen layout. */
:root{--hm-hero:#f9edf0;--hm-panel:#f7f0f5;--hm-shadow-strong:0 16px 45px rgb(78 42 68 / 12%)}
#home{padding-top:28px}.mood-hero{display:grid;grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);align-items:stretch;background:var(--hm-hero);box-shadow:var(--hm-shadow-strong);min-height:430px}.mood-hero .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px clamp(28px,4vw,72px)}.mood-hero .hero-copy h1{font-size:clamp(42px,4.4vw,68px);max-width:11ch}.mood-hero .hero-copy p{font-size:19px;max-width:36ch}.hero-visual{min-width:0;overflow:hidden}.hero-visual img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;animation:hm-settle .7s ease-out both}.model-start{padding-top:42px;padding-bottom:42px}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.route-grid>button,.route-grid>button:last-child{min-height:168px;display:grid;grid-template-columns:48px 1fr 20px;gap:12px;align-items:start;padding:22px 18px;background:var(--hm-white);border:1px solid var(--hm-line);border-radius:16px}.route-grid .route-copy{grid-column:2;grid-row:auto}.route-grid>button>b{grid-column:3;grid-row:auto;transition:transform .18s ease}.route-grid>button:hover>b{transform:translateX(3px)}.route-grid .ui-icon{width:46px;height:46px}.independent-tools{gap:16px}.independent-tools>div{border-radius:16px}.milo-home{box-shadow:var(--hm-shadow);margin-block:12px 28px}.milo-home .conversation{border-radius:14px}.button.primary{transition:transform .18s ease,box-shadow .18s ease}.button.primary:hover{transform:translateY(-2px);box-shadow:var(--hm-shadow)}@keyframes hm-settle{from{opacity:.92;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-grid>button,.route-grid>button:last-child{min-height:120px}}@media(max-width:760px){#home{padding-top:16px}.mood-hero{grid-template-columns:minmax(0,1fr)}.mood-hero .hero-copy{padding:30px 26px 22px}.mood-hero .hero-copy h1{font-size:40px}.mood-hero .hero-copy p{font-size:17px}.hero-visual{width:100%;max-width:none}.hero-visual img{height:auto;aspect-ratio:3/2;object-fit:cover}.model-start{padding:30px 0}.route-grid>button,.route-grid>button:last-child{min-height:145px;grid-template-columns:1fr 20px;grid-template-rows:48px auto}.route-grid .route-copy{grid-column:1/-1;grid-row:2}.route-grid>button>b{grid-column:2;grid-row:1}.milo-home{margin-block:8px 22px}}@media(max-width:360px){.route-grid{grid-template-columns:1fr}.route-grid>button,.route-grid>button:last-child{min-height:100px;grid-template-columns:48px 1fr 20px;grid-template-rows:auto}.route-grid .route-copy{grid-column:2;grid-row:1}.route-grid>button>b{grid-column:3;grid-row:1}}@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}.route-grid>button,.route-grid>button>b,.button.primary{transition:none}.route-grid>button:hover,.route-grid>button:hover>b,.button.primary:hover{transform:none}}
/* MoodBridge: opening window, layered paper and deliberately quiet motion. */
:root{--mb-paper:#fbf5f3;--mb-plum:#4c344b;--mb-lilac:#ede0eb;--mb-rust:#a04d5b;--mb-ink:#332632;--mb-border:#dbc7d3}
body{background:var(--mb-paper);color:var(--mb-ink)}#home{max-width:1500px;padding-top:22px}.mood-hero{display:grid;grid-template-columns:minmax(0,1fr);background:var(--mb-lilac);border-radius:4px;min-height:0;box-shadow:none;overflow:visible}.hero-visual{grid-column:1;grid-row:1;max-height:500px;min-width:0;overflow:hidden}.hero-visual img{width:100%;height:100%;max-height:500px;object-fit:cover;object-position:center 49%;animation:window-arrive .85s ease both}.mood-hero .hero-copy{grid-column:1;grid-row:2;position:relative;z-index:1;width:min(740px,calc(100% - 72px));margin:-86px 0 0 6%;padding:30px 38px 32px;background:var(--mb-paper);box-shadow:10px 10px 0 var(--mb-lilac);align-items:flex-start}.mood-hero .hero-copy h1{font-size:clamp(38px,4.2vw,62px);max-width:20ch;line-height:1.02;margin:0 0 14px}.mood-hero .hero-copy p{font-size:18px;line-height:1.45;max-width:58ch;margin:0 0 20px}.mood-hero .hero-copy .button{border-radius:6px}.model-start{padding:70px 0 50px}.section-heading h2{font-size:clamp(28px,3vw,40px);max-width:24ch}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--mb-border);border-bottom:1px solid var(--mb-border)}.route-grid>button,.route-grid>button:last-child{border:0;border-right:1px solid var(--mb-border);border-radius:0;background:transparent;box-shadow:none;min-height:172px;padding:24px;transition:background .2s ease,transform .2s ease}.route-grid>button:last-child{border-right:0}.route-grid>button:hover{background:var(--mb-lilac);transform:translateY(-3px)}.route-copy strong{font-size:18px}.independent-tools>div{border-radius:3px;border-color:var(--mb-border);box-shadow:5px 5px 0 var(--mb-lilac)}.milo-home{border-radius:4px;background:var(--mb-lilac);box-shadow:none}.milo-home .conversation{border-radius:3px}.button.primary{background:var(--mb-plum);color:var(--mb-paper);border-color:var(--mb-plum)}@keyframes window-arrive{from{opacity:.96;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){#home{padding-top:12px}.mood-hero{display:grid}.hero-visual{max-height:none}.hero-visual img{aspect-ratio:3/2;height:auto;max-height:none}.mood-hero .hero-copy{width:calc(100% - 30px);margin:-28px 0 0 15px;padding:22px 20px 25px}.mood-hero .hero-copy h1{font-size:36px;max-width:none}.mood-hero .hero-copy p{font-size:16px}.model-start{padding:45px 0 35px}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-grid>button,.route-grid>button:last-child{min-height:155px;border-right:1px solid var(--mb-border);border-bottom:1px solid var(--mb-border)}.route-grid>button:nth-child(even){border-right:0}.route-grid>button:nth-last-child(-n+2){border-bottom:0}.route-copy strong{font-size:16px}}@media(max-width:360px){.route-grid{grid-template-columns:1fr}.route-grid>button,.route-grid>button:last-child{border-right:0;border-bottom:1px solid var(--mb-border);min-height:105px}.route-grid>button:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}.route-grid>button{transition:none}.route-grid>button:hover{transform:none}}
/* An interactive studio: real destinations, with a compact accessible fallback. */
:root{--studio-paper:#fffaf7;--studio-ink:#462b40;--studio-plum:#633b5c;--studio-line:#e5ccd5;--studio-shadow:0 5px 16px rgb(58 32 49 / 17%)}
.hero-visual{position:relative;max-height:none;overflow:visible;background:var(--studio-paper)}.hero-visual img{max-height:none;aspect-ratio:16/9;object-fit:cover;animation:studio-reveal .7s ease-out both}.mood-hero .hero-copy{margin:-65px 0 0 5%;width:min(620px,calc(100% - 60px));padding:24px 32px}.mood-hero .hero-copy h1{font-size:clamp(34px,3.6vw,54px)}.scene-actions{position:absolute;inset:0;pointer-events:none;display:block;width:auto;border:0;padding:0}.scene-action{pointer-events:auto;position:absolute;display:flex;flex-direction:column;gap:2px;min-width:170px;padding:11px 14px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-paper);color:var(--studio-ink);box-shadow:var(--studio-shadow);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.scene-action strong{font-size:16px;line-height:1.3}.scene-action span{font-size:14px;line-height:1.3}.scene-action:hover,.scene-action:focus-visible{transform:translateY(-5px);box-shadow:0 12px 26px rgb(58 32 49 / 22%)}.scene-model{left:4%;top:46%}.scene-check{left:28%;top:58%}.scene-example{left:55%;top:45%}.scene-ai{right:4%;top:45%}@keyframes studio-reveal{from{opacity:.93;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.hero-visual{display:flex;flex-direction:column}.hero-visual img{aspect-ratio:16/9;object-fit:cover}.scene-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:var(--mb-lilac);pointer-events:auto}.scene-action{position:static;min-width:0;padding:12px;box-shadow:none}.scene-action strong{font-size:15px}.scene-action span{font-size:14px}.mood-hero .hero-copy{margin:0;width:auto;padding:24px 22px;box-shadow:none}.mood-hero .hero-copy h1{font-size:34px}.mood-hero .hero-copy p{font-size:16px}.model-start{padding-top:36px}}@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}.scene-action{transition:none}.scene-action:hover,.scene-action:focus-visible{transform:none}}
/* MoodBridge: a gently arcing bridge with four functional stops. */
:root{--bridge-ink:#432d46;--bridge-deep:#593656;--bridge-rose:#c98793;--bridge-paper:#fbf5f3;--bridge-soft:#eee2ed;--bridge-cream:#fffdfb;--bridge-border:#d9c3d2;--bridge-dash:#b991a9}
.mood-hero{background:var(--bridge-soft);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;min-height:540px;border-radius:4px;overflow:hidden}.mood-hero .hero-copy{grid-column:1;grid-row:1;width:auto;margin:0;padding:55px clamp(24px,4vw,62px);background:transparent;box-shadow:none}.mood-hero .hero-copy h1{font-size:clamp(40px,4vw,60px);max-width:10ch}.mood-hero .hero-copy p{font-size:18px;max-width:34ch}.hero-visual{grid-column:2;grid-row:1;position:relative;display:block;min-width:0;background:transparent;overflow:visible}.bridge-art{display:block;width:100%;height:auto}.bridge-back,.bridge-arch,.bridge-rail,.bridge-support,.bridge-ground{fill:none;stroke-linecap:round;stroke-linejoin:round}.bridge-back{stroke:var(--bridge-rose);stroke-width:23;opacity:.25}.bridge-arch{stroke:var(--bridge-deep);stroke-width:8}.bridge-rail{stroke:var(--bridge-rose);stroke-width:5}.bridge-support{stroke:var(--bridge-rose);stroke-width:4}.bridge-ground{stroke:var(--bridge-dash);stroke-width:3}.scene-actions{position:absolute;inset:0;display:block;pointer-events:none}.scene-action{position:absolute;min-width:0;width:21%;padding:14px 12px;box-shadow:0 7px 20px rgb(67 45 70 / 12%);border-radius:8px;border:1px solid var(--bridge-border);background:var(--bridge-cream);color:var(--bridge-ink);pointer-events:auto}.scene-action strong{font-size:16px}.scene-action span{font-size:14px}.scene-model{left:3%;top:49%}.scene-check{left:27%;top:24%}.scene-example{left:52%;top:24%}.scene-ai{left:76%;right:auto;top:49%}.scene-action:hover,.scene-action:focus-visible{transform:translateY(-5px)}.bridge-art{animation:bridge-enter .7s ease-out both}@keyframes bridge-enter{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.mood-hero{grid-template-columns:minmax(0,1fr);min-height:0}.mood-hero .hero-copy{grid-column:1;grid-row:1;padding:30px 24px 8px}.mood-hero .hero-copy h1{font-size:36px;max-width:none}.mood-hero .hero-copy p{font-size:16px}.hero-visual{grid-column:1;grid-row:2}.bridge-art{height:auto;min-height:160px}.scene-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 16px 18px;background:transparent;pointer-events:auto}.scene-action{position:static;width:auto;min-height:60px;padding:12px;box-shadow:none}.scene-action strong{font-size:15px}.scene-action span{font-size:14px}}@media(prefers-reduced-motion:reduce){.bridge-art{animation:none}.scene-action{transition:none}.scene-action:hover,.scene-action:focus-visible{transform:none}}
/* Sculptural bridge: four functional stops are integrated into the artwork. */
:root{--sculpt-ink:#392139;--sculpt-light:#faf4f1;--sculpt-accent:#653958;--sculpt-edge:#c9afbf}
#home{max-width:1500px}.mood-hero{position:relative;display:block;min-height:0;background:var(--sculpt-light);overflow:hidden;border-radius:4px}.hero-visual{position:relative;display:block;width:100%;background:var(--sculpt-light)}.hero-visual .bridge-image{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;animation:sculpt-arrive .65s ease-out both}.mood-hero .hero-copy{position:absolute;z-index:2;top:8%;left:5%;width:min(420px,33%);margin:0;padding:0;background:transparent;box-shadow:none;pointer-events:none}.mood-hero .hero-copy h1{font-size:clamp(35px,3.5vw,55px);line-height:1.02;max-width:11ch;color:var(--sculpt-ink);margin:0 0 14px}.mood-hero .hero-copy p{font-size:17px;line-height:1.4;max-width:33ch;color:var(--sculpt-ink);margin:0 0 16px}.mood-hero .hero-copy .button{pointer-events:auto}.scene-actions{position:absolute;inset:0;background:transparent;display:block;pointer-events:none}.scene-action{position:absolute;width:15%;min-width:0;min-height:86px;padding:5px;background:transparent;border:0;border-radius:6px;box-shadow:none;color:var(--sculpt-ink);text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;transition:transform .2s ease;color-scheme:light}.scene-action strong{font-size:16px;line-height:1.2}.scene-action span{display:none}.scene-icon{width:28px;height:28px;flex:none}.scene-action:hover,.scene-action:focus-visible{transform:translateY(-4px);box-shadow:none;background:rgba(255,250,247,.55)}.scene-model{left:8%;top:61%}.scene-check{left:31%;top:42%}.scene-example{left:54%;top:27%}.scene-ai{left:77%;top:14%;right:auto}.independent-tools[hidden]{display:none!important}.model-start{padding:50px 0 40px}@keyframes sculpt-arrive{from{opacity:.88;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.mood-hero{display:flex;flex-direction:column}.mood-hero .hero-copy{position:static;width:auto;padding:26px 22px 16px;order:0}.mood-hero .hero-copy h1{font-size:36px;max-width:none}.mood-hero .hero-copy p{font-size:16px}.hero-visual{order:1;display:flex;flex-direction:column}.hero-visual .bridge-image{aspect-ratio:16/9}.scene-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:var(--sculpt-light);pointer-events:auto}.scene-action{position:static;width:auto;min-height:64px;display:flex;flex-direction:row;gap:10px;padding:12px;border:1px solid var(--sculpt-edge);background:var(--sculpt-light);text-align:left}.scene-action strong{font-size:15px}.scene-icon{width:25px;height:25px}.scene-action:hover,.scene-action:focus-visible{background:var(--sculpt-light)}.model-start{padding-top:34px}}@media(prefers-reduced-motion:reduce){.bridge-image{animation:none!important}.scene-action{transition:none}.scene-action:hover,.scene-action:focus-visible{transform:none}}
/* Soft bridge: navigation and touch targets share the same material. */
:root{--soft-ink:#453742;--soft-accent:#765a70;--soft-paper:#f8f3f0;--soft-surface:#faf6f3;--soft-line:#d9c9d0;--soft-hover:rgba(255,253,250,.42)}
body:has(#home:not([hidden])) header{position:absolute;z-index:20;top:0;left:0;right:0;width:100%;max-width:none;height:76px;margin:0;padding:0 max(5%,calc((100% - 1360px)/2));background:transparent;border:0;box-sizing:border-box;color:var(--soft-ink)}body:has(#home:not([hidden])) header .brand,body:has(#home:not([hidden])) header nav a{color:var(--soft-ink)}body:has(#home:not([hidden])) #home{padding-top:0;max-width:none}body:has(#home:not([hidden])) .mood-hero{border-radius:0}.mood-hero .hero-copy{top:16%;left:max(5%,calc((100% - 1360px)/2));width:min(420px,32%)}.mood-hero .hero-copy h1{font-size:clamp(34px,3.25vw,52px);color:var(--soft-ink)}.mood-hero .hero-copy p{color:var(--soft-ink)}.mood-hero .hero-copy .button{background:var(--soft-ink);border-color:var(--soft-ink)}.scene-action{color:var(--soft-ink);gap:7px;transition:transform .22s ease,background-color .22s ease}.scene-icon{width:27px;height:27px;stroke-width:1.35;opacity:.88}.scene-action strong{font-size:15px;font-weight:600;letter-spacing:.005em}.scene-action:hover,.scene-action:focus-visible{transform:translateY(-3px);background:var(--soft-hover);box-shadow:none}.scene-model{left:8%;top:60%}.scene-check{left:31%;top:41%}.scene-example{left:54%;top:26%}.scene-ai{left:77%;top:13%}.model-start,.milo-home{max-width:1360px;margin-inline:auto}.model-start{padding-inline:24px}@media(max-width:760px){body:has(#home:not([hidden])) header{position:relative;height:auto;min-height:76px;padding:12px 18px 0;background:var(--soft-surface)}body:has(#home:not([hidden])) header nav{border-color:var(--soft-line)}body:has(#home:not([hidden])) #home{padding:0 0 0}.mood-hero .hero-copy{position:static;width:auto;padding:24px 22px 18px}.mood-hero .hero-copy h1{font-size:36px}.scene-action{background:var(--soft-surface);border-color:var(--soft-line);min-height:64px}.scene-action strong{font-size:15px}.scene-action:hover,.scene-action:focus-visible{background:var(--soft-surface)}.model-start{padding:32px 18px}.milo-home{margin:0 18px 22px}.hero-visual{background:var(--soft-surface)}}@media(prefers-reduced-motion:reduce){.scene-action{transition:none}.scene-action:hover,.scene-action:focus-visible{transform:none}}
/* A continuous landscape links the same four real destinations. */
:root{--ink:#443740;--muted:#6d5d66;--accent:#785d6f;--accent-dark:#5d4355;--line:#dfd1d5;--paper:#faf6f3;--soft:#f3eae8;--lavender:#efe5e9;--hm-plum:#785d6f;--hm-line:#ddced2;--hm-white:#fffaf7;--mb-paper:#faf6f3;--mb-lilac:#efe5e9;--mb-plum:#5d4355;--soft-ink:#443740;--soft-surface:#faf5f2;--soft-line:#ddced2}
body{background:var(--paper)}header{background:#faf5f2;border-color:var(--line)}.brand{color:var(--accent-dark);letter-spacing:-.7px}.brand-mark{width:39px;height:39px;flex:none;color:var(--accent);background:#eee1e6;border-radius:50%;padding:5px}.page:not(#home){background:transparent}.field input,.field select,textarea,.conversation{background:#fffaf8}.route-grid>button:hover,.answer-options label:has(input:checked),.phq-result,.message .text{background:#efe5e9}.milo-home{background:#efe6e9}.milo-home .conversation{background:#fffaf8}.compact-result,.report-ai{background:#fcf7f4;border-color:var(--line)}.button.primary{background:var(--accent-dark);border-color:var(--accent-dark)}
.hero-visual .bridge-image{aspect-ratio:16/9;object-position:center}.mood-hero .hero-copy{top:19%;width:min(510px,42%)}.mood-hero .hero-copy h1{max-width:13ch}.scene-action{width:19%;min-height:74px;flex-direction:column;gap:4px;padding:10px 8px;border-radius:14px;color:#453840;background:rgba(255,250,247,.28);backdrop-filter:blur(2px)}.scene-icon{width:30px;height:30px}.scene-action span{display:block;font-size:14px;line-height:1.2;opacity:0;transition:opacity .2s}.scene-action:hover span,.scene-action:focus-visible span{opacity:1}.scene-action:hover,.scene-action:focus-visible{background:rgba(255,250,247,.75);transform:translateY(-4px)}.scene-model{left:5%;top:67%}.scene-check{left:28%;top:58%}.scene-example{left:51%;top:51%}.scene-ai{left:75%;top:54%}
@media(max-width:760px){.mood-hero .hero-copy{padding:24px 22px 18px}.hero-visual .bridge-image{aspect-ratio:16/8;object-fit:cover;object-position:center bottom}.scene-actions{padding:4px 18px 20px;gap:8px}.scene-action{min-height:76px;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:5px 9px;text-align:left;padding:12px;border:1px solid var(--soft-line);background:#f8f0ee;backdrop-filter:none}.scene-action span{display:block;opacity:1;font-size:13px;flex-basis:100%;padding-left:35px}.scene-action:hover,.scene-action:focus-visible{background:#f1e6e8}.scene-icon{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.scene-action,.scene-action span{transition:none}.scene-action:hover,.scene-action:focus-visible{transform:none}}
@media(max-width:760px){.mood-hero .hero-copy{width:auto;max-width:none;margin:0;left:auto;top:auto}.scene-actions .scene-action{width:auto;min-width:0}.scene-actions .scene-action span{padding-left:35px}.scene-actions .scene-action strong{line-height:1.25}}
/* A single visual language from the opening landscape through the working surfaces. */
.brand{gap:9px}.brand>span:first-child{font-size:inherit}.brand-mark{width:42px;height:42px;padding:0;background:none;border-radius:0;color:#755a69;flex:none}.brand-ribbon{fill:#d9c5ce;opacity:.7}.brand-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}footer .brand-mark{width:34px;height:34px}
.mood-hero .hero-copy{top:19%;width:min(510px,42%)}.mood-hero .hero-copy h1{max-width:none;line-height:1.05;font-weight:600;letter-spacing:-.045em}.mood-hero .hero-copy p{font-size:19px;max-width:35ch}
.model-start{max-width:none;padding:62px max(5%,calc((100% - 1360px)/2)) 56px;background:linear-gradient(180deg,#f5eceb 0%,#f9f3f0 100%)}.model-start .section-heading h2{font-size:clamp(26px,2.5vw,34px);font-weight:600}.route-grid{border-top:1px solid #d9cbd0;border-bottom:1px solid #d9cbd0}.route-grid>button,.route-grid>button:last-child{border-right:1px solid rgba(150,122,139,.22);padding:26px 20px;transition:background .2s,transform .2s}.route-grid>button:last-child{border-right:0}.route-grid>button:hover,.route-grid>button:focus-visible{background:rgba(232,216,224,.5)}.route-grid .ui-icon,.data-routes .ui-icon{color:#806576}.route-grid .ui-icon .icon-wash,.data-routes .ui-icon .icon-wash{fill:#e1d1d7;opacity:.5}.route-grid .route-copy>span{color:#6d5e68}.route-grid b{color:#806576}
.milo-home{max-width:1360px;margin:12px auto 48px;background:linear-gradient(135deg,#efe5e8,#f7eeeb);border:1px solid #e2d4d6;border-radius:18px;padding:28px}.milo-home .conversation{border:1px solid #e5d9d9;border-radius:14px;background:rgba(255,251,248,.82)}.milo-home .milo-identity img{filter:saturate(.65)}.scene-action{background:rgba(255,250,247,.18)}.scene-action:hover,.scene-action:focus-visible{background:rgba(255,250,247,.72)}
@media(max-width:760px){.mood-hero .hero-copy{width:auto;padding:25px 22px 20px}.mood-hero .hero-copy h1{font-size:38px}.mood-hero .hero-copy p{font-size:17px}.model-start{padding:35px 18px 38px}.route-grid>button,.route-grid>button:last-child{padding:18px 14px;border-right:1px solid rgba(150,122,139,.22);border-bottom:1px solid rgba(150,122,139,.22)}.route-grid>button:nth-child(even){border-right:0}.milo-home{margin:0 18px 25px;padding:18px;border-radius:14px}.scene-action{background:#f8f0ee}}
@media(prefers-reduced-motion:reduce){.route-grid>button{transition:none}}
/* A softly moving landscape with the four actual data paths at its edge. */
.hero-visual{overflow:hidden}.hero-visual .bridge-image{animation:bridge-breathe 30s ease-in-out infinite alternate;transform-origin:center bottom;will-change:transform}.mood-hero .hero-copy{z-index:3}.hero-example{position:static;display:inline-flex;width:auto;min-height:44px;padding:8px 0;margin-top:8px;background:none;backdrop-filter:none;text-align:left;pointer-events:auto;justify-content:flex-start;border-radius:0;color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px}.hero-example strong{font-size:15px}.hero-example:hover,.hero-example:focus-visible{background:none;transform:none;color:var(--accent)}
.hero-visual .model-start{position:absolute;z-index:2;bottom:2.5%;left:5%;right:5%;width:90%;max-width:none;margin:0;padding:18px 20px 16px;border-radius:16px;background:rgba(252,247,245,.82);backdrop-filter:blur(14px);box-shadow:0 10px 32px rgba(76,52,69,.06)}.hero-visual .model-start .section-heading{margin:0 0 10px}.hero-visual .model-start .section-heading h2{font-size:21px;margin:0}.hero-visual .route-grid{border:0;gap:8px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{display:grid;grid-template-columns:38px 1fr 14px;min-height:86px;padding:12px;border:0;border-radius:11px;background:transparent;gap:8px;align-items:center;text-align:left}.hero-visual .route-grid>button:hover,.hero-visual .route-grid>button:focus-visible{background:rgba(224,207,217,.65);transform:translateY(-3px)}.hero-visual .route-grid .ui-icon{width:36px;height:36px}.hero-visual .route-copy strong{font-size:15px}.hero-visual .route-copy>span{font-size:13px}.hero-visual .route-grid b{align-self:center}.milo-home{margin-top:36px}
@keyframes bridge-breathe{0%{transform:scale(1.005) translate3d(0,0,0)}100%{transform:scale(1.025) translate3d(-.4%,-.3%,0)}}
@media(max-width:760px){.hero-visual .bridge-image{animation:bridge-breathe 30s ease-in-out infinite alternate}.hero-visual .model-start{position:relative;bottom:auto;left:auto;right:auto;width:auto;margin:-12px 14px 18px;padding:18px 14px;background:#f8f0ee;backdrop-filter:none;box-shadow:none}.hero-visual .model-start .section-heading h2{font-size:20px}.hero-visual .route-grid{grid-template-columns:1fr 1fr;gap:8px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{grid-template-columns:30px 1fr;grid-template-rows:auto;gap:7px;min-height:95px;padding:9px;border:1px solid #dfcfd4;background:#fcf6f3}.hero-visual .route-grid .ui-icon{width:30px;height:30px;grid-column:1;grid-row:1}.hero-visual .route-grid .route-copy{grid-column:2;grid-row:1}.hero-visual .route-grid b{display:none}.hero-visual .route-copy strong{font-size:14px}.hero-visual .route-copy>span{font-size:13px}.milo-home{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hero-visual .bridge-image{animation:none!important;transform:none!important;will-change:auto}.hero-visual .route-grid>button:hover,.hero-visual .route-grid>button:focus-visible{transform:none}}
@media(max-width:760px){.mood-hero .hero-copy .hero-example{border:0;background:transparent;padding:8px 0;min-height:44px}}
/* The route labels sit on the landscape; interaction reveals a quiet surface. */
@media(min-width:761px){.hero-visual .model-start{background:transparent;backdrop-filter:none;box-shadow:none;bottom:3%;padding:14px 4px}.hero-visual .model-start .section-heading{margin-left:14px}.hero-visual .model-start .section-heading h2{font-size:19px;color:#4a3a43;text-shadow:0 1px 10px #fffaf7}.hero-visual .route-grid{gap:12px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:92px;padding:12px 14px;background:rgba(255,250,247,.28);backdrop-filter:blur(4px);border:1px solid rgba(255,250,247,.3);text-shadow:0 1px 5px #fffaf7}.hero-visual .route-grid>button:hover,.hero-visual .route-grid>button:focus-visible{background:rgba(255,250,247,.86);border-color:rgba(141,110,129,.5);box-shadow:0 8px 24px rgba(74,52,67,.1)}}
@media(max-width:760px){.hero-visual .model-start{background:linear-gradient(180deg,#f6edec,#f8f1ef);border-radius:16px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{background:rgba(255,250,247,.48);border-color:rgba(169,142,154,.25)}.hero-visual .route-grid>button:active{background:#eee0e6}}
/* The bridge continues into one shared conversation surface. */
#home .milo-home{position:relative;isolation:isolate;overflow:hidden;max-width:none;width:100%;margin:0;padding:72px max(6%,calc((100% - 1180px)/2)) 78px;border:0;border-radius:0;background:#f7efed;box-shadow:none}
#home .milo-home::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#f9f3f0 0%,rgba(249,243,240,.78) 45%,rgba(249,243,240,.94) 100%),url('/assets/bridge-flow.png') center 65% / cover no-repeat;pointer-events:none}
#home .milo-identity{display:flex;align-items:center;gap:9px;max-width:1050px;margin:0 auto 12px;padding:0}
#home .milo-identity .milo-avatar{width:43px;height:43px;margin:0;filter:none}
#home .milo-identity h2{font-size:25px;letter-spacing:-.4px}
#home .milo-identity h2::after{content:'AI chat';font-size:14px;letter-spacing:0;font-weight:500;color:#786773;margin-left:12px}
#home .milo-identity .service-status{margin-left:auto}
#home .milo-home-mount{max-width:1050px;margin:auto}
#home .milo-home .conversation{height:395px;min-height:350px;border:1px solid rgba(190,168,180,.55);border-radius:20px;background:rgba(255,252,249,.83);box-shadow:0 14px 44px rgba(85,60,77,.07);backdrop-filter:blur(12px)}
#home .milo-home .conversation form{background:rgba(255,252,249,.88);border-top:1px solid rgba(220,205,211,.65)}
#home .milo-home .chat-intro{padding:0}#home .milo-home .chat-intro h2{font-size:26px}
#home .milo-prompts button{background:rgba(238,225,231,.65);border-color:rgba(219,201,210,.6)}#home .milo-prompts button:hover,#home .milo-prompts button:focus-visible{background:#e9dce2}
#home .milo-home textarea{background:rgba(255,252,249,.85)}
@media(max-width:760px){#home .milo-home{padding:34px 18px 42px}#home .milo-home::before{background-position:center bottom}#home .milo-identity{gap:8px}#home .milo-identity .milo-avatar{width:38px;height:38px}#home .milo-identity h2{font-size:22px}#home .milo-identity h2::after{font-size:13px;margin-left:7px}#home .milo-home .conversation{height:430px;min-height:360px}#home .milo-home .chat-intro h2{font-size:23px}}
/* The four choices sit in the open sky; the bridge leads to conversation. */
@media(min-width:901px){.mood-hero .hero-copy{top:19%;width:42%;max-width:590px}.mood-hero .hero-copy h1{font-size:clamp(34px,3.1vw,46px);white-space:nowrap;letter-spacing:-.045em}.hero-visual .model-start{left:auto;right:5%;top:18%;bottom:auto;width:43%;padding:0}.hero-visual .route-grid{grid-template-columns:1fr 1fr;gap:12px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:83px;background:rgba(255,250,247,.24)}.hero-visual .route-grid>button:hover,.hero-visual .route-grid>button:focus-visible{background:rgba(255,250,247,.86)}}
.learn-home{background:#f8f1ef;padding:60px max(6%,calc((100% - 1180px)/2)) 68px}.learn-inner{max-width:1180px;margin:auto}.learn-home h2{font-size:clamp(26px,2.4vw,34px);margin-bottom:25px}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.learn-grid article{border-top:1px solid #d6c5ce;padding-top:18px}.learn-grid h3{font-size:19px;margin-bottom:9px}.learn-grid p{font-size:16px;line-height:1.55;max-width:34ch;margin-bottom:13px}.learn-grid a{font-size:15px;color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px}.learn-grid a:hover{color:var(--accent)}footer{justify-content:flex-end}
@media(max-width:900px) and (min-width:761px){.mood-hero .hero-copy h1{font-size:36px}.hero-visual .model-start{bottom:2%}}
@media(max-width:760px){.mood-hero .hero-copy h1{font-size:clamp(31px,8vw,38px);white-space:normal}.learn-home{padding:38px 22px 44px}.learn-grid{grid-template-columns:1fr;gap:20px}.learn-home h2{margin-bottom:21px}.learn-grid p{max-width:none}.learn-grid article{padding-top:14px}footer{justify-content:flex-start}}
/* Three clear destinations become part of the same bridge landscape. */
.hero-visual .learn-home{position:absolute;inset:0;z-index:2;padding:0;background:none;pointer-events:none}
.learn-stop{position:absolute;display:flex;align-items:center;gap:10px;min-height:76px;padding:7px 12px;color:#463641;border:1px solid transparent;border-radius:16px;pointer-events:auto;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease;text-shadow:0 1px 12px #fff9f5}
.learn-stop svg{width:58px;height:58px;flex:none;fill:none;stroke:#755e6e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.learn-stop .learn-wash{fill:#dfcbd3;stroke:none;opacity:.48}.learn-stop span{font-size:18px;font-weight:650;line-height:1.22;letter-spacing:-.02em}.learn-stop b{font-size:19px;color:#755e6e;align-self:center}.learn-stop:hover,.learn-stop:focus-visible{background:rgba(255,250,247,.8);border-color:rgba(156,126,143,.32);transform:translateY(-3px)}
.learn-about{left:6%;top:51%}.learn-check{left:7%;top:78%}.learn-who{left:57%;top:77%}
@media(max-width:900px) and (min-width:761px){.learn-about{top:50%}.learn-check,.learn-who{top:77%}.learn-stop span{font-size:16px}.learn-stop svg{width:45px;height:45px}}
@media(max-width:760px){.hero-visual .learn-home{position:relative;inset:auto;padding:8px 18px 28px;background:linear-gradient(180deg,#f8f0ee,#f8f1ef);display:grid;grid-template-columns:1fr;gap:3px;pointer-events:auto}.learn-stop{position:static;min-height:68px;padding:7px 10px;border-bottom:1px solid #e1d4d5;border-radius:8px;gap:10px;text-shadow:none}.learn-stop svg{width:46px;height:46px}.learn-stop span{font-size:17px}.learn-stop span br{display:none}.learn-stop b{margin-left:auto}.learn-stop:active{background:#eee0e6}}
@media(prefers-reduced-motion:reduce){.learn-stop{transition:none}.learn-stop:hover,.learn-stop:focus-visible{transform:none}}
/* Quiet background; every label and control remains on its own readable layer. */
.hero-visual .bridge-image{position:relative;z-index:0}.mood-hero .hero-copy{z-index:5}.hero-visual .model-start{z-index:4}.hero-visual .learn-home{z-index:3}.learn-stop{min-width:0}.learn-stop span{white-space:nowrap}.learn-stop span br{display:none}.learn-stop .learn-leaf{display:block;width:58px;height:58px;flex:none}.hero-visual .route-copy strong{font-size:16px;line-height:1.3}.hero-visual .route-copy>span{font-size:14px;line-height:1.35}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{background:rgba(255,251,248,.55);border:1px solid rgba(255,251,248,.5);text-shadow:none}.hero-visual .route-grid>button:hover,.hero-visual .route-grid>button:focus-visible{background:rgba(255,251,248,.95)}.learn-stop{background:rgba(255,251,248,.57);border-color:rgba(255,251,248,.45);text-shadow:none}.learn-stop:hover,.learn-stop:focus-visible{background:rgba(255,251,248,.96)}
@media(min-width:1101px){.hero-visual .model-start{top:17%;width:44%;right:4%}.mood-hero .hero-copy{width:43%;left:5%}.learn-about{left:6%;top:49%}.learn-check{left:7%;top:76%}.learn-who{left:55%;top:76%}}
@media(min-width:761px) and (max-width:1100px){.mood-hero .hero-copy{width:44%;left:4%;top:15%}.mood-hero .hero-copy h1{white-space:normal;font-size:34px}.hero-visual .model-start{position:absolute;left:auto;right:3%;top:14%;bottom:auto;width:48%;padding:0}.hero-visual .route-grid{grid-template-columns:1fr 1fr;gap:6px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:95px;padding:8px;grid-template-columns:28px 1fr 12px}.hero-visual .route-grid .ui-icon{width:28px;height:28px}.hero-visual .route-copy strong{font-size:14px}.hero-visual .route-copy>span{font-size:12px}.learn-about{left:4%;top:55%}.learn-check{left:5%;top:78%}.learn-who{left:54%;top:78%}.learn-stop span{font-size:15px}.learn-stop svg,.learn-stop .learn-leaf{width:40px;height:40px}}
@media(max-width:760px){.mood-hero .hero-copy{padding:20px 20px 14px}.mood-hero .hero-copy h1{font-size:clamp(29px,7vw,35px);margin-bottom:8px}.mood-hero .hero-copy p{margin-bottom:12px}.hero-visual .bridge-image{height:112px;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center 65%}.hero-visual .model-start{margin:-6px 16px 6px;padding:14px 14px 8px}.hero-visual .model-start .section-heading{margin-bottom:5px}.hero-visual .route-grid{grid-template-columns:1fr;gap:0}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{grid-template-columns:35px 1fr 18px;min-height:57px;padding:7px 5px;border:0;border-bottom:1px solid #e5d8da;border-radius:0;background:transparent}.hero-visual .route-grid>button:last-child{border-bottom:0}.hero-visual .route-grid .ui-icon{width:30px;height:30px}.hero-visual .route-grid .route-copy{grid-column:2;display:block}.hero-visual .route-grid b{display:block;grid-column:3;grid-row:1}.hero-visual .route-copy strong{font-size:15px}.hero-visual .route-copy>span{font-size:13px}.hero-visual .learn-home{padding:0 20px 18px;gap:0}.learn-stop{min-height:55px;padding:4px 8px;background:transparent;border:0;border-bottom:1px solid #e5d8da}.learn-stop:last-child{border-bottom:0}.learn-stop svg,.learn-stop .learn-leaf{width:40px;height:40px}.learn-stop span{font-size:16px}.learn-stop b{margin-left:auto}}
@media(min-width:1101px){.hero-visual .route-copy strong{font-size:15px;white-space:nowrap}}
@media(min-width:761px) and (max-width:1200px){.hero-visual .bridge-image{height:690px;aspect-ratio:auto;object-fit:cover}.mood-hero .hero-copy{width:43%;left:4%;top:16%}.mood-hero .hero-copy h1{white-space:normal;font-size:clamp(32px,3.2vw,38px)}.hero-visual .model-start{position:absolute;left:auto;right:3%;top:17%;bottom:auto;width:48%;padding:0}.hero-visual .route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-width:0;grid-template-columns:28px minmax(0,1fr) 12px;min-height:92px;padding:8px;gap:5px}.hero-visual .route-grid .ui-icon{width:28px;height:28px}.hero-visual .route-copy strong{font-size:14px;white-space:normal}.hero-visual .route-copy>span{font-size:12px;overflow-wrap:anywhere}.learn-about{left:4%;top:54%}.learn-check{left:5%;top:79%}.learn-who{left:54%;top:79%}.learn-stop span{font-size:15px}.learn-stop svg,.learn-stop .learn-leaf{width:40px;height:40px}}
/* Layout B: an open, quiet left column and an accessible path into each feature. */
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.mood-hero .hero-copy .hero-example{margin:0;padding:8px 0;min-height:44px;background:transparent;border:0;white-space:nowrap}.model-intro{font-size:14px;line-height:1.45;max-width:48ch;color:#5d4e58;margin:5px 0 14px}.hero-visual .model-start .section-heading{margin-bottom:8px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{background:rgba(255,251,248,.36);border-color:rgba(255,251,248,.35)}.hero-visual .route-grid>button:hover,.hero-visual .route-grid>button:focus-visible{background:rgba(255,251,248,.9)}
@media(min-width:761px){.learn-about,.learn-check,.learn-who{left:5%;right:auto;min-height:64px}.learn-about{top:46%}.learn-check{top:59%}.learn-who{top:72%}.learn-stop{background:rgba(255,251,248,.36);border-color:transparent}.learn-stop:hover,.learn-stop:focus-visible{background:rgba(255,251,248,.88);border-color:rgba(156,126,143,.3)}.learn-stop svg,.learn-stop .learn-leaf{width:47px;height:47px}.learn-stop span{font-size:17px}.hero-visual .model-start{top:17%}}
#home .milo-home{padding-left:max(5%,calc((100% - 1330px)/2));padding-right:max(5%,calc((100% - 1330px)/2))}#home .milo-identity,#home .milo-home-mount{max-width:1330px}#home .milo-home .conversation{height:500px;min-height:430px}
@media(max-width:760px){.hero-actions{gap:16px}.model-intro{font-size:14px;margin:5px 0 11px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{background:transparent}.learn-stop{background:transparent}#home .milo-home{padding-left:18px;padding-right:18px}#home .milo-home .conversation{height:485px;min-height:400px}}
@media(prefers-reduced-motion:reduce){.learn-stop:hover,.learn-stop:focus-visible{transform:none}}
@media(min-width:761px){body:has(#home:not([hidden])) .mood-hero .hero-copy{left:calc(max(5vw, (100vw - 1360px) / 2) - 24px)}.learn-about,.learn-check,.learn-who{left:calc(max(5vw, (100vw - 1360px) / 2) - 24px)}}
@media(min-width:761px) and (max-width:1200px){.learn-about{top:54%}.learn-check{top:67%}.learn-who{top:80%}}

.model-intro,.hero-visual .model-start .section-heading h2{white-space:normal;overflow-wrap:break-word;max-width:100%}
/* Larger, more spacious input choices with a concise one-line introduction. */
.hero-visual .model-start .section-heading h2{font-size:clamp(20px,1.7vw,24px);line-height:1.25}.model-intro{white-space:nowrap;font-size:clamp(14px,1.05vw,16px);margin:7px 0 18px}.hero-visual .route-grid{gap:14px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:106px;grid-template-columns:45px minmax(0,1fr) 18px;gap:12px;padding:14px}.hero-visual .route-grid .ui-icon{width:44px;height:44px}.hero-visual .route-copy strong{font-size:17px;line-height:1.3}.hero-visual .route-copy>span{font-size:15px;line-height:1.4}.hero-visual .route-grid b{font-size:21px}
@media(min-width:761px) and (max-width:1200px){.hero-visual .model-start .section-heading h2{font-size:20px}.model-intro{font-size:14px}.hero-visual .route-grid{gap:8px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:103px;grid-template-columns:34px minmax(0,1fr) 14px;gap:7px;padding:10px}.hero-visual .route-grid .ui-icon{width:33px;height:33px}.hero-visual .route-copy strong{font-size:15px}.hero-visual .route-copy>span{font-size:13px}}
@media(max-width:760px){.hero-visual .model-start .section-heading h2{font-size:20px}.model-intro{font-size:14px;letter-spacing:-.1px;margin:6px 0 12px}.hero-visual .route-grid{gap:0}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:70px;grid-template-columns:43px minmax(0,1fr) 18px;gap:8px;padding:8px 5px}.hero-visual .route-grid .ui-icon{width:40px;height:40px}.hero-visual .route-copy strong{font-size:16px}.hero-visual .route-copy>span{font-size:14px}.hero-visual .route-grid b{font-size:19px}}
@media(min-width:1201px){.hero-visual .model-start{width:49%;right:3%}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{grid-template-columns:40px minmax(0,1fr) 16px;gap:8px}.hero-visual .route-copy strong{font-size:16px}}
@media(min-width:761px) and (max-width:1200px){.hero-visual .route-copy strong{white-space:normal;overflow-wrap:normal}}
@media(min-width:761px) and (max-width:900px){.hero-visual .route-copy strong{overflow-wrap:anywhere}}
/* Larger, calmer reading rhythm and a shorter path between related links. */
@media(min-width:761px){.learn-about{top:46%}.learn-check{top:56%}.learn-who{top:66%}.mood-hero .hero-copy h1{font-size:clamp(38px,3.65vw,54px);letter-spacing:-.045em}.mood-hero .hero-copy p{font-size:clamp(19px,1.45vw,21px)}.hero-visual .model-start .section-heading h2{font-size:clamp(22px,1.9vw,26px)}.model-intro{font-size:clamp(15px,1.15vw,17px)}.hero-visual .route-copy strong{font-size:18px}.hero-visual .route-copy>span{font-size:16px}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{min-height:108px}}
.mood-hero .hero-copy .hero-example{border-radius:9px;padding:8px 12px;text-decoration:none;background:rgba(255,251,248,.46);transition:background .18s ease,color .18s ease}.mood-hero .hero-copy .hero-example:hover,.mood-hero .hero-copy .hero-example:focus-visible{background:rgba(255,251,248,.9);color:var(--accent-dark)}
@media(min-width:761px) and (max-width:1200px){.learn-about{top:54%}.learn-check{top:64%}.learn-who{top:74%}.mood-hero .hero-copy h1{font-size:clamp(32px,3.4vw,40px);white-space:normal}.mood-hero .hero-copy p{font-size:17px}.hero-visual .route-copy strong{font-size:15px}.hero-visual .route-copy>span{font-size:13px}}
@media(max-width:760px){header nav{gap:6px}header nav a{font-size:clamp(12px,3.3vw,15px);white-space:nowrap}.mood-hero .hero-copy h1{font-size:clamp(32px,7.5vw,39px)}.mood-hero .hero-copy p{font-size:17px}.hero-visual .route-copy strong{font-size:16px}.hero-visual .route-copy>span{font-size:14px}.hero-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.mood-hero .hero-copy .hero-example{transition:none}}
@media(min-width:1201px){.hero-visual .model-start{width:52%;right:2%}}
@media(min-width:1201px) and (max-width:1350px){.hero-visual .route-copy strong{white-space:normal;overflow-wrap:anywhere}}
/* Center the meaningful input icons and labels; keep each whole tile clickable. */
.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{display:flex;justify-content:center;align-items:center;gap:14px;text-align:center}.hero-visual .route-grid .route-copy{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.hero-visual .route-grid .ui-icon{width:56px;height:56px;flex:0 0 56px}.mood-hero .hero-copy .hero-example{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}.example-mark{display:block;width:20px;height:20px;flex:none}
@media(min-width:761px) and (max-width:1200px){.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{gap:8px}.hero-visual .route-grid .ui-icon{width:42px;height:42px;flex-basis:42px}}
@media(max-width:760px){.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{display:flex;justify-content:center;align-items:center;text-align:center;gap:12px}.hero-visual .route-grid .ui-icon{width:46px;height:46px;flex-basis:46px}}
.mood-hero .hero-copy .hero-example{flex-direction:row;min-height:48px}
/* Shared header alignment and a compact left-aligned choice layout. */
@media(min-width:761px){body header{width:100%;max-width:none;margin-inline:0;padding-inline:max(5%,calc((100% - 1360px)/2));box-sizing:border-box}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{justify-content:flex-start;text-align:left;min-height:92px;padding:10px 13px;gap:12px}.hero-visual .route-grid .route-copy{align-items:flex-start;text-align:left}.hero-visual .route-grid .ui-icon{width:59px;height:59px;flex-basis:59px}.hero-visual .route-copy strong{font-size:18px}.hero-visual .route-copy>span{font-size:16px}}
@media(min-width:761px) and (max-width:1350px){.hero-visual .route-grid .ui-icon{width:48px;height:48px;flex-basis:48px}.hero-visual .route-copy strong{font-size:15px}.hero-visual .route-copy>span{font-size:13px}}
@media(max-width:760px){body header,body:has(#home:not([hidden])) header{width:100%;max-width:none;margin:0;padding:12px 18px 0}.hero-visual .route-grid>button,.hero-visual .route-grid>button:last-child{justify-content:flex-start;text-align:left;min-height:66px}.hero-visual .route-grid .route-copy{align-items:flex-start;text-align:left}.hero-visual .route-grid .ui-icon{width:48px;height:48px;flex-basis:48px}}
/* Use one clear identity for the assistant without repeating the site mark. */
#home .milo-identity h2::after{content:none}#home .milo-identity h2{font-size:25px}#ask .chat-heading>div{display:flex;align-items:center;gap:10px}
/* Keep the questionnaire focused and provide a consistent way home. */
#check-in>.small,#check-in .phq-progress{display:none}a.page-home{display:inline-flex;align-items:center;min-height:40px;font-size:15px;margin:0 0 18px;color:var(--accent-dark)}#ask a.page-home{margin-bottom:12px}@media(min-width:761px){.learn-check{top:46%}.learn-who{top:56%}}@media(min-width:761px) and (max-width:1200px){.learn-check{top:54%}.learn-who{top:64%}}
/* One consistent Home control on every secondary page. */
.page a.back[href="#home"]{display:inline-flex;align-items:center;min-height:40px;font-size:15px!important;line-height:1.4;font-weight:500;color:var(--accent-dark);margin:0 0 18px}