/* Shared dimensional surfaces; content stays flat and readable. */
@media screen {
:root{--surface-raised:linear-gradient(145deg,#332d43 0%,#24232f 60%,#201f2a 100%);--depth:inset 0 1px 0 #ffffff20,0 4px 0 #11111b,0 18px 36px #08081055}
*,*::before,*::after{box-sizing:border-box}
:where(main,section,article,aside,form,fieldset,nav,header,footer,div){min-width:0}
:where(.panel,.card,.legal-card,.board-card,.service-card,.score-preview,.journey-card,.founder-section aside,.advantage-card,.start-grid>a,.faq-grid details){background:var(--surface-raised);border:1px solid #ffffff26;box-shadow:var(--depth)}
:where(.impact-panel,.whole-look,.board-preview){box-shadow:inset 0 1px 0 #ffffff30,0 8px 0 #11111b,0 24px 48px #09091155!important}
:where(.button,button[type=submit]){box-shadow:inset 0 1px 0 #ffffff4d,0 3px 0 #100e19,0 8px 18px #0003}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){box-shadow:inset 0 2px 5px #0004;border:1px solid #857491;line-height:1.5;min-height:44px}
:where(.button,button,a,summary){overflow-wrap:anywhere}
:where(.actions,.hero-actions,.utilities){flex-wrap:wrap}
:where(.eyebrow,.small,small,.guide-note){font-size:max(.875rem,14px)}
:where(p,dd,li){overflow-wrap:anywhere}
:where(img,video,iframe){max-width:100%}
:where(.brand img,.footer-brand img,.brand-stamp){filter:drop-shadow(0 5px 5px #08081188)}
.delivery-panel{margin:24px 0;padding:24px;border:1px solid #9b7dcc;border-radius:20px;background:var(--surface-raised);box-shadow:var(--depth)}
.delivery-panel label{display:block;margin:12px 0 6px}.delivery-panel input:not([type=checkbox]){display:block;width:100%;padding:12px;border-radius:10px;background:#171822;color:#f8f7fc}.delivery-panel .check{display:flex;gap:10px;align-items:flex-start}.delivery-panel input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin-top:4px}.delivery-panel button{margin-top:14px}.delivery-status{min-height:1.6em;white-space:pre-wrap}.delivery-panel p{margin:10px 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.start-grid>a,.service-card{transition:box-shadow .18s,border-color .18s}.start-grid>a:hover,.service-card:hover{border-color:#bea0f1;box-shadow:inset 0 1px 0 #ffffff30,0 5px 0 #11111b,0 22px 40px #08081077}}
@media(max-width:760px){.board-grid,.grid{grid-template-columns:minmax(0,1fr)}.steps{flex-wrap:wrap;gap:8px}.steps li{flex:1 1 40%}.delivery-panel{padding:20px}.actions>*{max-width:100%}.guide-launch{max-width:calc(100vw - 28px)}}
@media(max-width:380px){.hero h1{font-size:2.6rem!important}.button,button{padding-inline:16px}.panel,.card,.board-card{padding:18px}main.wrap{width:calc(100% - 28px)}.site-header nav{gap:10px}}
}
@media print{.delivery-panel{display:none!important}}
#contact-message{display:block;width:100%;padding:14px;border-radius:12px;background:#171822;color:#f8f7fc;font:inherit}#contact-delivery .delivery-panel{margin-bottom:0}.hubspot-form label{display:block;margin-bottom:8px}
/* One type family and a shared page rhythm, across every screen. */
@media screen {
body,input,select,textarea,button,.button,h1,h2,h3,h4,summary,.eyebrow,.ticker,.ticker-group span,.market-proof dt,.steps,.tabs,.chips,.pill,.guide-launch,.guide-head h2{font-family:"DM Sans",Arial,sans-serif!important;font-stretch:normal!important;font-synthesis:none}
body{font-size:1rem;line-height:1.65}
h1{font-size:clamp(2.25rem,5.3vw,4.75rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:800!important}
h2{font-size:clamp(1.75rem,3vw,2.75rem)!important;line-height:1.18!important;letter-spacing:-.025em!important}
h3{font-size:clamp(1.2rem,1.8vw,1.5rem)!important;line-height:1.3!important;letter-spacing:-.01em!important}
h4,summary{font-size:1.05rem;line-height:1.45}
p,li,dd{line-height:1.65}p{max-width:70ch}.eyebrow{font-size:.875rem!important;letter-spacing:.1em!important;line-height:1.6;font-weight:700}.small,small{line-height:1.6}
main.wrap,.legal-article{max-width:1120px}.legal-article{margin:0 auto}.legal-article>section{padding-block:24px;border-top:1px solid #ffffff20}.legal-article h1{max-width:20ch}.legal-article p,.legal-article li{max-width:72ch}.legal-article h2{font-size:clamp(1.5rem,2.5vw,2rem)!important}
.intro{padding-block:24px;max-width:740px}.intro p{margin-bottom:16px}.panel,.card{margin-block:24px}h2+p{margin-top:12px}.site-guide h2{font-size:1.125rem!important}.guide-head p{line-height:1.5}.service-card h3,.board-card h2{font-size:1.375rem!important}.calm-heading,.section-intro,.resource-heading{max-width:760px}.calm-heading p,.section-intro p,.resource-heading p{margin-inline:auto}
.hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:44px 64px;perspective:none}
.hero h1{font-size:clamp(3.5rem,6.7vw,6.5rem)!important;line-height:1.02!important;margin:16px 0 24px;max-width:9ch}.hero .lead{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;max-width:42ch}.hero-portrait{position:relative;margin:0;min-width:0;border:1px solid #ad8de966;border-radius:32px 80px 32px 32px;overflow:hidden;background:#282032;box-shadow:inset 0 1px 0 #fff4,0 8px 0 #11111b,0 30px 60px #0007}.hero-portrait>img{display:block;width:100%;height:auto;aspect-ratio:1/1.08;object-fit:cover;object-position:center 35%}.hero-portrait figcaption{position:absolute;inset:auto 18px 18px;padding:18px 22px;background:linear-gradient(135deg,#282133ed,#171822ed);border:1px solid #cdb2f04d;border-radius:20px;box-shadow:inset 0 1px 0 #fff2,0 12px 28px #0005;backdrop-filter:blur(12px)}.hero-portrait figcaption span{font-size:.75rem;letter-spacing:.09em;color:#e0c5ff}.hero-portrait figcaption strong{display:block;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.3;margin-top:4px}.hero-portrait figcaption p{font-size:.9375rem;margin:6px 0 0;color:#ddd4e8}
.ticker-track{animation-name:hms-banner-right!important;animation-direction:normal!important}.ticker-group span{font-weight:700!important;font-size:.9375rem!important;letter-spacing:.04em!important}.ticker-group i{font-style:normal}.ticker[data-paused="true"] .ticker-track{animation-play-state:paused!important}
@keyframes hms-banner-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 42px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(3rem,10vw,5rem)!important;max-width:none}.hero-portrait{width:100%;max-width:680px;justify-self:center}.hero-portrait>img{aspect-ratio:1/1;object-position:center 30%}.hero-actions{flex-direction:row}.hero-portrait figcaption{inset:auto 14px 14px;padding:16px}.about-hero{padding-block:32px}.intro{padding-block:18px}.site-header nav{gap:12px}}
@media(max-width:480px){.hero h1{font-size:clamp(2.8rem,13vw,3.8rem)!important}.hero-portrait{border-radius:24px 52px 24px 24px}.hero-portrait figcaption p{display:none}.hero-portrait figcaption span{font-size:.75rem}.hero-portrait figcaption strong{font-size:1.1rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{text-align:center}.eyebrow{letter-spacing:.06em!important}.proof{gap:8px 14px}.proof span{font-size:.875rem}.legal-article>section{padding-block:18px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;transform:none!important}}
}
@media screen and (min-width:821px){.hero{align-items:start}.hero-copy{padding-top:28px}.hero-portrait>img{max-height:720px}}
@media screen{body :where(p,a,span,strong,b,small,li,dt,dd,label,legend,th,td,figcaption){font-family:"DM Sans",Arial,sans-serif!important}}

/* Explicit surface pairs prevent pale text on legacy light cards. */
@media screen {
:root{--ink:#faf8ff;--muted:#d5cedf;--lilac:#dfcaff;--surface-raised:linear-gradient(145deg,#332d43,#24232f 65%,#201f2a)}
.journey-grid article,.decision-questions li,.service-card:not(.featured),.resource-card,.service-notes details{background:var(--surface-raised)!important;color:#faf8ff!important;border-color:#756780!important;box-shadow:var(--depth)}
.journey-grid h3,.journey-grid a,.service-card h3,.resource-card h3,.resource-card a,.service-notes summary{color:#faf8ff!important}
.journey-grid ol,.journey-grid p,.service-card p,.service-card li,.resource-card p,.service-notes p{color:#dfd7e8!important}
.journey-grid article>span,.advantage-stack article>span{color:#dfcaff!important;font-size:.875rem;line-height:1.6;letter-spacing:.08em}
.decision-questions li::before{color:#e3c9ff}.journey-grid{gap:28px;align-items:stretch}.journey-grid article{padding:clamp(24px,3vw,38px);min-height:0;gap:0}.journey-grid h3{margin:16px 0}.journey-grid ol{margin:0 0 28px}.journey-grid a{padding-block:8px;min-height:44px}.journey-status{margin:0 0 18px;font-size:.9375rem}.journey-heading{gap:24px 48px;margin-bottom:36px;align-items:start}.journey-heading .eyebrow{margin:0}.journey-heading>p:last-child{align-self:center;max-width:42ch}
.depth-icon{display:grid;place-items:center;flex:none;width:60px;height:60px;margin:0 0 24px;border:1px solid #d5bfff;border-radius:18px;background:linear-gradient(135deg,#cbb0ff 0%,#8d60cf 48%,#543979 100%);color:#fff;font-style:normal;font-size:30px;font-weight:800;line-height:1;box-shadow:inset 2px 3px 3px #fff6,inset -2px -3px 5px #30164980,0 5px 0 #3b2559,0 12px 20px #08081170;text-shadow:0 2px 2px #27123e80}.journey-grid article:nth-child(even) .depth-icon{background:linear-gradient(135deg,#ffc5a0,#ef835e 48%,#a94a38);border-color:#ffd0b9;box-shadow:inset 2px 3px 3px #fff6,inset -2px -3px 5px #6d292980,0 5px 0 #6c302b,0 12px 20px #08081170}.community-symbol{margin:0 auto 24px;font-size:20px}
.community-layout{display:block!important;width:min(1120px,calc(100% - 48px));margin-inline:auto}.community-copy{width:100%!important;max-width:760px!important;margin-inline:auto;text-align:center}.community-copy :is(p,h2){max-width:100%!important;width:auto!important;transform:none!important;white-space:normal!important}.community-lead{max-width:58ch!important;margin:24px auto!important;font-size:1.125rem!important;line-height:1.7!important}.community-copy .eyebrow{max-width:100%;margin-inline:auto}.community-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:28px 0}.community-preview{max-width:900px;margin:36px auto 0}.style-dilemma-example{margin:28px auto!important;max-width:580px;text-align:left}.community-section{padding-block:72px!important}
.advantage-stack{gap:24px;perspective:none}.advantage-stack article:nth-child(n){margin:0;transform:none!important;padding:28px;box-shadow:var(--depth)}.advantage-stack strong{margin:12px 0;font-size:1.125rem}.advantage-stack p{line-height:1.7}.decision-advantage{align-items:start;gap:48px}.decision-questions{gap:12px}.decision-questions li{padding-block:14px}
.contact-section{align-items:start;gap:48px}.contact-copy{position:static}.contact-copy h2{margin:16px 0 24px}.contact-copy>p{margin:20px 0}.contact-email{display:block;width:fit-content;margin:28px 0 24px}.contact-copy .button{margin:0;max-width:100%;text-align:center}.contact-response{margin-top:24px!important}.hubspot-form .delivery-panel{border:0;box-shadow:none;background:transparent;padding:24px 0 0;margin:0}.hubspot-form{padding:clamp(24px,3vw,36px)}
.social-platforms{gap:16px!important;flex-wrap:wrap}.social-platform{width:50px!important;height:50px!important;min-width:50px;border-radius:16px!important;background:linear-gradient(145deg,#483757,#25232f)!important;border:1px solid #9782ac!important;box-shadow:inset 0 1px 2px #fff4,0 4px 0 #0b0b13,0 10px 18px #0004;color:#e8d8ff!important}.social-platform.coming-soon{opacity:1!important;color:#bfb8ca!important;background:#24232e!important;border-color:#62596e!important;box-shadow:inset 0 1px 0 #fff1,0 3px 0 #0b0b13}.footer-inner{gap:28px 40px!important;padding-block:40px 100px!important}.footer-identity p{margin:20px 0 0;line-height:1.6}.footer-inner nav{gap:16px 24px}.footer-inner nav a{min-height:44px;display:inline-flex;align-items:center}
:is(.start-grid,.resource-grid,.service-grid,.faq-grid,.board-grid){gap:24px}.section-wrap{min-width:0}input,select,textarea{font-size:1rem!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffc095;outline-offset:5px}
@media(max-width:900px){.decision-advantage,.contact-section,.journey-heading{grid-template-columns:1fr}.journey-heading .eyebrow{grid-column:auto}.contact-section{gap:32px}.market-proof dl{grid-template-columns:1fr}.market-proof>.section-wrap{grid-template-columns:1fr}.proof-links{grid-column:1}}
@media(max-width:760px){.journey-grid{grid-template-columns:1fr;gap:24px}.community-layout{width:calc(100% - 36px)}.community-section{padding-block:48px!important}.community-copy .eyebrow{font-size:.8125rem!important}.community-actions{flex-direction:column;align-items:stretch}.community-actions a{text-align:center}.advantage-stack article:nth-child(n){padding:24px}.footer-inner{grid-template-columns:1fr!important;gap:24px!important}.footer-inner nav{display:flex;flex-wrap:wrap}.contact-copy .button{width:100%}.guide-launch{max-width:calc(100vw - 28px)}}
}

@media screen{.seasonal-remix{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;margin:48px 0;padding:clamp(24px,4vw,44px);border:1px solid #79628f;border-radius:28px;background:var(--surface-raised);box-shadow:var(--depth)}.seasonal-remix p{color:#dfd7e8;margin:18px 0 24px}.seasonal-remix aside{border-left:1px solid #79628f;padding-left:28px}.seasonal-remix h3{margin:12px 0}.methodology-intro{padding:56px 0 36px}.methodology-intro h1{max-width:17ch}.methodology-intro .lead{max-width:70ch}@media(max-width:760px){.seasonal-remix{grid-template-columns:1fr;gap:24px}.seasonal-remix aside{border-left:0;border-top:1px solid #79628f;padding:20px 0 0}}}

/* Launch-ready deliverables: one compact, useful answer at every viewport. */
@media screen{
.deliverable-strip{padding:0 0 clamp(56px,8vw,96px)}
.deliverable-heading{max-width:760px;margin-bottom:28px}
.deliverable-heading h2{margin:9px 0 14px;font-size:clamp(2rem,4vw,3.4rem)!important;line-height:1.08!important}
.deliverable-heading>p:not(.eyebrow){margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.deliverable-grid article{min-width:0;padding:clamp(22px,3vw,30px);border:1px solid #756780;border-radius:22px;background:var(--surface-raised);box-shadow:var(--depth)}
.deliverable-grid span{color:var(--persimmon);font-size:.78rem;font-weight:900;letter-spacing:.12em}
.deliverable-grid h3{margin:14px 0 9px;font-size:1.3rem!important}
.deliverable-grid p{margin:0;color:#dfd7e8;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:900px){.deliverable-grid{grid-template-columns:1fr}.deliverable-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 14px}.deliverable-grid span{grid-row:1/3;padding-top:5px}.deliverable-grid h3{margin:0 0 6px}.deliverable-grid p{grid-column:2}}
@media(max-width:680px){.deliverable-strip{padding-bottom:52px}.deliverable-grid article{padding:22px}}
}

/* Launch pass: keep the booking action reachable in the compact navigation. */
@media screen {
.site-header .nav-booking{display:none}
.ticker-group{flex:0 0 auto}
.hero-portrait figcaption{z-index:2}
.hero-portrait::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(217,201,255,.16),transparent 42%),radial-gradient(circle at 80% 60%,rgba(255,129,93,.11),transparent 35%);animation:hero-light 16s ease-in-out infinite alternate}
@keyframes hero-light{from{transform:translateX(-7%);opacity:.45}to{transform:translateX(7%);opacity:.85}}
@media(max-width:820px){.site-header nav .nav-booking{display:flex;color:var(--persimmon);font-weight:800}.header-inner{justify-items:stretch}.brand{justify-self:center}.hero-portrait::after{animation-duration:20s}}
@media(max-width:620px){.header-inner{padding-block:8px 10px}.brand{width:min(360px,100%)}.menu-toggle{margin:0}.site-header nav{padding-bottom:6px}.hero h1{overflow-wrap:normal}.hero-portrait figcaption{max-width:calc(100% - 28px)}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.hero-portrait::after{animation:none;transform:none;opacity:.5}}
}

/* 2026-09-28: make actual price ranges visible before opening the offer menu. */
.price-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 30px;padding:clamp(20px,3vw,30px);border:1px solid #79628f;border-radius:22px;background:linear-gradient(125deg,rgba(141,99,230,.16),rgba(255,129,93,.08));box-shadow:0 14px 38px rgba(0,0,0,.2)}
.price-snapshot>div+div{padding-left:20px;border-left:1px solid rgba(217,201,255,.25)}
.price-snapshot p{margin:0;color:#e9e5ef;font-size:1rem;line-height:1.65}
.price-snapshot .eyebrow{margin:0 0 8px;color:var(--persimmon);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.price-snapshot strong,.price-snapshot b{color:#fff;font-weight:800}
.price-snapshot b{white-space:nowrap}
.price-snapshot .price-note{margin-top:10px;color:#c7c0d2;font-size:.9rem}
.section-intro>p a{color:var(--lilac);text-underline-offset:4px}
.form-intro{margin:0 0 18px;color:var(--muted);font-size:1rem;line-height:1.6}
.delivery-panel .form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:760px){.price-snapshot{grid-template-columns:1fr;gap:12px}.price-snapshot>div+div{padding:14px 0 0;border-left:0;border-top:1px solid rgba(217,201,255,.25)}}

/* 2026-09-30: conversion-first wardrobe value promise. */
@media screen{
.value-conversion{padding:clamp(52px,8vw,94px) 0}.value-heading{max-width:820px}.value-heading h2{max-width:15ch;margin:12px 0 18px;font-size:clamp(2.2rem,5vw,4.4rem)!important;line-height:1.04!important}.value-heading>p:not(.eyebrow){max-width:62ch;color:var(--muted);font-size:1.08rem}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.value-grid article{position:relative;min-width:0;padding:30px;border:1px solid #78658c;border-radius:26px;background:linear-gradient(145deg,#332c41,#24232f 68%,#201f2a);box-shadow:var(--depth);overflow:hidden}.value-grid article::after{content:"";position:absolute;width:130px;height:130px;right:-46px;top:-50px;border-radius:50%;background:radial-gradient(circle,rgba(207,176,255,.23),transparent 68%)}.value-grid i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:26px;border:1px solid #d6c0f5;border-radius:17px;background:linear-gradient(145deg,#d6bcff,#7950bc);box-shadow:inset 1px 1px 2px #fff7,0 5px 0 #392253,0 12px 24px #0005;color:white;font-style:normal;font-size:1.45rem;font-weight:900}.value-grid article:nth-child(2) i{background:linear-gradient(145deg,#ffc9aa,#dd6749);border-color:#ffd9c2;box-shadow:inset 1px 1px 2px #fff7,0 5px 0 #713124,0 12px 24px #0005}.value-grid span{color:var(--persimmon);font-size:.76rem;font-weight:900;letter-spacing:.12em}.value-grid h3{margin:12px 0 9px;color:#fff}.value-grid p{margin:0;color:#ddd5e6}.value-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.hubspot-form select{width:100%;margin:7px 0 18px;padding:14px 16px;border:1px solid #81758e;border-radius:12px;background:#1b1b25;color:#fff}.hubspot-form label{display:block;margin-top:4px;font-weight:800}
@media(max-width:860px){.value-grid{grid-template-columns:1fr}.value-grid article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 14px}.value-grid i{grid-row:1/4;margin:0}.value-grid span,.value-grid h3,.value-grid p{grid-column:2}.value-grid h3{margin-top:7px}}
@media(max-width:560px){.value-conversion{padding-block:48px}.value-grid article{display:block;padding:24px}.value-grid i{margin-bottom:22px}.value-grid span,.value-grid h3,.value-grid p{grid-column:auto}.value-actions{align-items:stretch;flex-direction:column}.value-actions a{text-align:center}}
}
