/* Public experience. Measurement colors and report geometry remain in their own stylesheets. */
:root{--accent:#b8ecd3;--experience-line:rgba(181,213,203,.16)}
[data-theme="light"]{--accent:#075747;--experience-line:rgba(7,62,50,.16)}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:16px;z-index:1000;transform:translateY(-150%);background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.hud{height:var(--hud);padding-inline:var(--gut);border-bottom:1px solid var(--experience-line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(22px)}
.hud__logo{width:48px;height:48px;border-radius:50%}
.hud__t1{font-size:14px;line-height:1.7}
.hud__t2{font-family:var(--font-mono);font-size:12px;letter-spacing:.035em}
.hud__link{font-size:14px;padding:10px 12px}
.hud__tools{gap:8px}
.hud__phone{min-height:44px;border-radius:999px;padding:10px 18px;font-size:14px}
.iconbtn{min-width:42px;min-height:42px;border-radius:50%}
.btn{min-height:48px;border-radius:999px;padding:12px 24px;font-size:14px;line-height:1.6}
.btn--primary{box-shadow:0 6px 32px color-mix(in srgb,var(--brand) 10%,transparent)}
.btn:focus-visible,.iconbtn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.hero{padding-top:calc(var(--hud) + clamp(30px,5vw,76px));padding-bottom:40px}
.hero__bg::before{background:radial-gradient(ellipse at 20% 36%,rgba(23,98,82,.17),transparent 56%)}
.hero__bg::after{opacity:.14;background-size:100px 100px}
.hero__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,80px);align-items:center}
.hero__col{padding-block-start:0}
.hero__eyebrow{background:none;border:0;border-radius:0;padding:0;margin-bottom:26px;font-size:14px;color:var(--accent)}
.hero h1{font-size:clamp(38px,4.7vw,70px);line-height:1.5;letter-spacing:-.045em;font-weight:800;max-width:15ch;margin-bottom:20px}
.hero h1 em{color:var(--accent)}
.hero__lede{font-size:clamp(16px,1.2vw,18px);line-height:2.05;max-width:49ch;color:var(--fg-2);margin-bottom:30px}
.hero__cta{gap:12px;margin-bottom:22px}
.hero__cta .btn{min-height:54px}
.hero__micro{font-size:14px;line-height:1.9;color:var(--fg-3);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hero__micro a{color:var(--fg-2);text-decoration:underline;text-underline-offset:5px}
.hero__facts{margin-top:34px;border:0;border-top:1px solid var(--experience-line);border-radius:0;background:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:20px}
.hero__fact{background:none;padding:0}
.hero__fact b{font-size:19px;line-height:1.6;margin-bottom:4px}
.hero__fact span{font-size:13px;line-height:1.8;color:var(--fg-2)}
.hero__model{position:relative;gap:12px}
.model-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-inline:6px;font-size:12px;font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.08em;direction:ltr}
.model-heading b{font-weight:400;color:var(--accent)}
.hero .stage{width:100%;max-width:none;aspect-ratio:1/1.03;border-radius:24px;border:1px solid rgba(167,210,196,.2);box-shadow:0 24px 70px rgba(0,0,0,.18);background:radial-gradient(ellipse at 50% 35%,#12332d,#071411 64%,#060e0e)}
.hero .stage__corner{display:none}
.hero .stage__hint{top:auto;bottom:48px;inset-inline-start:22px;font-size:13px;max-width:calc(100% - 44px);color:#afc9c0}
.hero .stage__tools{top:18px;inset-inline-end:18px}
.hero .stage__tools .iconbtn{width:40px;height:40px}
.hero .stage__meta{font-size:12px;inset-inline:22px;bottom:17px;color:#a4c4b8}
.hero__model>.picker{position:static;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;max-height:none;width:100%;padding:4px 2px 10px;overflow-x:auto;overflow-y:hidden;pointer-events:auto;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:var(--brand-line) transparent;direction:inherit}
.hero__model>.picker .glass{flex:none;font-size:14px;min-height:42px;padding:8px 15px;color:var(--fg-2);background:var(--surface);border:1px solid var(--line-2);box-shadow:none;backdrop-filter:none}
.hero__model>.picker .glass[aria-pressed="true"]{background:var(--brand-soft);color:var(--accent);border-color:var(--brand-line)}
.hero .tour__compare{top:18px;inset-inline-start:18px;font-size:13px;min-height:40px;padding:8px 14px}
.boot__s,.boot__p{font-size:14px;color:#abc8bd}
.hero .tour__caption{border:0;border-inline-start:2px solid var(--brand);border-radius:0;background:none;padding:8px 18px;box-shadow:none;min-height:124px}
.tour__note{font-size:14px;line-height:1.9}
.tour__title{font-size:19px}
.tour__service,.tour__count{font-size:12px}
.section{padding-block:clamp(48px,6vw,90px)}
.shead{margin-bottom:28px}
.shead__i{font-size:14px}
.shead__s{font-size:13px}
.shead__t{font-size:16px}
.split h2{font-size:clamp(27px,3vw,44px);line-height:1.6;letter-spacing:-.025em}
.split .lede{font-size:17px;line-height:2}
.journey-strip{border-block:1px solid var(--experience-line);padding:24px 0}
.journey-strip .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.journey-step{display:flex;gap:15px;align-items:center}
.journey-step>span{font-family:var(--font-mono);color:var(--brand);font-size:13px;border:1px solid var(--brand-line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex:none}
.journey-step b{font-size:15px;font-weight:600;display:block;margin-bottom:3px}
.journey-step p{font-size:14px;color:var(--fg-3);line-height:1.8;margin:0}
.svc{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.svc__card{padding:28px;border-radius:20px;background:linear-gradient(160deg,var(--surface-2),var(--surface));transition:transform 240ms ease,border-color 240ms ease,box-shadow 240ms ease}
.svc__n{margin-bottom:24px;font-size:13px}
.svc__ico{position:absolute;top:22px;inset-inline-end:24px;border:1px solid var(--experience-line);border-radius:50%;background:none;color:var(--accent);width:44px;height:44px}
.svc__card h3{font-size:19px;margin:14px 0 12px;line-height:1.7}
.svc__card p{font-size:15px;line-height:1.95;color:var(--fg-2);margin-bottom:26px}
.svc__go{font-size:14px;color:var(--accent)}
.svc__card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.experience-kicker{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.13em;color:var(--brand);margin-bottom:15px;direction:ltr;text-align:start}
.report-story{background:var(--bg-2);border-block:1px solid var(--experience-line)}
.report-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,90px)}
.report-story h2,.audiences h2{font-size:clamp(28px,3.4vw,46px);line-height:1.6;letter-spacing:-.03em;margin-bottom:18px}
.report-story__copy>p{font-size:17px;line-height:2;color:var(--fg-2)}
.report-points{margin-block:24px;display:grid;gap:14px}
.report-points li{display:flex;gap:12px;font-size:15px;color:var(--fg-2);line-height:1.9}
.report-points li::before{content:'↗';color:var(--brand);font-size:18px;flex:none}
.report-preview{background:#eef4ef;color:#173329;border-radius:18px;box-shadow:0 32px 64px rgba(0,0,0,.2);padding:clamp(22px,3vw,40px);position:relative;transform:rotate(-2deg);border:1px solid #d0ddd3}
[dir="ltr"] .report-preview{transform:rotate(2deg)}
.report-preview__head{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #c2d3c9}
.report-preview__head img{width:46px;height:46px;border-radius:50%}
.report-preview__head b{font-size:15px;display:block}
.report-preview__head span{font-size:12px;color:#436255}
.report-preview__tag{display:inline-block;background:#dcebe1;color:#245a41;border-radius:999px;padding:5px 10px;font-size:12px;margin-top:20px}
.report-preview h3{font-size:24px;line-height:1.6;margin:16px 0 8px;color:#173329}
.report-preview>p{font-size:14px;line-height:1.9;color:#436255}
.report-preview__rows{display:grid;margin-block:24px}
.report-preview__row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid #c9d9cf;font-size:14px}
.report-preview__row b{font-size:13px;color:#3a6150;font-weight:500;text-align:end}
.report-preview__foot{display:flex;gap:8px;flex-wrap:wrap}
.report-preview__foot span{font-size:12px;padding:5px 9px;background:#e0ebe3;border-radius:6px;color:#355b47}
.audiences__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.audience-card{border:1px solid var(--experience-line);border-radius:22px;padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;align-items:flex-start;gap:17px;background:var(--surface)}
.audience-card:first-child{background:linear-gradient(135deg,var(--brand-soft),var(--surface))}
.audience-card h3{font-size:24px;line-height:1.6;margin:0}
.audience-card p{font-size:16px;line-height:1.95;color:var(--fg-2);margin:0}
.audience-card .btn{margin-top:auto}
.audience-card small{font-size:13px;line-height:1.8;color:var(--fg-3)}
.workspace-bar{padding:28px var(--gut);max-width:var(--maxw);margin-inline:auto;border-top:1px solid var(--experience-line)}
.workspace-bar__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.workspace-bar h2{font-size:24px;line-height:1.6}
.workspace-bar__head p{font-size:14px;color:var(--fg-3);max-width:55ch}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px}
.workspace-tabs a{padding:10px 17px;font-size:14px;border:1px solid var(--line-2);border-radius:999px;min-height:44px;display:flex;align-items:center;color:var(--fg-2)}
.workspace-tabs a[aria-current="true"]{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:600}
.experience-workspace .section[data-assessment]{display:none}
.experience-workspace .section[data-assessment].is-active{display:block}
.section[data-assessment]{padding-top:20px}
.section[data-assessment] .shead__i{display:none}
.section[data-assessment] .readmore{font-size:14px;line-height:1.9}
.section[data-assessment] .mod{gap:24px}
.assessment-intro{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.assessment-intro p{font-size:14px;color:var(--fg-2);line-height:1.9;margin:0;max-width:85ch}
.science-links{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:24px}
.science-links a{border-bottom:1px solid var(--brand-line);padding-bottom:4px;color:var(--brand);font-size:14px}
.about__photo{border-radius:24px}
.cred b{font-size:15px}.cred span span{font-size:14px;line-height:1.9}
.ccard{border-radius:18px;padding:25px}.ccard p,.ccard a{font-size:15px}
.foot{border-top:1px solid var(--experience-line)}
.foot .sub,.foot li,.foot__legal{font-size:14px;line-height:1.9}
.pagewrap{max-width:1280px;padding-top:calc(var(--hud) + 44px)}
.phead{padding-block:26px 38px;margin-bottom:38px;position:relative;background:radial-gradient(ellipse at 85% 20%,var(--brand-soft),transparent 66%)}
.phead h1{font-size:clamp(32px,4.2vw,58px);line-height:1.6;max-width:24ch}
.phead__lede{font-size:18px;line-height:2;max-width:70ch}
.phead__eyebrow{font-size:14px;background:none;border:0;padding:0;color:var(--brand)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(30px,5vw,65px);align-items:start}
.article-layout .prose{max-width:none;font-size:17px;line-height:2.05;min-width:0}
.article-nav{position:sticky;top:calc(var(--hud) + 24px);border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--surface)}
.article-nav>b{display:block;font-size:14px;margin-bottom:12px;color:var(--fg)}
.article-nav a{display:block;font-size:14px;line-height:1.85;color:var(--fg-2);padding:8px 0}
.article-nav a:hover{color:var(--brand)}
.article-nav .article-nav__action{color:var(--brand);border-top:1px solid var(--line);margin-top:12px;padding-top:16px}
.article-meta{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--fg-3)}
.article-meta a{color:var(--fg-2);border-bottom:1px solid var(--line-2)}
.article-answer{border-inline-start:3px solid var(--brand);padding:18px 22px;background:var(--surface);border-radius:12px;margin-bottom:28px}
.article-answer>b{font-size:14px;color:var(--brand);display:block;margin-bottom:7px}
.article-answer p{font-size:16px;line-height:1.95;margin:0;color:var(--fg-2)}
.faq__i{padding:20px 22px}
.faq__i summary{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--fg);cursor:pointer;line-height:1.9;min-height:28px}
.faq__i summary::marker{color:var(--brand)}
.faq__i p{font-size:15px;line-height:2;margin-top:12px}
.prose h2{scroll-margin-top:calc(var(--hud) + 25px)}
.related__card{padding:22px;border-radius:16px}
.related__card b{font-size:16px;line-height:1.8}
.related__card span{font-size:14px;line-height:1.9}
.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--brand);z-index:100;pointer-events:none}
@media(min-width:1440px){.hero .stage{aspect-ratio:1/1.02}.hero__grid{gap:70px}}
@media(max-width:1200px){.hud__nav{gap:0}.hud__link{padding-inline:8px}.hero__grid{gap:32px}.hero h1{font-size:clamp(38px,4.8vw,62px)}}
@media(max-width:1000px){.hero__grid{grid-template-columns:1fr;gap:36px}.hero__col{max-width:700px}.hero h1{max-width:none;font-size:clamp(38px,6.2vw,62px)}.hero__lede{max-width:58ch}.hero__model{max-width:650px;width:100%;margin-inline:auto}.hero .stage{aspect-ratio:1/1}.hero__facts{max-width:580px}.svc{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-nav{position:static;grid-row:1;display:flex;flex-wrap:wrap;gap:2px 18px}.article-nav>b{width:100%;margin:0}.article-nav a{padding:5px 0}.article-nav .article-nav__action{border:0;margin:0;padding:5px 0}}
@media(max-width:760px){:root{--hud:72px}.hud__logo{width:40px;height:40px}.hud__t1{font-size:12px;max-width:180px;white-space:normal}.hud__t2{display:none}.hud__tools{gap:5px}.hud__phone{padding:10px 12px}.iconbtn{min-width:40px;min-height:40px}.journey-strip .wrap{grid-template-columns:1fr;gap:20px}.journey-step>span{width:34px;height:34px}.report-story__grid,.audiences__grid{grid-template-columns:1fr}.report-preview{transform:none!important;margin-top:12px}.workspace-bar__head{align-items:flex-start;flex-direction:column;gap:6px}.workspace-tabs{gap:7px}.workspace-tabs a{font-size:13px;padding:9px 13px}.hero .stage__hint{font-size:12px}.article-meta{gap:10px;font-size:13px}.hud--static .hud__nav{display:none}}
@media(max-width:520px){.hero{padding-top:calc(var(--hud) + 32px)}.hero h1{font-size:clamp(32px,9vw,44px)}.hero__eyebrow{font-size:12px;margin-bottom:20px}.hero__facts{gap:10px}.hero__fact b{font-size:16px}.hero__fact span{font-size:12px}.hero__cta .btn{padding:12px 18px;flex:1;font-size:14px}.hero .stage{min-height:390px;aspect-ratio:1/1.2;border-radius:20px}.svc{grid-template-columns:1fr}.svc__card{padding:24px}.hero__micro{font-size:13px}.report-story h2,.audiences h2{font-size:30px}.hud__phone{display:none}.pagewrap{padding-top:calc(var(--hud) + 24px)}.phead h1{font-size:32px}.phead__lede{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.hero__col{animation:experience-enter .8s both}.hero__model{animation:experience-enter 1s .15s both}@keyframes experience-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.svc__card:hover{transform:none}.report-preview{transform:none!important}}
@media print{.skip-link,.journey-strip,.workspace-bar,.article-nav,.reading-progress{display:none!important}.article-layout{display:block}.report-preview{transform:none!important}}