@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-400-normal.woff2')}@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-500-normal.woff2');font-weight:500}@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-600-normal.woff2');font-weight:600}
:root{--bg:#0e1c23;--surface:#152a32;--soft:#203c40;--text:#edf4f2;--muted:#b4c8c9;--line:#597579;--accent:#b6c6bd;--ink:#142c28;--link:#a0dddd;color-scheme:dark;font-family:Plex,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}:root[data-theme="light"]{--bg:#fff;--surface:#eef4f3;--soft:#dfeceb;--text:#142c35;--muted:#405a61;--line:#7c969b;--accent:#234e47;--ink:#fff;--link:#17505a;color-scheme:light}::selection{background:var(--accent);color:var(--ink)}a{color:var(--link);text-underline-offset:4px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:5px}button:hover,.btn:hover{filter:brightness(1.12)}.wrap{max-width:1200px;margin:auto;padding:0 32px}.review{background:#d8e6df;color:#18362b;padding:9px 32px;font-size:13px;display:flex;justify-content:space-between;gap:20px}.review a{color:inherit}.test .review,.test .research-note,.test .review-controls{display:none}.header{border-bottom:1px solid var(--line)}.head{min-height:100px;display:flex;gap:28px;align-items:center;justify-content:space-between}.brand{color:var(--text);text-decoration:none;font-size:28px;font-weight:600;letter-spacing:-.03em}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:22px;align-items:center}nav a{font-size:14px;color:var(--text);text-decoration:none}nav a:hover{text-decoration:underline}.theme{width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:6px;color:var(--text);display:grid;place-items:center}.theme svg{width:18px;height:18px}.mobile{display:none}.hero{padding:56px 0 34px}.hero h1{max-width:940px;font-size:clamp(36px,4.5vw,56px);line-height:1.08;letter-spacing:-.025em;margin:0 0 25px;font-weight:500;text-wrap:balance}.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:normal;color:var(--muted)}.intro{max-width:760px;font-size:19px;color:var(--muted);margin:0 0 20px}.format{color:var(--muted);font-size:14px;margin:20px 0}.format strong{color:var(--text);font-weight:500}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 19px;border-radius:6px;border:1px solid var(--line);background:transparent;text-decoration:none;color:var(--text);font-weight:500;font-size:15px}.btn.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}h2{font-size:25px;font-weight:500;line-height:1.2;margin:0 0 12px;letter-spacing:-.015em}h3{font-size:19px;line-height:1.3;margin:0 0 10px;font-weight:500}p{margin:0 0 16px}.section{padding:34px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 20px}.job{padding:22px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;min-height:208px}.job:hover{background:var(--soft)}.job .price{font-size:18px;color:var(--text);margin-top:auto;padding-top:14px}.job p{font-size:14px;color:var(--muted);margin:0}.job .kit{font-weight:500;color:var(--link);font-size:13px;margin-bottom:9px}.help-strip{background:var(--surface);padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 5px;border-radius:8px}.help-strip h2{font-size:22px;margin-bottom:5px}.help-strip p{margin:0;color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split .hero{padding-bottom:26px}.split h1{font-size:45px}.visual{margin:0}.visual img{display:block;width:100%;border:1px solid var(--line);border-radius:8px}.visual figcaption{font-size:12px;color:var(--muted);padding:10px 0}.previewlabel{font-size:16px;font-weight:500;margin:8px 0 13px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}.flow p{font-size:14px;color:var(--muted)}.help-panel{background:var(--surface);padding:28px 30px;margin:26px 0 0;border-radius:8px}.help-panel>p{color:var(--muted);margin:0}.help-choices{display:grid;grid-template-columns:repeat(3,1fr);margin-top:23px;gap:26px}.help-choices>div{border-top:1px solid var(--line);padding-top:19px}.help-choices p{font-size:14px;color:var(--muted);min-height:44px}.help-choices a{font-size:15px;font-weight:500}.industries{display:flex;gap:10px 25px;flex-wrap:wrap;margin:18px 0}.examples{display:grid;grid-template-columns:1fr 1fr;gap:28px}.example-list{display:grid;gap:0}.example-list a{padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}.example-list a span{display:block;color:var(--muted);font-size:14px;margin-top:3px}footer{padding:32px 0;border-top:1px solid var(--line);margin-top:20px;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.research-note{background:var(--surface);padding:22px;margin:20px 0;font-size:14px;color:var(--muted)}.review-controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.destination{max-width:850px;margin:48px auto;min-height:400px}.destination h1{font-size:40px;line-height:1.1;font-weight:500}.stub{background:var(--surface);padding:18px 22px;margin:25px 0;color:var(--muted);border-radius:8px}.destination ul{padding-left:24px}.gallery-title{font-size:50px;line-height:1.1;max-width:900px;margin:45px 0 25px;font-weight:500;letter-spacing:-.025em}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.concept{border-top:1px solid var(--line);padding-top:22px}.concept img{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;background:var(--surface);border-radius:5px}.concept h2{margin-top:20px}.concept p{font-size:15px;color:var(--muted)}.concept .actions{margin:20px 0}.concept .risk{font-size:13px}.gallery-baseline{max-width:900px;width:100%;border:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:1050px){nav{gap:14px}.head{gap:15px}.brand{font-size:25px}.wrap{padding:0 24px}.split{gap:24px}.split h1{font-size:39px}.jobs{gap:10px}.job{padding:17px 14px}}@media(max-width:780px){.head{min-height:85px}.desktop{display:none}.mobile{display:block;position:relative}.mobile summary{cursor:pointer;padding:10px}.mobile nav{position:absolute;right:0;top:45px;min-width:235px;display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);padding:14px 22px;z-index:2;gap:0}.mobile nav a{padding:11px 0}.wrap{padding:0 22px}.review{padding:8px 22px}.review>span:last-child{display:none}.hero{padding:34px 0 24px}.hero h1,.split h1{font-size:38px}.intro{font-size:17px}.jobs{grid-template-columns:1fr 1fr}.job{min-height:215px}.help-strip{display:block;padding:22px}.help-strip .actions{margin-top:18px}.split,.examples,.gallery-grid{grid-template-columns:1fr}.split{gap:0}.split .visual{margin-bottom:22px}.help-panel{padding:24px 22px}.help-choices{grid-template-columns:1fr;gap:20px}.help-choices p{min-height:0;margin-bottom:10px}.flow{gap:15px}.flow h3{font-size:16px}.flow p{font-size:13px}.section-title{align-items:start}.section-title .small{white-space:nowrap}.gallery-title{font-size:38px}.destination h1{font-size:34px}.theme{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* D keeps A's shared navigation and B's overview; compact help precedes the visual on mobile. */
.combined{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"copy visual" "help help";gap:26px 44px;padding:38px 0 28px;align-items:center}.combined-copy{grid-area:copy;padding:0}.combined .hero h1{font-size:45px}.combined>.visual{grid-area:visual}.compact-help{grid-area:help;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;background:var(--surface);border-radius:8px}.compact-help h2{font-size:22px;margin:0 0 2px}.compact-help p{font-size:14px;color:var(--muted);margin:0}.compact-help-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.compact-help .btn{padding:10px 16px}.contact-link{font-size:14px;font-weight:500;padding:10px 0}.combined-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;padding:28px 0 34px;border-top:1px solid var(--line)}.combined-feature img{width:100%;border-radius:8px}.combined-feature p{color:var(--muted)}.combined-feature .actions{margin-top:24px}
@media(max-width:1050px){.combined{gap:24px}.combined .hero h1{font-size:39px}.compact-help{gap:18px}.compact-help-links{gap:10px 14px}}
@media(max-width:780px){.combined{grid-template-columns:1fr;grid-template-areas:"copy" "help" "visual";padding:30px 0 22px;gap:24px}.combined .hero h1{font-size:34px}.combined .intro{font-size:16px;line-height:1.5}.combined .format{margin:16px 0}.combined .hero .actions{gap:10px}.combined .hero .btn{padding:10px 13px;font-size:14px}.compact-help{display:block;padding:17px 18px}.compact-help>div:first-child{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.compact-help h2{font-size:20px;white-space:nowrap}.compact-help p{font-size:13px}.compact-help-links{gap:6px 10px}.compact-help .btn{font-size:13px;padding:9px 11px}.contact-link{font-size:13px;padding:5px 0}.combined-feature{grid-template-columns:1fr;gap:20px}}

.problem-hero{grid-template-columns:1fr 1.16fr;grid-template-areas:"copy visual" "help help";align-items:start}.problem-hero .hero h1{font-size:41px;margin-bottom:18px}.problem-hero .intro{font-size:17px;line-height:1.5;max-width:43ch}.problem-hero .format{margin-bottom:0}.preview-hint{font-size:13px;color:var(--muted);margin:0 0 12px}.tap-hint{display:none}.problem-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.problem-list button{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--line);padding:15px 14px;min-height:81px;transition:background-color .14s ease}.problem-list button:hover,.problem-list button[aria-selected="true"]{background:var(--soft);filter:none}.problem-list button[aria-selected="true"]{box-shadow:inset 0 0 0 1px var(--line)}.problem-list strong{font-size:17px;line-height:1.35;font-weight:500;display:block}.problem-list small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.problem-price{font-size:17px;white-space:nowrap;text-align:right}.problem-price small{margin-top:0;font-size:11px}.kit-preview{grid-area:visual;min-width:0;background:var(--surface);padding:24px;border-radius:8px}.kit-panel-heading{min-height:116px}.kit-panel-heading h2{font-size:24px;line-height:1.25}.kit-panel-heading p{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 20px}.kit-images{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;align-items:start}.kit-images figure{margin:0;min-width:0}.kit-images figcaption{font-size:13px;font-weight:500;margin-bottom:10px}.kit-images img{width:100%;display:block;border-radius:4px}.kit-images a{display:block}.kit-images span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:10px}.preview-disclaimer{font-size:12px;line-height:1.5;color:var(--muted);margin:20px 0 16px}.kit-preview .actions{gap:10px}.kit-preview .btn{font-size:14px;padding:10px 13px}.problem-hero .compact-help{margin-top:0}.kit-preview:focus-visible{outline:3px solid var(--link);outline-offset:5px}
@media(max-width:1050px){.problem-hero .hero h1{font-size:36px}.kit-preview{padding:20px}.problem-list strong{font-size:16px}.kit-images{gap:12px}.kit-panel-heading{min-height:134px}}
@media(max-width:780px){.problem-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "help"}.problem-hero .hero h1{font-size:34px}.problem-hero .intro{font-size:16px}.problem-list button{min-height:78px;padding:13px 12px}.problem-list strong{font-size:16px}.kit-panel-heading{min-height:0}.kit-preview{padding:20px 16px}.kit-panel-heading h2{font-size:22px}.kit-images{grid-template-columns:1.55fr 1fr;gap:12px}.kit-images figcaption{font-size:12px;line-height:1.4;min-height:34px;margin-bottom:6px}.kit-preview .btn{font-size:13px;padding:10px 11px}}
@media(hover:none){.hover-hint{display:none}.tap-hint{display:inline}}
@media(min-width:781px){.kit-panel-heading{min-height:94px}.kit-images .output-shot img{max-height:286px;object-fit:contain;object-position:top left}}

