:root{--ink:#172033;--muted:#647084;--brand:#d85f46;--brand-dark:#a94332;--mint:#fff0e8;--line:#e6e1dc;--paper:#fbf8f3;--navy:#17243c;--radius:26px;--shadow:0 24px 64px rgba(50,39,35,.09)}
body{background:radial-gradient(circle at 15% 8%,rgba(255,221,209,.52),transparent 28rem),radial-gradient(circle at 92% 30%,rgba(223,231,255,.5),transparent 26rem),var(--paper)}
.site-header{background:rgba(255,252,248,.94);border-bottom-color:rgba(221,211,203,.9)}
.site-header nav{gap:clamp(10px,1.15vw,18px);white-space:nowrap;min-width:0}.site-header nav a,.site-header nav button,.site-header nav summary{font-size:clamp(14px,.98vw,16px);line-height:1.25;white-space:nowrap;word-break:keep-all}
.header-cta,.button.primary{background:linear-gradient(135deg,#e56f53,#c74d3c);box-shadow:0 10px 24px rgba(216,95,70,.22)}
.header-cta:hover,.button.primary:hover{background:linear-gradient(135deg,#cf583f,#a94332)}
.hero{border-color:#e5dcd4;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(52,38,33,.12)}
.hero h1 span{background:linear-gradient(90deg,#bd4938,#ef8a55);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-media{position:relative;min-width:0;min-height:100%}.hero-visual{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}.hero-visual.is-active{opacity:1}.hero-visual[hidden]{display:block;visibility:hidden}.hero-visual.is-active[hidden]{visibility:visible}.hero-visual img{object-position:center}
.hero-controls{position:absolute;right:28px;top:28px;z-index:2;display:flex;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 28px rgba(28,38,54,.12);backdrop-filter:blur(8px)}
.hero-controls button{width:32px;height:12px;padding:0;border:0;border-radius:999px;background:#d9d3ce;cursor:pointer;transition:width .2s ease,background .2s ease}.hero-controls button.is-active{width:48px;background:var(--brand)}.hero-controls button:focus-visible{outline:3px solid #17243c;outline-offset:3px}
.eyebrow{color:var(--brand-dark)}.proof-strip{border-bottom:1px solid rgba(217,205,196,.7)}
.journey-grid li,.role-panel,.library,.sample-card{border-color:#e6ddd5;border-radius:var(--radius);box-shadow:0 18px 46px rgba(50,39,35,.065)}
.journey-grid li{position:relative;background:linear-gradient(145deg,#fff,#fffaf5);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.journey-grid li:has(a:hover),.journey-grid li:has(a:focus-visible){transform:translateY(-5px);border-color:#efb19f;box-shadow:0 26px 58px rgba(82,52,43,.12)}
.journey-grid li>span,.journey-grid a{color:var(--brand-dark)}
.sample{background:linear-gradient(145deg,#fff8f2,#f4f6ff);border:1px solid #e6ddd7;color:var(--ink)}.sample h2,.sample h3,.sample strong{color:var(--ink)}.sample p,.sample .section-copy{color:var(--muted)}.sample-card{background:#fff;border-color:#e3ddd7;box-shadow:var(--shadow)}.sample-card .is-after{background:#fff1e9;border-color:#f0c2b4}.sample-card li{color:var(--brand-dark)}
.role-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy)}.role-label{color:var(--brand-dark)}.role-panel li{background:#fff0e8;color:#934231}
.library{background:linear-gradient(140deg,#fff,#fff8f2);color:var(--ink)}.library h2,.library h3,.library strong{color:var(--ink)}.library p{color:var(--muted)}.text-link{color:#9f3f31}
.button{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-2px)}
.section.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.section.reveal-ready.is-visible{opacity:1;transform:none}
@media(min-width:981px){.desktop-sidebar{background:linear-gradient(180deg,#fffdf9,#fff)}.site-header{background:rgba(255,253,249,.94);padding-inline:clamp(18px,2vw,34px)}.site-header nav{flex:1;justify-content:flex-end}.hero{min-height:470px;border-radius:28px}.hero-media,.hero-visual{min-height:470px}.sidebar-nav a:hover,.sidebar-nav a:focus-visible,.sidebar-footer a:hover,.sidebar-footer a:focus-visible{background:#fff0e8}}
@media(max-width:1180px) and (min-width:981px){.site-header nav{gap:8px}.site-header nav a,.site-header nav button,.site-header nav summary{font-size:13px}.site-header{padding-inline:14px}}
@media(max-width:980px){.hero-media{min-height:420px}.site-header nav{white-space:normal}.site-header nav a,.site-header nav button,.site-header nav summary{white-space:normal;word-break:keep-all;text-wrap:balance}}
@media(max-width:600px){.hero-media{min-height:300px}.hero-controls{top:14px;right:14px}.hero-controls button{height:14px}.section.reveal-ready{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-visual,.hero-controls button,.journey-grid li,.button,.section.reveal-ready{transition:none!important;transform:none!important}.section.reveal-ready{opacity:1}}