/* Isolated full-homepage explorations. Existing A–D styles and files stay intact. */
.foundation{padding-bottom:15px}.foundation-hero{padding:54px 0 30px}.foundation-intro h1{font-size:clamp(38px,4vw,54px);line-height:1.1;letter-spacing:-.025em;font-weight:500;margin:0 0 22px;text-wrap:balance}.foundation-intro h1 em{font-family:Georgia,serif;font-weight:400;font-style:normal;color:var(--muted)}.foundation-intro .intro{max-width:740px;font-size:18px;line-height:1.6}.foundation-intro .format{margin:21px 0 0;line-height:1.6}.foundation-choice{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start;margin-top:44px}.foundation .choice-title{font-size:22px;margin:0 0 10px}.foundation .preview-hint{font-size:13px;line-height:1.6;margin-bottom:17px}.foundation .kit-preview{padding:26px;min-width:0}.foundation .kit-panel-heading{min-height:96px}.foundation .kit-panel-heading h2{font-size:25px;line-height:1.3}.foundation .kit-panel-heading p{font-size:15px;line-height:1.6}.foundation .kit-images .output-shot img{max-height:286px;object-fit:contain;object-position:top left}.foundation .kit-images figcaption{line-height:1.5}.foundation .kit-images span{line-height:1.6}.foundation .preview-disclaimer{line-height:1.6}.foundation .problem-list button{min-height:88px;padding:18px 16px}.foundation .problem-list strong{font-size:17px;line-height:1.4}.foundation .problem-list small{line-height:1.5}.foundation>.compact-help{padding:20px 24px;margin-top:0;margin-bottom:14px}.foundation .purchase-note{margin:0 0 20px;line-height:1.7}.foundation .foundation-section{padding:76px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.foundation .foundation-section h2{font-size:31px;line-height:1.2;max-width:650px;font-weight:500;margin:0 0 20px}.foundation .foundation-section p{line-height:1.7}.foundation .industries{margin:30px 0 0;gap:16px 32px;font-size:17px}.foundation .sample-rows{margin-top:24px}.foundation .sample-rows article{display:grid;grid-template-columns:1fr auto;gap:40px;padding:26px 0;border-top:1px solid var(--line);align-items:center}.foundation .sample-rows h3{font-size:20px;line-height:1.4;margin:0 0 8px}.foundation .sample-rows h3 a{color:var(--text);text-decoration:none}.foundation .sample-rows h3 a:hover{text-decoration:underline}.foundation .sample-rows p{color:var(--muted);font-size:15px;max-width:680px;margin:0}.sample-row-links{display:flex;gap:24px;font-size:14px;white-space:nowrap}.specialist{background:var(--surface);padding:22px 24px;margin:20px 0}.specialist p{margin:0 0 8px;font-weight:500}.specialist>div{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.foundation .how-section{display:grid;grid-template-columns:1fr 1fr;gap:60px}.how-section>div:first-child p{max-width:40ch}.work-steps{list-style:none;padding:0;margin:20px 0 28px}.work-steps li{display:grid;grid-template-columns:75px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.work-steps strong{font-size:18px;font-weight:500}.work-steps p{font-size:15px;margin:0;color:var(--muted)}.free-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:38px}.free-columns h3{font-size:22px}.free-columns p{color:var(--muted);max-width:55ch}.free-columns .small{margin-top:18px}.foundation .partner-section{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.partner-section p{color:var(--muted)}.partner-section .actions{gap:25px;font-size:15px;margin-top:24px}.foundation .faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list summary{font-weight:500;cursor:pointer;font-size:17px;line-height:1.5}.faq-list details p{color:var(--muted);font-size:15px;margin:15px 0 4px}.faq-list .actions{margin-top:24px;gap:25px;font-size:14px}.foundation .close-section{padding:70px 0 60px}.foundation .close-section h2{font-size:40px;max-width:850px}.close-section .actions{margin:26px 0}.foundation-footer{padding:44px 0 25px;margin:0}.footer-main,.footer-base{display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-main{margin-bottom:34px}.foundation-footer nav.footer-links{justify-content:flex-start;gap:25px;flex-wrap:wrap;margin-bottom:36px}.foundation-footer nav.footer-links a{font-size:14px}.foundation-footer .footer-base{font-size:12px;border-top:1px solid var(--line);padding:23px 0 8px}.foundation-footer .footer-base .footer-links{gap:18px}.foundation-footer .review-controls{margin-top:25px}.foundation .integrated{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:start}.integrated .foundation-intro h1{font-size:42px}.integrated .foundation-intro .intro{font-size:17px;line-height:1.6}.integrated .choice-title{margin-top:30px}.integrated .foundation-intro .format{margin:16px 0 0}.integrated .problem-list button{min-height:83px;padding:15px 14px}.integrated .problem-list strong{font-size:16px}.integrated>.kit-preview{margin-top:0}.foundation-three .foundation-intro{max-width:900px}.foundation-three .foundation-choice{grid-template-columns:1fr;gap:28px;margin-top:42px}.foundation-three .problem-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.foundation-three .problem-list button{border-bottom:0;border-right:1px solid var(--line);min-height:132px;align-items:flex-start;gap:12px;padding:18px 15px}.foundation-three .problem-list button:last-child{border-right:0}.foundation-three .problem-list strong{font-size:16px}.foundation-three .problem-list small{font-size:12px;line-height:1.5;margin-top:8px}.foundation-three .problem-price{font-size:15px}.foundation-three .problem-price small{margin-top:2px}.foundation-three .kit-preview{display:grid;grid-template-columns:.75fr 1.25fr;grid-template-areas:"description images" "actions images" "note images";gap:18px 38px;padding:30px}.foundation-three .kit-panel-heading{grid-area:description;min-height:0}.foundation-three .kit-images{grid-area:images;grid-template-columns:1.65fr 1fr;gap:20px}.foundation-three .kit-preview>.actions{grid-area:actions;align-content:start;align-items:flex-start;align-self:start}.foundation-three .preview-disclaimer{grid-area:note;align-self:end;margin:0;max-width:44ch}.foundation-three .kit-images .output-shot img{max-height:280px}.foundation-gallery .gallery-title{margin-top:42px;max-width:950px}.foundation-gallery .gallery-grid{margin:36px 0 70px}.foundation-gallery .concept img{aspect-ratio:1.45;object-position:top}.foundation-gallery .concept h2{font-size:24px}.foundation-gallery .concept p{font-size:15px;line-height:1.6}.foundation-gallery .intro{max-width:850px}.foundation-gallery .concept .btn{padding:11px 17px}
@media(max-width:1050px){.foundation-choice,.foundation .integrated{gap:28px}.foundation .integrated .foundation-intro h1{font-size:36px}.sample-row-links{gap:16px}.foundation .how-section,.foundation .partner-section,.foundation .faq-section{gap:35px}.free-columns{gap:40px}.foundation-three .problem-list button{flex-direction:column;justify-content:space-between}.foundation-three .problem-price small{display:inline;margin-left:5px}.foundation-three .kit-preview{gap:20px}}
@media(max-width:780px){.foundation-hero{padding:32px 0 24px}.foundation-intro h1,.foundation .integrated .foundation-intro h1{font-size:36px}.foundation-intro .intro,.integrated .foundation-intro .intro{font-size:16px;line-height:1.65}.foundation-intro .format{font-size:13px}.foundation-choice,.foundation .integrated{display:grid;grid-template-columns:1fr;gap:24px}.foundation-choice{margin-top:32px}.foundation .choice-title{font-size:21px}.foundation .problem-list button{min-height:79px;padding:13px 12px}.foundation .problem-list strong{font-size:16px}.foundation .kit-preview{padding:22px 16px}.foundation .kit-panel-heading{min-height:0}.foundation .kit-panel-heading h2{font-size:23px}.foundation .kit-images{gap:12px}.foundation .kit-images .output-shot img{max-height:260px}.foundation>.compact-help{padding:18px;margin-bottom:13px}.foundation .foundation-section{padding:46px 0}.foundation .foundation-section h2{font-size:27px;line-height:1.25;margin-bottom:17px}.foundation .section-title{display:block}.foundation .section-title>a{display:inline-block;margin:0 0 5px}.foundation .sample-rows article{display:block;padding:23px 0}.foundation .sample-rows h3{font-size:20px}.foundation .sample-rows p{font-size:14px}.sample-row-links{margin-top:16px;gap:24px}.specialist{padding:20px;margin-top:12px}.specialist>div{gap:13px 20px}.foundation .how-section,.foundation .partner-section,.foundation .faq-section{grid-template-columns:1fr;gap:20px}.work-steps li{grid-template-columns:60px 1fr;gap:15px}.free-columns{grid-template-columns:1fr;gap:32px;margin-top:25px}.free-columns>div+div{padding-top:28px;border-top:1px solid var(--line)}.foundation .close-section h2{font-size:32px}.foundation .industries{gap:15px 25px;font-size:16px;margin-top:22px}.footer-main,.footer-base{display:block}.footer-main .footer-links{margin-top:25px}.foundation-footer nav.footer-links{gap:18px 25px}.foundation-footer .footer-base .footer-links{margin:18px 0 10px}.foundation-three .problem-list{grid-template-columns:1fr 1fr}.foundation-three .problem-list button{padding:14px;min-height:155px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.foundation-three .problem-list button:nth-child(2n){border-right:0}.foundation-three .problem-list button:nth-last-child(-n+2){border-bottom:0}.foundation-three .problem-list strong{font-size:15px}.foundation-three .problem-list small{font-size:11px}.foundation-three .kit-preview{display:block;padding:22px 16px}.foundation-three .kit-panel-heading{margin-bottom:20px}.foundation-three .kit-preview>.actions{margin:22px 0 0}.foundation-three .preview-disclaimer{margin:18px 0 0}.foundation-three .kit-images{gap:12px}.foundation-gallery .gallery-title{font-size:36px}}
.foundation .kit-preview{grid-area:auto}

.foundation-gallery .concept img{aspect-ratio:1.15}

/* UX/engagement pass: softer selection, more tangible examples, shorter routes. */
.foundation .returning-customer{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 0}.returning-customer a{margin-left:4px}.foundation .problem-list{gap:7px;border:0}.foundation .problem-list button{position:relative;border:0;border-radius:8px;padding-left:17px;transition:background-color .16s ease,color .16s ease}.foundation .problem-list button:hover{background:var(--surface)}.foundation .problem-list button[aria-selected="true"]{background:var(--soft);box-shadow:none}.foundation .problem-list button[aria-selected="true"] strong{color:var(--link)}.foundation .problem-list button:focus-visible{outline-offset:2px}.foundation-three .problem-list{gap:12px;overflow:visible}.foundation-three .problem-list button{background:var(--surface);border:0;border-radius:10px}.foundation-three .problem-list button:hover,.foundation-three .problem-list button[aria-selected="true"]{background:var(--soft)}.foundation .kit-preview{border-radius:12px;background:var(--surface)}.foundation .kit-images{animation:preview-arrive .24s ease-out both}.foundation .kit-images img{border-radius:6px}.foundation .output-shot a{transform:rotate(1deg);transform-origin:center;transition:transform .2s ease}.foundation .output-shot a:hover,.foundation .output-shot a:focus-visible{transform:rotate(0)}.foundation .output-shot img{box-shadow:0 12px 25px rgba(0,0,0,.13)}.foundation .industries a{display:inline-flex;align-items:center;min-height:40px;padding:7px 17px;border:1px solid var(--line);border-radius:24px;font-size:15px;text-decoration:none;transition:background-color .16s ease}.foundation .industries a:hover{background:var(--surface)}.foundation .sample-rows article{grid-template-columns:78px 1fr auto;gap:25px;padding:25px 0;align-items:center}.sample-thumbnail{display:block}.sample-thumbnail img{display:block;width:68px;height:104px;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 7px 18px rgba(0,0,0,.1);transition:transform .18s ease}.sample-thumbnail:hover img{transform:translateY(-3px)}.foundation #free{padding:45px 34px;background:var(--surface);border:0;border-radius:12px;margin-bottom:65px}.foundation .free-columns{gap:65px}.foundation .free-columns p{max-width:52ch}.foundation-three .how-section{display:block}.foundation-three .how-section>div:first-child p{max-width:75ch}.foundation-three .work-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.foundation-three .work-steps li{display:block}.foundation-three .work-steps strong{display:block;margin-bottom:10px;font-size:21px}.foundation-three .how-section>div+div{margin-top:30px}.foundation-three .how-section h3{font-size:18px}.mobile-preview-link{display:none}@keyframes preview-arrive{from{transform:translateY(5px);clip-path:inset(0 0 2% 0)}to{transform:translateY(0);clip-path:inset(0)}}
@media(max-width:1050px){.foundation .sample-rows article{grid-template-columns:68px 1fr;gap:22px}.foundation .sample-row-links{grid-column:2;margin-top:-8px}.foundation .sample-thumbnail{grid-row:1 / span 2}.foundation .free-columns{gap:35px}}
@media(max-width:780px){.foundation .returning-customer{font-size:12px}.foundation .problem-list{gap:6px}.foundation .problem-list button{min-height:81px}.foundation-three .problem-list{gap:10px}.foundation-three .problem-list button{min-height:157px}.mobile-preview-link{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:13px 16px;background:var(--surface);border-radius:8px;font-size:13px;text-decoration:none}.mobile-preview-link span{text-decoration:underline;text-underline-offset:3px}.mobile-preview-link strong{font-size:13px;line-height:1.4;font-weight:500;color:var(--text)}.foundation .sample-rows article{display:grid;grid-template-columns:56px 1fr;gap:12px 18px}.sample-thumbnail img{width:52px;height:85px}.foundation .sample-row-links{grid-column:2;display:flex;gap:20px;margin-top:0;white-space:normal}.foundation .sample-rows h3{font-size:18px}.foundation .sample-rows p{font-size:14px}.foundation .industries{gap:11px}.foundation .industries a{font-size:14px;padding:6px 13px}.foundation #free{padding:28px 22px;margin-bottom:40px}.foundation-three .work-steps{display:block}.foundation-three .work-steps li{padding:20px 0}.foundation-three .work-steps strong{font-size:20px}.foundation .preview-hint{line-height:1.65}}
@media(prefers-reduced-motion:reduce){.foundation .kit-images{animation:none}.foundation .output-shot a,.sample-thumbnail img{transform:none!important;transition:none}}

/* Local exploration: Concept #1 layout, current live explanations and deliberate selection. */
.foundation-one .explained-choices button{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "summary summary";gap:7px 16px;min-height:110px;padding:15px 16px;align-items:start}
.foundation-one .explained-choices .choice-name{grid-area:name;min-width:0}
.foundation-one .explained-choices .problem-price{grid-area:price;align-self:start;white-space:nowrap}
.foundation-one .explained-choices .choice-summary{grid-area:summary;display:block;color:var(--muted);font-size:14px;line-height:1.55;font-weight:400;max-width:58ch}
.foundation-one .explained-choices .choice-name strong{display:block;font-size:17px;line-height:1.4}
.foundation-one .explained-choices .choice-name small{display:block;margin-top:4px;line-height:1.5}
.foundation-one .kit-preview{min-width:0}
.foundation-one .dashboard-shot img{aspect-ratio:1280/1000;object-fit:contain;object-position:top left}
.foundation-one .output-shot img{aspect-ratio:816/1445;object-fit:contain;object-position:top left}
.foundation-one .kit-panel-heading{min-height:112px}
.theme{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
@media(max-width:780px){
 .foundation-one .explained-choices button{min-height:0;padding:14px 13px;gap:7px 12px}
 .foundation-one .explained-choices .choice-name strong{font-size:16px}
 .foundation-one .explained-choices .choice-summary{font-size:13px;line-height:1.55}
 .foundation-one .foundation-choice{grid-template-columns:minmax(0,1fr)}
 .foundation-one .foundation-choice>.choice-copy{min-width:0}
 .foundation-one .foundation-choice>.compact-help{grid-area:auto;grid-column:auto;margin:0;padding:18px 18px}
 .foundation-one .foundation-choice>.kit-preview{margin:0}
 .foundation-one .kit-panel-heading{min-height:0}
}
@media(prefers-reduced-motion:reduce){.kit-images{animation:none!important}}

/* Current semantic website roles; Quiet Classic remains the final component stylesheet. */
:root{--bg:#0e1c23;--surface:#152a32;--soft:#304f48;--text:#edf4f2;--muted:#b4c8c9;--line:#3c555b;--accent:#b0ded6;--ink:#102d34;--link:#a0dddd;--selected-text:#d9f2e6}
:root[data-theme="light"]{--bg:#ffffff;--surface:#deedf3;--soft:#c2e4ee;--text:#0b2332;--muted:#244353;--line:#7399ac;--accent:#0b3b55;--ink:#ffffff;--link:#074a68;--selected-text:#0b2332}
.brand-lockup{flex-shrink:0}.brand-lockup .brand{display:inline-block;color:var(--text);text-decoration:none;line-height:1.2}.brand-dot{color:var(--link)}.brand-tagline{display:block;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--muted);margin-top:3px}
.head nav a{min-height:44px;display:inline-flex;align-items:center}.head .mobile summary{min-height:44px}
.theme{border:0;background:transparent}.theme{min-width:44px;min-height:44px}
@media(max-width:360px){.brand-lockup .brand{font-size:24px}}

.qc-site .brand-lockup .brand{display:inline-flex;align-items:center;min-height:44px;min-width:120px;color:var(--text)}

/* HTML dimensions reserve the image ratio; rendered height follows the approved #1 width. */
.foundation-one .kit-images img{height:auto}

/* Product evidence keeps its complete natural frame and matches the page theme. */
.foundation-one .kit-images img{aspect-ratio:auto!important;max-height:none!important;object-fit:contain!important}
.foundation .output-shot a{transform:none}
.foundation .sample-rows article{grid-template-columns:112px minmax(0,1fr) auto;align-items:center}
.foundation .sample-thumbnail{width:112px}
.foundation .sample-thumbnail img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;box-shadow:none;border:1px solid var(--line)}
@media(max-width:1050px){.foundation .sample-rows article{grid-template-columns:100px minmax(0,1fr)}.foundation .sample-thumbnail{width:100px}}
@media(max-width:780px){.foundation .sample-rows article{grid-template-columns:80px minmax(0,1fr)}.foundation .sample-thumbnail{width:80px}.foundation .sample-row-links{grid-column:2}}

/* The approved Familiar foundation layout owns preview geometry. Shared Quiet Classic controls load last. */
/* Leo, November 1: one primary hero action, and help choosing sits beside the sample output. */
.foundation-intro .hero-actions{margin:22px 0 6px}
/* Expert panel, November 2: the help link takes its own row with a full tap target; the hero and closing buttons land
   on the chooser heading; the founder note is one muted line under "Before you choose". */
.kit-preview .actions .help-choose-link{flex-basis:100%;margin:2px 0 0;padding:11px 0;font-size:14px}
.foundation-choice .choice-title{scroll-margin-top:96px}
.foundation-choice .choice-title:focus{outline:none}
.faq-section .founder-note{margin:14px 0 0;max-width:38ch;font-size:14px;line-height:1.6;color:var(--muted)}
.faq-section .founder-note a{margin-left:4px}
/* Owner, November 2: the report is paper. Its light cover shows in both themes, keeps the original slight lean and
   straightens with a small lift on hover; the sample thumbnails read as paper too. */
.foundation #kit-preview .output-shot img{transform:rotate(1deg);transform-origin:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.foundation #kit-preview .output-shot a:is(:hover,:focus-visible) img{transform:rotate(0) translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.32)}
.foundation .sample-thumbnail img{box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .2s ease}
@media(hover:hover){.foundation .sample-thumbnail:hover img{transform:rotate(-1deg) translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.foundation #kit-preview .output-shot img,.foundation .sample-thumbnail img{transition:none}.foundation #kit-preview .output-shot a:is(:hover,:focus-visible) img,.foundation .sample-thumbnail:hover img{transform:rotate(1deg)}}
/* Owner, November 2: less to read on phones; the preview panel carries each kit's detail. */
@media(max-width:780px){.foundation .problem-list .choice-summary,.foundation .sample-rows article>div:not(.sample-row-links) p{display:none}}

/* Home closing section: the 22-second brand video beside "Make your next AI decision clear." and the site player
   (public/video.js) it opens. The home page does not load extrasphere.css, so the poster and the modal are styled here.
   The Watch pill is outlined so Find your kit stays the brightest control in the section. */
.foundation .close-with-video{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.vp-sizzle{margin:0}
.vp-sizzle-play{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left}
.vp-sizzle .vp-frame{position:relative;display:block;aspect-ratio:16/9;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0b161d;transition:border-color .16s ease}
.vp-sizzle .vp-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vp-sizzle-play:hover .vp-frame{border-color:var(--link)}
.vp-sizzle-play:focus-visible{outline:2px solid var(--link);outline-offset:4px;border-radius:10px}
.vp-sizzle-badge{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 15px;border:1.5px solid var(--link);border-radius:999px;background:rgba(9,22,28,.86);color:#edf4f2;font:600 15px/1 Plex,system-ui,sans-serif}
.vp-sizzle-badge svg{width:12px;height:12px;color:var(--link)}
.vp-sizzle figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--muted)}
.vp-modal{width:min(1100px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}
.vp-modal::backdrop{background:rgba(2,8,12,.82)}
.vp-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}
.vp-modal-head p{margin:0;font-size:14px;line-height:1.4}
.vp-modal-head small{display:block;color:var(--muted);font-size:12px}
.vp-modal-close{min-height:44px;padding:6px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:500 13px/1 Plex,system-ui,sans-serif;cursor:pointer}
.vp-modal-close:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.vp-modal .vp-frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#0b161d}
.vp-modal video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b161d}
.vp-modal-status{position:absolute;left:50%;top:12px;transform:translateX(-50%);margin:0;max-width:calc(100% - 32px);padding:8px 14px;border-radius:999px;background:rgba(4,10,14,.82);color:#fff;font:500 13px/1.4 Plex,system-ui,sans-serif;text-align:center;pointer-events:none}
.vp-modal-status:empty{padding:0;background:transparent}
.vp-modal-note,.vp-modal-release{margin:0;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-width:780px){.foundation .close-with-video{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){.vp-sizzle .vp-frame{transition:none}}

/* Restructured home (November 2, owner-approved D+ after the expert UX, CX and funnel teams and three Persona Lab
   panels): what it is, who it is for, how it works, how good it is and an easy path to buy. Reports stay light
   paper with a slight lean that straightens on hover; nothing moves under reduced motion. Appended after
   homepage-button-states.css and home-sizzle.css (see site-chrome-homepage-lock.json). */
.mh{padding-bottom:56px}
.mh h1{font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.025em;font-weight:500;margin:0 0 18px}
.mh h1 em{font-family:Georgia,serif;font-weight:400;font-style:normal;color:var(--muted)}
.mh h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.015em;font-weight:500;margin:0 0 10px;text-wrap:balance}
.mh h3{font-size:17px;font-weight:500;margin:0 0 8px}
.mh-eyebrow{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--link);margin:0 0 18px}
.mh-lede{font-size:18px;line-height:1.55;color:var(--muted);max-width:46ch;margin:0 0 28px}
.mh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0}
.mh-terms{margin:18px 0 0;font-size:14px;color:var(--muted)}
.mh a{color:var(--link)}
.mh-link{text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.mh-sub{color:var(--muted);margin:0 0 22px;font-size:17px}
.mh-small{font-size:14px;line-height:1.6;color:var(--muted);margin:18px 0 0}
.mh-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center;padding:64px 0 72px}
.mh-desk{position:relative;display:block;aspect-ratio:1/1;max-width:440px;justify-self:center;width:100%}
.mh-sheet,.mh-paper{position:absolute;width:76%}
.mh-sheet{right:0;top:2%;transform:rotate(3deg);box-shadow:0 10px 26px rgba(0,0,0,.22)}
.mh-paper{left:0;top:6%;transform:rotate(-1deg);box-shadow:0 2px 4px rgba(0,0,0,.18),0 18px 40px rgba(0,0,0,.32);transition:transform .24s ease-out}
.mh-desk:is(:hover,:focus-visible) .mh-paper,.mh-fan a:is(:hover,:focus-visible) .rp{transform:rotate(0) translateY(-4px)}
.mh-section{padding:64px 0;border-top:1px solid var(--line)}
.mh-how-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;margin-top:26px}
.mh-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:22px}
.mh-steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:14px}
.mh-steps li::before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:50%;border:1px solid var(--link);color:var(--link);display:grid;place-items:center;font:500 14px/1 "IBM Plex Mono",monospace}
.mh-steps strong{font-size:18px;font-weight:500}
.mh-steps span{color:var(--muted);line-height:1.55}
.mh-it{margin:26px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:8px;font-size:15px;line-height:1.55;color:var(--muted)}
.mh-it strong{color:var(--text);font-weight:500}
.mh-fan{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.mh-fan a{display:grid;gap:6px;color:var(--text);font-size:14px;line-height:1.45}
.mh-fan-name{font-weight:500;font-size:15px}
.mh-fan-open{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.mh-buy:focus{outline:none}
.mh-trust{margin:20px 0 22px;color:var(--muted);font-size:15px}
.mh-more{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.mh-more p{margin:0 0 20px;color:var(--muted);line-height:1.55}
.mh-mini{list-style:none;margin:0;padding:0}
.mh-mini li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.mh-mini a{display:flex;align-items:center;min-height:48px}
.mh-mini b{display:flex;align-items:center;font-weight:600}
.mh-faq{margin-top:40px;border-top:1px solid var(--line)}
.mh-faq details{border-bottom:1px solid var(--line)}
.mh-faq summary{list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:500}
.mh-faq summary::-webkit-details-marker{display:none}
.mh-faq summary::after{content:"+";font-size:22px;color:var(--muted)}
.mh-faq details[open] summary::after{content:"\2212"}
.mh-faq p{margin:0 0 16px;color:var(--muted)}
.mh .mh-mini a{color:var(--link)}
@media(max-width:900px){.mh-hero{grid-template-columns:1fr;gap:28px;padding:40px 0 44px}.mh-how-grid{grid-template-columns:1fr}.mh-more{grid-template-columns:1fr}.mh-fan{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mh h1{font-size:34px}.mh-lede{font-size:17px}.mh-section{padding:44px 0}.mh-desk{max-width:300px;aspect-ratio:5/4}.mh-sheet,.mh-paper{width:62%}.mh-sheet{right:6%}}
@media(prefers-reduced-motion:reduce){.mh-paper,.mh-fan .rp{transition:none}}
.mh-screen{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b1418;cursor:pointer;box-shadow:0 18px 44px rgba(0,0,0,.35);transition:transform .24s ease-out,box-shadow .24s ease-out}
.mh-screen img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mh-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:rgba(10,20,24,.86);color:#fff;font-size:16px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .2s ease}
.mh-play svg{width:14px;height:14px}
.mh-screen:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 24px 52px rgba(0,0,0,.4)}
.mh-screen:is(:hover,:focus-visible) .mh-play{transform:translate(-50%,-50%) scale(1.05)}
.mh-filmhero{margin:0}
.mh-filmhero figcaption{margin-top:12px;font-size:14px;color:var(--muted)}
.mh-filmbtn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid var(--link);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:background .15s}
.mh-filmbtn svg{width:12px;height:12px;color:var(--link)}
.mh-filmbtn:hover{background:var(--surface)}
@media(max-width:600px){.mh-play{padding:11px 16px;font-size:15px}}
.mh-hero-compact{padding:48px 0 52px}
.mh-hero-compact .mh-desk{max-width:340px;aspect-ratio:6/5}
.mh-buy[aria-label] .mh-more{margin-top:0;border-top:0;padding-top:0}
.mh-cardgrid{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mh-cardgrid>li>a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);transition:border-color .15s,background .15s,transform .15s}
.mh-cardgrid>li>a:hover{border-color:var(--link);background:var(--soft);transform:translateY(-2px)}
.mh-cardgrid strong{font-size:18px;line-height:1.3;font-weight:500}
.mh-card-kit{font-size:14px;color:var(--link)}
.mh-card-out{font-size:14px;line-height:1.5;color:var(--muted);flex:1}
.mh-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.mh-card-foot b{font-size:20px;font-weight:600}
.mh-card-foot span{font-size:14px;color:var(--link)}
.mh .mh-cardgrid>li>a{text-decoration:none!important;border-bottom:1px solid var(--line)!important}
.mh .mh-cardgrid>li>a:hover{border-bottom-color:var(--link)!important}
@media(max-width:900px){.mh-cardgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mh-cardgrid{grid-template-columns:1fr;gap:12px}.mh-cardgrid>li>a{padding:16px}.mh-card-out{display:none}.mh-hero-compact .mh-desk{max-width:240px}}
.mh-heroextra{margin:14px 0 0;font-size:15px}
/* Keep fragment focus for keyboard navigation without outlining the entire chooser. */
.mh #choose:focus{outline:none}
.mh-cards-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:6px}
.mh-cards-head .mh-sub{margin-bottom:8px}
.mh-cardgrid-plus>li{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,transform .15s}
.mh-cardgrid-plus>li:hover{border-color:var(--link);transform:translateY(-2px)}
.mh .mh-cardgrid-plus a.mh-card-main{flex:1;border:0!important;background:none;border-radius:12px 12px 0 0}
.mh .mh-cardgrid-plus a.mh-card-main:hover{transform:none;background:none}
.mh-cardgrid-plus a.mh-card-main:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.mh-card-foot span{font-weight:600}
.mh-card-more{display:flex;align-items:center;gap:8px;margin:0;padding:0 20px 14px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.mh-card-more a{min-height:32px;display:inline-flex;align-items:center;background:none!important;border:0!important;padding:0!important;text-decoration:underline;text-underline-offset:3px}
.mh-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px;font-size:14px;color:var(--muted)}
.mh-chips a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.mh .mh-chips a{text-decoration:none!important}
.mh-chips a:hover{border-color:var(--link)}
.mh-wide small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media(max-width:600px){.mh-fan>li:nth-child(n+3){display:none}.mh-chips a{min-height:40px}}
.mh-wide{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:14px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;color:var(--text)}
.mh .mh-wide{text-decoration:none!important;border-bottom:1px solid var(--line)!important}
.mh-wide:hover{border-color:var(--link)}
.mh-wide strong{font-weight:500;margin-right:6px}
.mh-wide span:last-child{color:var(--link);font-weight:600}
.mh-wide b{color:var(--text);font-size:18px;margin-right:12px}
@media(max-width:600px){.mh-hero-compact .mh-actions{flex-direction:column;align-items:stretch}.mh-hero-compact .btn.primary,.mh-hero-compact .mh-filmbtn{width:100%;justify-content:center;min-height:48px}.mh-hero-compact .mh-desk{display:none}.mh-hero-compact{padding:32px 0 28px}.mh-cardgrid-plus .mh-card-out{display:block}.mh-cards-head{display:block}.mh-cards-head .mh-link{margin-top:2px}.mh-card-more a{min-height:44px}}
.mh-filmbtn small{font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}
.mh-proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0 6px}
.mh-proof figure{margin:0;padding:16px 18px;border-left:2px solid var(--link);background:var(--surface);border-radius:0 8px 8px 0}
.mh-proof blockquote{margin:0 0 8px;font-size:16px;line-height:1.5}
.mh-proof figcaption{font-size:13px;color:var(--muted)}
.mh .mh-faq-title{margin:44px 0 0}
.mh-faq-title+.mh-faq{margin-top:12px}
#industries,#examples{scroll-margin-top:96px}
/* Report previews as paper (owner, November 2): the top block of each current sample report, set as text so it
   stays legible at card size, light in both themes, with the slight lean that straightens on hover. Update the copy
   here when a sample report's headline numbers change. */
.rp{background:#fbfaf6;color:#1d2a2e;border-radius:6px;padding:16px 16px 14px;box-shadow:0 2px 4px rgba(0,0,0,.16),0 16px 34px rgba(0,0,0,.3);font-family:"IBM Plex Sans",sans-serif;text-align:left;transition:transform .24s ease-out}
.rp-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid #e3e6e2;font-size:11px;color:#55666a}
.rp-co{display:flex;align-items:center;gap:6px;font-weight:600;color:#1d2a2e}
.rp-mark{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:3px;background:#1d2a2e;color:#fbfaf6;font-size:10px;font-weight:700}
.rp-title{margin:0;font:600 17px/1.25 "Space Grotesk","IBM Plex Sans",sans-serif;color:#1d2a2e}
.rp-sub{margin:4px 0 12px;font-size:11px;color:#55666a}
.rp-note{margin:0 0 12px;padding:8px 10px;border:1px solid #e3e6e2;border-radius:5px;background:#f2f4f1;font-size:11.5px;line-height:1.4;color:#33444a}
.rp-note b{color:#1d2a2e}
.rp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding-top:10px;border-top:1px solid #e3e6e2}
.rp-kpis div{min-width:0}
.rp-kpis dt{font:600 17px/1.15 "Space Grotesk","IBM Plex Sans",sans-serif;color:#1d2a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-kpis dd{margin:3px 0 0;font-size:10.5px;line-height:1.3;color:#55666a}
.rp-rows{list-style:none;margin:0;padding:0}
.rp-rows li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #e3e6e2;font-size:11.5px;color:#1d2a2e}
.rp-pill{flex:none;font-style:normal;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px}
.rp-amber{background:#f7e7c6;color:#7a5410}.rp-green{background:#dcefe3;color:#1f6a40}.rp-red{background:#f6dcdc;color:#8a2a2a}
.mh-sheet{right:0;top:0;transform:rotate(3deg);opacity:.96}
.mh-paper{left:0;top:16%;transform:rotate(-1deg)}
.mh-desk .rp-title{font-size:19px}
.mh-fan a{gap:8px}
.mh-fan .rp{margin-bottom:12px;min-height:198px}
.mh-fan>li:nth-child(1) .rp{transform:rotate(-1deg)}.mh-fan>li:nth-child(2) .rp{transform:rotate(1deg)}.mh-fan>li:nth-child(3) .rp{transform:rotate(-.5deg)}.mh-fan>li:nth-child(4) .rp{transform:rotate(1.2deg)}
@media(max-width:900px){.mh-fan{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mh-fan{grid-template-columns:1fr}.mh-fan .rp{min-height:0}}
@media(prefers-reduced-motion:reduce){.rp{transition:none}}
.mh-card-more{flex-direction:column;align-items:flex-start;gap:0}
.mh a .rp,.mh a .rp *{text-decoration:none!important}
.mh a.mh-desk,.mh .mh-fan a{text-decoration:none!important}
.mh .mh-fan a .mh-fan-open{text-decoration:underline!important;text-underline-offset:3px}
/* Owner, November 2: fewer underlines. Links on this page carry the link colour and underline on hover and keyboard
   focus; buttons and cards are unchanged. */
.mh a:not(.btn){text-decoration:none!important}
.mh a:not(.btn):is(:hover,:focus-visible),.mh .mh-fan a:is(:hover,:focus-visible) .mh-fan-open{text-decoration:underline!important;text-underline-offset:3px}
.mh .mh-fan a .mh-fan-open{text-decoration:none!important}
.mh p a,.mh .mh-card-more a,.mh .mh-mini a,.mh .mh-link{font-weight:500}
/* Output previews (owner, November 2): each shows the kit's finished output from its fictional sample. */
.rp-q{margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.4;color:#1d2a2e}
.rp-a{margin:0 0 10px;font-size:11.5px;line-height:1.5;color:#33444a;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rp-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 0;padding-top:8px;border-top:1px solid #e3e6e2;font-size:10.5px;color:#55666a}
.rp-rows li span{min-width:0}
.rp-date{font-size:10px}
.mh-fan{align-items:stretch}.mh-fan>li{display:flex}.mh-fan a{flex:1;grid-template-rows:1fr auto auto}.mh-fan .rp{height:calc(100% - 12px);box-sizing:border-box}
@media(max-width:600px){.mh-fan .rp{height:auto}}
/* The industries row and the output previews' two links. */
.mh .industries{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px;font-size:14px;color:var(--muted)}
.mh .industries a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:none}
.mh .industries a:hover{border-color:var(--link)}
.mh-fan>li{flex-direction:column}
.mh-fan a.mh-fan-main{display:grid;gap:8px;grid-template-rows:1fr auto auto;flex:1}
.mh-fan .mh-fan-demo{margin-top:4px;font-size:14px;color:var(--link);min-height:32px;display:inline-flex;align-items:center}
@media(max-width:600px){.mh .industries a{min-height:40px}.mh-fan .mh-fan-demo{min-height:44px}}
/* Block links (cards, rows, previews, chips) never underline, on hover either; the colour and the card edge carry it. */
.mh :is(a.mh-card-main,a.mh-wide,a.mh-desk,a.mh-fan-main,.industries a),.mh :is(a.mh-card-main,a.mh-wide,a.mh-desk,a.mh-fan-main,.industries a):is(:hover,:focus-visible){text-decoration:none!important}
.mh :is(a.mh-card-main,a.mh-fan-main):is(:hover,:focus-visible) :is(.mh-card-foot>span,.mh-fan-open){text-decoration:underline!important;text-underline-offset:3px}

/* Homepage polish (November 2, after the expert and Persona Lab panels): the need-card hover. Allowed motion only;
   it stops under reduced motion. Prices keep their colour. */

/* Card hover and focus: a 1 px link-colour ring and a soft shadow; the 2 px lift and the arrow's 3 px nudge only where
   a pointer hovers, so a tap never leaves a card raised. */
.mh-cardgrid-plus>li:is(:hover,:focus-within){border-color:var(--link);box-shadow:0 0 0 1px var(--link),0 14px 28px rgba(0,0,0,.24)}
html[data-theme="light"] .mh-cardgrid-plus>li:is(:hover,:focus-within){box-shadow:0 0 0 1px var(--link),0 14px 28px rgba(16,40,60,.12)}
.mh-cardgrid-plus>li:focus-within{transform:none}
@media (hover:hover){
 .mh-cardgrid-plus>li{transition:border-color .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1)}
 .mh-cardgrid-plus>li:hover{transform:translateY(-2px)}
 .mh-card-foot>span{display:inline-block;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
 .mh-cardgrid-plus>li:hover .mh-card-foot>span{transform:translateX(3px)}
}
@media (hover:none){.mh-cardgrid-plus>li:hover{transform:none}}

@media (prefers-reduced-motion:reduce){.mh-cardgrid-plus>li,.mh-card-foot>span{transition:none}.mh-cardgrid-plus>li:hover,.mh-cardgrid-plus>li:hover .mh-card-foot>span{transform:none}}

/* Real product pixels (November 2, design panel and Persona Lab, option A "Desk"): the hero shows the AI Governance
   Toolkit dashboard as a light product in a quiet browser frame; the output section is a tabbed viewer of real report
   and record pages captured at 2x, square, with no tilt and no fade. Phones get the decisions report page in the hero
   and phone-width captures in the viewer, image first. */
.mh-hero.mh-hero-compact:has(.pro-stage){grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}
.pro-stage{min-width:0}
.mh a.pro-frame{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45);text-decoration:none!important;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
html[data-theme="light"] .mh a.pro-frame{border-color:rgba(14,28,35,.12);box-shadow:0 2px 6px rgba(14,28,35,.06),0 24px 60px -18px rgba(14,28,35,.24)}
.pro-chrome{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#e9eef2;border-bottom:1px solid #d7dee3}
.pro-chrome i{width:10px;height:10px;border-radius:50%;background:#c6cfd5}

.pro-frame picture,.pro-frame img{display:block;width:100%;height:auto}
.pro-cap{margin:12px 0 0;font-size:14px;color:var(--muted)}
@media (hover:hover){.mh a.pro-frame:hover{transform:translateY(-2px)}}
.mh .pro-out .pro-tabs{display:flex;gap:28px;margin:26px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.pro-tabs::-webkit-scrollbar{display:none}
.mh .pro-tabs button{appearance:none;flex:none;min-height:44px;padding:0 0 2px;margin:0 0 -1px;background:none!important;box-shadow:none!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--muted);font:500 16px/1.2 inherit;font-family:inherit;cursor:pointer;scroll-snap-align:start;transform:none!important}
.mh .pro-tabs button[aria-selected="true"]{color:var(--text);font-weight:600;border-bottom-color:var(--link)!important}
.mh .pro-tabs button:hover{color:var(--text)}
.mh .pro-tabs button:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.pro-panel{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:start;padding-top:36px}
.pro-panel[hidden]{display:none}
.pro-shot{margin:0;order:2}
.pro-panel-copy{order:1}
.pro-sheet{border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -24px rgba(0,0,0,.55)}
html[data-theme="light"] .pro-sheet{border-color:rgba(14,28,35,.12);box-shadow:0 18px 44px -16px rgba(14,28,35,.2)}
.pro-sheet picture,.pro-sheet img{display:block;width:100%;height:auto}
.pro-shot figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}
.pro-kit{margin:0 0 8px;font:500 12px/1.3 "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--link)}
.pro-panel h3{margin:0 0 18px;font-size:24px;line-height:1.25;font-weight:500}
.pro-panel ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:10px}
.pro-panel li{position:relative;padding-left:22px;color:var(--muted);line-height:1.5}
.pro-panel li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--link)}
.pro-buy{display:flex;align-items:baseline;gap:8px;margin:0 0 16px}
.pro-buy b{font-size:28px;font-weight:600}
.pro-buy span{color:var(--muted);font-size:14px}
.pro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0}
.mh .pro-link{color:var(--link);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
@media (min-width:901px){.pro-panel{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.pro-shot{order:2}.pro-panel-copy{order:1}}
@media (max-width:900px){.mh-hero.mh-hero-compact:has(.pro-stage){grid-template-columns:1fr;gap:32px}.pro-panel{grid-template-columns:1fr;gap:24px}.pro-shot{order:0}.pro-panel-copy{order:1}}
@media (max-width:600px){
 .mh-hero.mh-hero-compact:has(.pro-stage) .mh-hero-copy{text-align:center}
 .mh-hero.mh-hero-compact:has(.pro-stage) .mh-lede{margin-left:auto;margin-right:auto}
 .mh .mh-hero-compact .mh-desk,.pro-chrome{display:none}
 .mh a.pro-frame{border-radius:8px;max-width:420px;margin:0 auto}
 .pro-cap{text-align:center}
 .mh .pro-out .pro-tabs{gap:22px;margin-right:-16px;padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 .pro-panel h3{font-size:20px}
 .pro-actions .btn.primary{width:100%;justify-content:center;min-height:48px}
}
@media (prefers-reduced-motion:reduce){.mh a.pro-frame{transition:none}.mh a.pro-frame:hover{transform:none}}

/* Polish pass (November 3, impeccable): balanced headings, no orphaned link words, the kit name as a plain line under
   its outcome rather than a mono kicker, steady price numerals, more air above the questions, and on phones a single
   swipeable row of industries, card links aligned with the card text and 44 px targets for standalone links. */
.mh h1,.mh h2,.mh h3{text-wrap:balance}
.mh-lede,.mh-sub,.pro-panel li,.mh-card-out{text-wrap:pretty}
.mh-terms a{white-space:nowrap}
.mh-card-foot b,.pro-buy b,.mh-mini b{font-variant-numeric:tabular-nums lining-nums}
.pro-panel h3{margin-bottom:8px}
.mh .pro-kit{margin:0 0 20px;font:400 15px/1.45 Plex,system-ui,sans-serif;letter-spacing:0;color:var(--muted)}
.mh .mh-faq-title{margin:64px 0 8px}
.mh a{text-underline-offset:3px}
@media (max-width:600px){
 .mh .mh-card-more{padding:0 16px 10px}
 .mh .industries{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin-right:-16px;padding:2px 32px 2px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 .mh .industries::-webkit-scrollbar{display:none}
 .mh .industries>*{flex:none}
 .mh .industries a{min-height:44px}
 .mh .mh-heroextra a,.mh .mh-link,.mh .mh-more p a{display:inline-flex;align-items:center;min-height:44px}
 .mh .mh-heroextra{margin-top:6px}
}
/* The buy button gets its own line; the sample and demo links sit together beneath it instead of one wrapping alone. */
.mh .pro-actions{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:8px 24px}
.mh .pro-actions .btn.primary{grid-column:1/-1;justify-self:start}
@media (max-width:600px){.mh .pro-actions{grid-template-columns:max-content 1fr}.mh .pro-actions .btn.primary{justify-self:stretch}}

/* Hero, record then report (owner-approved November 4, 2026, after the blind panel rounds in docs/hero-2026-11-04/).
   Two objects, two materials: the dashboard is software, the report is paper and is modelled on the printed report.
   The same record is marked on both. The base CSS is the final state, which is also the still and the reduced-motion
   state; the motion only reveals it. Record text comes from the fictional Fernhill Wholesale sample. */
.mh .mh-hero.mh-hero-compact:has(.hs){padding-top:28px}
.mh-route{margin:6px 0 0;font-size:15px;color:var(--muted)}
.mh-route strong{display:block}
.mh-route span{display:flex;flex-wrap:wrap;gap:0 14px}
.mh-route a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;text-wrap:pretty}
#examples a[href$="kit-questionnaire-buyer-pack.pdf"]{white-space:normal;text-wrap:pretty}
.hs{position:relative;width:100%;container-type:inline-size;--txt:#eef4f3;--mut:#bccfd0;--rule:rgba(190,232,232,.11);--win-bg:linear-gradient(180deg,#1a303a,#14272e);--win-shadow:inset 0 0 0 1px rgba(190,232,232,.15),inset 0 1px 0 rgba(255,255,255,.07),0 34px 70px -30px rgba(0,0,0,.85);--bar-bg:rgba(190,232,232,.035);--rail-bg:rgba(4,16,20,.2);--on-bg:rgba(190,232,232,.13);--panel-bg:rgba(190,232,232,.05);--link-tint:rgba(110,205,192,.15);--link-ring:rgba(135,216,205,.6);--stock:#fdfefd;--ink:#183b39;--ink2:#516866;--hair:#d7e0de;--head:#f0f5f3;--flash-bg:var(--stock);--flash-txt:var(--ink);--view-ring:rgba(190,232,232,.3);--done:#7fd0ab;--done-ink:#0f2a2a;--track:rgba(190,232,232,.14);--fill:#c6dacd;--leader:#7f9ea1;--tab:#0e1c23;--grain:.45;--paper-edge:transparent;--back:#f1f4f2;--dot-c:#e0bb72;--dot-a:#7fd0ab;--dot-d:#ef9a93;--f-bg:rgba(190,232,232,.16);--f-ring:rgba(190,232,232,.14);--step-bg:#a0dddd;--step-ink:#0e1c23;--focus:#a0dddd}
html[data-theme="light"] .hs{--txt:#142c35;--mut:#405a61;--rule:rgba(20,60,70,.14);--win-bg:linear-gradient(180deg,#e7f0f2,#dbe7ea);--win-shadow:inset 0 0 0 1px rgba(20,60,70,.17),inset 0 1px 0 rgba(255,255,255,.8),0 30px 60px -34px rgba(20,50,60,.42);--bar-bg:rgba(255,255,255,.5);--rail-bg:rgba(20,60,70,.04);--on-bg:rgba(20,60,70,.1);--panel-bg:rgba(255,255,255,.55);--link-tint:rgba(31,138,138,.13);--link-ring:rgba(31,120,120,.6);--flash-bg:#16302f;--flash-txt:#fff;--view-ring:rgba(20,60,70,.32);--done:#1f7a5c;--done-ink:#fff;--track:rgba(20,60,70,.15);--fill:#1f6f65;--leader:#6c8a8f;--tab:#fff;--grain:.2;--paper-edge:rgba(20,50,60,.18);--back:#f4f7f6;--dot-c:#a9781c;--dot-a:#1f7a5c;--dot-d:#b03a31;--f-bg:rgba(20,60,70,.1);--f-ring:rgba(20,60,70,.12);--step-bg:#134a5f;--step-ink:#fff;--focus:#17505a}
.hs *{box-sizing:border-box}
.hs a{text-decoration:none!important}
/* The two hero links wrap whole objects, so the home page's general hover underline would run through all their text. */
.mh .hs a.hs-link:is(:hover,:focus-visible){text-decoration:none!important}
.hs p,.hs ul{margin:0;padding:0;list-style:none}
.hs-in{position:relative;margin-inline:auto;font:400 13px/18px Plex,"IBM Plex Sans",system-ui,sans-serif;color:var(--txt);font-variant-numeric:tabular-nums}
.hs-link{display:block;color:inherit}
.hs-link:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.hs-label{display:block;font:500 14px/20px Plex,"IBM Plex Sans",system-ui,sans-serif;color:var(--txt)}
/* The two steps: a round marker, and the verb carries the emphasis. */
.hs-step{display:flex;align-items:center;gap:9px;font-size:15px;line-height:20px}
.hs-num{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--step-bg);color:var(--step-ink);font:700 14px/1 Plex,"IBM Plex Sans",sans-serif;font-variant-numeric:tabular-nums}
.hs-step-t strong{font-weight:600;color:var(--txt)}
.hs-step-t span{font-weight:400;color:var(--mut)}

/* The software: matte, in the page's own navy and teal. */
.hs-win{position:relative;display:block;overflow:hidden;border-radius:12px;background:var(--win-bg);box-shadow:var(--win-shadow)}
.hs-win::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--grain);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.hs-bar{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-bottom:1px solid var(--rule);white-space:nowrap;background:var(--bar-bg)}
.hs-bar strong{font:600 13px/18px Plex,sans-serif;color:var(--txt)}
.hs-f{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--f-bg);box-shadow:inset 0 0 0 1px var(--f-ring);color:var(--txt);font:700 12px/1 Plex,sans-serif}
.hs-kit{font-size:12px;color:var(--mut)}
.hs-bar-r{margin-left:auto;display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--mut)}
.hs-bar-r svg{display:block;width:14px;height:14px}
.hs-rail{position:absolute;left:0;bottom:0;border-right:1px solid var(--rule);padding:10px 8px;background:var(--rail-bg)}
.hs-rail li{position:relative;height:30px;padding:0 9px;line-height:30px;border-radius:7px;font-size:13px;color:var(--mut);white-space:nowrap}
.hs-rail li.is-on{background:var(--on-bg);color:var(--txt)}
.hs-fict{margin-top:10px!important;padding:0 9px;font-size:12px;line-height:15px;color:var(--mut)}
.hs-main{position:absolute}
.hs-h1{font:500 18px/24px Plex,sans-serif;letter-spacing:-.012em;color:var(--txt)}
.hs-h2{font:600 13.5px/20px Plex,sans-serif;color:var(--txt)}
.hs-sm{font:400 12px/16px Plex,sans-serif;color:var(--mut)}

/* Tracking meters. */
.hs-meters{margin-top:6px;padding:8px 12px 10px;border-radius:9px;background:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--rule);font-size:12px;line-height:16px;color:var(--mut)}
.hs-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.hs-mv{position:relative}
.hs-mv b{font-weight:500;color:var(--txt)}
.hs-was{position:absolute;left:0;top:0;opacity:0}
.hs-fu{position:relative;display:inline-block;white-space:nowrap}
.hs-track{display:block;height:4px;margin-top:4px;border-radius:2px;background:var(--track);overflow:hidden}
.hs-track i{display:block;height:100%;border-radius:2px;background:var(--fill);transform-origin:0 50%}
.hs-m-a .hs-track i{width:100%}
.hs-m-b .hs-track i{width:17%}

/* Records, and the completed follow-up. */
.hs-row{border-top:1px solid var(--rule);padding:7px 0}
.hs-row strong{display:block;font:600 13px/17px Plex,sans-serif;color:var(--txt)}
.hs-st{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;line-height:16px;color:var(--mut)}
.hs-st i{flex:none;width:5px;height:5px;border-radius:50%;background:var(--dot-c)}
.hs-st-a i{background:var(--dot-a)}
.hs-st-d i{background:var(--dot-d)}
.hs-next{margin-top:9px}
.hs-task{display:grid;grid-template-columns:16px 1fr;gap:7px;margin-top:5px}
.hs-tick{position:relative;display:block;width:16px;height:16px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 1.3px var(--mut)}
.hs-tick::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--done)}
.hs-tick svg{position:absolute;inset:0;width:16px;height:16px;color:var(--done-ink)}
.hs-tt{font:500 12.5px/17px Plex,sans-serif;color:var(--txt)}
.hs-ts{position:relative;margin-top:2px!important;font-size:12px;line-height:15px;color:var(--mut)}
.hs-was2{position:absolute;left:0;top:0;opacity:0}
.hs-now2{font-weight:500;color:var(--txt)}

/* One record, marked the same way in both objects. */
.hs-row.is-link{position:relative;margin:3px -8px 0;padding:6px 8px;border-top:0}
.hs-row.is-link::before{content:"";position:absolute;inset:0;border-radius:7px;background:var(--link-tint);box-shadow:inset 0 0 0 1px var(--link-ring)}
.hs-row.is-link>*{position:relative}
.hs-row.is-link+.hs-row{border-top:0}
.hs-dec.is-link{position:relative;border-bottom-color:transparent}
.hs-dec.is-link::before{content:"";position:absolute;inset:0;z-index:0;border-radius:3px;background:#e6f3f0;box-shadow:inset 0 0 0 1px #8fcac1}
.hs-dec.is-link>*{position:relative}

/* View report: quiet navigation at rest, a brief lit beat in the motion. */
.hs-view.is-lit,.hs-phoneview{box-shadow:inset 0 0 0 1px var(--view-ring)}
.hs-view span,.hs-phoneview span{position:relative;color:var(--txt);font-weight:500}
.hs-view::before,.hs-phoneview::before{content:"";position:absolute;inset:0;border-radius:7px;background:var(--flash-bg);box-shadow:0 2px 10px rgba(0,0,0,.3);opacity:0}
.hs-view::after,.hs-phoneview::after{content:"View report";position:absolute;left:9px;top:0;color:var(--flash-txt);font-weight:500;opacity:0}
.hs-phoneview{display:none}

/* The paper: what the buyer actually gets. White sheet, bold sans title, tinted table head, hairlines. */
.hs-paper{z-index:2;display:block;color:var(--ink)}
.hs-back{position:absolute;display:block;background:var(--back);border-radius:2px;box-shadow:0 2px 6px rgba(2,12,16,.4)}
.hs-sheet{position:relative;display:flex;background:var(--stock);color:var(--ink);border:1px solid var(--paper-edge);border-radius:2px;box-shadow:0 1px 1px rgba(5,18,22,.4),0 1px 0 rgba(255,255,255,.4) inset}
.hs-sheet::before,.hs-sheet::after{content:"";position:absolute;inset:0;border-radius:2px;pointer-events:none;z-index:-1}
.hs-sheet::before{box-shadow:0 3px 8px rgba(0,0,0,.5);opacity:0}
.hs-sheet::after{box-shadow:0 8px 16px rgba(2,12,16,.28),0 28px 44px -6px rgba(2,12,16,.42),0 60px 90px -22px rgba(2,12,16,.55)}
html[data-theme="light"] .hs-sheet::after{box-shadow:0 6px 14px rgba(20,50,60,.14),0 26px 44px -8px rgba(20,50,60,.24),0 60px 90px -24px rgba(20,50,60,.3)}
html[data-theme="light"] .hs-back{border:1px solid var(--paper-edge);box-shadow:0 2px 6px rgba(20,50,60,.14)}
.hs-sheet-in{position:relative;display:flex;flex-direction:column;width:100%;padding:14px 20px 9px}
.hs-util{padding-bottom:5px;border-bottom:1px solid var(--hair);font-size:12px;line-height:15px;color:var(--ink2)}
.hs-mast{margin-top:6px!important;font-size:12px;line-height:16px;color:var(--ink2)}
.hs-mast strong{font-weight:600;color:var(--ink)}
.hs-title{margin-top:3px;font:700 26px/30px Plex,"IBM Plex Sans",sans-serif;letter-spacing:-.018em;color:var(--ink)}
.hs-sub{margin-top:2px!important;font-size:12px;line-height:15px;color:var(--ink2);text-wrap:balance}
.hs-heads{display:grid;grid-template-columns:92px 1fr;gap:10px;margin-top:8px;padding:3px 8px;background:var(--head);font:600 12px/15px Plex,sans-serif;color:var(--ink)}
.hs-dec{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:5px 8px;border-bottom:1px solid var(--hair)}
.hs-tool{font:500 12.5px/16px Plex,sans-serif;color:var(--ink)}
.hs-ink{font:600 12.5px/16px Plex,sans-serif}
.hs-c{color:#705119}.hs-a{color:#185b49}.hs-d{color:#8a2f28}
.hs-why{font-size:12px;line-height:15px;color:var(--ink2)}
.hs-rev{margin-top:auto!important;padding-top:4px;font-size:12px;line-height:15px;color:var(--ink2)}
.hs-folio{display:flex;justify-content:space-between;margin-top:5px;padding-top:5px;border-top:1px solid var(--hair);font-size:12px;line-height:15px;color:var(--ink2)}
.hs-ex{display:none}
@media (forced-colors:active){.hs-sheet,.hs-win{border:1px solid CanvasText}.hs-sheet::before,.hs-sheet::after,.hs-win::after{display:none}}

/* Full stage: the column has room for the sheet to overhang it without leaving the screen. */
@container (min-width:634px){
 .hs-in{width:634px;height:650px}
 .hs-dashlink{position:absolute;left:0;top:0;width:640px;height:518px}
 .hs-l1{height:32px;padding-bottom:8px}
 .hs-win{height:486px}
 .hs-rail{top:44px;width:112px}
 .hs-m1{left:112px;top:44px;right:0;padding:10px 16px}
 .hs-table{margin-top:8px;width:224px}
 .hs-table .hs-row{padding-top:5px;padding-bottom:5px}
 .hs-table .hs-row.is-link{margin-right:-38px;padding-right:46px}
 .hs-pa{position:absolute;left:358px;top:200px;width:340px;height:440px}
 .hs-front{width:340px;height:440px;transform-origin:0 0}
 .hs-back{left:5px;top:5px;width:340px;height:440px}
 .hs-l2{position:absolute;right:100%;top:332px;margin-right:24px;white-space:nowrap;justify-content:flex-end;align-items:flex-start;line-height:19px}
 .hs-l2 .hs-step-t{text-align:left}
 .hs-l2 .hs-step-t strong,.hs-l2 .hs-step-t>span{display:block}
 .hs-l2::after{content:"";position:absolute;left:100%;top:12px;width:18px;height:1px;margin-left:6px;background:var(--leader)}
}
/* Narrow column and phone: simplified. No side rail. One meter, one record, the task, View report, then an excerpt of
   the sheet, with its label on top so the steps read in order. */
@container (max-width:633px){
 .hs-in{max-width:480px}
 .hs-l1{height:auto;padding-bottom:9px;align-items:flex-start}
 .hs-num{width:22px;height:22px;font-size:13px}
 .hs-bar{height:36px;padding:0 10px}
 .hs-kit,.hs-bar-r,.hs-rail,.hs-stage-line,.hs-m-a,.hs-m1 .hs-h1,.hs-back,.hs-sub,.hs-heads,.hs-p1,.hs-dec:not(.is-link) .hs-why,.hs-dec:has(.hs-a),.hs-table .hs-row:not(.is-link){display:none}
 .hs-main{position:static}
 .hs-m1{padding:10px 12px 36px}
 .hs-meters{margin-top:0}
 .hs-two{grid-template-columns:1fr;margin-top:0}
 .hs-table{margin-top:9px}
 .hs-phoneview{position:relative;display:block;height:34px;margin-top:10px;border-radius:7px;line-height:34px;text-align:center;font-size:13px}
 .hs-phoneview::after{left:0;right:0;text-align:center}
 .hs-pa{position:relative;display:flex;flex-direction:column;margin:-28px 0 0 18px}
 .hs-l2{align-items:flex-start;padding:8px 12px;border-radius:7px 7px 0 0;background:var(--tab);font-size:14px;text-wrap:pretty;box-shadow:inset 0 1px 0 rgba(190,232,232,.16)}
 .hs-sheet-in{padding:12px 14px 10px}
 .hs-title{font-size:21px;line-height:26px}
 .hs-dec{display:block;padding:6px 0}
 .hs-dec.is-link{margin:0 -6px;padding:6px}
 .hs-ex{display:inline}
}
html[data-theme="light"] .hs-l2{box-shadow:none}

/* One slow build, owner-chosen November 4, 2026 after the panel preferred it to a loop (docs/hero-2026-11-04/DECISION.md).
   About 3 seconds on load: step 1, the task and meter, View report, the report, step 2. Then it stays at rest. A compact stage
   builds when it first scrolls into view. It replays each time a mouse comes back and rests on the dashboard, never on its own.
   One timeline of 3.6 seconds: the first 0.6 dissolves the finished picture and the rest builds it back. The first build
   starts at -0.6s, the hidden point; a replay starts at 0, so nothing jumps. The base CSS stays the finished picture, so
   reduced motion and a focused link show it. Under 5 seconds and not repeating, so no pause control is needed. */
.hs{--hs-flow:cubic-bezier(.45,.05,.25,1);--hs-glide:cubic-bezier(.2,.75,.2,1);--hs-start:-600ms}
.hs.is-replay{--hs-start:0s}
@media (prefers-reduced-motion:no-preference){
 @container (min-width:634px){
  .hs-l1{animation:hs-b-l1 3.6s var(--hs-flow) var(--hs-start)}
  .hs-tick::before,.hs-tick svg{animation:hs-b-tick 3.6s var(--hs-flow) var(--hs-start)}
  .hs-was2{animation:hs-b-was2 3.6s var(--hs-flow) var(--hs-start)}
  .hs-now2{animation:hs-b-now2 3.6s var(--hs-flow) var(--hs-start)}
  .hs-m-b .hs-track i{animation:hs-b-fill 3.6s var(--hs-flow) var(--hs-start)}
  .hs-was{animation:hs-b-was 3.6s var(--hs-flow) var(--hs-start)}
  .hs-now{animation:hs-b-now 3.6s var(--hs-flow) var(--hs-start)}
  .hs-row.is-link::before{animation:hs-b-mark 3.6s var(--hs-flow) var(--hs-start)}
  .hs-view::before{animation:hs-b-flash 3.6s var(--hs-flow) var(--hs-start)}
  .hs-view::after{animation:hs-b-flash-t 3.6s var(--hs-flow) var(--hs-start)}
  .hs-front{animation:hs-b-sheet 3.6s var(--hs-glide) var(--hs-start)}
  .hs-front::before{animation:hs-b-near 3.6s var(--hs-flow) var(--hs-start)}
  .hs-front::after{animation:hs-b-far 3.6s var(--hs-flow) var(--hs-start)}
  .hs-back{animation:hs-b-back 3.6s var(--hs-flow) var(--hs-start)}
  .hs-dec.is-link::before{animation:hs-b-dec 3.6s var(--hs-flow) var(--hs-start)}
  .hs-l2{animation:hs-b-l2 3.6s var(--hs-flow) var(--hs-start)}
  .hs-paper{animation:hs-b-hit 3.6s linear var(--hs-start)}
 }
 @container (max-width:633px){
  .is-in .hs-l1{animation:hs-b-l1 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-tick::before,.is-in .hs-tick svg{animation:hs-b-tick 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-was2{animation:hs-b-was2 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-now2{animation:hs-b-now2 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-m-b .hs-track i{animation:hs-b-fill 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-was{animation:hs-b-was 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-now{animation:hs-b-now 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-phoneview::before{animation:hs-b-flash 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-phoneview::after{animation:hs-b-flash-t 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-front{animation:hs-b-rise 3.6s var(--hs-glide) var(--hs-start)}
  .is-in .hs-l2{animation:hs-b-l2 3.6s var(--hs-flow) var(--hs-start)}
  .is-in .hs-paper{animation:hs-b-hit 3.6s linear var(--hs-start)}
 }
}
.hs.is-reset *,.hs.is-reset *::before,.hs.is-reset *::after,.hs:has(a:focus-visible) *,.hs:has(a:focus-visible) *::before,.hs:has(a:focus-visible) *::after{animation:none!important}
@keyframes hs-b-l1{0%,9.72%{opacity:1}16.67%,20%{opacity:0}33.89%,100%{opacity:1}}
@keyframes hs-b-tick{0%,5.56%{opacity:1;transform:none}14.44%,34.44%{opacity:0;transform:scale(.55)}46.11%,100%{opacity:1;transform:none}}
@keyframes hs-b-now2{0%,5.56%{opacity:1}12.5%,38.89%{opacity:0}47.78%,100%{opacity:1}}
@keyframes hs-b-was2{0%,5.56%{opacity:0}12.5%,38.89%{opacity:1}47.78%,100%{opacity:0}}
@keyframes hs-b-fill{0%,5.56%{transform:scaleX(1)}14.44%,36.67%{transform:scaleX(0)}54.44%,100%{transform:scaleX(1)}}
@keyframes hs-b-now{0%,5.56%{opacity:1}12.5%,41.11%{opacity:0}50%,100%{opacity:1}}
@keyframes hs-b-was{0%,5.56%{opacity:0}12.5%,41.11%{opacity:1}50%,100%{opacity:0}}
@keyframes hs-b-mark{0%,2.78%{opacity:1}11.11%,53.33%{opacity:0}63.89%,100%{opacity:1}}
@keyframes hs-b-flash{0%,60%{opacity:0;transform:scale(.97)}67.22%,81.11%{opacity:1;transform:none}93.33%,100%{opacity:0;transform:none}}
@keyframes hs-b-flash-t{0%,60%{opacity:0}67.22%,81.11%{opacity:1}93.33%,100%{opacity:0}}
@keyframes hs-b-sheet{0%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.4,0,.6,1)}11.67%{opacity:0;transform:translateY(6px)}13.06%,66.11%{opacity:0;transform:translate(-246px,47px) scale(.5)}68.61%{opacity:1}91.11%,100%{opacity:1;transform:none}}
@keyframes hs-b-rise{0%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.4,0,.6,1)}11.67%{opacity:0;transform:translateY(6px)}13.06%,66.11%{opacity:0;transform:translateY(16px)}86.11%,100%{opacity:1;transform:none}}
@keyframes hs-b-near{0%,11.67%{opacity:0}13.06%,71.67%{opacity:1}80.56%,100%{opacity:0}}
@keyframes hs-b-far{0%,11.67%{opacity:1}13.06%,71.67%{opacity:0}87.22%,100%{opacity:1}}
@keyframes hs-b-back{0%{opacity:1;transform:none}10.56%{opacity:0;transform:none}13.06%,82.78%{opacity:0;transform:translate(-5px,-5px)}92.22%,100%{opacity:1;transform:none}}
@keyframes hs-b-dec{0%,11.67%{opacity:1}13.06%,85.56%{opacity:0}96.11%,100%{opacity:1}}
@keyframes hs-b-l2{0%{opacity:1}9.72%,85.56%{opacity:0}99.44%,100%{opacity:1}}
/* The report takes no clicks while it is not there; they fall through to the dashboard link beneath it. */
@keyframes hs-b-hit{0%,8.61%{pointer-events:auto}9.17%,65.83%{pointer-events:none}66.39%,100%{pointer-events:auto}}

.mh #examples .pro-actions:has(a[href$="kit-questionnaire-buyer-pack.pdf"]) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  max-width: 100%;
}
.mh #examples .pro-actions:has(a[href$="kit-questionnaire-buyer-pack.pdf"]) .pro-link {
  white-space: normal;
  text-wrap: pretty;
}

/* Leo v4: align the desktop entry and keep the report inside its stage. */
@media (min-width:1100px) {
  :root .mh-hero.mh-hero-compact:has(.hs) {align-items:start}
  :root .mh-hero-copy {padding-top:0}
  :root .head {column-gap:20px}
  :root .head > nav.desktop {margin-inline-start:auto;justify-content:flex-end}
  :root .head > .theme {flex:none;margin-inline-start:0}
  :root .foundation-footer > .wrap {display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.2fr);align-items:center;column-gap:28px}
  :root .foundation-footer .footer-main,
  :root .foundation-footer nav.footer-links {margin:0 0 20px}
  :root .foundation-footer nav.footer-links {justify-content:flex-end;gap:6px 18px}
  :root .foundation-footer .footer-base {grid-column:1/-1}
}
@container (min-width:634px) {
  :root .hs-pa {left:calc(100% - 354px);top:200px}
  :root .hs-l2 {left:-280px;right:auto;top:328px;margin:0;width:245px;white-space:normal;justify-content:flex-start}
  :root .hs-l2::after {display:none}
}