@font-face{font-family:Inter;src:url("/assets/gtm/1b08e7fc267a5c7e1d61.ttf") format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/gtm/8c883f63b2c4157d9973.ttf") format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/gtm/e7a1aaf7eda9f2fad413.ttf") format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/gtm/b37284b5701b6b168dfc.ttf") format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/gtm/eec66af7f2337bd34fe6.ttf") format('truetype');font-weight:800 900;font-display:swap}
:root{--ink:#0b0b0d;--bone:#f6f4ef;--paper:#efede7;--white:#fff;--clay:#c77d5a;--copper:#a65a2a;--lime:#d9ff57;--line:rgba(11,11,13,.15);--muted:#5c605c;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--bone);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}p{line-height:1.6}img{max-width:100%;display:block}button{border:0}button:disabled{cursor:wait}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:750}h2{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:22px}h3{letter-spacing:-.04em}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 80px));margin:0 auto}.skip{position:absolute;top:-100px;padding:12px;background:var(--lime);z-index:20}.skip:focus{top:10px}.review-bar{text-align:center;padding:9px 20px;background:var(--ink);color:var(--white);font-size:.75rem;font-weight:650;letter-spacing:.08em}.review-bar span{margin-left:20px;font-weight:400;letter-spacing:0;color:#d0d0cd}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.wordmark{width:114px;height:auto}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:.875rem;font-weight:650}.site-header nav a:hover{color:var(--copper)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:15px 24px;border-radius:999px;font-size:.9375rem;font-weight:650;border:1px solid transparent;transition:transform .2s,background .2s,color .2s;line-height:1.2}.button:hover{transform:translateY(-2px)}.black{background:var(--ink);color:var(--white)}.black:hover{background:var(--lime);color:var(--ink);border-color:var(--ink)}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#cbef45}.outline{border-color:#6a6b65;color:var(--white);background:transparent}.outline:hover{background:var(--white);color:var(--ink)}.compact{min-height:46px;font-size:.875rem;padding:12px 21px}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.14em;line-height:1.5}.hero{text-align:center;position:relative;padding:68px 0 60px}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:27px}.hero h1{font-size:clamp(3.2rem,7.9vw,7.1rem);font-weight:780;letter-spacing:-.073em;line-height:1.035;margin-bottom:26px;isolation:isolate}.highlight{position:relative;white-space:nowrap;display:inline-block;padding:0 .08em}.highlight:before{content:"";position:absolute;inset:8% -2% -2%;background:var(--lime);border:2px solid var(--ink);border-radius:13px;box-shadow:4px 6px 0 var(--ink);transform:rotate(-1.5deg);z-index:-1}.hero-copy{font-size:clamp(1.125rem,1.7vw,1.375rem);color:var(--muted);line-height:1.55;margin-bottom:30px}.prompt-shell{width:min(840px,100%);margin:0 auto;border:1px solid #bcbeb7;background:white;border-radius:22px;box-shadow:0 12px 40px #0b0b0d08;text-align:left;padding:25px 26px 18px;transition:border-color .2s,box-shadow .2s}.prompt-shell:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #d9ff5780,0 16px 40px #0b0b0d08}.prompt-label{font-size:1.05rem;font-weight:650;display:block;margin-bottom:5px}.prompt-shell textarea{width:100%;border:0;resize:vertical;min-height:67px;max-height:240px;outline:0;background:transparent;line-height:1.5;font-size:1rem;padding:8px 0}.prompt-shell textarea::placeholder{color:#858880}.prompt-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:6px}.prompt-bottom>span{font-size:.8125rem;max-width:280px;color:var(--muted);line-height:1.4}.prompt-bottom .button{flex-shrink:0}.quick-starts{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:16px 0 23px}.quick-starts button{padding:11px 16px;background:transparent;border:1px solid var(--line);border-radius:50px;font-size:.875rem;transition:background .2s}.quick-starts button:hover{background:var(--white);border-color:var(--ink)}.trust-line{font-size:.875rem;color:var(--muted);margin-bottom:17px}.trust-line span{padding:0 15px;color:var(--copper)}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:.9375rem;font-weight:650;background:transparent;padding:4px 0;border-bottom:1px solid var(--ink);line-height:1.4}.text-link:hover{color:var(--copper)}.dark{background:var(--ink);color:var(--bone)}.belief{margin-top:18px}.belief-inner{text-align:center;padding:90px 0 42px}.dark .eyebrow{color:var(--lime)}.belief h2{font-size:clamp(2.5rem,5.2vw,4.75rem)}.belief h2 span{color:var(--lime)}.belief-inner>p:not(.eyebrow){max-width:680px;margin:24px auto 44px;font-size:1.125rem;color:#bebfba}.belief-rule{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30}.belief-rule span{padding-top:24px;font-size:.875rem;font-weight:500}.belief-rule span+span{border-left:1px solid #ffffff20}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;font-size:1.0625rem;color:var(--muted);margin:0}.section-heading .eyebrow{color:var(--copper);margin-bottom:20px}.room-section{padding:100px 0}.scenario-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.scenario-tabs button{background:transparent;border:1px solid var(--line);padding:13px 21px;border-radius:50px;font-size:.9375rem}.scenario-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:white}.scenario-tabs button:hover{border-color:var(--ink)}.room{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 25px 60px #0b0b0d08}.room-header{padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8125rem;font-weight:650;letter-spacing:.045em}.room-header>span:first-child{display:flex;align-items:center;gap:12px}.muted{color:#9a9c94}.sample-label{font-size:.75rem;font-weight:400;color:var(--muted);letter-spacing:0}.room-grid{display:grid;grid-template-columns:1fr 1fr}.company-preview{margin:26px;min-height:530px;display:flex;flex-direction:column;padding:26px;background:#e2e7d5;color:#25372b;border-radius:12px;transition:background .25s,color .25s;position:relative}.company-preview[data-theme=company]{background:#ead9c3;color:#4a2721}.company-preview[data-theme=product]{background:#333dd0;color:#fff}.preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid currentColor}.preview-top span:first-child{font-size:1.15rem;font-weight:750;letter-spacing:-.04em}.preview-top span:last-child{font-size:.75rem;opacity:.8}.preview-content{padding:45px 0 40px;max-width:380px}.preview-content>p:first-child{font-size:.75rem;letter-spacing:.08em;font-weight:600}.preview-content h3{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:18px 0 22px}.preview-content>p:not(:first-child){max-width:270px;font-size:1rem;line-height:1.5}.preview-cta{display:inline-flex;justify-content:space-between;gap:40px;font-size:.875rem;border:1px solid currentColor;border-radius:40px;padding:13px 18px;margin-top:9px}.preview-foot{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px;border-top:1px solid currentColor;font-size:.75rem;line-height:1.4}.room-insights{padding:37px 36px 24px 14px}.room-insights>.eyebrow{font-size:.75rem;color:var(--copper);margin-bottom:15px}.room-insights>h3{font-size:1.9375rem;line-height:1.13;margin-bottom:20px}.insight{border-top:1px solid var(--line);padding:16px 0 2px}.insight-label{font-size:.75rem;font-weight:650;letter-spacing:.08em;color:#5b5e56;display:block;margin-bottom:9px}.insight p{font-size:1rem;margin-bottom:14px;color:#41443f;line-height:1.5}.next-build{background:var(--lime);border-radius:14px;padding:22px;margin-top:8px}.next-build strong{font-size:1.125rem;line-height:1.35;display:block;letter-spacing:-.02em}.next-build p{font-size:.9375rem;line-height:1.5;margin:9px 0 16px}.status-label{font-size:.75rem;font-weight:600;border-top:1px solid #0b0b0d30;display:block;padding-top:12px;line-height:1.5}.room-bottom{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;background:var(--paper);gap:20px}.room-bottom p{font-size:.875rem;line-height:1.4;margin:0}.room-bottom .text-link{flex-shrink:0}.how-section{padding:15px 0 100px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:28px 32px 0 0}.steps article+article{border-left:1px solid var(--line);padding-left:32px}.step-number{font-size:.875rem;color:var(--copper);font-weight:650}.steps h3{font-size:1.875rem;line-height:1.1;margin:36px 0 18px}.steps p{font-size:1rem;color:var(--muted);line-height:1.6;margin-bottom:0}.engine-section{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0}.engine-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px}.engine-grid>.eyebrow{color:var(--copper)}.engine-grid>div:first-child>p:not(.eyebrow){max-width:400px;font-size:1rem;color:var(--muted)}.engine-grid>div:first-child>.engine-intro{font-size:1.25rem;line-height:1.5;color:var(--ink);margin:28px 0 16px}.engine-list article{display:flex;gap:23px;border-top:1px solid var(--line);padding:22px 0}.engine-list article:first-child{border-top:0;padding-top:0}.engine-list article:last-child{padding-bottom:0}.engine-index{background:var(--lime);border:1px solid var(--ink);width:42px;height:42px;display:grid;place-items:center;font-size:1.2rem;border-radius:10px;flex-shrink:0}.engine-list h3{font-size:1.375rem;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:15px}.engine-list small{font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--muted)}.engine-list p{font-size:1rem;color:var(--muted);margin:0;line-height:1.5}.work-section{padding:100px 0 70px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.work-card img{width:100%;height:240px;object-fit:cover;border-radius:14px;border:1px solid var(--line);transition:transform .3s}.work-card:hover img{transform:translateY(-5px)}.work-card>p{font-size:.75rem;letter-spacing:.09em;color:var(--copper);margin:23px 0 8px}.work-card h3{font-size:1.5rem;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.work-card h3 span{font-size:1.25rem}.work-card>span{font-size:1rem;line-height:1.5;color:var(--muted);display:block}.people-section{border-top:1px solid var(--line);padding:72px 0;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.people-section>div:first-child>p:not(.eyebrow){max-width:465px;color:var(--muted);font-size:1.0625rem}.people{display:grid;grid-template-columns:1fr 1fr;gap:23px}.people figure{margin:0;min-width:0}.people figure img{width:100%;height:270px;object-fit:cover;object-position:center top;background:var(--paper);border-radius:15px}.people figcaption strong,.people figcaption span{display:block}.people figcaption strong{font-size:1rem;margin:14px 0 5px}.people figcaption span{font-size:.875rem;color:var(--muted)}.faq-section{padding:40px 0 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.faq-section>.eyebrow{margin-top:20px;max-width:210px;color:var(--copper)}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{font-size:1.125rem;font-weight:600;display:flex;justify-content:space-between;gap:30px;list-style:none;cursor:pointer;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.3rem;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:18px 28px 0 0;color:var(--muted);font-size:1rem;line-height:1.65}.faq-list a{border-bottom:1px solid currentColor}.final-cta{text-align:center;padding:85px 0}.final-cta h2{font-size:clamp(2.8rem,6vw,5.5rem);margin:25px 0 34px}.final-cta h2 span{color:var(--lime)}.final-cta .button{margin:0 5px 14px}.final-cta .wrap>p:last-child{color:#b5b8ad;font-size:.875rem;margin:10px 0 0}footer{display:flex;justify-content:space-between;align-items:end;padding:40px 0;gap:30px}footer p{font-size:.875rem;color:var(--muted);margin:13px 0 0}footer>div:last-child{display:flex;flex-direction:column;align-items:end;gap:9px}footer a{font-size:.9375rem;font-weight:600}footer span{font-size:.75rem;color:var(--muted);text-align:right}dialog{width:min(730px,calc(100% - 32px));max-height:90dvh;border:1px solid #9b9f91;border-radius:24px;padding:0;background:var(--bone);color:var(--ink);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0b0b0db5;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;gap:13px;padding:18px 28px;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:700;letter-spacing:.1em}.icon-button{margin-left:auto;background:transparent;width:36px;height:36px;font-size:1.1rem;border-radius:50%}.icon-button:hover{background:var(--lime)}#intake-content,#brief-result{padding:30px 34px 36px}dialog h2{font-size:2.5rem;margin-bottom:15px}dialog .eyebrow{color:var(--copper);margin-bottom:13px}.dialog-intro,#brief-result>p{font-size:.9375rem;color:var(--muted);margin-bottom:23px}dialog label{font-size:.875rem;font-weight:600;display:block;margin:19px 0 9px}dialog textarea,dialog select{width:100%;border:1px solid #c4c6bd;border-radius:10px;background:var(--white);font-size:1rem;line-height:1.5;padding:12px;min-width:0}dialog select{min-height:50px}dialog textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-pair>div{min-width:0}.form-note{font-size:.8125rem!important;line-height:1.5;color:var(--muted);margin:17px 0}.full{width:100%}.brief-summary{padding:5px 22px 15px;background:var(--white);border:1px solid var(--line);border-radius:14px;margin-bottom:22px}.brief-summary dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--copper);margin-top:18px;font-weight:650}.brief-summary dd{font-size:1rem;line-height:1.5;margin:6px 0 14px;overflow-wrap:anywhere;white-space:pre-wrap}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-actions .button{font-size:.875rem;gap:10px}#copy-status{font-size:.875rem!important;min-height:18px;margin:15px 0 0!important;color:var(--ink)!important}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:75px}.hero h1{font-size:7.5rem}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero h1{font-size:7.7vw}.section-heading{gap:30px}.section-heading>p{max-width:300px}.room-grid{grid-template-columns:1fr 1.05fr}.company-preview{margin:18px;padding:20px;min-height:555px}.room-insights{padding:30px 22px 20px 3px}.room-insights>h3{font-size:1.6rem}.engine-grid{gap:48px}.work-card img{height:185px}.work-card h3{font-size:1.2rem}.people-section{gap:40px}.people figure img{height:225px}.room-bottom p{max-width:310px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.review-bar{font-size:.7rem;padding:9px 14px}.review-bar span{display:none}.site-header{height:78px;gap:14px}.site-header nav{display:none}.wordmark{width:95px}.compact{font-size:.8125rem;min-height:43px}.hero{padding:44px 0 44px}.hero>.eyebrow{font-size:.65rem;letter-spacing:.085em;gap:8px;margin-bottom:25px}.hero>.eyebrow img{width:18px;height:18px}.hero h1{font-size:clamp(2.65rem,9.6vw,4.5rem);letter-spacing:-.065em;line-height:1.07;margin-bottom:27px}.highlight:before{border-radius:8px;box-shadow:2px 4px 0 var(--ink)}.hero-copy{font-size:1.0625rem;padding:0 7px;line-height:1.5}.desktop-break{display:none}.prompt-shell{padding:21px 20px 17px;text-align:left;border-radius:18px}.prompt-label{font-size:1rem;line-height:1.4}.prompt-shell textarea{min-height:82px}.prompt-bottom{display:block}.prompt-bottom>span{display:block;margin:5px 0 16px;font-size:.75rem;max-width:none}.prompt-bottom .button{width:100%;min-height:50px}.quick-starts{gap:7px;margin:15px 0 20px}.quick-starts button{font-size:.8125rem;padding:10px 13px}.trust-line{font-size:.75rem}.trust-line span{padding:0 7px}.text-link{font-size:.875rem}.belief-inner{padding:55px 0 30px}.belief h2{font-size:2.55rem;line-height:1.09}.belief-inner>p:not(.eyebrow){font-size:1rem;margin-bottom:30px}.belief-rule span{font-size:.75rem;padding-top:18px}.room-section{padding:64px 0}.section-heading{display:block;margin-bottom:28px}.section-heading .eyebrow{font-size:.7rem;margin-bottom:17px}.section-heading h2{font-size:2.5rem;line-height:1.05}.section-heading>p{max-width:100%;margin-top:22px;font-size:1rem}.section-heading>.text-link{margin-top:24px}.scenario-tabs{gap:7px;margin-bottom:16px}.scenario-tabs button{font-size:.8125rem;padding:11px 14px}.room-header{padding:16px 18px;display:block}.room-header>span:first-child{font-size:.75rem;gap:10px}.sample-label{display:block;margin-top:10px;font-size:.7rem}.room-grid{display:block}.company-preview{min-height:415px;margin:15px;padding:23px}.preview-content{padding:35px 0 28px}.preview-content h3{font-size:3.6rem;max-width:300px}.room-insights{padding:23px}.room-insights>h3{font-size:1.75rem}.next-build{padding:20px}.room-bottom{display:block;padding:23px}.room-bottom p{max-width:100%;font-size:.8125rem;margin-bottom:17px}.how-section{padding:0 0 65px}.steps{display:block}.steps article,.steps article+article{border-left:0;display:grid;grid-template-columns:35px 1fr;column-gap:14px;padding:24px 0;border-bottom:1px solid var(--line)}.step-number{padding-top:3px}.steps h3{margin:0 0 13px;font-size:1.6rem}.steps h3 br{display:none}.steps p{grid-column:2;font-size:1rem}.engine-section{padding:58px 0}.engine-grid{display:block}.engine-grid h2{font-size:2.5rem}.engine-grid>div:first-child>.engine-intro{font-size:1.125rem;max-width:100%}.engine-list{margin-top:38px}.engine-list article{gap:17px}.engine-list h3{font-size:1.25rem;align-items:start}.engine-list small{font-size:.6875rem;line-height:1.5;text-align:right;padding-top:3px}.engine-list p{font-size:.9375rem}.engine-index{height:37px;width:37px}.work-section{padding:65px 0 45px}.work-grid{display:flex;overflow-x:auto;gap:19px;scroll-snap-type:x mandatory;padding:3px 3px 22px;margin:0 -3px}.work-card{flex:0 0 85%;scroll-snap-align:start}.work-card img{height:230px}.work-card h3{font-size:1.4rem}.work-card>span{font-size:.9375rem}.people-section{display:block;padding:50px 0}.people-section h2{font-size:2.5rem}.people{margin-top:33px;gap:15px}.people figure img{height:230px}.people figcaption strong{font-size:.9375rem}.people figcaption span{font-size:.8125rem}.faq-section{display:block;padding:25px 0 55px}.faq-section>.eyebrow{max-width:none;margin-bottom:13px}.faq-list summary{font-size:1rem}.faq-list details p{font-size:.9375rem}.final-cta{padding:58px 0}.final-cta h2{font-size:2.9rem}.final-cta .button{min-height:52px;margin-bottom:12px}footer{display:block;padding:32px 0}footer>div:last-child{align-items:start;margin-top:25px}footer span{text-align:left;font-size:.75rem}dialog{width:calc(100% - 22px);max-height:92dvh;border-radius:19px}.dialog-top{padding:15px 20px}#intake-content,#brief-result{padding:23px 22px 28px}dialog h2{font-size:2.2rem}.field-pair{grid-template-columns:1fr;gap:0}.result-actions{display:block}.result-actions .button{width:100%;margin-bottom:10px}}
@media(max-width:390px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:9.5vw}.trust-line{font-size:.6875rem}.trust-line span{padding:0 5px}.scenario-tabs button{font-size:.75rem;padding:10px 11px}.preview-content h3{font-size:3rem}.people figure img{height:195px}.people figcaption strong{font-size:.8125rem}.belief h2{font-size:2.2rem}.section-heading h2,.engine-grid h2,.people-section h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Interactive company-building experience. Extends SKIN's existing brand tokens. */
html { scroll-padding-top: 110px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.header-shell { position: sticky; top: 0; z-index: 30; background: rgb(246 244 239 / 94%); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.site-header { position: relative; height: 82px; border: 0; gap: 24px; }
.site-header nav { gap: 25px; }
.site-header nav a { position: relative; padding: 16px 0; }
.site-header nav a::after { content: ''; position: absolute; left: 0; bottom: 8px; height: 2px; width: 100%; background: var(--ink); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.site-header nav a:hover::after, .site-header nav a[aria-current="location"]::after { transform: scaleX(1); }
.reading-progress { position: absolute; z-index: 1; left: 0; right: 0; bottom: -1px; height: 3px; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--copper); transform: scaleX(0); transform-origin: left; }
.menu-toggle { display: none; }
.review-bar { font-size: .8125rem; }
.hero { --pointer-x: 50%; --pointer-y: 45%; background: radial-gradient(ellipse 420px 300px at var(--pointer-x) var(--pointer-y), #d9ff5725, transparent 100%); }
.hero h1 .highlight::before { transition: transform .4s, box-shadow .4s; }
.hero:focus-within h1 .highlight::before { transform: rotate(.3deg); box-shadow: 6px 7px 0 var(--ink); }
.prompt-shell { position: relative; box-shadow: 0 14px 46px #0b0b0d0d; }
.prompt-shell::before { content: ''; display: block; position: absolute; top: -1px; height: 3px; border-radius: 3px; left: 24px; right: 24px; background: var(--lime); transform: scaleX(0); transform-origin: left; transition: transform .4s; }
.prompt-shell:focus-within::before { transform: scaleX(1); }
.quick-starts button[aria-pressed="true"] { background: var(--lime); border-color: var(--ink); }
.intake-hint { font-size: .875rem; line-height: 1.5; color: var(--muted); max-width: 560px; margin: -5px auto 22px; }
.eyebrow, .section-heading .eyebrow { font-size: .8125rem; }
.hero > .eyebrow { font-size: .8125rem; }
.belief-inner { padding-bottom: 48px; }
.belief-rule { gap: 0; text-align: left; border-bottom: 1px solid #ffffff30; }
.belief-rule button { position: relative; display: flex; gap: 16px; align-items: center; background: transparent; color: #c4c6bd; padding: 27px 18px; min-height: 84px; border-bottom: 3px solid transparent; transition: color .2s, background .2s; }
.belief-rule button + button { border-left: 1px solid #ffffff25; }
.belief-rule button:hover { background: #ffffff09; color: white; }
.belief-rule button[aria-selected="true"] { color: var(--lime); background: #d9ff5709; border-bottom-color: var(--lime); }
.belief-rule button small { font-size: .8125rem; opacity: .75; }
.belief-rule button span { padding: 0; font-size: 1.125rem; font-weight: 600; border: 0; }
.lens-panel { display: grid; grid-template-columns: auto 1fr auto; text-align: left; gap: 25px; align-items: center; min-height: 165px; padding: 28px 20px 8px; }
.lens-symbol { background: var(--lime); width: 80px; height: 80px; border-radius: 18px; display: grid; place-items: center; flex-shrink: 0; }
.lens-panel h3 { font-size: 1.55rem; margin: 0 0 10px; line-height: 1.2; }
.lens-panel p { margin: 0; max-width: 620px; color: #b9bcb1; font-size: 1rem; }
.lens-output { font-size: .875rem; font-weight: 500; line-height: 1.5; max-width: 170px; padding: 12px 17px; border: 1px solid #ffffff30; border-radius: 30px; text-align: center; }
.room { transition: box-shadow .3s; }
.room:hover { box-shadow: 0 30px 65px #0b0b0d10; }
.scenario-tabs button { min-height: 48px; }
.sample-label, .insight-label, .status-label { font-size: .8125rem; }
.room-insights > .eyebrow { font-size: .8125rem; }
.company-preview { transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transform-origin: center; transition: transform .25s ease-out, background .3s, color .3s; }
.room-question { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20px 25px; padding: 28px; border-top: 1px solid var(--line); }
.room-question .eyebrow { color: var(--copper); margin-bottom: 9px; font-size: .75rem; }
.room-question h3 { font-size: 1.4rem; line-height: 1.25; margin: 0; }
.room-questions { display: flex; gap: 7px; flex-wrap: wrap; }
.room-questions button { border: 1px solid var(--line); border-radius: 30px; min-height: 44px; padding: 10px 15px; background: transparent; font-size: .875rem; }
.room-questions button[aria-pressed="true"] { background: var(--ink); color: var(--bone); border-color: var(--ink); }
#room-question-answer { grid-column: 1 / -1; border-left: 3px solid var(--lime); padding: 2px 0 2px 19px; margin: 0; color: #44483f; line-height: 1.6; max-width: 960px; font-size: 1.0625rem; }
.execution-section { padding: 95px 0; }
.execution-section .section-heading > p { color: #bdc0b4; }
.execution-section .section-heading .eyebrow { color: var(--lime); }
.module-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-bottom: 22px; }
.module-tabs button { min-width: 0; display: flex; align-items: center; gap: 14px; text-align: left; border: 1px solid #ffffff30; border-radius: 14px; padding: 19px 16px; min-height: 97px; background: #171719; color: var(--bone); transition: transform .2s, border-color .2s, background .2s; }
.module-tabs button:hover { border-color: var(--lime); transform: translateY(-3px); }
.module-tabs button[aria-selected="true"] { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.module-tabs button > span:last-child { font-size: 1.05rem; line-height: 1.35; font-weight: 650; }
.module-tabs small { display: block; font-size: .75rem; font-weight: 400; opacity: .65; margin-bottom: 5px; }
.module-glyph { width: 37px; height: 37px; flex: 0 0 37px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 10px; font-size: 1.3rem; font-weight: 600; transition: transform .25s; }
.module-tabs button[aria-selected="true"] .module-glyph { transform: rotate(-6deg); }
.module-panel { display: grid; grid-template-columns: .85fr 1.15fr; border: 1px solid #ffffff30; border-radius: 24px; overflow: hidden; }
.module-context { padding: 38px; display: flex; flex-direction: column; align-items: start; background: #171719; }
.module-context > h3 { font-size: clamp(2.2rem,3.4vw,3.2rem); line-height: 1.1; margin-bottom: 33px; }
.module-context-item { border-top: 1px solid #ffffff25; padding-top: 20px; margin-bottom: 9px; width: 100%; }
.module-context-item span { display: block; font-size: .8125rem; color: #b9bcb2; font-weight: 500; margin-bottom: 9px; }
.module-context-item p { font-size: 1.0625rem; line-height: 1.55; }
.module-context > .text-link { color: var(--lime); border-color: #d9ff5770; margin-top: 13px; }
.module-disclaimer { color: #a9ad9f; font-size: .875rem; line-height: 1.6; margin: auto 0 0; padding-top: 37px; max-width: 330px; }
.module-scope { min-width: 0; background: var(--bone); color: var(--ink); padding: 34px 38px; }
.scope-eyebrow, .scope-label { font-size: .75rem; font-weight: 650; letter-spacing: .1em; color: var(--copper); margin-bottom: 14px; }
.tier-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 5px; background: #e7e7dd; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 28px; }
.tier-tabs button { font-size: .875rem; font-weight: 600; padding: 12px 7px; min-height: 46px; line-height: 1.3; border-radius: 8px; background: transparent; color: var(--muted); }
.tier-tabs button[aria-pressed="true"] { background: var(--ink); color: var(--white); box-shadow: 0 2px 7px #0001; }
.scope-heading { display: flex; justify-content: space-between; align-items: start; gap: 24px; }
.scope-heading h3 { font-size: 1.875rem; line-height: 1.15; max-width: 310px; margin-bottom: 20px; }
.scope-price { text-align: right; flex: 0 0 auto; }
.scope-price strong { display: block; font-size: 2rem; font-weight: 750; letter-spacing: -.05em; line-height: 1.1; }
.scope-price span { display: block; margin-top: 8px; font-size: .75rem; color: var(--muted); }
#scope-description { font-size: 1rem; color: var(--muted); line-height: 1.55; margin-bottom: 24px; min-height: 3.1em; }
#scope-deliverables { padding: 0; margin: 0 0 28px; list-style: none; min-height: 220px; }
#scope-deliverables li { display: flex; gap: 12px; border-top: 1px solid var(--line); padding: 11px 0; font-size: .9375rem; line-height: 1.45; }
#scope-deliverables li::before { content: '✓'; flex-shrink: 0; color: var(--copper); font-weight: 600; }
.scope-note { font-size: .8125rem; color: var(--muted); line-height: 1.5; margin: 14px 0 0; }
.engine-list article > div { min-width: 0; flex: 1; }
.engine-list small { font-size: .8125rem; }
.engine-list article { transition: transform .2s; }
.engine-list article:hover { transform: translateX(4px); }
.engine-link { display: inline-flex; align-items: center; gap: 13px; font-size: .875rem; font-weight: 650; margin-top: 14px; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.engine-link:hover { color: var(--copper); border-color: var(--copper); }
.work-grid { padding-top: 7px; }
.work-card { position: relative; min-width: 0; padding: 0 0 18px; color: var(--ink); font: inherit; text-align: left; background: transparent; border-bottom: 3px solid transparent; border-radius: 14px 14px 0 0; }
.work-card[aria-selected="true"] { border-bottom-color: var(--ink); }
.work-card img { border: 2px solid transparent; }
.work-card[aria-selected="true"] img { border-color: var(--ink); box-shadow: 5px 5px 0 var(--lime); }
.work-card .work-category { display: block; font-size: .75rem; color: var(--copper); letter-spacing: .08em; margin: 23px 0 10px; }
.work-card .work-title { display: flex; justify-content: space-between; gap: 14px; font-weight: 700; color: var(--ink); font-size: 1.5rem; letter-spacing: -.04em; margin-bottom: 10px; line-height: 1.2; }
.work-card .work-title > span { font-size: 1.2rem; }
.case-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 16px 0 26px; }
.case-controls > p { font-size: .875rem; color: var(--muted); margin: 0; }
.case-controls > div { display: flex; align-items: center; gap: 9px; }
#case-position { font-size: .8125rem; color: var(--muted); white-space: nowrap; margin-right: 8px; }
.round-control { width: 45px; height: 45px; display: grid; place-items: center; background: transparent; border: 1px solid var(--line); border-radius: 50%; font-size: 1.15rem; }
.round-control:hover { background: var(--ink); color: var(--bone); }
.case-panel { background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 37px; display: grid; grid-template-columns: 1fr 1fr; gap: 62px; }
.case-panel .eyebrow { color: var(--copper); font-size: .75rem; }
.case-panel h3 { font-size: 2.2rem; line-height: 1.13; margin-bottom: 18px; max-width: 430px; }
.case-panel p { font-size: 1rem; }
#case-context { color: var(--muted); }
.case-panel ul { list-style: none; padding: 0; margin: 0; }
.case-panel li { padding: 12px 0; border-top: 1px solid var(--line); font-size: 1rem; line-height: 1.5; }
.case-takeaway { background: var(--lime); padding: 20px; border-radius: 12px; margin-top: 16px; }
.case-takeaway span { display: block; font-size: .75rem; font-weight: 650; letter-spacing: .05em; margin-bottom: 8px; }
.case-takeaway p { margin: 0; font-size: 1rem; line-height: 1.5; }
.site-footer { display: block; padding: 55px 0 28px; }
.site-footer .footer-top { display: grid; grid-template-columns: 1fr 1.25fr; gap: 75px; }
.footer-brand > a { display: inline-block; margin-top: 24px; border-bottom: 1px solid var(--line); padding-bottom: 6px; }
.footer-brand a span { font-size: 1rem; margin-left: 10px; }
.footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; }
.footer-links h3 { font-size: .875rem; letter-spacing: 0; margin-bottom: 20px; }
.footer-links a { display: block; font-size: .875rem; font-weight: 400; color: var(--muted); margin: 14px 0; line-height: 1.5; }
.footer-links a:hover { color: var(--copper); }
.site-footer > .footer-bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); margin-top: 42px; padding-top: 23px; }
.footer-bottom span { text-align: left; font-size: .75rem; line-height: 1.5; }
.footer-bottom > div { display: flex; gap: 20px; }
.footer-bottom a { font-size: .8125rem; font-weight: 400; }
.mobile-cta { display: none; }
.intake-progress { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; gap: 12px; margin: 0 0 28px; }
.intake-progress li { border-top: 2px solid var(--line); color: var(--muted); padding-top: 12px; font-size: .8125rem; line-height: 1.3; }
.intake-progress li > span { display: block; font-size: .75rem; margin-bottom: 6px; }
.intake-progress li[aria-current="step"] { border-top-color: var(--ink); color: var(--ink); font-weight: 650; }
.intake-progress li.is-complete { border-top-color: #7b902e; }
.wizard-actions { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 27px; }
.wizard-actions > .button { margin-left: auto; min-width: 190px; }
.field-help { display: flex; justify-content: space-between; gap: 20px; margin-top: 9px; color: var(--muted); font-size: .8125rem; line-height: 1.5; }
#idea-count { flex-shrink: 0; font-size: .75rem; }
.privacy-note { margin-bottom: 0; text-align: center; }
.selected-build { padding: 15px; margin: 0 0 20px; background: #d9ff5750; border: 1px solid var(--line); border-radius: 12px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.selected-build span { display: block; font-size: .75rem; letter-spacing: .07em; margin-bottom: 6px; }
.selected-build strong { display: block; font-size: .9375rem; line-height: 1.4; }
.selected-build button { background: transparent; text-decoration: underline; font-size: .8125rem; padding: 10px 0; flex-shrink: 0; }
.brief-download { background: transparent; border-color: var(--line); }
.brief-download:hover { border-color: var(--ink); }
.result-actions > a { flex-basis: 100%; }
.content-enter { animation: content-enter .36s ease-out both; }
@keyframes content-enter { from { opacity: .45; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.reveal-enter { animation: reveal-enter .65s cubic-bezier(.2,.65,.3,1) both; }
@keyframes reveal-enter { from { opacity: .6; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width:1100px) {
  .site-header nav { gap: 17px; }
  .module-tabs button { gap: 10px; padding: 15px 12px; }
  .module-glyph { flex-basis: 30px; width: 30px; height: 34px; font-size: 1.1rem; }
  .module-tabs button > span:last-child { font-size: .9375rem; }
  .module-context, .module-scope { padding: 28px; }
  .module-panel { grid-template-columns: .8fr 1.2fr; }
  .scope-heading { display: block; }
  .scope-price { display: flex; gap: 13px; align-items: center; text-align: left; margin: -4px 0 18px; }
  .scope-price span { margin: 0; }
  .belief-rule button { gap: 12px; }
  .belief-rule button span { font-size: 1rem; }
  .room-question { display: block; }
  .room-questions { margin: 18px 0; }
  .case-panel { gap: 36px; }
  .site-footer .footer-top { gap: 40px; grid-template-columns: .8fr 1.2fr; }
}
@media (max-width:900px) {
  .site-header { gap: 14px; height: 76px; }
  .site-header > .button { margin-left: auto; }
  .site-header nav { display: none; position: absolute; top: 76px; left: -24px; right: -24px; margin: 0; padding: 20px 24px 25px; background: var(--bone); border-bottom: 1px solid var(--line); box-shadow: 0 15px 20px #0000000b; }
  .site-header nav.is-open { display: flex; flex-direction: column; gap: 3px; }
  .site-header nav a { padding: 14px 4px; font-size: 1rem; }
  .site-header nav a::after { display: none; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 12px; background: transparent; border: 1px solid var(--line); border-radius: 50%; width: 44px; height: 44px; flex: 0 0 44px; }
  .menu-toggle span { width: 18px; height: 1px; background: var(--ink); transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .lens-panel { grid-template-columns: auto 1fr; }
  .lens-output { display: none; }
}
@media (max-width:760px) {
  html { scroll-padding-top: 94px; }
  .review-bar { font-size: .75rem; letter-spacing: .1em; }
  .site-header nav { left: -20px; right: -20px; }
  .hero > .eyebrow { font-size: .75rem; letter-spacing: .07em; }
  .intake-hint { font-size: .875rem; margin-top: 0; padding: 0 4px; }
  .quick-starts { gap: 8px; }
  .quick-starts button, .trust-line { font-size: .875rem; }
  .trust-line { max-width: 290px; margin: 0 auto 19px; line-height: 1.8; }
  .trust-line span { padding: 0 5px; }
  .prompt-bottom > span { font-size: .875rem; }
  .belief-inner { padding-bottom: 27px; }
  .belief-rule { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .belief-rule button { padding: 17px 12px; min-height: 68px; gap: 12px; }
  .belief-rule button:nth-child(3) { border-left: 0; }
  .belief-rule button:nth-child(n+3) { border-top: 1px solid #ffffff25; }
  .belief-rule button span { font-size: 1rem; }
  .lens-panel { gap: 17px; padding: 25px 0 5px; min-height: 190px; align-items: start; }
  .lens-symbol { width: 52px; height: 52px; border-radius: 12px; }
  .lens-symbol img { width: 30px; height: 30px; }
  .lens-panel h3 { font-size: 1.4rem; }
  .lens-panel p { font-size: .9375rem; }
  .scenario-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
  .scenario-tabs button { flex-shrink: 0; font-size: .875rem; min-height: 45px; }
  .room-question { padding: 23px; }
  .room-question h3 { font-size: 1.4rem; }
  .room-questions { gap: 6px; }
  .room-questions button { padding: 10px 12px; font-size: .8125rem; }
  #room-question-answer { font-size: 1rem; padding-left: 15px; }
  .company-preview { transform: none; }
  .sample-label, .status-label { font-size: .8125rem; }
  .preview-foot, .preview-top span:last-child { font-size: .75rem; }
  .execution-section { padding: 65px 0; }
  .execution-section .section-heading h2 { font-size: clamp(2.2rem,8vw,2.8rem); }
  .module-tabs { display: flex; overflow-x: auto; gap: 9px; padding: 4px 2px 12px; margin: 0 -2px 14px; scroll-snap-type: x mandatory; }
  .module-tabs button { flex: 0 0 156px; min-height: 82px; padding: 15px; scroll-snap-align: start; }
  .module-tabs button > span:last-child { font-size: 1rem; }
  .module-tabs button:hover { transform: none; }
  .module-panel { display: block; border-radius: 20px; }
  .module-context, .module-scope { padding: 26px 23px; }
  .module-context > h3 { font-size: 2.25rem; margin-bottom: 26px; }
  .module-context-item p { font-size: 1rem; }
  .module-context-item { margin-bottom: 0; }
  .module-disclaimer { padding-top: 23px; max-width: none; font-size: .8125rem; }
  .tier-tabs { gap: 3px; margin-bottom: 25px; }
  .tier-tabs button { font-size: .875rem; padding: 12px 5px; }
  .scope-heading h3 { font-size: 1.75rem; max-width: none; }
  .scope-price strong { font-size: 1.85rem; }
  #scope-deliverables { min-height: 0; }
  #scope-description { min-height: 0; font-size: 1rem; }
  #scope-deliverables li { font-size: 1rem; }
  .scope-eyebrow { font-size: .75rem; letter-spacing: .075em; }
  .engine-list small { font-size: .8125rem; }
  .engine-list p { font-size: 1rem; }
  .work-grid { padding: 5px 4px 15px; margin: 0 -4px; }
  .work-card { flex: 0 0 88%; }
  .work-card .work-title { font-size: 1.4rem; }
  .work-card > span:last-child { font-size: 1rem; }
  .work-card img { height: 235px; }
  .case-controls { align-items: center; gap: 12px; margin-top: 0; }
  .case-controls > p { font-size: .8125rem; max-width: 160px; }
  .case-controls > div { gap: 6px; }
  #case-position { margin-right: 2px; font-size: .75rem; }
  .round-control { width: 44px; height: 44px; }
  .case-panel { display: block; padding: 25px; }
  .case-panel h3 { font-size: 1.9rem; }
  .case-panel > div + div { margin-top: 30px; }
  .case-panel li { font-size: 1rem; }
  .people figcaption span { font-size: .875rem; }
  .faq-list details p { font-size: 1rem; }
  .site-footer { padding: 40px 0 118px; }
  .site-footer .footer-top { display: block; }
  .footer-links { margin-top: 36px; gap: 24px 18px; }
  .footer-links h3 { font-size: .875rem; }
  .footer-links a { font-size: .875rem; margin: 16px 0; }
  .site-footer > .footer-bottom { display: block; margin-top: 28px; }
  .footer-bottom span { display: block; margin-bottom: 12px; font-size: .75rem; }
  .footer-bottom > div { margin-top: 18px; }
  .mobile-cta:not([hidden]) { display: flex; align-items: center; justify-content: space-between; gap: 15px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 25; padding: 13px 20px calc(13px + env(safe-area-inset-bottom)); background: rgb(11 11 13 / 96%); backdrop-filter: blur(16px); color: var(--bone); border-top: 1px solid #ffffff25; box-shadow: 0 -8px 32px #0b0b0d1a; }
  .mobile-cta > span { font-size: .8125rem; line-height: 1.5; color: #c3c6b9; }
  .mobile-cta strong { color: var(--bone); font-weight: 500; }
  .mobile-cta .button { font-size: .875rem; min-height: 48px; padding: 12px 18px; gap: 15px; }
  .intake-progress { gap: 9px; margin-bottom: 24px; }
  .intake-progress li { font-size: .8125rem; }
  .dialog-intro { font-size: 1rem; }
  .field-help { display: block; font-size: .8125rem; }
  #idea-count { display: block; text-align: right; margin-top: 5px; }
  .wizard-actions { gap: 13px; }
  .wizard-actions > .button { min-width: 0; padding: 15px 19px; font-size: .9375rem; }
  .wizard-actions .text-link { font-size: .875rem; }
  .selected-build { gap: 14px; padding: 14px; }
}
@media (max-width:390px) {
  .hero h1 { font-size: clamp(2.3rem,9.5vw,2.55rem); }
  .site-header { gap: 10px; }
  .site-header > .button { gap: 12px; padding: 12px 16px; }
  .site-header nav { left: -15px; right: -15px; }
  .room-questions button { font-size: .8125rem; padding: 10px; }
  .module-scope { padding: 23px 20px; }
  .tier-tabs button { font-size: .8125rem; }
  .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mobile-cta { padding-left: 15px; padding-right: 15px; }
  .mobile-cta > span { font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .hero { background: none; }
  .company-preview { transform: none !important; }
  .content-enter, .reveal-enter { animation: none !important; }
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition: none !important; }
}


/* Concrete sample deliverables, using SKIN's existing brand system. */
.room-tour-heading { max-width: 1000px; }
.room-tour-heading > .eyebrow { color: var(--copper); }
.room-tour-heading > p:last-child { max-width: 760px; color: var(--muted); font-size: 1.1875rem; line-height: 1.6; margin-bottom: 26px; }
.room-capabilities { display: flex; gap: 32px; flex-wrap: wrap; margin: 0 0 50px; }
.room-capabilities > span { display: flex; align-items: center; gap: 12px; font-size: .9375rem; }
.room-capabilities b { font-size: .75rem; font-weight: 500; color: var(--copper); border: 1px solid var(--line); width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; }
.room-example-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 22px; margin-bottom: 20px; }
.room-example-heading h3 { font-size: 1.5rem; margin: 0; }
.room-example-heading p { font-size: .9375rem; color: var(--muted); margin: 0; line-height: 1.5; }
.room-example-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.room-example-tabs button { text-align: left; padding: 19px 22px; min-height: 100px; background: transparent; border: 1px solid var(--line); border-radius: 15px; transition: background .2s, color .2s, border-color .2s; }
.room-example-tabs button > span { display: block; font-size: 1.125rem; font-weight: 650; margin-bottom: 8px; letter-spacing: -.025em; }
.room-example-tabs small { display: block; font-size: .8125rem; line-height: 1.5; color: var(--muted); }
.room-example-tabs button:hover { border-color: var(--ink); }
.room-example-tabs button[aria-selected="true"] { background: var(--ink); color: var(--bone); border-color: var(--ink); }
.room-example-tabs button[aria-selected="true"] small { color: #d5d8cd; }
.buildroom-demo { border: 1px solid #c6c8bd; border-radius: 24px; background: white; overflow: hidden; box-shadow: 0 24px 60px #0b0b0d09; }
.founder-start { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 55px; padding: 30px 34px; background: #e9eddd; }
.founder-start-label, .founder-start-result > span { display: block; font-size: .75rem; letter-spacing: .09em; font-weight: 650; color: #47533a; margin-bottom: 12px; }
.founder-start blockquote { grid-column: 1; font-size: 1.25rem; line-height: 1.5; letter-spacing: -.025em; margin: 0; }
.founder-start-result { grid-column: 2; grid-row: 1 / 3; border-left: 1px solid #8c9a763d; padding-left: 34px; }
.founder-start-result p { font-size: 1.0625rem; line-height: 1.6; margin: 0; color: #37412d; }
.buildroom-topbar { min-height: 70px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 28px; border-bottom: 1px solid var(--line); }
.buildroom-topbar > div { display: flex; align-items: center; gap: 12px; font-size: .8125rem; font-weight: 700; letter-spacing: .02em; }
.room-slash { color: #959a8c; margin: 0 10px; font-weight: 400; }
.room-demo-label { font-size: .8125rem; color: var(--muted); line-height: 1.4; }
.buildroom-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); }
.deliverable-sidebar { background: #f0f1eb; border-right: 1px solid var(--line); padding: 26px 16px; }
.deliverable-sidebar > p { font-size: .75rem; color: var(--muted); font-weight: 650; letter-spacing: .06em; padding-left: 11px; margin-bottom: 18px; }
.deliverable-tabs { display: flex; flex-direction: column; gap: 7px; }
.deliverable-tabs button { display: flex; text-align: left; align-items: start; gap: 10px; padding: 18px 12px; width: 100%; border-radius: 11px; border: 1px solid transparent; background: transparent; color: var(--ink); transition: background .2s; }
.deliverable-tabs button:hover { background: #e3e7d7; }
.deliverable-number { font-size: .75rem; line-height: 1.5rem; color: var(--muted); }
.deliverable-tabs strong { display: block; font-size: .9375rem; font-weight: 600; line-height: 1.4; margin: 0 0 6px; letter-spacing: -.015em; }
.deliverable-tabs small { display: block; font-size: .75rem; line-height: 1.5; color: var(--muted); }
.deliverable-arrow { margin-left: auto; font-size: 1rem; line-height: 1.4rem; opacity: 0; }
.deliverable-tabs button[aria-selected="true"] { background: var(--ink); color: var(--bone); }
.deliverable-tabs button[aria-selected="true"] small { color: #c4c9b9; }
.deliverable-tabs button[aria-selected="true"] .deliverable-number, .deliverable-tabs button[aria-selected="true"] .deliverable-arrow { color: var(--lime); opacity: 1; }
.room-sidebar-note { margin: 34px 12px 0; border-top: 1px solid var(--line); padding-top: 20px; }
.room-sidebar-note strong { font-size: .8125rem; font-weight: 600; }
.room-sidebar-note p { font-size: .8125rem; line-height: 1.6; color: var(--muted); margin: 9px 0 0; }
.deliverable-panel { padding: 30px; min-width: 0; }
.deliverable-panel:focus-visible { outline-offset: -4px; }
.deliverable-intro { display: flex; gap: 22px; align-items: start; margin-bottom: 24px; }
.deliverable-intro .eyebrow { font-size: .75rem; color: var(--copper); margin-bottom: 12px; }
.deliverable-intro h3 { font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.16; margin-bottom: 12px; }
.deliverable-intro > div > p:last-child { color: var(--muted); font-size: .9375rem; line-height: 1.55; max-width: 600px; margin: 0; }
.draft-badge { flex-shrink: 0; display: block; margin-left: auto; border: 1px solid var(--line); background: #fafbf7; border-radius: 20px; padding: 7px 10px; font-size: .75rem; white-space: nowrap; }
.artifact-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.artifact-modes { display: flex; gap: 4px; padding: 3px; background: var(--paper); border-radius: 8px; }
.artifact-modes button { min-height: 38px; padding: 8px 13px; font-size: .8125rem; background: transparent; border-radius: 5px; }
.artifact-modes button[aria-pressed="true"] { background: white; box-shadow: 0 1px 4px #0002; }
.revision-toggle { background: transparent; font-size: .8125rem; font-weight: 500; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; text-align: right; }
.revision-toggle:hover { color: var(--copper); }
.experience-window { overflow: hidden; border: 1px solid #cbd0c2; border-radius: 12px; }
.experience-window-bar { display: flex; align-items: center; gap: 10px; padding: 12px 17px; color: var(--muted); font-size: .75rem; background: #f8f9f5; border-bottom: 1px solid #cbd0c2; }
.experience-window-bar > span:last-child { margin-left: auto; }
.window-glyph { font-size: .9375rem; }
.sample-website, .sample-deck { --sample-bg: #dfe7ce; --sample-ink: #223729; --sample-line: #22372935; background: var(--sample-bg); color: var(--sample-ink); }
.sample-website[data-theme="company"], .sample-deck[data-theme="company"] { --sample-bg: #ece3d9; --sample-ink: #44342a; --sample-line: #44342a35; }
.sample-website[data-theme="product"], .sample-deck[data-theme="product"] { --sample-bg: #dee7ee; --sample-ink: #233d51; --sample-line: #233d5135; }
.sample-site-nav { display: flex; gap: 18px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--sample-line); margin: 0 28px; padding: 23px 0; }
.sample-site-nav strong { font-size: 1.25rem; font-weight: 750; letter-spacing: -.04em; }
.sample-site-nav > span { font-size: .75rem; max-width: 180px; text-align: right; line-height: 1.4; }
.sample-site-content { padding: 35px 28px 30px; }
.sample-site-content > p:first-child { font-size: .75rem; letter-spacing: .08em; font-weight: 650; line-height: 1.5; margin-bottom: 17px; }
.sample-site-content h4 { font-size: clamp(2.1rem, 3.5vw, 3.5rem); line-height: 1.03; letter-spacing: -.065em; margin: 0 0 20px; font-weight: 750; }
#sample-site-body { font-size: .9375rem; line-height: 1.6; max-width: 470px; margin-bottom: 22px; }
#sample-offer-button { background: var(--sample-ink); color: var(--sample-bg); border-radius: 6px; padding: 13px 18px; font-size: .8125rem; font-weight: 600; min-height: 44px; }
#sample-offer-button:hover { opacity: .88; }
.sample-offer-detail { border-top: 1px solid var(--sample-line); padding-top: 15px; margin: 19px 0 0; font-size: .8125rem; line-height: 1.6; max-width: 520px; }
.sample-site-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 28px; border-top: 1px solid var(--sample-line); padding: 20px 0; gap: 14px; }
.sample-site-features > span { font-size: .75rem; line-height: 1.5; }
.sample-site-features > span::before { content: '↗'; margin-right: 7px; }
.revision-caption { border-left: 2px solid var(--lime); padding: 2px 0 2px 12px; font-size: .8125rem; line-height: 1.6; color: var(--muted); margin-top: 18px; }
.sample-app { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #f6f8f0; }
.sample-app-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 26px; border-bottom: 1px solid var(--line); background: #ecf0e3; }
.sample-app-top strong { font-size: 1.125rem; letter-spacing: -.04em; }
.sample-app-top > span { font-size: .75rem; color: var(--muted); }
.sample-app-body { padding: 28px; }
.sample-app-body .eyebrow { font-size: .75rem; color: var(--muted); }
.sample-app-body h4 { font-size: 1.875rem; letter-spacing: -.045em; line-height: 1.15; margin: 0 0 15px; }
.sample-app-body > p { color: var(--muted); font-size: .9375rem; line-height: 1.6; }
.sample-app-tasks { display: grid; gap: 12px; margin: 24px 0; }
.sample-app-tasks label { display: flex; align-items: center; gap: 15px; background: white; border: 1px solid var(--line); border-radius: 9px; padding: 18px; cursor: pointer; font-size: .9375rem; line-height: 1.5; }
.sample-app-tasks input { appearance: auto; accent-color: #4c662c; width: 20px; height: 20px; padding: 0; margin: 0; flex-shrink: 0; }
.sample-app-tasks input:checked + span { text-decoration: line-through; color: #73776b; }
.sample-app-body > .sample-app-note { font-size: .75rem; margin-bottom: 0; }
.document-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; border-bottom: 1px solid var(--line); padding-bottom: 21px; }
.document-heading strong { font-size: 1.25rem; letter-spacing: -.04em; }
.document-heading > span { font-size: .75rem; color: var(--muted); }
.business-document, .launch-document { padding: 26px; background: #f7f8f3; border: 1px solid var(--line); border-radius: 12px; }
#room-business-brief { margin: 0; }
#room-business-brief > div { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 22px; padding: 20px 0; border-bottom: 1px solid var(--line); }
#room-business-brief dt { font-size: .8125rem; font-weight: 600; line-height: 1.5; }
#room-business-brief dd { margin: 0; font-size: .9375rem; line-height: 1.6; color: #424a3a; }
.evidence-document { margin-top: 23px; border-radius: 9px; background: #e7edda; padding: 22px; }
.evidence-document > span, .launch-decision > span, .review-changes > span { display: block; font-size: .75rem; letter-spacing: .07em; font-weight: 650; color: #505c40; margin-bottom: 13px; }
.evidence-document h4, .launch-decision h4 { font-size: 1.2rem; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 12px; }
.evidence-document p, .launch-decision p { color: #47523b; font-size: .9375rem; line-height: 1.6; margin: 0; }
.artifact-footnote { font-size: .75rem; line-height: 1.7; color: var(--muted); margin: 17px 0 0; }
.sample-deck { border: 1px solid var(--sample-line); border-radius: 12px; min-height: 420px; display: flex; flex-direction: column; padding: 28px; }
.sample-deck-top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.sample-deck-top strong { font-size: 1.125rem; letter-spacing: -.04em; }
.sample-deck-top > span { font-size: .75rem; }
.sample-deck-body { padding: 40px 0 35px; }
.sample-deck-body > p:first-child { font-size: .75rem; font-weight: 650; letter-spacing: .07em; margin-bottom: 17px; }
.sample-deck-body h4 { font-size: clamp(1.875rem, 3vw, 3rem); line-height: 1.06; letter-spacing: -.055em; margin: 0 0 20px; max-width: 640px; }
#deck-slide-body { font-size: .9375rem; line-height: 1.6; max-width: 530px; }
#deck-slide-points { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 15px 0 0; margin: 0; }
#deck-slide-points li { font-size: .75rem; line-height: 1.5; border-top: 1px solid var(--sample-line); padding-top: 10px; flex: 1 1 130px; }
.sample-deck-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: auto; padding-top: 19px; border-top: 1px solid var(--sample-line); font-size: .75rem; letter-spacing: .045em; }
#deck-page { flex-shrink: 0; font-size: .75rem; letter-spacing: 0; }
.deck-controls { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 15px; }
.deck-controls > span { font-size: .8125rem; color: var(--muted); }
.deck-controls > div { display: flex; gap: 8px; }
.room-launch-steps article { display: flex; gap: 20px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.launch-step-index { display: grid; place-items: center; background: var(--ink); color: var(--lime); width: 33px; height: 33px; border-radius: 50%; font-size: .75rem; flex-shrink: 0; }
.room-launch-steps h4 { font-size: 1.0625rem; letter-spacing: -.02em; line-height: 1.3; margin: 0 0 6px; }
.launch-owner { font-size: .75rem; color: var(--muted); }
.room-launch-steps p { color: var(--muted); font-size: .9375rem; line-height: 1.6; margin: 12px 0 0; }
.launch-decision { margin-top: 24px; }
.launch-decision > span { color: var(--copper); }
.review-example { border: 1px solid var(--line); border-radius: 12px; background: #f7f8f3; padding: 28px; }
.review-example > .eyebrow { font-size: .75rem; color: var(--muted); }
.review-example blockquote { font-size: 1.4rem; letter-spacing: -.03em; line-height: 1.5; margin: 0 0 25px; }
.review-response { display: flex; align-items: start; gap: 15px; border-top: 1px solid var(--line); padding-top: 23px; }
.review-response img { flex-shrink: 0; }
.review-response strong { font-size: .875rem; }
.review-response p { color: var(--muted); font-size: .9375rem; line-height: 1.6; margin: 9px 0 0; }
.review-changes { margin: 24px 0; padding: 21px; background: #e7edda; border-radius: 9px; }
.review-changes ul { padding: 0 0 0 18px; margin: 0; }
.review-changes li { padding: 5px 0; font-size: .875rem; line-height: 1.5; }
.review-example .button { font-size: .875rem; }
.review-next { margin: 24px 0 0; }
.review-next strong { font-size: 1rem; }
.review-next p { font-size: .9375rem; color: var(--muted); line-height: 1.6; margin: 10px 0 0; }
.room-value { border-top: 1px solid var(--line); margin-top: 26px; padding-top: 22px; display: flex; gap: 25px; }
.room-value > span { color: var(--copper); font-size: .75rem; font-weight: 650; letter-spacing: .06em; line-height: 1.6; flex: 0 0 130px; }
.room-value > p { font-size: .9375rem; line-height: 1.6; margin: 0; }
.buildroom-handoff { display: flex; align-items: center; justify-content: space-between; gap: 30px; background: var(--ink); color: var(--bone); padding: 30px 34px; }
.buildroom-handoff h3 { font-size: 1.5rem; line-height: 1.2; margin-bottom: 12px; }
.buildroom-handoff p { font-size: .9375rem; color: #c3c8b9; line-height: 1.6; max-width: 580px; margin: 0; }
.buildroom-handoff .button { flex-shrink: 0; }
.room-tour-note { font-size: .8125rem; line-height: 1.7; color: var(--muted); max-width: 890px; margin: 20px 0 0; }

/* Rotating requests never replace the visitor's own text. */
.prompt-shell textarea { min-height: 82px; }
.prompt-shell textarea::placeholder { color: #697064; opacity: 1; }
.prompt-examples { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; margin: 0 0 13px; border-bottom: 1px solid var(--line); }
.prompt-example-count { font-size: .75rem; letter-spacing: .075em; color: var(--muted); font-variant-numeric: tabular-nums; flex-shrink: 0; }
.prompt-example-actions { display: flex; align-items: center; gap: 7px; }
.prompt-example-actions button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; border-radius: 6px; padding: 9px 11px; background: transparent; font-size: .75rem; color: #4f5942; }
.prompt-example-actions button:hover { background: #edf1e3; color: var(--ink); }
.prompt-example-actions .prompt-use-example { background: #eef5de; color: #263514; font-weight: 600; }
.prompt-example-actions button[aria-pressed="true"] { background: var(--paper); color: var(--ink); }

@media (max-width: 1100px) {
  .buildroom-layout { grid-template-columns: 245px minmax(0, 1fr); }
  .deliverable-sidebar { padding: 24px 10px; }
  .deliverable-tabs button { gap: 9px; padding: 15px 10px; }
  .deliverable-arrow { display: none; }
  .deliverable-panel { padding: 25px; }
  .deliverable-intro { display: block; }
  .draft-badge { display: none; }
  .artifact-toolbar { gap: 10px; }
  .artifact-modes button { padding: 8px 10px; }
  .founder-start { column-gap: 32px; }
  .founder-start-result { padding-left: 26px; }
  .room-value { display: block; }
  .room-value > span { display: block; margin-bottom: 9px; }
  .room-example-tabs button { padding: 18px; }
}
@media (max-width: 850px) {
  .room-example-heading { display: block; }
  .room-example-heading h3 { margin-bottom: 10px; }
  .room-capabilities { gap: 20px; }
  .buildroom-layout { display: block; }
  .deliverable-sidebar { padding: 19px 18px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
  .deliverable-sidebar > p { padding-left: 4px; margin-bottom: 13px; }
  .deliverable-tabs { flex-direction: row; overflow-x: auto; gap: 7px; padding: 3px 2px 8px; scrollbar-width: thin; scrollbar-color: #a3ad8d transparent; }
  .deliverable-tabs button { flex: 0 0 215px; padding: 14px 13px; scroll-margin: 8px; }
  .deliverable-tabs strong { font-size: .875rem; }
  .deliverable-tabs small { font-size: .75rem; }
  .room-sidebar-note { display: none; }
  .deliverable-panel { padding: 28px; }
  .deliverable-intro h3 { font-size: 1.8rem; }
  .sample-site-content h4 { font-size: clamp(2.1rem, 6vw, 3.25rem); }
  .sample-deck-body h4 { font-size: clamp(2rem, 5.2vw, 2.8rem); }
  .buildroom-handoff { display: block; }
  .buildroom-handoff .button { margin-top: 24px; }
  .founder-start { padding: 25px; column-gap: 25px; }
  .founder-start blockquote { font-size: 1.0625rem; }
  .founder-start-result p { font-size: .9375rem; }
  .founder-start-result { padding-left: 23px; }
  .room-example-tabs { gap: 8px; }
  .room-example-tabs button { padding: 15px; }
  .room-example-tabs button > span { font-size: 1rem; }
  .room-example-tabs small { font-size: .75rem; }
}
@media (max-width: 600px) {
  .room-tour-heading h2 { font-size: 2.5rem; }
  .room-tour-heading > p:last-child { font-size: 1.0625rem; }
  .room-capabilities { display: grid; gap: 12px; margin-bottom: 35px; }
  .room-capabilities > span { font-size: .875rem; }
  .room-capabilities b { width: 28px; height: 28px; }
  .room-example-tabs { display: flex; overflow-x: auto; padding: 3px 2px 8px; margin-bottom: 11px; scrollbar-width: thin; }
  .room-example-tabs button { flex: 0 0 220px; min-height: 97px; }
  .room-example-heading p { font-size: .875rem; }
  .buildroom-demo { border-radius: 17px; }
  .founder-start { display: block; padding: 23px; }
  .founder-start blockquote { font-size: 1.125rem; }
  .founder-start-result { border-left: 0; border-top: 1px solid #8c9a763d; padding: 17px 0 0; margin-top: 20px; }
  .founder-start-result > span { margin-bottom: 8px; }
  .founder-start-label, .founder-start-result > span { font-size: .75rem; }
  .buildroom-topbar { display: block; padding: 18px 22px; }
  .room-demo-label { display: block; font-size: .75rem; margin-top: 10px; }
  .buildroom-topbar > div { font-size: .75rem; }
  .deliverable-panel { padding: 23px 18px; }
  .deliverable-intro { margin-bottom: 20px; }
  .deliverable-intro h3 { font-size: 1.6rem; }
  .deliverable-intro > div > p:last-child { font-size: .875rem; }
  .artifact-toolbar { flex-wrap: wrap; gap: 3px 10px; }
  .artifact-modes button { min-height: 40px; font-size: .75rem; padding: 8px 12px; }
  .revision-toggle { font-size: .75rem; text-align: left; }
  .sample-site-nav { margin: 0 20px; padding: 19px 0; gap: 12px; }
  .sample-site-nav strong { font-size: 1.125rem; }
  .sample-site-nav > span { font-size: .75rem; max-width: 130px; }
  .experience-window-bar { padding: 11px 14px; font-size: .75rem; }
  .sample-site-content { padding: 28px 20px 25px; }
  .sample-site-content h4 { font-size: clamp(1.8rem, 6.8vw, 2.5rem); }
  #sample-site-body { font-size: .875rem; }
  .sample-site-content > p:first-child { font-size: .75rem; }
  .sample-site-features { margin: 0 20px; gap: 12px; padding: 18px 0; }
  .sample-site-features > span { font-size: .75rem; }
  .sample-site-features > span::before { display: block; margin-bottom: 4px; }
  .sample-app-body, .sample-app-top { padding: 23px 20px; }
  .sample-app-body h4 { font-size: 1.55rem; }
  .sample-app-tasks label { padding: 15px; font-size: .875rem; }
  .business-document, .launch-document { padding: 21px 18px; }
  .document-heading { display: block; }
  .document-heading > span { display: block; margin-top: 7px; }
  #room-business-brief > div { display: block; padding: 17px 0; }
  #room-business-brief dt { margin-bottom: 8px; }
  #room-business-brief dd { font-size: .875rem; }
  .evidence-document { padding: 18px; }
  .evidence-document p, .launch-decision p { font-size: .875rem; }
  .sample-deck { min-height: 410px; padding: 24px 20px; }
  .sample-deck-top { display: block; }
  .sample-deck-top > span { display: block; margin-top: 8px; }
  .sample-deck-body { padding: 30px 0; }
  .sample-deck-body h4 { font-size: clamp(1.8rem, 6.3vw, 2.3rem); }
  #deck-slide-body { font-size: .875rem; }
  #deck-slide-points { gap: 9px; }
  #deck-slide-points li { flex-basis: 100%; padding-top: 8px; }
  .deck-controls > span { font-size: .75rem; }
  .room-launch-steps article { gap: 13px; }
  .room-launch-steps p { font-size: .875rem; }
  .launch-step-index { width: 27px; height: 27px; }
  .review-example { padding: 23px 20px; }
  .review-example blockquote { font-size: 1.2rem; }
  .review-response { gap: 12px; }
  .review-response p { font-size: .875rem; }
  .review-changes { padding: 18px; }
  .review-example .button { font-size: .8125rem; gap: 14px; padding: 14px 18px; }
  .room-value > p { font-size: .875rem; }
  .buildroom-handoff { padding: 25px 23px; }
  .buildroom-handoff h3 { font-size: 1.4rem; }
  .buildroom-handoff p { font-size: .875rem; }
  .room-tour-note { font-size: .75rem; }
  .prompt-shell textarea { min-height: 112px; }
  .prompt-examples { display: block; padding-bottom: 11px; }
  .prompt-example-count { display: block; margin: 0 0 6px; }
  .prompt-example-actions { gap: 5px; justify-content: space-between; }
  .prompt-example-actions button { min-height: 42px; font-size: .75rem; padding: 8px 9px; }
  .prompt-example-actions .prompt-use-example { margin-right: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .room-tour button { transition: none; }
}


/* A visual showcase of authored, fictional company deliverables. */
.room-visual-tour { padding-top: 92px; }
.room-visual-tour .room-tour-heading { max-width: 940px; margin-bottom: 36px; }
.room-visual-tour .room-tour-heading h2 { font-size: clamp(2.5rem, 5vw, 4.5rem); }
.room-visual-tour .room-tour-heading > p:last-child { max-width: 680px; margin-bottom: 0; }
.room-visual-tour .room-example-heading h3 { font-size: 1.125rem; letter-spacing: -.02em; }
.room-visual-tour .room-example-heading p { font-size: .875rem; }
.room-visual-tour .room-example-tabs { gap: 14px; margin-bottom: 23px; }
.room-visual-tour .room-example-tabs button { display: flex; align-items: center; gap: 16px; min-height: 102px; padding: 14px; background: white; border-radius: 14px; }
.room-visual-tour .room-example-tabs button > img { width: 70px; height: 74px; flex-shrink: 0; object-fit: cover; border-radius: 7px; }
.room-visual-tour .room-example-tabs button > .example-tab-copy { min-width: 0; margin: 0; }
.room-visual-tour .example-tab-copy strong { display: block; font-size: 1.125rem; margin-bottom: 5px; letter-spacing: -.04em; }
.room-visual-tour .example-tab-copy small { font-size: .875rem; font-weight: 400; line-height: 1.4; }
.room-visual-tour .room-example-tabs button > .example-tab-arrow { margin: 0 3px 0 auto; font-size: 1.1rem; }
.room-visual-tour .room-example-tabs button[aria-selected="true"] { background: var(--ink); box-shadow: 0 5px 0 var(--lime); }
.room-visual-tour .room-example-tabs button[aria-selected="true"] .example-tab-arrow { color: var(--lime); }
.room-visual-tour .buildroom-demo { --preview-paper: #f4f2e9; --preview-dark: #193b31; --preview-accent: #d9eab0; --preview-soft: #e9eddf; --preview-muted: #58665c; --preview-line: #193b3126; border-color: #c7c8c1; box-shadow: 0 30px 75px #15181810; }
.room-visual-tour .buildroom-demo[data-theme="company"] { --preview-paper: #f7f3ee; --preview-dark: #292622; --preview-accent: #f3ae8c; --preview-soft: #f4e8de; --preview-muted: #706359; --preview-line: #29262224; }
.room-visual-tour .buildroom-demo[data-theme="product"] { --preview-paper: #f3f6fd; --preview-dark: #1a2b58; --preview-accent: #c9d7ff; --preview-soft: #e6ecff; --preview-muted: #5c6880; --preview-line: #1a2b5826; }
.room-visual-tour .buildroom-topbar { min-height: 64px; background: var(--ink); color: white; padding: 18px 30px; border: 0; }
.room-visual-tour .buildroom-topbar img { filter: invert(1); }
.room-visual-tour .room-demo-label { color: #ced0c8; font-size: .875rem; }
.room-visual-tour .founder-start { grid-template-columns: 1fr 1fr; gap: 26px; padding: 28px 32px; background: white; border-bottom: 1px solid var(--line); }
.room-visual-tour .founder-start-result { grid-row: auto; padding-left: 28px; }
.room-visual-tour .founder-start blockquote { font-size: 1.125rem; line-height: 1.5; }
.room-visual-tour .founder-start-result p { font-size: 1rem; line-height: 1.6; color: var(--muted); }
.room-visual-tour .founder-start-label, .room-visual-tour .founder-start-result > span { font-size: .75rem; color: var(--copper); }
.room-visual-tour .buildroom-layout { display: block; }
.room-visual-tour .deliverable-sidebar { padding: 17px 24px 0; border: 0; border-bottom: 1px solid var(--line); background: #fafaf7; }
.room-visual-tour .deliverable-sidebar > p { padding: 0 4px; font-size: .75rem; margin-bottom: 13px; }
.room-visual-tour .deliverable-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; padding-bottom: 16px; }
.room-visual-tour .deliverable-tabs button { display: grid; grid-template-columns: 1fr; gap: 0; padding: 15px 13px; min-height: 107px; border: 1px solid transparent; border-radius: 10px; align-content: start; position: relative; }
.room-visual-tour .artifact-icon { display: block; font-size: 1.5rem; line-height: 1; height: 25px; margin-bottom: 10px; color: var(--copper); }
.room-visual-tour .deliverable-tabs strong { font-size: .875rem; font-weight: 600; margin: 0 0 5px; }
.room-visual-tour .deliverable-tabs small { font-size: .75rem; line-height: 1.4; }
.room-visual-tour .deliverable-tabs button[aria-selected="true"] { background: var(--ink); border-color: var(--ink); }
.room-visual-tour .deliverable-tabs button[aria-selected="true"] .artifact-icon { color: var(--lime); }
.room-visual-tour .deliverable-panel { padding: 28px; background: #eeefec; }
.room-visual-tour .deliverable-intro { margin-bottom: 23px; align-items: center; }
.room-visual-tour .deliverable-intro h3 { font-size: clamp(1.6rem, 2.6vw, 2.3rem); margin-bottom: 8px; }
.room-visual-tour .deliverable-intro .eyebrow { margin-bottom: 9px; }
.room-visual-tour .deliverable-intro > div > p:last-child { font-size: 1rem; max-width: 820px; }
.room-visual-tour .draft-badge { font-size: .75rem; background: white; }
.room-visual-tour .artifact-modes { background: #dedfd9; padding: 4px; }
.room-visual-tour .artifact-modes button { font-size: .875rem; min-height: 44px; padding: 10px 18px; }
.room-visual-tour .revision-toggle { font-size: .875rem; }
.room-visual-tour .experience-window { border: 1px solid #babeb5; border-radius: 13px; box-shadow: 0 12px 32px #101a1814; }
.room-visual-tour .experience-window-bar, .artifact-editor-bar { padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #fff; border-bottom: 1px solid #d8dcd3; font-size: .75rem; color: #636861; }
.room-visual-tour .experience-window-bar { justify-content: start; }
.browser-dots { display: flex; gap: 5px; }
.browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #b9bdb5; }
.room-visual-tour .sample-website { background: var(--preview-paper); color: var(--preview-dark); --sample-line: var(--preview-line); --sample-ink: var(--preview-dark); --sample-bg: var(--preview-paper); }
.room-visual-tour .sample-site-nav { margin: 0 36px; padding: 25px 0; }
.room-visual-tour .sample-site-nav strong { font-size: 1.7rem; letter-spacing: -.065em; }
.room-visual-tour .sample-site-nav > span { font-size: .75rem; max-width: 215px; }
.sample-nav-tag { border: 1px solid var(--preview-line); border-radius: 99px; padding: 9px 13px; }
.room-visual-tour .sample-site-nav #sample-site-nav-copy { margin-left: auto; }
.sample-site-hero { display: grid; grid-template-columns: 1fr .93fr; }
.room-visual-tour .sample-site-content { padding: 48px 36px 34px; display: flex; flex-direction: column; align-items: start; justify-content: center; min-width: 0; }
.room-visual-tour .sample-site-content > p:first-child { font-size: .75rem; letter-spacing: .08em; max-width: 350px; margin-bottom: 22px; }
.room-visual-tour .sample-site-content h4 { font-size: clamp(2.2rem, 4.2vw, 3.8rem); letter-spacing: -.065em; line-height: 1.04; margin-bottom: 24px; }
.room-visual-tour #sample-site-body { font-size: 1rem; max-width: 410px; line-height: 1.65; }
.room-visual-tour #sample-offer-button { background: var(--preview-dark); color: white; border-radius: 99px; font-size: .875rem; padding: 16px 23px; min-height: 48px; }
.room-visual-tour #sample-offer-button:hover { background: var(--preview-muted); }
.sample-site-visual { position: relative; margin: 24px 24px 24px 0; min-height: 420px; border-radius: 8px; overflow: hidden; background: var(--preview-dark); }
.sample-site-visual > img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.sample-site-visual::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, #051512bd); pointer-events: none; }
.sample-site-visual figcaption { position: absolute; bottom: 28px; left: 26px; right: 24px; color: white; z-index: 1; }
.sample-site-visual figcaption > span { display: block; font-size: .75rem; letter-spacing: .075em; margin-bottom: 12px; }
.sample-site-visual figcaption > strong { display: block; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.08; letter-spacing: -.045em; max-width: 310px; white-space: pre-line; }
.sample-site-proof { display: flex; align-items: center; gap: 12px; padding-top: 30px; margin-top: auto; }
.sample-site-proof > p { font-size: .75rem; line-height: 1.5; color: var(--preview-muted); margin: 0; white-space: pre-line; }
.sample-proof-mark { background: var(--preview-accent); border-radius: 50%; width: 38px; height: 38px; display: grid; place-items: center; font-size: .875rem; flex-shrink: 0; }
.room-visual-tour .sample-site-features { margin: 0; border-top: 0; background: var(--preview-dark); color: white; padding: 22px 36px; gap: 20px; }
.room-visual-tour .sample-site-features > span { display: flex; align-items: center; gap: 12px; font-size: .875rem; }
.room-visual-tour .sample-site-features > span::before { content: '✓'; margin: 0; color: var(--preview-accent); }
.sample-site-bottom { padding: 30px 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: center; }
.preview-label { display: block; font-size: .75rem; letter-spacing: .065em; font-weight: 600; line-height: 1.5; color: var(--preview-muted); margin: 0 0 10px; }
.sample-site-bottom h5 { font-size: 1.4rem; margin: 0; font-weight: 600; letter-spacing: -.04em; line-height: 1.2; }
.sample-site-bottom > p { font-size: .875rem; color: var(--preview-muted); margin: 0; line-height: 1.6; }
.room-visual-tour .sample-offer-detail { font-size: .875rem; }
.room-visual-tour .revision-caption { font-size: .875rem; margin-top: 22px; }
.app-presentation { display: grid; grid-template-columns: 340px 1fr; gap: 65px; align-items: center; justify-content: center; border: 1px solid #c7cbc1; border-radius: 15px; background: var(--preview-soft); padding: 45px 65px; }
.phone-device { background: #18251f; border: 7px solid #18251f; border-radius: 38px; padding: 0 0 9px; box-shadow: 0 24px 34px #0f25182b; position: relative; width: 100%; }
.phone-camera { position: absolute; z-index: 1; width: 80px; height: 15px; border-radius: 0 0 14px 14px; top: 0; left: calc(50% - 40px); background: #18251f; }
.room-visual-tour .sample-app { border: 0; border-radius: 30px; background: white; }
.room-visual-tour .sample-app-top { padding: 30px 20px 17px; background: var(--preview-paper); }
.room-visual-tour .sample-app-top strong { font-size: 1.3rem; color: var(--preview-dark); }
.room-visual-tour .sample-app-top > span { font-size: .75rem; }
.room-visual-tour .sample-app-body { padding: 23px 19px 20px; }
.room-visual-tour .sample-app-body h4 { font-size: 1.8rem; line-height: 1.12; letter-spacing: -.055em; }
.room-visual-tour .sample-app-body > p { font-size: .875rem; }
.app-progress { padding: 16px; border-radius: 12px; background: var(--preview-soft); color: var(--preview-dark); margin-top: 24px; }
.app-progress > div { display: flex; justify-content: space-between; gap: 15px; font-size: .75rem; margin-bottom: 12px; }
.app-progress progress { display: block; width: 100%; height: 6px; border: 0; border-radius: 99px; accent-color: var(--preview-dark); background: #ffffff8c; overflow: hidden; }
.app-progress progress::-webkit-progress-bar { background: #ffffff8c; }
.app-progress progress::-webkit-progress-value { background: var(--preview-dark); }
.app-progress progress::-moz-progress-bar { background: var(--preview-dark); }
.room-visual-tour .sample-app-tasks { margin: 18px 0; gap: 10px; }
.room-visual-tour .sample-app-tasks label { font-size: .875rem; padding: 14px 12px; gap: 10px; border-color: #dedfd7; }
.room-visual-tour .sample-app-tasks input { width: 20px; height: 20px; accent-color: var(--preview-dark); }
.room-visual-tour .sample-app-body > .sample-app-note { font-size: .75rem; }
.sample-app-bottom { display: flex; justify-content: space-around; padding: 18px 10px; border-top: 1px solid var(--line); font-size: .75rem; color: var(--muted); }
.sample-app-bottom .active { color: var(--preview-dark); font-weight: 700; }
.phone-home { width: 95px; height: 4px; background: #8c958c; border-radius: 10px; margin: 10px auto 0; }
.app-context { color: var(--preview-dark); max-width: 400px; }
.app-context > .eyebrow { font-size: .75rem; }
.app-context > h4 { font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.08; letter-spacing: -.055em; margin: 18px 0 23px; white-space: pre-line; }
.app-context > p:not(.eyebrow) { font-size: 1rem; line-height: 1.65; color: var(--preview-muted); }
.app-context-card { background: #ffffffb8; border: 1px solid var(--preview-line); border-radius: 12px; padding: 23px; margin-top: 30px; }
.app-context-card > span { display: block; font-size: .75rem; letter-spacing: .06em; margin-bottom: 12px; color: var(--preview-muted); }
.app-context-card strong { font-size: 1.125rem; }
.app-context-card p { margin: 8px 0 0; font-size: .875rem; color: var(--preview-muted); }
.app-design-notes { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 23px; }
.app-design-notes span { font-size: .75rem; border-bottom: 1px solid var(--preview-line); padding-bottom: 5px; }
.deck-editor { border: 1px solid #c0c4bc; border-radius: 14px; background: #d9ddd6; overflow: hidden; }
.room-visual-tour .sample-deck { --sample-bg: var(--preview-paper); --sample-ink: var(--preview-dark); --sample-line: var(--preview-line); border: 0; background: var(--preview-paper); color: var(--preview-dark); min-height: 0; aspect-ratio: 16 / 9; border-radius: 0; margin: 24px; padding: 28px 32px 20px; box-shadow: 0 7px 17px #0d17151a; }
.room-visual-tour .sample-deck-top { position: relative; z-index: 1; align-items: center; }
.room-visual-tour .sample-deck-top strong { font-size: 1.25rem; letter-spacing: -.045em; }
.room-visual-tour .sample-deck-body { display: grid; grid-template-columns: 1.05fr 1fr; gap: 36px; flex: 1; align-items: center; padding: 35px 0 26px; min-height: 0; }
.deck-copy { min-width: 0; }
.deck-copy > p:first-child { font-size: .75rem; letter-spacing: .05em; font-weight: 600; margin: 0 0 20px; }
.room-visual-tour .sample-deck-body h4 { font-size: clamp(1.8rem, 3.9vw, 3.55rem); line-height: 1.02; margin-bottom: 18px; white-space: pre-line; }
.room-visual-tour #deck-slide-body { font-size: 1rem; line-height: 1.5; margin-bottom: 0; }
.room-visual-tour #deck-slide-points { gap: 12px; padding-top: 22px; }
.room-visual-tour #deck-slide-points li { font-size: .75rem; flex: 1; }
.room-visual-tour .sample-deck-footer { padding-top: 15px; font-size: .75rem; }
.deck-visual { min-width: 0; height: 100%; min-height: 260px; align-self: stretch; }
.deck-cover-photo { display: block; width: 100%; height: 100%; min-height: 270px; object-fit: cover; border-radius: 4px 36px 4px 4px; }
.room-visual-tour .sample-deck[data-slide="1"] { --sample-line: #ffffff35; background: var(--preview-dark); color: white; }
.room-visual-tour .sample-deck[data-slide="1"] .deck-visual { display: grid; align-content: center; gap: 12px; }
.deck-flow-card { display: flex; align-items: center; gap: 17px; border-radius: 9px; background: #ffffff0d; border: 1px solid #ffffff29; padding: 19px; }
.deck-flow-card > span { display: grid; place-items: center; background: var(--preview-accent); color: var(--preview-dark); width: 35px; height: 35px; border-radius: 50%; font-size: .875rem; flex-shrink: 0; }
.deck-flow-card > div { min-width: 0; }
.deck-flow-card strong { display: block; font-size: 1rem; margin-bottom: 5px; }
.deck-flow-card small { display: block; font-size: .75rem; line-height: 1.5; color: #ffffffad; }
.room-visual-tour .sample-deck[data-slide="2"] { background: var(--preview-accent); }
.deck-plan-cards { display: flex; flex-direction: column; height: 100%; justify-content: center; gap: 12px; }
.deck-plan-card { border-top: 1px solid var(--preview-line); padding: 19px 0; display: grid; grid-template-columns: 35px 1fr; gap: 15px; }
.deck-plan-card > span { font-size: .75rem; padding-top: 4px; }
.deck-plan-card strong { font-size: 1.2rem; display: block; letter-spacing: -.035em; margin-bottom: 5px; }
.deck-plan-card small { font-size: .875rem; line-height: 1.5; display: block; color: var(--preview-muted); }
.deck-filmstrip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 0 24px 22px; }
.deck-thumb { display: grid; grid-template-columns: 1fr 1fr; min-height: 87px; padding: 0; border: 2px solid transparent; border-radius: 7px; overflow: hidden; text-align: left; color: var(--preview-dark); background: var(--preview-paper); position: relative; }
.deck-thumb[aria-pressed="true"] { border-color: var(--preview-dark); box-shadow: 0 0 0 3px #fff; }
.deck-thumb > img { height: 100%; width: 100%; object-fit: cover; min-height: 87px; }
.deck-thumb-copy { padding: 14px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
.deck-thumb-copy small { font-size: .75rem; opacity: .75; }
.deck-thumb-copy strong { font-size: .875rem; font-weight: 600; line-height: 1.2; }
.deck-thumb[data-deck-slide="1"] { background: var(--preview-dark); color: white; }
.deck-thumb[data-deck-slide="2"] { background: var(--preview-accent); }
.deck-thumb-lines { padding: 15px; display: flex; flex-direction: column; justify-content: center; gap: 7px; }
.deck-thumb-lines > i { height: 10px; border: 1px solid currentColor; opacity: .6; border-radius: 3px; }
.deck-thumb[data-deck-slide="2"] .deck-thumb-lines > i { border: 0; background: var(--preview-dark); opacity: .2; height: 5px; }
.dashboard-window { border: 1px solid #c5c9c0; border-radius: 14px; overflow: hidden; background: #f6f7f4; box-shadow: 0 12px 30px #18221a0c; color: #203129; }
.demo-data-badge { background: #eff0e9; border: 1px solid #d1d5c9; border-radius: 99px; padding: 5px 10px; color: #4c5846; font-size: .75rem; }
.dashboard-layout { display: grid; grid-template-columns: 140px 1fr; }
.dashboard-sidebar { padding: 23px 14px; background: white; border-right: 1px solid #e0e3da; display: flex; flex-direction: column; gap: 9px; }
.dashboard-monogram { width: 37px; height: 37px; display: grid; place-items: center; color: white; background: var(--preview-dark); border-radius: 10px; font-weight: 650; margin: 0 10px 24px; font-size: 1.3rem; letter-spacing: -.05em; }
.dashboard-sidebar > span { font-size: .75rem; padding: 12px; border-radius: 7px; color: #788174; }
.dashboard-sidebar > .dashboard-nav-active { color: var(--preview-dark); background: var(--preview-soft); font-weight: 650; }
.dashboard-avatar { margin: auto 0 0 10px; background: #f1f1eb; border: 1px solid #d4d8cc; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; font-size: .75rem; }
.dashboard-content { padding: 25px; min-width: 0; }
.dashboard-heading { display: flex; justify-content: space-between; gap: 25px; align-items: center; margin-bottom: 24px; }
.dashboard-heading .preview-label { font-size: .75rem; margin-bottom: 7px; }
.dashboard-heading h4 { font-size: 1.7rem; letter-spacing: -.045em; margin: 0; line-height: 1.2; }
.dashboard-period { display: flex; gap: 3px; padding: 4px; background: #e8ece3; border-radius: 8px; flex-shrink: 0; }
.dashboard-period button { font-size: .75rem; min-height: 36px; padding: 7px 13px; border-radius: 5px; background: transparent; }
.dashboard-period button[aria-pressed="true"] { background: white; box-shadow: 0 1px 5px #15281f0d; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.dashboard-metric { padding: 19px; border: 1px solid #dfe3d7; background: white; border-radius: 11px; min-width: 0; }
.dashboard-metric > span { display: block; font-size: .75rem; line-height: 1.4; color: #707b68; min-height: 2.8em; }
.dashboard-metric > strong { display: block; font-size: 2.25rem; font-weight: 600; letter-spacing: -.055em; line-height: 1; margin: 9px 0 13px; }
.dashboard-metric > small { font-size: .75rem; color: #788271; }
.dashboard-insights { display: grid; grid-template-columns: 1.55fr 1fr; gap: 14px; margin: 16px 0; }
.dashboard-chart { border: 1px solid #dfe3d7; border-radius: 12px; background: white; padding: 20px; margin: 0; }
.dashboard-chart figcaption { display: flex; gap: 10px; justify-content: space-between; align-items: baseline; margin-bottom: 30px; }
.dashboard-chart figcaption strong { font-size: .875rem; line-height: 1.4; }
.dashboard-chart figcaption > span { font-size: 1.3rem; font-weight: 600; letter-spacing: -.045em; }
.dashboard-bars { height: 120px; display: flex; align-items: end; justify-content: space-around; gap: 16px; border-bottom: 1px solid #e7eadf; background: repeating-linear-gradient(to top, transparent 0, transparent 39px, #f1f3ec 39px, #f1f3ec 40px); padding: 0 15px; }
.dashboard-bar { flex: 1; max-width: 50px; border-radius: 5px 5px 0 0; min-height: 3px; background: var(--preview-accent); position: relative; }
.dashboard-bar:last-child { background: var(--preview-dark); }
.dashboard-bar > span { position: absolute; bottom: calc(100% + 5px); width: 100%; text-align: center; font-size: .75rem; color: #718064; }
.dashboard-chart-axis { display: flex; justify-content: space-around; gap: 16px; margin-top: 11px; padding: 0 15px; }
.dashboard-chart-axis > span { flex: 1; max-width: 50px; font-size: .75rem; color: #86907c; text-align: center; }
.dashboard-focus { background: var(--preview-dark); color: white; border-radius: 12px; padding: 22px; display: flex; flex-direction: column; align-items: start; }
.dashboard-focus .preview-label { color: var(--preview-accent); }
.dashboard-focus h5 { font-size: 1.25rem; line-height: 1.16; margin: 10px 0 12px; letter-spacing: -.035em; }
.dashboard-focus p { font-size: .875rem; color: #ffffffbf; line-height: 1.6; margin: 0 0 20px; }
.dashboard-focus-tag { font-size: .75rem; line-height: 1.5; border: 1px solid #ffffff45; border-radius: 99px; padding: 6px 10px; margin-top: auto; }
.dashboard-table-wrap { border: 1px solid #dfe3d7; background: white; border-radius: 12px; overflow: hidden; }
.dashboard-table-heading { padding: 18px 20px; display: flex; gap: 10px; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e8e0; }
.dashboard-table-heading strong { font-size: .875rem; }
.dashboard-table-heading > span { color: #818c77; font-size: .75rem; }
.dashboard-table { width: 100%; border-collapse: collapse; text-align: left; }
.dashboard-table th { font-size: .75rem; font-weight: 500; color: #829074; background: #fafbf8; }
.dashboard-table td { font-size: .875rem; border-top: 1px solid #eff1eb; }
.dashboard-table th, .dashboard-table td { padding: 14px 20px; line-height: 1.4; }
.table-progress { display: flex; align-items: center; gap: 10px; font-size: .75rem; }
.table-progress-track { width: 65px; height: 5px; background: #edf0e6; border-radius: 5px; overflow: hidden; }
.table-progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--preview-dark); }
.room-visual-tour .business-document { border: 1px solid #c7cdbf; padding: 32px; background: var(--preview-paper); color: var(--preview-dark); }
.room-visual-tour .document-heading { border-color: var(--preview-line); }
.room-visual-tour .document-heading strong { font-size: 1.5rem; }
.room-visual-tour .document-heading > span { font-size: .875rem; }
.blueprint-intro { padding: 30px 0; position: relative; }
.blueprint-intro h4, .launch-board-intro h4 { font-size: 2rem; line-height: 1.1; letter-spacing: -.055em; margin: 0; }
.blueprint-intro > span { display: block; margin-top: 26px; font-size: .75rem; color: var(--preview-muted); }
.room-visual-tour #room-business-brief { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.room-visual-tour #room-business-brief > div { display: block; padding: 24px; border: 1px solid var(--preview-line); border-radius: 9px; background: #ffffffb3; min-width: 0; }
.room-visual-tour #room-business-brief dt { font-size: .875rem; color: var(--preview-dark); margin-bottom: 14px; }
.room-visual-tour #room-business-brief dd { font-size: 1rem; line-height: 1.65; color: var(--preview-muted); }
.room-visual-tour .evidence-document { background: var(--preview-dark); color: white; padding: 25px; }
.room-visual-tour .evidence-document > span { color: var(--preview-accent); font-size: .75rem; }
.room-visual-tour .evidence-document h4 { font-size: 1.4rem; line-height: 1.25; }
.room-visual-tour .evidence-document p { font-size: 1rem; color: #ffffffc4; }
.room-visual-tour .launch-document { padding: 32px; background: #f8f9f5; }
.launch-board-intro { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 30px 0; }
.board-view-label { font-size: .75rem; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; background: white; flex-shrink: 0; }
.room-visual-tour .room-launch-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.room-visual-tour .room-launch-steps article { display: flex; flex-direction: column; gap: 16px; padding: 20px; background: white; border: 1px solid #d9dfd0; border-top: 4px solid var(--preview-accent); border-radius: 11px; min-width: 0; }
.room-visual-tour .room-launch-steps article:last-child { border-top-color: var(--preview-dark); }
.room-visual-tour .launch-step-index { border-radius: 7px; background: var(--preview-soft); color: var(--preview-dark); width: 37px; height: 32px; }
.room-visual-tour .room-launch-steps h4 { font-size: 1.125rem; margin-bottom: 12px; letter-spacing: -.035em; min-height: 2.6em; }
.room-visual-tour .launch-owner { display: block; font-size: .75rem; color: var(--preview-muted); padding-bottom: 13px; border-bottom: 1px solid #e1e5da; }
.room-visual-tour .room-launch-steps p { font-size: 1rem; line-height: 1.6; margin-top: 17px; }
.room-visual-tour .launch-decision { background: var(--preview-soft); border-radius: 10px; padding: 23px; }
.room-visual-tour .launch-decision > span { color: var(--preview-muted); }
.room-visual-tour .launch-decision h4 { color: var(--preview-dark); font-size: 1.3rem; }
.room-visual-tour .launch-decision p { font-size: 1rem; color: var(--preview-muted); }
.room-visual-tour .review-example { padding: 30px; background: #fff; border-color: #d2d7c9; }
.review-feedback-header { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.feedback-avatar { background: #d8e7e9; color: #234a52; width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; font-size: .875rem; }
.review-feedback-header > div strong { display: block; font-size: .875rem; margin-bottom: 4px; }
.review-feedback-header > div > span { display: block; font-size: .75rem; color: var(--muted); }
.room-visual-tour .review-example blockquote { max-width: 850px; font-size: 1.25rem; margin-bottom: 25px; }
.revision-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0 30px; }
.comparison-label { display: flex; justify-content: space-between; font-size: .75rem; color: var(--muted); letter-spacing: .06em; margin-bottom: 10px; }
.comparison-label b { color: var(--copper); font-weight: 500; }
.comparison-site { border: 1px solid var(--preview-line); background: var(--preview-paper); color: var(--preview-dark); border-radius: 9px; overflow: hidden; }
.comparison-site > strong { display: block; padding: 18px 22px; border-bottom: 1px solid var(--preview-line); font-size: 1rem; letter-spacing: -.04em; }
.comparison-site > h4 { font-size: clamp(1.4rem, 2.5vw, 2.25rem); line-height: 1.07; letter-spacing: -.05em; margin: 0; padding: 27px 22px; min-height: 135px; }
.comparison-site > img { width: 100%; height: 175px; object-fit: cover; }
.room-visual-tour .review-response p { font-size: 1rem; }
.room-visual-tour .review-changes { background: var(--preview-soft); }
.room-visual-tour .review-changes li { font-size: .9375rem; }
.room-visual-tour .room-value { background: white; border: 1px solid #d7dcce; border-left: 3px solid var(--lime); padding: 20px; border-radius: 0 8px 8px 0; margin-top: 25px; align-items: center; gap: 20px; }
.room-visual-tour .room-value > span { font-size: .75rem; flex-basis: 165px; }
.room-visual-tour .room-value > p { font-size: 1rem; }
.room-visual-tour .artifact-footnote, .room-visual-tour .room-tour-note { font-size: .8125rem; }
.room-visual-tour .buildroom-handoff { padding: 32px; }
@media (max-width: 1100px) {
  .room-visual-tour .room-example-tabs button { gap: 12px; padding: 12px; }
  .room-visual-tour .room-example-tabs button > img { width: 53px; height: 65px; }
  .room-visual-tour .example-tab-copy strong { font-size: 1rem; }
  .room-visual-tour .example-tab-copy small { font-size: .75rem; }
  .room-visual-tour .room-example-tabs button > .example-tab-arrow { display: none; }
  .room-visual-tour .deliverable-tabs { gap: 4px; }
  .room-visual-tour .deliverable-tabs button { padding: 14px 9px; }
  .room-visual-tour .sample-site-nav { margin: 0 27px; }
  .room-visual-tour .sample-site-content { padding: 35px 27px 28px; }
  .sample-nav-tag { display: none; }
  .sample-site-visual { min-height: 390px; }
  .app-presentation { gap: 35px; padding: 36px; grid-template-columns: 310px 1fr; }
  .dashboard-layout { grid-template-columns: 100px 1fr; }
  .dashboard-sidebar { padding: 22px 8px; }
  .dashboard-sidebar > span { padding: 11px 9px; }
  .dashboard-content { padding: 20px; }
  .dashboard-insights { grid-template-columns: 1.2fr 1fr; }
  .dashboard-table th, .dashboard-table td { padding: 14px; }
  .room-visual-tour .sample-deck-body { gap: 25px; }
}
@media (max-width: 850px) {
  .room-visual-tour .deliverable-sidebar { padding: 16px 18px 0; }
  .room-visual-tour .deliverable-tabs { display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; gap: 8px; padding-bottom: 16px; }
  .room-visual-tour .deliverable-tabs button { flex: 0 0 150px; scroll-snap-align: start; padding: 14px; min-height: 104px; }
  .room-visual-tour .deliverable-panel { padding: 23px; }
  .room-visual-tour .deliverable-intro { display: block; }
  .room-visual-tour .draft-badge { display: inline-block; margin: 12px 0 0; }
  .room-visual-tour .sample-site-content h4 { font-size: 2.4rem; }
  .sample-site-hero { grid-template-columns: 1fr; }
  .sample-site-visual { min-height: 310px; margin: 0 24px 24px; }
  .room-visual-tour .sample-site-content { padding: 35px 27px; }
  .sample-site-proof { padding-top: 22px; }
  .room-visual-tour .sample-site-features { padding: 22px 27px; }
  .sample-site-bottom { padding: 27px; gap: 25px; }
  .room-visual-tour .sample-deck { aspect-ratio: auto; min-height: 470px; margin: 18px; padding: 24px; }
  .room-visual-tour .sample-deck-body { gap: 22px; padding: 26px 0; }
  .room-visual-tour .sample-deck-body h4 { font-size: 2rem; }
  .room-visual-tour #deck-slide-body { font-size: .9375rem; }
  .deck-visual { min-height: 230px; }
  .deck-cover-photo { min-height: 230px; }
  .deck-flow-card { padding: 14px; gap: 12px; }
  .deck-flow-card strong { font-size: .875rem; }
  .deck-plan-card strong { font-size: 1.05rem; }
  .deck-plan-card { gap: 10px; }
  .deck-filmstrip { padding: 0 18px 18px; gap: 10px; }
  .deck-thumb-copy { padding: 12px; }
  .deck-thumb-lines { padding: 12px; }
  .dashboard-layout { grid-template-columns: 1fr; }
  .dashboard-sidebar { display: none; }
  .dashboard-content { padding: 22px; }
  .app-presentation { grid-template-columns: 290px minmax(0, 1fr); gap: 25px; padding: 30px 25px; }
  .app-context > h4 { font-size: 2rem; }
  .app-context-card { padding: 18px; }
  .app-design-notes { display: none; }
  .room-visual-tour .room-launch-steps { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; scrollbar-width: thin; }
  .room-visual-tour .room-launch-steps article { flex: 0 0 260px; scroll-snap-align: start; }
}
@media (max-width: 760px) {
  .app-presentation { grid-template-columns: 1fr; gap: 30px; }
  .phone-device { max-width: 315px; margin: 0 auto; }
  .app-context { margin: 0 auto; width: 100%; }
}
@media (max-width: 600px) {
  .room-visual-tour { padding-top: 65px; }
  .room-visual-tour .room-tour-heading { margin-bottom: 27px; }
  .room-visual-tour .room-tour-heading h2 { font-size: 2.4rem; }
  .room-visual-tour .room-tour-heading h2 br { display: none; }
  .room-visual-tour .room-tour-heading > p:last-child { font-size: 1rem; }
  .room-visual-tour .room-example-heading { display: block; }
  .room-visual-tour .room-example-heading p { margin-top: 8px; }
  .room-visual-tour .room-example-tabs { display: flex; overflow-x: auto; gap: 10px; padding: 3px 2px 11px; scrollbar-width: thin; scroll-snap-type: x mandatory; }
  .room-visual-tour .room-example-tabs button { flex: 0 0 260px; min-height: 94px; scroll-snap-align: start; }
  .room-visual-tour .room-example-tabs button > img { width: 62px; height: 65px; }
  .room-visual-tour .example-tab-copy small { font-size: .875rem; }
  .room-visual-tour .buildroom-demo { border-radius: 15px; }
  .room-visual-tour .buildroom-topbar { padding: 18px 20px; display: block; }
  .room-visual-tour .room-demo-label { margin-top: 9px; font-size: .75rem; }
  .room-visual-tour .founder-start { display: block; padding: 21px; }
  .room-visual-tour .founder-start blockquote { font-size: 1rem; }
  .room-visual-tour .founder-start-result { padding: 17px 0 0; margin-top: 18px; }
  .room-visual-tour .founder-start-result p { font-size: .9375rem; }
  .room-visual-tour .deliverable-sidebar { padding: 16px 13px 0; }
  .room-visual-tour .deliverable-tabs button { flex-basis: 145px; }
  .room-visual-tour .deliverable-panel { padding: 24px 14px; }
  .room-visual-tour .deliverable-intro h3 { font-size: 1.65rem; }
  .room-visual-tour .deliverable-intro > div > p:last-child { font-size: 1rem; }
  .room-visual-tour .artifact-toolbar { display: block; }
  .room-visual-tour .artifact-modes { display: inline-flex; }
  .room-visual-tour .artifact-modes button { padding: 10px 14px; }
  .room-visual-tour .revision-toggle { display: block; padding: 12px 0 0; min-height: 42px; text-align: left; }
  .room-visual-tour .experience-window-bar { padding: 12px; gap: 10px; font-size: .75rem; }
  .room-visual-tour .experience-window-bar > span:last-child { display: none; }
  .room-visual-tour .sample-site-nav { margin: 0 20px; padding: 20px 0; }
  .room-visual-tour .sample-site-nav strong { font-size: 1.4rem; }
  .room-visual-tour .sample-site-nav #sample-site-nav-copy { display: none; }
  .room-visual-tour .sample-site-content { padding: 29px 20px; }
  .room-visual-tour .sample-site-content h4 { font-size: clamp(2.2rem, 8vw, 3rem); }
  .room-visual-tour #sample-site-body { font-size: 1rem; }
  .room-visual-tour .sample-site-content > p:first-child { font-size: .75rem; }
  .sample-site-visual { min-height: 300px; margin: 0 13px 16px; }
  .sample-site-visual figcaption { left: 20px; bottom: 22px; }
  .sample-site-visual figcaption > strong { font-size: 1.8rem; }
  .room-visual-tour .sample-site-features { grid-template-columns: 1fr; padding: 22px 20px; gap: 14px; }
  .room-visual-tour .sample-site-features > span { font-size: .875rem; }
  .sample-site-bottom { grid-template-columns: 1fr; gap: 15px; padding: 26px 20px; }
  .sample-site-bottom h5 { font-size: 1.3rem; }
  .sample-site-bottom > p { font-size: .9375rem; }
  .app-presentation { display: block; padding: 24px 12px 27px; }
  .phone-device { max-width: 315px; margin: 0 auto; border-width: 5px; }
  .room-visual-tour .sample-app-body { padding: 23px 16px 17px; }
  .room-visual-tour .sample-app-tasks label { font-size: .875rem; padding: 14px 10px; }
  .app-context { margin: 32px 10px 0; max-width: none; }
  .app-context > h4 { font-size: 1.7rem; }
  .app-context > .eyebrow { margin-bottom: 12px; }
  .app-context-card { margin-top: 20px; }
  .artifact-editor-bar { padding: 13px; gap: 10px; font-size: .75rem; align-items: start; }
  .artifact-editor-bar > span:last-child { text-align: right; }
  .room-visual-tour .sample-deck { min-height: 0; padding: 21px 18px 17px; margin: 12px; }
  .room-visual-tour .sample-deck-top { display: flex; }
  .room-visual-tour .sample-deck-top strong { font-size: 1.125rem; }
  .room-visual-tour .sample-deck-top > span { font-size: .75rem; text-align: right; max-width: 140px; margin: 0; }
  .room-visual-tour .sample-deck-body { grid-template-columns: 1fr; padding: 30px 0 24px; gap: 24px; }
  .room-visual-tour .sample-deck-body h4 { font-size: clamp(1.9rem, 7vw, 2.5rem); }
  .room-visual-tour #deck-slide-body { font-size: 1rem; }
  .room-visual-tour #deck-slide-points { flex-wrap: wrap; gap: 15px; }
  .room-visual-tour #deck-slide-points li { flex: 1 1 100px; font-size: .75rem; }
  .deck-visual { min-height: 0; }
  .deck-cover-photo { height: 235px; min-height: 0; border-radius: 4px 30px 4px 4px; }
  .deck-flow-card { padding: 17px; }
  .deck-flow-card strong { font-size: 1rem; }
  .deck-flow-card small { font-size: .875rem; }
  .deck-plan-card { padding: 16px 0; }
  .deck-plan-card strong { font-size: 1.15rem; }
  .deck-filmstrip { display: flex; overflow-x: auto; padding: 5px 12px 15px; gap: 10px; scroll-snap-type: x proximity; }
  .deck-thumb { flex: 0 0 138px; min-height: 91px; scroll-snap-align: start; }
  .deck-thumb-copy { padding: 11px; }
  .deck-thumb-copy strong { font-size: .875rem; }
  .deck-thumb-lines { padding: 10px; }
  .room-visual-tour .deck-controls > span { font-size: .875rem; }
  .dashboard-content { padding: 20px 13px; }
  .dashboard-heading { display: block; margin-bottom: 20px; }
  .dashboard-heading h4 { font-size: 1.6rem; }
  .dashboard-period { display: inline-flex; margin-top: 16px; }
  .dashboard-period button { min-height: 40px; font-size: .875rem; }
  .dashboard-metrics { grid-template-columns: 1fr; gap: 10px; }
  .dashboard-metric { display: grid; grid-template-columns: 1fr auto; padding: 18px; gap: 8px 15px; align-items: center; }
  .dashboard-metric > span { min-height: 0; font-size: .875rem; }
  .dashboard-metric > strong { margin: 0; font-size: 2rem; grid-column: 2; grid-row: 1 / 3; }
  .dashboard-metric > small { grid-column: 1; font-size: .75rem; }
  .dashboard-insights { grid-template-columns: 1fr; gap: 14px; }
  .dashboard-chart { padding: 20px 15px; }
  .dashboard-focus { padding: 22px; }
  .dashboard-focus h5 { font-size: 1.4rem; }
  .dashboard-focus p { font-size: 1rem; }
  .dashboard-table-heading { padding: 17px 13px; display: block; }
  .dashboard-table-heading > span { display: block; margin-top: 7px; }
  .dashboard-table th, .dashboard-table td { padding: 13px 10px; }
  .dashboard-table th:nth-child(2), .dashboard-table td:nth-child(2) { display: none; }
  .dashboard-table td { font-size: .875rem; }
  .table-progress { gap: 7px; }
  .table-progress-track { width: 48px; }
  .room-visual-tour .business-document, .room-visual-tour .launch-document { padding: 23px 18px; }
  .room-visual-tour .document-heading { display: block; }
  .room-visual-tour .document-heading > span { display: block; margin-top: 8px; font-size: .75rem; }
  .blueprint-intro h4, .launch-board-intro h4 { font-size: 1.75rem; }
  .room-visual-tour #room-business-brief { grid-template-columns: 1fr; gap: 13px; }
  .room-visual-tour #room-business-brief > div { padding: 20px; }
  .room-visual-tour #room-business-brief dd { font-size: 1rem; }
  .room-visual-tour .evidence-document { padding: 22px 20px; }
  .room-visual-tour .evidence-document h4 { font-size: 1.2rem; }
  .room-visual-tour .evidence-document p { font-size: 1rem; }
  .launch-board-intro { display: block; padding: 26px 0; }
  .board-view-label { display: inline-block; margin-top: 18px; }
  .room-visual-tour .room-launch-steps article { flex-basis: 240px; padding: 20px; }
  .room-visual-tour .room-launch-steps h4 { min-height: 0; }
  .room-visual-tour .launch-decision p { font-size: 1rem; }
  .room-visual-tour .review-example { padding: 24px 18px; }
  .room-visual-tour .review-example blockquote { font-size: 1.125rem; }
  .revision-comparison { grid-template-columns: 1fr; gap: 25px; }
  .comparison-site > h4 { font-size: 2rem; min-height: 0; padding: 27px 20px; }
  .comparison-site > img { height: 210px; }
  .room-visual-tour .review-response p, .room-visual-tour .review-changes li { font-size: 1rem; }
  .room-visual-tour .review-changes { padding: 20px; }
  .room-visual-tour .review-example .button { font-size: .875rem; padding: 14px 18px; gap: 12px; width: 100%; }
  .room-visual-tour .room-value { display: block; padding: 20px; }
  .room-visual-tour .room-value > span { display: block; margin-bottom: 9px; }
  .room-visual-tour .room-value > p { font-size: 1rem; }
  .room-visual-tour .buildroom-handoff { padding: 27px 22px; }
  .room-visual-tour .buildroom-handoff .button { width: 100%; margin-top: 22px; }
}


/* Shared pricing styles. All prices remain visible beside the credit allowance. */
.pricing-teaser { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding: 0 0 95px; }
.pricing-teaser .eyebrow { color: var(--copper); }
.pricing-teaser h2 { margin-bottom: 0; }
.pricing-teaser-copy { align-self: end; }
.pricing-teaser-copy > p { max-width: 510px; font-size: 1.125rem; color: var(--muted); }
.pricing-teaser-copy > .pricing-teaser-detail { font-size: 1rem; }
.pricing-teaser-copy small { display: block; font-size: .875rem; color: var(--muted); line-height: 1.6; margin-top: 15px; }
.pricing-page .pricing-section { padding-top: 64px; }
.pricing-page .pricing-heading h1 { margin: 0; font-size: clamp(3rem, 5.8vw, 5.3rem); line-height: 1.04; letter-spacing: -.06em; }
.pricing-page .site-header nav a[aria-current="page"]::after { transform: scaleX(1); }
.pricing-page .reading-progress { display: none; }
.paid-included { border-top: 1px solid var(--line); padding: 28px 0 5px; }
.paid-included h2 { font-size: 1.5rem; line-height: 1.3; margin-bottom: 20px; letter-spacing: -.035em; }
.paid-included ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.paid-included li { border-left: 2px solid var(--lime); padding-left: 14px; font-size: 1rem; line-height: 1.5; }
.paid-included > p { color: var(--muted); font-size: .9375rem; margin: 22px 0 0; }
.pricing-page .credit-guide { margin-top: 38px; }
.pricing-page .trial-heading h2 { font-size: 1.9rem; line-height: 1.15; margin-bottom: 22px; max-width: 450px; }
.pricing-page .trial-journey h3 { margin: 0 0 12px; font-size: 1.1875rem; line-height: 1.35; letter-spacing: -.035em; }
.pricing-page .credit-guide-intro h2 { font-size: 2rem; line-height: 1.1; margin-bottom: 20px; }
.pricing-page .one-off-option h2 { font-size: 1.4rem; margin-bottom: 12px; line-height: 1.3; }
.hero-explore-offer { margin: -4px auto 25px; font-size: .9375rem; line-height: 1.5; }
.hero-explore-offer a { border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.hero-explore-offer a:hover { color: var(--copper); border-color: var(--copper); }
.hero-explore-offer span { margin-left: 8px; }
.pricing-section { padding: 30px 0 100px; }
.pricing-heading { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 65px; margin-bottom: 38px; }
.pricing-heading > .eyebrow { grid-column: 1 / -1; color: var(--copper); }
.pricing-heading h2 { margin-bottom: 0; }
.pricing-heading > p:last-child { align-self: end; margin: 0; max-width: 510px; color: var(--muted); font-size: 1.125rem; line-height: 1.6; }
.pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.plan-card { border: 1px solid #bfc3b6; border-radius: 18px; background: #fff; padding: 25px 22px; display: flex; flex-direction: column; min-width: 0; }
.plan-purpose { font-size: .875rem; line-height: 1.45; color: var(--muted); min-height: 2.9em; margin-bottom: 13px; }
.plan-card h3 { font-size: 2rem; line-height: 1.1; margin-bottom: 25px; }
.plan-price { margin: 0 0 23px; }
.plan-price > strong { display: block; font-size: clamp(2.35rem, 3.6vw, 3.2rem); font-weight: 700; line-height: 1.08; letter-spacing: -.065em; }
.plan-price > span { display: block; font-size: .875rem; color: var(--muted); margin-top: 10px; line-height: 1.45; }
.plan-allowance { border-top: 1px solid var(--line); padding-top: 19px; min-height: 100px; }
.plan-allowance > strong { display: block; font-size: 1rem; line-height: 1.5; font-weight: 650; letter-spacing: -.025em; }
.plan-allowance > span { display: block; font-size: .875rem; line-height: 1.5; color: var(--muted); margin-top: 8px; }
.plan-description { font-size: 1rem; line-height: 1.6; color: var(--muted); margin: 18px 0 24px; min-height: 4.8em; }
.plan-card > .button { width: 100%; min-height: 52px; padding: 15px 13px; gap: 12px; font-size: .875rem; border-radius: 10px; }
.plan-features { list-style: none; padding: 0; margin: 26px 0 22px; }
.plan-features > li { display: flex; align-items: start; gap: 10px; margin-bottom: 15px; font-size: 1rem; line-height: 1.5; }
.plan-features > li::before { content: '✓'; color: #607a29; flex-shrink: 0; font-size: .875rem; line-height: 1.5rem; font-weight: 650; }
.plan-features > li:last-child { margin-bottom: 0; }
.plan-boundary { margin: auto 0 0; padding-top: 18px; border-top: 1px solid var(--line); font-size: .875rem; line-height: 1.6; color: var(--muted); }
.plan-explore { background: #f0f4e7; }
.plan-build { background: var(--ink); border-color: var(--ink); color: var(--bone); }
.plan-build .plan-purpose, .plan-build .plan-price > span, .plan-build .plan-allowance > span, .plan-build .plan-description, .plan-build .plan-boundary { color: #c5cbbb; }
.plan-build .plan-allowance, .plan-build .plan-boundary { border-color: #ffffff30; }
.plan-build .plan-allowance > strong, .plan-build .plan-features > li::before { color: var(--lime); }
.plan-scale { box-shadow: inset 0 4px 0 var(--lime); }
.pricing-start-note { font-size: .875rem; line-height: 1.7; color: var(--muted); max-width: 1040px; margin: 24px 0 38px; }
.explore-trial { border: 1px solid #bec6ac; border-radius: 18px; background: #edf2e3; margin-top: 30px; padding: 32px; }
.trial-heading { display: grid; grid-template-columns: 1fr 1fr; column-gap: 55px; }
.trial-heading > .eyebrow { grid-column: 1 / -1; color: #53623a; margin-bottom: 15px; }
.trial-heading h3 { font-size: 1.9rem; line-height: 1.15; margin-bottom: 22px; max-width: 450px; }
.trial-heading > p:last-child { font-size: 1rem; color: #505b42; line-height: 1.6; margin: 0 0 22px; }
.trial-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 9px 0 0; gap: 30px; counter-reset: trial-step; }
.trial-journey > li { counter-increment: trial-step; border-top: 1px solid #65764d50; padding-top: 24px; }
.trial-journey > li > span { display: flex; align-items: center; gap: 12px; font-size: .75rem; font-weight: 600; letter-spacing: .04em; min-height: 33px; color: #485a31; margin-bottom: 18px; line-height: 1.5; }
.trial-journey > li > span::before { content: counter(trial-step, decimal-leading-zero); width: 31px; height: 31px; background: var(--ink); color: var(--lime); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; }
.trial-journey h4 { margin: 0 0 12px; font-size: 1.1875rem; line-height: 1.35; letter-spacing: -.035em; }
.trial-journey p { margin: 0; font-size: 1rem; line-height: 1.65; color: #505b42; }
.trial-boundary { display: grid; grid-template-columns: 1fr 2fr; column-gap: 35px; border-top: 1px solid #65764d50; margin-top: 29px; padding-top: 25px; }
.trial-boundary strong { font-size: 1rem; line-height: 1.5; }
.trial-boundary p { margin: 0; font-size: .9375rem; line-height: 1.65; color: #505b42; }
.credit-guide { display: grid; grid-template-columns: .8fr 1.6fr; gap: 45px; padding: 40px 0; border-top: 1px solid var(--line); }
.credit-guide-intro .eyebrow { color: var(--copper); font-size: .8125rem; }
.credit-guide-intro h3 { font-size: 2rem; line-height: 1.1; margin-bottom: 20px; }
.credit-guide-intro > p:last-child { font-size: 1rem; color: var(--muted); margin: 0; line-height: 1.6; }
.credit-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.credit-examples > a { display: flex; flex-direction: column; border: 1px solid var(--line); background: var(--paper); padding: 24px 19px; border-radius: 14px; transition: background .2s, border-color .2s; min-width: 0; }
.credit-examples > a:hover { border-color: var(--ink); background: #e9efd9; }
.credit-amount { display: block; font-size: 2.5rem; font-weight: 650; letter-spacing: -.06em; line-height: 1.15; margin-bottom: 23px; }
.credit-amount small { font-size: .875rem; font-weight: 400; letter-spacing: 0; }
.credit-examples > a > strong { font-size: 1rem; line-height: 1.4; letter-spacing: -.025em; }
.credit-examples p { font-size: 1rem; color: var(--muted); line-height: 1.6; margin: 12px 0 22px; }
.credit-example-link { display: block; font-size: .875rem; line-height: 1.5; border-top: 1px solid var(--line); padding-top: 16px; margin-top: auto; }
.pricing-process { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 35px; padding: 0 0 34px; }
.pricing-process > div { border-left: 2px solid var(--lime); padding-left: 18px; }
.pricing-process span { font-size: .75rem; font-weight: 650; letter-spacing: .06em; color: var(--copper); }
.pricing-process p { font-size: 1rem; line-height: 1.6; color: var(--muted); margin: 10px 0 0; }
.pricing-details { display: grid; grid-template-columns: 1fr 1fr; align-items: start; column-gap: 45px; border-top: 1px solid var(--line); }
.pricing-details details { border-bottom: 1px solid var(--line); padding: 23px 0; }
.pricing-details summary { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.pricing-details summary::-webkit-details-marker { display: none; }
.pricing-details summary > span { font-size: 1.25rem; line-height: 1; flex-shrink: 0; transition: transform .2s; }
.pricing-details details[open] summary > span { transform: rotate(45deg); }
.pricing-details details > p { font-size: 1rem; line-height: 1.7; color: var(--muted); margin: 18px 22px 0 0; }
.one-off-option { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 35px; }
.one-off-option h3 { font-size: 1.4rem; margin-bottom: 12px; line-height: 1.3; }
.one-off-option p { font-size: 1rem; color: var(--muted); max-width: 670px; margin: 0; line-height: 1.6; }
.one-off-option > a { flex-shrink: 0; font-size: .9375rem; }
.scope-price .scope-credit-option { line-height: 1.6; font-size: .875rem; max-width: 185px; }
.scope-credit-option b { font-weight: 600; color: var(--ink); }
.selected-plan { background: #eaf1da; border: 1px solid #bac5a5; padding: 18px; margin: 0 0 20px; border-radius: 12px; display: flex; gap: 20px; align-items: start; }
.selected-plan > div { min-width: 0; }
.selected-plan span { display: block; font-size: .75rem; letter-spacing: .04em; font-weight: 600; margin-bottom: 9px; }
.selected-plan strong { display: block; font-size: 1rem; line-height: 1.5; }
.selected-plan p { font-size: .875rem; color: #4e5c3b; line-height: 1.6; margin: 10px 0 0; }
.selected-plan button { padding: 8px 0; min-height: 40px; font-size: .875rem; text-decoration: underline; background: transparent; flex-shrink: 0; }
@media (max-width: 1150px) {
  .paid-included ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .plan-card { padding: 29px; }
  .plan-purpose, .plan-description { min-height: 0; }
  .plan-allowance { min-height: 88px; }
  .plan-price > strong { font-size: 3rem; }
  .credit-guide { grid-template-columns: 1fr; gap: 25px; }
  .credit-guide-intro { max-width: 650px; }
  .credit-guide-intro h3 br { display: none; }
  .credit-examples > a { padding: 25px; }
  .trial-heading { gap: 20px 35px; }
  .trial-heading > .eyebrow { margin: 0; }
  .trial-journey { gap: 24px; }
  .scope-price { flex-wrap: wrap; }
  .scope-price .scope-credit-option { max-width: none; flex-basis: 100%; }
}
@media (max-width: 760px) {
  .pricing-teaser { grid-template-columns: 1fr; gap: 25px; padding-bottom: 65px; }
  .pricing-page .pricing-section { padding-top: 40px; }
  .pricing-page .pricing-heading h1 { margin-bottom: 22px; }
  .pricing-page .trial-heading h2 { font-size: 1.7rem; }
  .pricing-section { padding: 0 0 65px; }
  .pricing-heading { display: block; margin-bottom: 28px; }
  .pricing-heading h2 { margin-bottom: 22px; }
  .pricing-heading > p:last-child { font-size: 1.0625rem; }
  .plan-card { padding: 24px; }
  .plan-price > strong { font-size: 2.5rem; }
  .plan-card h3 { font-size: 1.875rem; }
  .plan-card > .button { font-size: .875rem; gap: 10px; }
  .plan-features > li { font-size: 1rem; }
  .explore-trial { padding: 27px; }
  .trial-heading { display: block; }
  .trial-heading .eyebrow { margin-bottom: 17px; }
  .trial-heading h3 { font-size: 1.7rem; }
  .trial-journey { grid-template-columns: 1fr; gap: 25px; }
  .trial-journey > li > span { margin-bottom: 14px; }
  .trial-journey > li { padding-top: 23px; }
  .trial-boundary { display: block; }
  .trial-boundary p { margin-top: 12px; font-size: 1rem; }
  .credit-examples { grid-template-columns: 1fr; }
  .credit-examples > a { display: grid; grid-template-columns: 90px minmax(0, 1fr); column-gap: 23px; padding: 24px; }
  .credit-amount { grid-row: 1 / 4; font-size: 2.65rem; }
  .credit-amount small { display: block; margin-top: 6px; }
  .credit-examples p { margin: 9px 0 17px; }
  .credit-example-link { grid-column: 2; }
  .pricing-process { grid-template-columns: 1fr; gap: 23px; }
  .pricing-details { grid-template-columns: 1fr; }
  .one-off-option { display: block; }
  .one-off-option > a { margin-top: 20px; }
  .pricing-start-note { font-size: .875rem; }
  .hero-explore-offer { font-size: .875rem; }
}
@media (max-width: 600px) {
  .paid-included ul { grid-template-columns: 1fr; gap: 15px; }
  .pricing-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .plan-card { padding: 28px; }
  .plan-purpose { margin-bottom: 10px; }
  .plan-card h3 { margin-bottom: 22px; }
  .plan-price > strong { font-size: 3rem; }
  .plan-allowance { min-height: 0; }
  .plan-description { margin-top: 20px; }
  .plan-card > .button { min-height: 54px; font-size: 1rem; }
  .plan-boundary { font-size: .9375rem; }
  .explore-trial { padding: 25px 22px; }
  .credit-guide { padding-top: 30px; }
  .credit-examples > a { grid-template-columns: 68px minmax(0,1fr); column-gap: 18px; padding: 22px; }
  .selected-plan { display: block; }
  .selected-plan button { margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .credit-examples > a, .pricing-details summary > span { transition: none; }
}

/* Flexible credits: a single paid plan, with a clear invoice in either cycle. */
.credit-pricing-grid { grid-template-columns: 1fr 1.2fr 1fr; gap: 22px; }
.credit-pricing-grid .plan-card { padding: 32px 28px; }
.credit-pricing-grid .plan-purpose { min-height: 0; }
.credit-pricing-grid .plan-card h3 { margin-bottom: 28px; }
.credit-pricing-grid .plan-price > strong { font-size: clamp(2.6rem, 4vw, 3.6rem); }
.credit-pricing-grid .plan-price { margin-bottom: 18px; }
.credit-pricing-grid .plan-description { min-height: 0; }
.credit-pricing-grid .plan-card > .button { font-size: 1rem; min-height: 54px; }
.credit-pricing-grid .plan-allowance { min-height: 0; padding-top: 22px; }
.billing-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 32px 0; }
.billing-options { display: inline-flex; flex-shrink: 0; padding: 5px; border: 1px solid #c5c8bf; border-radius: 999px; gap: 4px; }
.billing-options button { display: flex; align-items: center; gap: 10px; background: transparent; border-radius: 999px; min-height: 46px; padding: 11px 22px; font-size: 1rem; color: var(--ink); }
.billing-options button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.billing-options button span { background: var(--lime); color: var(--ink); padding: 4px 8px; border-radius: 999px; font-size: .875rem; font-weight: 600; white-space: nowrap; }
.billing-toolbar > p { font-size: 1rem; color: var(--muted); margin: 0; max-width: 450px; line-height: 1.5; }
.plan-invoice { margin: 0 0 24px; padding-top: 13px; border-top: 1px solid #ffffff30; font-size: 1rem; line-height: 1.5; color: #ecf3df; }
.credit-selector label { display: block; font-size: .9375rem; font-weight: 500; margin-bottom: 10px; }
.credit-selector select { width: 100%; min-height: 54px; font: inherit; font-size: 1rem; color: var(--ink); background: #fff; border: 1px solid #c7ccbf; border-radius: 9px; padding: 12px; cursor: pointer; }
.credit-work { margin: 23px 0; }
.credit-work > strong { display: block; font-size: 1.125rem; line-height: 1.4; color: var(--lime); }
.credit-work p { margin: 10px 0 0; color: #c5cbbb; font-size: 1rem; line-height: 1.6; }
.credit-topup { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 30px 32px; border: 1px solid #c1c9af; background: #edf2e3; border-radius: 16px; margin: 0 0 35px; }
.credit-topup .eyebrow { font-size: .875rem; color: #435533; margin-bottom: 13px; }
.credit-topup h2 { font-size: 1.7rem; line-height: 1.2; margin-bottom: 13px; letter-spacing: -.035em; }
.credit-topup p:last-child { margin: 0; max-width: 700px; font-size: 1rem; color: #505b42; }
.credit-topup > a { flex-shrink: 0; font-size: 1rem; }
.small-builds { margin: 50px 0; }
.small-builds-heading { max-width: 850px; }
.small-builds-heading .eyebrow { color: var(--copper); font-size: .875rem; }
.small-builds-heading h2 { font-size: clamp(2rem, 3.4vw, 3rem); letter-spacing: -.04em; margin-bottom: 18px; }
.small-builds-heading > p:not(.eyebrow) { font-size: 1.0625rem; color: var(--muted); line-height: 1.65; }
.small-build-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 26px; }
.small-build-grid article { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 22px; min-width: 0; }
.small-build-grid article > span { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; color: var(--copper); font-size: .875rem; line-height: 1.4; }
.small-build-grid b { color: var(--ink); background: #eaf0dc; padding: 5px 8px; border-radius: 6px; white-space: nowrap; font-weight: 500; }
.small-build-grid h3 { font-size: 1.25rem; line-height: 1.2; margin: 24px 0 15px; letter-spacing: -.03em; }
.small-build-grid p { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.small-builds-note { font-size: .9375rem; line-height: 1.6; color: var(--muted); margin: 20px 0 0; }
.pricing-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.billing-options button:focus-visible, .credit-selector select:focus-visible { outline: 3px solid var(--copper); outline-offset: 4px; }
@media (max-width: 1150px) {
  .credit-pricing-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .credit-pricing-grid .plan-scale { grid-column: 1 / -1; }
  .small-build-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .billing-toolbar { flex-direction: column; align-items: flex-start; gap: 16px; margin: 25px 0; }
  .billing-options button { padding: 10px 16px; }
  .credit-pricing-grid { grid-template-columns: minmax(0,1fr); }
  .credit-pricing-grid .plan-card { padding: 28px; }
  .credit-pricing-grid .plan-build { order: -1; }
  .credit-pricing-grid .plan-price > strong { font-size: 3.2rem; }
  .credit-topup { display: block; padding: 26px; }
  .credit-topup > a { margin-top: 20px; display: inline-flex; }
  .small-build-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 440px) {
  .small-build-grid { grid-template-columns: minmax(0,1fr); }
  .billing-options { flex-wrap: wrap; border-radius: 24px; }
}


/* Shared responsive safeguards. Preserve SKIN's type, palette and visual examples. */
:root { --mobile-cta-clearance: 6.5rem; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.hero h1, .pricing-page .pricing-heading h1 { letter-spacing: -.04em; line-height: 1.1; }
h2, .room-visual-tour .room-tour-heading h2, .section-heading h2,
.belief h2, .final-cta h2, .people-section h2, .engine-grid h2,
.pricing-page .credit-guide-intro h2 { letter-spacing: -.03em; line-height: 1.12; }
h3, .module-context > h3, .scope-heading h3, .case-panel h3,
.room-visual-tour .deliverable-intro h3 { letter-spacing: -.025em; line-height: 1.2; }
.room-visual-tour .sample-site-content h4, .room-visual-tour .sample-deck-body h4,
.room-visual-tour .sample-app-body h4, .app-context > h4,
.blueprint-intro h4, .launch-board-intro h4, .comparison-site > h4,
.sample-site-visual figcaption > strong { letter-spacing: -.03em; line-height: 1.12; }
:is(h1, h2, h3, h4, h5) { overflow-wrap: anywhere; }
.section-heading > *, .pricing-heading > *, .pricing-teaser > *,
.lens-panel > *, .engine-grid > *, .case-panel > *, .footer-links > *,
.sample-site-hero > *, .sample-site-bottom > *, .dashboard-insights > *,
.artifact-toolbar > *, .artifact-editor-bar > *, .sample-deck-top > * { min-width: 0; }
.button, .text-link { max-width: 100%; }
.button > span[aria-hidden="true"], .text-link > span[aria-hidden="true"] { flex-shrink: 0; }
.round-control, .icon-button { flex-shrink: 0; min-width: 44px; min-height: 44px; }
.quick-starts button, .prompt-example-actions button, .selected-plan button,
.selected-build button, .dashboard-period button { min-height: 44px; }
.credit-selector { min-width: 0; }
.credit-selector select { min-width: 0; max-width: 100%; }
.deck-controls > div, .case-controls > div { flex-shrink: 0; }
.phone-device, .app-context, .dashboard-window, .deck-editor,
.room-launch-steps, .room-example-tabs, .deliverable-tabs { min-width: 0; max-width: 100%; }
.room-example-tabs, .deliverable-tabs, .module-tabs, .work-grid,
.deck-filmstrip, .room-launch-steps { overscroll-behavior-x: contain; scroll-padding-inline: 8px; }
.room-example-tabs button:focus-visible, .deliverable-tabs button:focus-visible,
.module-tabs button:focus-visible, .work-card:focus-visible,
.deck-thumb:focus-visible { outline-offset: -3px; }
.skip { z-index: 50; }
.hero .highlight { max-width: calc(100% - 16px); white-space: normal; overflow-wrap: anywhere; }
.belief-rule button span { min-width: 0; overflow-wrap: anywhere; }
.module-tabs button > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.dialog-top { position: sticky; top: 0; z-index: 2; background: var(--bone); }
.dialog-top > span { min-width: 0; overflow-wrap: anywhere; }
.dialog-top > img { flex-shrink: 0; }
.faq-list summary { align-items: flex-start; }
.faq-list summary span { display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; line-height: 1; }

@media (max-width: 1050px) {
  .site-header { gap: 14px; height: auto; min-height: 76px; padding-block: 14px; }
  .site-header > a:first-child, .site-header > .button { flex-shrink: 0; }
  .site-header > .button { margin-left: auto; }
  .site-header nav { display: none; position: absolute; top: 100%; left: -24px; right: -24px; margin: 0; padding: 16px 24px 22px; background: var(--bone); border-bottom: 1px solid var(--line); box-shadow: 0 15px 20px #0000000b; max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior-y: contain; }
  .site-header nav.is-open { display: flex; flex-direction: column; gap: 3px; }
  .site-header nav a { padding: 14px 4px; min-height: 44px; font-size: 1rem; }
  .site-header nav a::after { display: none; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 12px; background: transparent; border: 1px solid var(--line); border-radius: 50%; width: 44px; height: 44px; flex: 0 0 44px; }
  .menu-toggle span { width: 18px; height: 1px; background: var(--ink); transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .pricing-heading { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .pricing-heading > p:last-child { max-width: 650px; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 100px; scroll-padding-bottom: calc(var(--mobile-cta-clearance) + env(safe-area-inset-bottom, 0px)); }
  .wrap { width: calc(100% - 40px); }
  .site-header { gap: 10px; }
  .site-header nav { left: -20px; right: -20px; }
  .site-header > .button { min-height: 44px; min-width: 0; flex-shrink: 1; }
  .hero > .eyebrow { flex-wrap: wrap; line-height: 1.6; }
  .hero h1 { font-size: clamp(2.15rem, 9.1vw, 4rem); letter-spacing: -.035em; line-height: 1.14; }
  .hero h1 br, .section-heading h2 br, .room-tour-heading h2 br,
  .pricing-heading h1 br, .pricing-teaser h2 br, .credit-guide-intro h2 br,
  .people-section h2 br, .engine-grid h2 br { display: none; }
  .room-visual-tour .room-tour-heading h2, .section-heading h2,
  .belief h2, .people-section h2, .engine-grid h2, .pricing-teaser h2 {
    font-size: clamp(2rem, 8.2vw, 2.5rem); letter-spacing: -.025em; line-height: 1.15;
  }
  .pricing-page .pricing-heading h1 { font-size: clamp(2.3rem, 9vw, 3rem); letter-spacing: -.03em; line-height: 1.14; }
  .final-cta h2 { font-size: clamp(2rem, 8.6vw, 2.9rem); line-height: 1.15; }
  .room-visual-tour .room-tour-heading h2 { margin-bottom: 24px; }
  .prompt-shell textarea { min-height: 8.5rem; }
  .prompt-example-actions { flex-wrap: wrap; gap: 6px; justify-content: flex-start; }
  .prompt-example-actions button { font-size: .875rem; }
  .prompt-example-actions .prompt-use-example { margin-right: 0; }
  .lens-panel { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .lens-symbol { display: none; }
  .belief-rule button { min-width: 0; flex-wrap: wrap; gap: 8px; }
  .belief-rule button span { font-size: .9375rem; }
  .room-visual-tour .room-example-tabs button { flex-basis: min(260px, 90%); min-width: 0; }
  .room-visual-tour .buildroom-topbar > div { flex-wrap: wrap; row-gap: 10px; }
  .room-visual-tour .buildroom-topbar > div > span { min-width: 0; }
  .room-visual-tour .buildroom-topbar { padding-inline: 18px; }
  .room-slash { margin-inline: 6px; }
  .room-visual-tour .artifact-modes { display: flex; flex-wrap: wrap; }
  .room-visual-tour .artifact-modes button { flex: 1 1 auto; font-size: .875rem; padding-inline: 12px; }
  .room-visual-tour .revision-toggle { min-height: 44px; padding-block: 12px; }
  .room-visual-tour .experience-window-bar { flex-wrap: wrap; }
  .browser-dots { flex-shrink: 0; }
  #sample-page-name { overflow-wrap: anywhere; }
  .room-visual-tour .sample-site-content h4 { font-size: clamp(1.875rem, 7.5vw, 2.75rem); }
  .app-context { width: auto; margin: 28px 0 0; }
  .sample-app-top, .sample-deck-top, .artifact-editor-bar { flex-wrap: wrap; }
  .sample-app-bottom { flex-wrap: wrap; gap: 12px; }
  .deck-controls, .case-controls { flex-wrap: wrap; gap: 14px; }
  .deck-controls > span { flex: 1 1 160px; }
  .dashboard-chart figcaption { flex-wrap: wrap; gap: 8px; }
  .dashboard-bars, .dashboard-chart-axis { gap: 8px; padding-inline: 0; }
  .dashboard-table-wrap { overflow-x: auto; }
  .dashboard-table { min-width: 240px; }
  .dashboard-table th, .dashboard-table td { overflow-wrap: anywhere; }
  .room-visual-tour .room-launch-steps article { flex-basis: min(240px, 100%); }
  .scope-heading h3 { font-size: 1.65rem; }
  .scope-price { flex-wrap: wrap; }
  .tier-tabs { grid-template-columns: minmax(0, 1fr); }
  .module-tabs button { flex-basis: auto; min-width: 156px; }
  .tier-tabs button { min-height: 44px; font-size: .875rem; }
  .engine-list h3 { flex-wrap: wrap; gap: 8px; }
  .engine-list small { text-align: left; font-size: .8125rem; }
  .footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-links a { min-height: 44px; margin-block: 5px; display: flex; align-items: center; }
  .footer-bottom > div { flex-wrap: wrap; gap: 16px; }
  .footer-bottom a { min-height: 44px; display: inline-flex; align-items: center; }
  .site-footer { padding-bottom: calc(36px + env(safe-area-inset-bottom, 0px)); }
  .mobile-cta:not([hidden]) { gap: 12px; padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); }
  .mobile-cta > span { flex: 1 1 0; min-width: 0; font-size: .8125rem; }
  .mobile-cta .button { flex-shrink: 0; min-height: 48px; }
  .final-cta .button { margin-inline: 0; }
  dialog { max-width: calc(100% - 22px); max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); overscroll-behavior-y: contain; scroll-padding-block: 80px 24px; }
  .dialog-top { position: sticky; top: 0; z-index: 2; background: var(--bone); padding: 12px 16px; }
  .dialog-top .icon-button { width: 44px; height: 44px; }
  dialog h2 { font-size: clamp(1.8rem, 7.5vw, 2.2rem); line-height: 1.18; }
  dialog textarea, dialog select { font-size: 1rem; }
  .selected-build, .selected-plan { flex-wrap: wrap; }
  .wizard-actions { flex-wrap: wrap; }
  .wizard-actions > .button { flex: 1 1 160px; }
  .wizard-actions > .text-link { min-height: 44px; }
  .credit-examples > a { display: flex; }
  .credit-amount { margin-bottom: 18px; }
  .credit-amount small { display: inline; }
  .credit-pricing-grid .plan-card { padding: 26px 22px; }
  .credit-selector select { font-size: 1rem; }
  .billing-options { flex-wrap: wrap; max-width: 100%; }
  .billing-options button { flex-wrap: wrap; justify-content: center; font-size: .9375rem; padding-inline: 14px; }
}

@media (max-width: 390px) {
  .wrap { width: calc(100% - 32px); }
  .site-header nav { left: -16px; right: -16px; }
  .site-header .wordmark { width: 84px; }
  .site-header > .button { padding: 12px 14px; gap: 9px; }
  .mobile-cta > span { display: none; }
  .mobile-cta .button { width: 100%; }
  .room-visual-tour .sample-deck { margin: 9px; padding-inline: 14px; }
  .room-visual-tour .sample-site-content { padding-inline: 16px; }
  .room-visual-tour .business-document, .room-visual-tour .launch-document,
  .room-visual-tour .review-example { padding-inline: 14px; }
  .dashboard-metric { grid-template-columns: minmax(0, 1fr); }
  .dashboard-metric > strong { grid-column: 1; grid-row: auto; }
  .table-progress-track { display: none; }
  .people { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .people figure img { height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
  .credit-pricing-grid .plan-card { padding: 24px 20px; }
}

@media (max-height: 500px) and (max-width: 1050px) {
  .header-shell { position: relative; }
  .site-header nav { max-height: 65dvh; }
  .mobile-cta:not([hidden]) { display: none; }
}


/* Put the work visitors want to create before the fictional company context. */
.room-deliverable-picker { margin-bottom: 24px; }
.room-deliverable-picker > p { font-size: .75rem; font-weight: 650; letter-spacing: .1em; color: var(--copper); margin-bottom: 14px; }
.room-deliverables-first .deliverable-tabs { display: flex; flex-direction: row; flex-wrap: wrap; gap: 9px; overflow: visible; padding: 0; }
.room-deliverables-first .deliverable-tabs button { flex: 1 1 8.75rem; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; padding: 18px 14px; min-height: 82px; align-content: center; border: 1px solid var(--line); border-radius: 13px; background: transparent; }
.room-deliverables-first .deliverable-tabs button:hover { background: #e9eade; }
.room-deliverables-first .deliverable-tabs button[aria-selected="true"] { background: var(--ink); box-shadow: 0 4px 0 var(--lime); }
.room-deliverables-first .deliverable-tabs .artifact-icon { grid-row: span 2; align-self: center; height: auto; margin: 0; font-size: 1.35rem; }
.room-deliverables-first .deliverable-tabs strong { margin-bottom: 3px; overflow-wrap: anywhere; }
.room-example-context { background: #fafaf7; border-bottom: 1px solid var(--line); }
.room-company-choice { display: flex; align-items: center; gap: 18px; padding: 16px 28px; }
.room-company-choice label { font-size: .8125rem; color: var(--muted); flex-shrink: 0; }
.room-company-choice select { min-width: 0; max-width: 100%; width: 280px; min-height: 46px; border: 1px solid #c7c8c1; border-radius: 8px; background: white; padding: 11px 32px 11px 13px; font-size: 1rem; }
.room-example-details > summary { display: flex; align-items: center; gap: 14px; width: fit-content; max-width: 100%; min-height: 44px; margin: -4px 28px 8px; padding: 8px 0; list-style: none; cursor: pointer; color: var(--muted); font-size: .8125rem; }
.room-example-details > summary::-webkit-details-marker { display: none; }
.room-example-details > summary > span { font-size: 1.2rem; line-height: 1; flex-shrink: 0; }
.room-example-details[open] > summary > span { transform: rotate(45deg); }
.room-deliverables-first .founder-start { border-top: 1px solid var(--line); border-bottom: 0; padding: 24px 28px; }
.brand-direction { overflow: hidden; border: 1px solid var(--preview-line); border-radius: 13px; color: var(--preview-dark); background: var(--preview-paper); box-shadow: 0 12px 32px #101a1814; }
.brand-direction-hero { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 330px; }
.brand-wordmark-card { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px; background: var(--preview-dark); color: var(--preview-paper); min-width: 0; }
.brand-wordmark-card .preview-label { color: var(--preview-accent); margin-bottom: 36px; }
.brand-wordmark-card > strong { font-size: clamp(2.2rem, 4.4vw, 4.2rem); font-weight: 750; letter-spacing: -.045em; line-height: 1.12; overflow-wrap: anywhere; }
.brand-wordmark-card > p:last-child { font-size: 1rem; line-height: 1.5; max-width: 260px; margin: 20px 0 0; }
.brand-image-card { position: relative; margin: 0; min-width: 0; min-height: 280px; background: var(--preview-dark); }
.brand-image-card img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.brand-image-card::after { content: ''; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, #0009); }
.brand-image-card figcaption { position: absolute; bottom: 24px; left: 28px; right: 28px; z-index: 1; color: white; font-size: .875rem; line-height: 1.5; }
.brand-direction-details { display: grid; grid-template-columns: 1.1fr 1fr; }
.brand-palette-card, .brand-type-card { padding: 30px 36px; min-width: 0; }
.brand-type-card { border-left: 1px solid var(--preview-line); display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px; }
.brand-type-card > .preview-label { grid-column: 1 / -1; }
.brand-type-sample { font-size: clamp(3rem, 5vw, 4.5rem); letter-spacing: -.07em; line-height: 1; }
.brand-type-card > p { font-size: 1rem; margin: 0; font-weight: 650; }
.brand-type-card > p > span { display: block; font-size: .75rem; font-weight: 400; color: var(--preview-muted); margin-top: 5px; }
.brand-palette { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.brand-colour { min-width: 0; }
.brand-swatch { display: block; height: 52px; border-radius: 6px; border: 1px solid var(--preview-line); margin-bottom: 12px; }
.brand-colour > strong { display: block; font-size: .75rem; overflow-wrap: anywhere; }
.brand-colour-code { display: block; color: var(--preview-muted); font-size: .6875rem; margin-top: 5px; overflow-wrap: anywhere; }
.brand-voice-card { border-top: 1px solid var(--preview-line); padding: 30px 36px; }
.brand-voice-card h4 { margin: 20px 0 12px; font-size: clamp(1.5rem, 2.5vw, 2.1rem); letter-spacing: -.025em; line-height: 1.2; }
.brand-voice-card > p { max-width: 570px; margin-bottom: 0; font-size: 1rem; }
.client-proof-section { padding-top: 84px; }
.client-proof-intro { max-width: 610px; font-size: 1.125rem; color: var(--muted); }
.client-proof-section .work-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.client-proof-section .work-card img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: contain; background: #ecebe5; border-radius: 13px; }
.client-proof-section .work-card .work-title { font-size: 1.3rem; }
.case-artwork { grid-column: 1 / -1; margin: 0; background: #ebece7; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.case-artwork > img { width: 100%; height: auto; max-height: 540px; object-fit: contain; background: #eeefeb; }
.case-artwork > figcaption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; border-top: 1px solid var(--line); padding: 8px 20px; font-size: .8125rem; color: var(--muted); background: white; line-height: 1.5; }
.case-artwork > figcaption > span { flex: 1 1 260px; min-width: 0; }
.case-artwork > figcaption .text-link { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; font-size: .8125rem; color: var(--ink); }
.client-proof-section .case-panel { gap: 32px 48px; }
@media (max-width: 1050px) {
  .room-deliverables-first .deliverable-tabs button { flex-basis: 10rem; }
  .client-proof-section .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-wordmark-card { padding: 30px; }
  .brand-palette-card, .brand-type-card, .brand-voice-card { padding: 26px; }
}
@media (max-width: 760px) {
  .room-deliverables-first .deliverable-tabs { gap: 9px; }
  .room-deliverables-first .deliverable-tabs button { flex: 1 1 8rem; min-width: 0; min-height: 74px; padding: 13px 11px; }
  .room-company-choice { padding: 18px; display: grid; gap: 9px; }
  .room-company-choice select { width: 100%; }
  .room-example-details > summary { margin: -4px 18px 8px; }
  .room-deliverables-first .founder-start { padding: 20px 18px; display: block; }
  .room-deliverables-first .founder-start-result { margin-top: 22px; border-left: 0; padding-left: 0; }
  .brand-direction-hero, .brand-direction-details { grid-template-columns: minmax(0, 1fr); }
  .brand-wordmark-card { padding: 30px 24px; min-height: 260px; }
  .brand-wordmark-card > strong { font-size: clamp(2rem, 9vw, 3.5rem); }
  .brand-image-card { min-height: 220px; }
  .brand-palette-card, .brand-type-card, .brand-voice-card { padding: 24px; }
  .brand-type-card { border-left: 0; border-top: 1px solid var(--preview-line); }
  .brand-palette { gap: 9px; }
  .client-proof-section { padding-top: 64px; }
  .client-proof-section .work-grid { display: flex; gap: 18px; }
  .client-proof-section .work-card { flex: 0 0 86%; }
  .client-proof-section .work-card .work-title { font-size: 1.4rem; }
  .case-artwork > figcaption { padding: 13px 16px; }
  .client-proof-section .case-panel { padding: 20px; }
  .client-proof-section .case-panel > div { margin-top: 26px; }
}
@media (max-width: 360px) {
  .room-deliverables-first .deliverable-tabs button { flex-basis: 8rem; }
  .room-deliverables-first .deliverable-tabs .artifact-icon { font-size: 1.05rem; }
  .brand-wordmark-card, .brand-palette-card, .brand-type-card, .brand-voice-card { padding: 20px 16px; }
  .brand-type-card { grid-template-columns: minmax(0, 1fr); }
}


/* SKIN company-building story. Shared brand styles live in style.css. */
.why-page .site-header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 8px; }
.why-hero { padding: 84px 0 76px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 64px; }
.why-hero h1 { font-size: clamp(3rem, 5.7vw, 5.4rem); letter-spacing: -.04em; line-height: 1.08; margin: 0 0 28px; }
.why-hero h1 em { font-style: normal; position: relative; background: var(--lime); padding: 0 .08em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.why-hero .why-subtitle { font-size: 1.2rem; max-width: 600px; color: var(--muted); }
.why-hero .why-subtitle strong { color: var(--ink); font-weight: 550; }
.why-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 26px; margin-top: 30px; }
.company-view { border-radius: 22px; color: var(--bone); background: var(--ink); padding: 32px; box-shadow: 10px 10px 0 var(--lime); min-width: 0; }
.company-view > p { color: #c4c8bc; font-size: .75rem; font-weight: 550; letter-spacing: .12em; }
.company-view h2 { font-size: 2.1rem; letter-spacing: -.03em; line-height: 1.15; margin-bottom: 34px; }
.company-view ol { list-style: none; padding: 0; margin: 0; }
.company-view li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; padding: 22px 0; border-top: 1px solid #ffffff29; }
.company-view li > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffffff42; color: var(--lime); border-radius: 50%; font-size: .75rem; }
.company-view li strong { display: block; font-size: 1.125rem; margin-bottom: 6px; }
.company-view li p { font-size: .875rem; color: #c4c8bc; margin: 0; }
.company-view > p:last-child { border-top: 1px solid #ffffff29; padding-top: 20px; margin: 0; letter-spacing: 0; color: var(--lime); }
.why-section { padding: 76px 0; border-top: 1px solid var(--line); }
.why-section-heading { max-width: 780px; margin-bottom: 34px; }
.why-section-heading > p:last-child { font-size: 1.125rem; color: var(--muted); max-width: 700px; }
.decision-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin-bottom: 22px; }
.decision-tabs button { min-height: 66px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding: 16px 10px; background: transparent; border: 1px solid var(--line); border-radius: 11px; font-weight: 600; font-size: .9375rem; }
.decision-tabs button > span { font-size: .7rem; color: var(--copper); }
.decision-tabs button:hover { background: #e9eade; }
.decision-tabs button[aria-selected="true"] { background: var(--ink); color: var(--bone); box-shadow: 0 4px 0 var(--lime); }
.decision-tabs button[aria-selected="true"] > span { color: var(--lime); }
.decision-tabs button:focus-visible { outline-offset: -3px; }
.decision-panel { border: 1px solid var(--line); border-radius: 20px; padding: 36px; background: white; }
.decision-panel[hidden] { display: none; }
.decision-panel-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.decision-panel h3 { font-size: clamp(1.8rem, 3vw, 2.65rem); line-height: 1.15; margin: 0; max-width: 430px; }
.decision-panel-heading > p { font-size: 1rem; color: var(--muted); margin-bottom: 0; }
.decision-panel .eyebrow { font-size: .75rem; margin-bottom: 14px; }
.decision-outputs { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin: 32px 0 26px; }
.decision-outputs li { position: relative; border: 1px solid #d8d9d1; border-radius: 10px; padding: 24px; background: #f7f7f2; min-width: 0; }
.decision-outputs li > span { display: block; color: var(--copper); font-size: .75rem; margin-bottom: 32px; }
.decision-outputs strong { display: block; font-size: 1.05rem; line-height: 1.35; letter-spacing: -.02em; margin-bottom: 9px; }
.decision-outputs small { display: block; font-size: .875rem; color: var(--muted); line-height: 1.5; }
.decision-evidence { display: flex; gap: 25px; padding: 21px 24px; border-radius: 10px; background: #eaf0d9; align-items: center; }
.decision-evidence strong { font-size: .75rem; letter-spacing: .06em; flex: 0 0 155px; }
.decision-evidence p { margin: 0; font-size: .9375rem; }
.decision-note { font-size: .8125rem; color: var(--muted); margin: 18px 0 0; }
.platform-comparison { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: white; }
.platform-comparison caption { text-align: left; margin: 0 0 18px; font-size: .875rem; color: var(--muted); }
.platform-comparison th, .platform-comparison td { text-align: left; vertical-align: top; padding: 26px; line-height: 1.6; border-bottom: 1px solid var(--line); }
.platform-comparison thead { background: #eeeee8; }
.platform-comparison thead th { font-size: .75rem; font-weight: 600; letter-spacing: .06em; }
.platform-comparison tbody th { font-size: 1.35rem; letter-spacing: -.03em; width: 20%; }
.platform-comparison td { font-size: .9375rem; width: 40%; color: var(--muted); }
.platform-comparison .skin-row { color: var(--bone); background: var(--ink); }
.platform-comparison .skin-row th { color: var(--lime); }
.platform-comparison .skin-row td { color: var(--bone); }
.platform-comparison tbody tr:last-child > * { border-bottom: 0; }
.comparison-source-note { font-size: .8125rem; color: var(--muted); line-height: 1.6; margin-top: 18px; max-width: 880px; }
.comparison-source-links { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 10px 0 0; }
.comparison-source-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: .8125rem; text-decoration: underline; text-underline-offset: 4px; }
.why-human { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.why-human > div { min-width: 0; }
.why-human-copy > p { font-size: 1.125rem; color: var(--muted); }
.why-human-list { list-style: none; padding: 0; margin: 0; }
.why-human-list li { display: grid; grid-template-columns: 42px 1fr; gap: 20px; padding: 24px 0; border-top: 1px solid var(--line); }
.why-human-list li > span { display: grid; place-items: center; align-self: start; width: 42px; height: 42px; border-radius: 50%; background: var(--lime); font-size: 1.1rem; }
.why-human-list h3 { font-size: 1.2rem; margin: 0 0 8px; }
.why-human-list p { font-size: 1rem; color: var(--muted); margin: 0; }
.why-client-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.why-client-grid figure { margin: 0; min-width: 0; }
.why-client-grid img { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; height: auto; border: 1px solid var(--line); border-radius: 12px; background: #ecece8; }
.why-client-grid figcaption { padding: 20px 0; }
.why-client-grid strong { font-size: 1.1rem; display: block; margin-bottom: 6px; letter-spacing: -.02em; }
.why-client-grid span { color: var(--muted); font-size: .9375rem; }
.why-faq .faq-list { max-width: 900px; margin-left: 0; }
.why-closing { margin-bottom: 76px; border: 1px solid var(--line); padding: 56px; border-radius: 20px; background: var(--lime); }
.why-closing h2 { max-width: 710px; }
.why-closing p { font-size: 1.125rem; max-width: 690px; }
.why-closing .eyebrow { color: var(--ink); }
.why-teaser-link { display: inline-flex; margin-top: 18px; align-items: center; gap: 18px; min-height: 44px; }
@media (max-width: 1050px) {
  .why-hero { gap: 34px; padding-top: 60px; }
  .why-hero h1 { font-size: clamp(2.8rem, 5.8vw, 4rem); }
  .company-view { padding: 26px; }
  .decision-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .why-human { gap: 34px; }
}
@media (max-width: 760px) {
  .why-page { padding-bottom: calc(var(--mobile-cta-clearance) + env(safe-area-inset-bottom, 0px)); }
  .why-hero { grid-template-columns: minmax(0, 1fr); padding: 48px 0 60px; gap: 36px; }
  .why-hero h1 { font-size: clamp(2.4rem, 10.4vw, 3.5rem); line-height: 1.13; letter-spacing: -.03em; }
  .why-hero .why-subtitle { font-size: 1.0625rem; }
  .company-view { margin-right: 7px; box-shadow: 7px 7px 0 var(--lime); }
  .company-view h2 { font-size: 1.8rem; }
  .why-section { padding: 56px 0; }
  .why-section h2 { font-size: clamp(2rem, 8.2vw, 2.5rem); line-height: 1.15; }
  .why-section-heading > p:last-child { font-size: 1.0625rem; }
  .decision-tabs { grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.5rem), 1fr)); }
  .decision-tabs button { min-height: 62px; justify-content: flex-start; padding: 14px; }
  .decision-panel { padding: 24px 20px; }
  .decision-panel-heading { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .decision-outputs { grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 26px 0 20px; }
  .decision-outputs li { padding: 20px; }
  .decision-outputs li > span { margin-bottom: 18px; }
  .decision-evidence { display: block; padding: 20px; }
  .decision-evidence strong { display: block; margin-bottom: 12px; }
  .platform-comparison, .platform-comparison tbody { display: block; }
  .platform-comparison thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
  .platform-comparison tr { display: grid; grid-template-columns: minmax(0,1fr); padding: 24px; border-bottom: 1px solid var(--line); }
  .platform-comparison tbody th, .platform-comparison td { display: block; width: auto; border: 0; padding: 0; }
  .platform-comparison tbody th { margin-bottom: 20px; }
  .platform-comparison td + td { margin-top: 18px; }
  .platform-comparison td::before { content: attr(data-label); display: block; font-size: .7rem; font-weight: 650; color: var(--copper); letter-spacing: .06em; margin-bottom: 6px; }
  .platform-comparison .skin-row td::before { color: var(--lime); }
  .platform-comparison caption { display: block; padding: 18px 20px; margin: 0; }
  .why-human { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .why-client-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .why-closing { padding: 32px 24px; margin-bottom: 48px; }
  .why-closing h2 { font-size: clamp(2rem, 8vw, 2.5rem); line-height: 1.15; }
  .why-hero-actions .button { min-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .why-page { scroll-behavior: auto; }
}


/* Actual client work in an uncluttered, responsive gallery. */
.client-proof-section .work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.client-proof-section .work-card .work-title { font-size: 1.45rem; letter-spacing: -.025em; display: block; overflow-wrap: anywhere; }
.client-proof-section .work-card .work-title > span { display: inline-block; margin-left: .35em; }
.client-proof-section .work-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #efeee9; border-radius: 12px; }
.client-proof-section .work-card > span:last-child { font-size: 1rem; line-height: 1.55; }
.client-proof-section .work-category { font-size: .875rem; }
.client-proof-section .case-panel { padding: clamp(20px, 3.2vw, 44px); gap: 32px 52px; background: #fff; }
.case-panel .case-story, .case-panel .case-contribution { min-width: 0; }
.case-panel .case-story > h3 { max-width: 590px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.case-panel .case-story > p:not(.eyebrow) { color: var(--muted); font-size: 1.0625rem; }
.case-panel .case-contribution .eyebrow { font-size: .875rem; }
.case-panel .case-strategy { background: var(--bone); padding: 18px 20px; border-left: 3px solid var(--lime); margin-top: 22px; }
.case-strategy strong { display: block; line-height: 1.4; margin-bottom: 8px; }
.case-strategy p { margin: 0; color: var(--muted); }
.case-gallery { grid-column: 1 / -1; min-width: 0; border-top: 1px solid var(--line); padding-top: 28px; }
.case-gallery-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.case-gallery-heading > div:first-child { min-width: 0; }
.case-gallery-heading .eyebrow { margin-bottom: 7px; }
.case-panel .case-gallery-heading h4 { font-size: 1.25rem; line-height: 1.4; font-weight: 650; letter-spacing: -.02em; margin: 0; }
.case-gallery-controls { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.case-gallery-controls > span { font-size: .875rem; color: var(--muted); font-variant-numeric: tabular-nums; margin-right: 5px; }
.case-artwork { border-radius: 12px; }
.case-image-frame { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; background: #efeee9; overflow: hidden; }
.case-image-frame > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.case-image-frame[data-kind="brand"] { background: #f9f6f0; }
.case-image-frame[data-kind="brand"] > img { width: 68%; height: 65%; }
.case-image-frame[data-kind="signature"] { background: #f2eee4; }
.case-image-frame[data-kind="signature"] > img { width: 64%; height: 78%; }
.case-image-frame[data-kind="website"] { aspect-ratio: 16 / 10; background: #e8e8e4; }
.case-artwork > figcaption { padding: 10px 20px; font-size: .875rem; gap: 8px 20px; }
.case-artwork > figcaption .text-link { font-size: .875rem; }
.case-gallery-thumbs { display: flex; gap: 14px; overflow-x: auto; padding: 7px 3px 14px; margin: 14px -3px 0; scroll-snap-type: x proximity; overscroll-behavior-x: contain; scroll-padding-inline: 3px; }
.case-gallery-thumb { flex: 0 0 clamp(140px, 17%, 210px); min-width: 0; background: transparent; padding: 4px; text-align: left; border: 2px solid transparent; border-radius: 10px; scroll-snap-align: start; }
.case-gallery-thumb[aria-pressed="true"] { border-color: var(--ink); background: var(--bone); }
.case-gallery-thumb:hover { background: var(--bone); }
.case-gallery-thumb:focus-visible { outline-offset: -3px; }
.case-gallery-thumb img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: contain; background: #efeee9; border-radius: 4px; }
.case-gallery-thumb img[data-kind="brand"], .case-gallery-thumb img[data-kind="signature"] { padding: 14px; background: #f2eee4; }
.case-gallery-thumb > span { display: block; font-size: .875rem; font-weight: 600; line-height: 1.4; padding: 9px 3px 3px; overflow-wrap: anywhere; }
.case-panel .case-takeaway { background: transparent; padding: 16px 0 0; margin-top: 14px; border-top: 1px solid var(--line); }
.case-panel .case-takeaway > span { font-size: .875rem; color: var(--copper); }
.case-panel .case-takeaway > p { margin-bottom: 0; }
@media (max-width: 1050px) { .client-proof-section .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .client-proof-section .work-grid { display: flex; gap: 18px; }
  .client-proof-section .work-card { flex-basis: 86%; }
  .client-proof-section .case-panel { display: flex; flex-direction: column; padding: 20px; gap: 26px; }
  .client-proof-section .case-panel > div { margin-top: 0; }
  .case-panel .case-contribution { order: 3; }
  .case-panel .case-gallery { order: 2; }
  .case-panel .case-story { order: 1; }
  .case-gallery { padding-top: 22px; }
  .case-gallery-heading { flex-wrap: wrap; gap: 14px; }
  .case-gallery-controls { margin-left: auto; }
  .case-panel .case-gallery-heading h4 { font-size: 1.1rem; }
  .case-artwork > figcaption { padding: 12px 14px; }
  .case-gallery-thumb { flex-basis: 140px; }
  .case-panel .case-story > p:not(.eyebrow) { font-size: 1rem; }
}
@media (max-width: 360px) { .client-proof-section .case-panel { padding: 16px; } .case-gallery-controls { gap: 5px; } }


.headline-accessible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.headline-first-line { max-width: 100%; }
.headline-words { display: inline-grid; max-width: 100%; vertical-align: bottom; text-align: center; }
.headline-words > span { grid-area: 1 / 1; opacity: 0; transition: opacity 800ms cubic-bezier(.4, 0, .2, 1); pointer-events: none; }
.headline-words > .is-current { opacity: 1; }
.rotating-headline .highlight { margin-inline: .12em; }
.headline-motion-control { display: flex; justify-content: center; margin: -12px 0 10px; min-height: 0; }
.headline-motion-control button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; border-radius: 999px; background: transparent; color: var(--muted); font-size: .875rem; padding: 8px 12px; }
.headline-motion-control button:hover { background: #00000006; color: var(--ink); }
.headline-motion-control button[hidden] { display: none; }
@media (max-width: 760px) {
  .hero .rotating-headline { font-size: clamp(1.75rem, 9.1vw, 4rem); }
  .hero .rotating-headline br { display: initial; }
  .headline-first-line { display: block; }
  .headline-first-line + br { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { .headline-words > span { transition: none; transform: none; } .headline-motion-control { display: none; } }


/* A single browsing surface: choose the work, see it, then read the context. */
.room-showcase .room-tour-heading { max-width: none; margin-bottom: 26px; }
.room-showcase .room-tour-heading h2, .client-proof-section .section-heading h2 { font-size: clamp(2rem, 3.6vw, 3.4rem); line-height: 1.12; letter-spacing: -.035em; }
.room-showcase .room-tour-heading > p:last-child, .client-proof-intro { font-size: 1.0625rem; line-height: 1.55; max-width: 730px; }
.room-showcase .buildroom-demo { border-radius: 16px; box-shadow: none; }
.room-showcase .room-deliverable-picker { margin: 0; padding: 12px; background: white; border-bottom: 1px solid var(--line); }
.room-showcase .deliverable-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 0; }
.room-showcase .deliverable-tabs button { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; width: auto; min-height: 46px; padding: 10px 12px; border: 0; border-radius: 8px; box-shadow: none; }
.room-showcase .deliverable-tabs button[aria-selected="true"] { box-shadow: none; }
.room-showcase .deliverable-tabs strong { font-size: .875rem; margin: 0; }
.room-showcase .deliverable-tabs small, .room-showcase .artifact-icon { display: none; }
.room-mobile-choice, .case-mobile-choice { display: none; }
.room-context-bar { display: flex; align-items: center; gap: 16px; padding: 8px 24px; border-bottom: 1px solid var(--line); background: #fafaf7; }
.room-showcase .room-company-choice { display: flex; gap: 10px; padding: 0; align-items: center; }
.room-showcase .room-company-choice label { font-size: .875rem; }
.room-showcase .room-company-choice select { width: 160px; min-height: 44px; border: 0; background: transparent; border-radius: 6px; padding: 8px 26px 8px 8px; font-size: 1rem; }
.room-showcase .room-demo-label { color: var(--muted); font-size: .875rem; }
.showcase-expand { margin-left: auto; padding: 8px 12px; min-height: 44px; border: 1px solid var(--line); background: white; border-radius: 7px; font-size: .875rem; white-space: nowrap; }
.showcase-expand > span { margin-left: 10px; }
.room-showcase .deliverable-panel { padding: 24px; background: #eeefeb; }
.room-showcase .deliverable-intro { margin-bottom: 16px; }
.room-showcase .deliverable-intro h3 { font-size: 1.25rem; line-height: 1.35; margin: 0; letter-spacing: -.02em; }
.room-showcase #deliverable-kicker, .room-showcase #deliverable-description { display: none; }
.room-showcase .artifact-toolbar { margin-bottom: 14px; }
.room-showcase .sample-site-nav { padding: 16px 0; margin-inline: 28px; }
.room-showcase .sample-site-content { padding: 28px; }
.room-showcase .sample-site-content h4 { font-size: clamp(2rem, 3.3vw, 3rem); line-height: 1.1; letter-spacing: -.035em; margin-bottom: 16px; }
.room-showcase .sample-site-content > p:first-child { margin-bottom: 14px; }
.room-showcase .sample-site-visual { min-height: 340px; margin: 20px 20px 20px 0; }
.room-showcase .sample-site-proof, .room-showcase .sample-site-bottom { display: none; }
.room-showcase .room-value { margin-top: 16px; padding-top: 14px; gap: 16px; }
.room-showcase .room-value > span { font-size: .8125rem; flex-basis: 160px; }
.room-showcase .room-value > p { font-size: 1rem; }
.room-showcase .revision-caption { font-size: .875rem; }
.room-showcase .room-example-details { background: white; border-top: 1px solid var(--line); }
.room-showcase .room-example-details > summary { margin: 0; padding: 12px 24px; min-height: 48px; width: 100%; justify-content: space-between; font-size: .875rem; }
.room-showcase .founder-start { padding: 20px 24px; }
.room-showcase .buildroom-handoff { padding: 22px 24px; gap: 20px; display: flex; align-items: center; }
.room-showcase .buildroom-handoff h3 { margin-bottom: 5px; font-size: 1.25rem; }
.room-showcase .buildroom-handoff .button { margin: 0; }
.room-showcase .room-tour-note { max-width: 760px; font-size: .875rem; }
@media(min-width: 761px) {
  .room-showcase { padding-top: 60px; }
  .room-showcase .buildroom-demo { display: grid; grid-template-columns: 184px minmax(0, 1fr); }
  .room-showcase .room-deliverable-picker { grid-column: 1; grid-row: 1 / 3; border-bottom: 0; border-right: 1px solid var(--line); padding: 16px 12px; }
  .room-showcase .deliverable-tabs { flex-direction: column; gap: 7px; }
  .room-showcase .deliverable-tabs button { flex: 0 0 auto; justify-content: flex-start; text-align: left; padding: 14px 12px; }
  .room-showcase .deliverable-tabs strong { font-size: .9375rem; }
  .room-showcase .room-context-bar { grid-column: 2; grid-row: 1; }
  .room-showcase .buildroom-layout { grid-column: 2; grid-row: 2; min-width: 0; }
  .room-showcase .room-example-details, .room-showcase .buildroom-handoff { grid-column: 1 / -1; }
  .room-showcase .deliverable-intro { display: none; }
  .room-showcase .sample-site-content h4 { font-size: clamp(1.7rem, 2.8vw, 2.7rem); }
  .room-showcase .sample-site-nav .sample-nav-tag { display: none; }
  .room-showcase .sample-site-visual { min-height: 320px; }
}

/* Client selection stays beside the image on desktop; a native selector on phones. */
.client-proof-section .section-heading { margin-bottom: 28px; }
.client-proof-section .client-proof-intro { margin: 16px 0 0; }
.client-work-browser { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: start; }
.client-proof-section .work-grid { display: flex; flex-direction: column; gap: 7px; padding: 0; margin: 0; overflow: visible; }
.client-proof-section .work-grid { position: sticky; top: 104px; }
.client-proof-section .work-card { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid transparent; border-radius: 10px; min-height: 70px; width: 100%; flex: none; }
.client-proof-section .work-card:hover { background: #e8e8e1; }
.client-proof-section .work-card[aria-selected="true"] { background: var(--ink); border-color: var(--ink); }
.client-proof-section .work-card img { flex-shrink: 0; width: 48px; height: 38px; border: 0; border-radius: 4px; object-fit: contain; box-shadow: none; transform: none; }
.client-proof-section .work-card .work-title { font-size: .9375rem; line-height: 1.35; margin: 0; letter-spacing: -.015em; color: var(--ink); }
.client-proof-section .work-card[aria-selected="true"] .work-title { color: white; }
.client-proof-section .work-card .work-title > span { display: none; }
.client-proof-section .case-controls { display: none; }
.client-proof-section .case-panel { padding: 0; border: 0; border-radius: 0; background: transparent; display: flex; flex-direction: column; gap: 22px; }
.client-proof-section .case-panel > div { margin: 0; }
.case-panel .case-gallery { order: 0; padding: 0; border: 0; width: 100%; }
.case-panel .case-story { order: 1; padding: 0 2px; }
.case-panel .case-contribution { order: 2; width: 100%; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-contribution > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 54px; padding: 12px 2px; cursor: pointer; list-style: none; font-size: 1rem; font-weight: 600; }
.case-contribution > summary::-webkit-details-marker { display: none; }
.case-contribution > summary > span { font-size: 1.3rem; }
.case-contribution[open] > summary > span { transform: rotate(45deg); }
.case-contribution-body { padding: 4px 2px 22px; }
.case-panel .case-story > h3 { max-width: 770px; font-size: clamp(1.4rem, 2vw, 1.8rem); line-height: 1.25; margin-bottom: 12px; }
.case-panel .case-story > .eyebrow { font-size: .8125rem; margin-bottom: 10px; }
.case-panel .case-story > p:not(.eyebrow) { font-size: 1rem; line-height: 1.6; max-width: 770px; margin-bottom: 16px; }
.case-gallery-heading { gap: 16px; margin-bottom: 12px; }
.case-gallery-heading .eyebrow { display: none; }
.case-panel .case-gallery-heading h4 { font-size: 1rem; letter-spacing: 0; line-height: 1.4; }
.case-gallery-controls { gap: 6px; }
.case-gallery-controls .round-control { width: 44px; height: 44px; }
.case-artwork { background: #eeede8; border-radius: 10px; }
.case-image-frame { position: relative; aspect-ratio: 16 / 9; }
.case-image-frame[data-kind="website"] { aspect-ratio: 16 / 9; }
.case-image-open { position: absolute; inset: 0; z-index: 1; width: 100%; background: transparent; padding: 0; cursor: zoom-in; }
.case-image-open > span { position: absolute; right: 12px; bottom: 12px; background: var(--ink); color: white; border: 1px solid #ffffff70; padding: 9px 13px; border-radius: 6px; font-size: .875rem; }
.case-image-open:hover > span { background: var(--lime); color: var(--ink); }
.case-artwork > figcaption { padding: 8px 16px; background: #fff; font-size: .875rem; line-height: 1.5; gap: 4px 16px; }
.case-artwork > figcaption .text-link { font-size: .875rem; }
.case-gallery-thumbs { gap: 8px; padding: 4px 2px 9px; margin: 10px -2px 0; scrollbar-width: thin; }
.case-gallery-thumb { flex: 0 0 7.5rem; border-radius: 6px; padding: 3px; }
.case-gallery-thumb > span { font-size: .875rem; padding: 7px 3px 3px; }
.case-gallery-thumb img { aspect-ratio: 16 / 9; }

/* The same live example moves into this viewer, retaining all interaction state. */
body.viewer-open { position: fixed; inset-inline: 0; width: 100%; overflow: hidden; }
.viewer-open .mobile-cta { display: none !important; }
.showcase-viewer { width: calc(100% - 48px); max-width: 1500px; height: calc(100dvh - 48px); max-height: none; margin: auto; border: 1px solid var(--line); border-radius: 16px; padding: 0; background: var(--bone); overscroll-behavior: contain; }
.showcase-viewer[open] { display: flex; flex-direction: column; }
.showcase-viewer .viewer-header { position: sticky; top: 0; z-index: 4; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 24px; border-bottom: 1px solid var(--line); background: var(--bone); }
.viewer-header > div { min-width: 0; }
.showcase-viewer .viewer-header .eyebrow { display: block; font-size: .75rem; margin: 0 0 5px; color: var(--copper); }
.showcase-viewer .viewer-header h2 { font-size: 1.1rem; line-height: 1.35; letter-spacing: -.015em; margin: 0; }
.viewer-close { flex-shrink: 0; min-height: 44px; padding: 10px 14px; font-size: .875rem; border: 1px solid var(--line); border-radius: 7px; background: white; }
.viewer-close span { margin-left: 12px; }
#viewer-room { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 24px; }
#viewer-room .buildroom-demo { max-width: 1240px; margin: auto; }
#viewer-room .showcase-expand, #viewer-room .buildroom-handoff { display: none; }
#viewer-case { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.viewer-image-stage { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 0; padding: 20px; overflow: auto; background: #e8e7e2; }
.viewer-image-stage > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.viewer-image-stage[data-kind="brand"] > img, .viewer-image-stage[data-kind="signature"] > img { width: 65%; height: 65%; }
.viewer-image-stage.is-zoomed { display: block; }
.viewer-image-stage.is-zoomed > img { width: auto; height: auto; max-width: none; max-height: none; min-width: 100%; }
.viewer-caption { flex-shrink: 0; padding: 14px 24px; border-top: 1px solid var(--line); background: var(--bone); }
.viewer-caption > p { font-size: .875rem; margin: 0 0 8px; line-height: 1.5; }
.viewer-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.viewer-controls > span { margin-left: auto; color: var(--muted); font-size: .875rem; font-variant-numeric: tabular-nums; }
.viewer-controls .text-link { font-size: .875rem; min-height: 44px; }
.viewer-zoom { padding: 9px 14px; min-height: 44px; border: 1px solid var(--line); background: white; border-radius: 7px; font-size: .875rem; }
.viewer-zoom[aria-pressed="true"] { background: var(--ink); color: white; }

@media(max-width: 1050px) {
  .client-work-browser { grid-template-columns: 190px minmax(0, 1fr); gap: 20px; }
  .client-proof-section .work-card { padding: 10px 8px; gap: 8px; }
  .client-proof-section .work-card img { width: 34px; height: 30px; }
  .room-showcase .deliverable-tabs button { padding: 10px; }
}
@media(max-width: 760px) {
  .room-showcase { padding-block: 52px; }
  .room-showcase .room-tour-heading { margin-bottom: 20px; }
  .room-showcase .room-tour-heading h2, .client-proof-section .section-heading h2 { font-size: clamp(1.75rem, 7.6vw, 2.4rem); line-height: 1.16; }
  .room-showcase .room-tour-heading > .eyebrow { margin-bottom: 14px; font-size: .8125rem; }
  .room-showcase .room-tour-heading > p:last-child, .client-proof-intro { font-size: 1rem; }
  .room-showcase .deliverable-tabs { display: none; }
  .room-showcase .room-deliverable-picker { padding: 14px 16px; }
  .room-mobile-choice, .case-mobile-choice { display: grid; gap: 7px; font-size: .875rem; color: var(--muted); }
  .room-mobile-choice select, .case-mobile-choice select { width: 100%; min-width: 0; min-height: 48px; padding: 10px 34px 10px 12px; border: 1px solid #bdbfb5; border-radius: 8px; color: var(--ink); background: white; font: inherit; font-size: 1rem; }
  .room-context-bar { padding: 8px 16px; gap: 8px; flex-wrap: wrap; }
  .room-showcase .room-company-choice { flex: 1 1 auto; min-width: 0; gap: 4px; }
  .room-showcase .room-company-choice select { width: 126px; max-width: 100%; font-size: .9375rem; }
  .room-showcase .room-demo-label { display: none; }
  .showcase-expand { min-width: 44px; padding: 8px; font-size: .875rem; }
  .showcase-expand > span { margin-left: 3px; }
  .room-showcase .deliverable-panel { padding: 16px; }
  .room-showcase .deliverable-intro h3 { font-size: 1rem; font-weight: 600; line-height: 1.4; }
  .room-showcase .deliverable-intro { margin-bottom: 12px; }
  .room-showcase .deliverable-intro { display: none; }
  .room-showcase .artifact-toolbar { gap: 8px; display: flex; flex-wrap: wrap; align-items: center; }
  .room-showcase .artifact-modes { padding: 3px; width: auto; }
  .room-showcase .artifact-modes button { padding: 8px 11px; font-size: .875rem; }
  .room-showcase .revision-toggle { text-align: left; min-height: 44px; font-size: .875rem; margin-top: 12px; }
  .room-showcase .experience-window-bar { padding: 10px 12px; font-size: .75rem; }
  .room-showcase .sample-site-nav { padding: 14px 0; margin: 0 18px; }
  .room-showcase .sample-site-nav strong { font-size: 1.25rem; }
  .room-showcase .sample-site-nav > span { display: none; }
  .room-showcase .sample-site-hero { display: flex; flex-direction: column; }
  .room-showcase .sample-site-visual { order: 0; margin: 14px 14px 0; min-height: 0; height: 176px; }
  .room-showcase .sample-site-visual figcaption { bottom: 16px; left: 16px; right: 16px; }
  .room-showcase .sample-site-visual figcaption > span { display: none; }
  .room-showcase .sample-site-visual figcaption > strong { font-size: 1.3rem; line-height: 1.15; }
  .room-showcase .sample-site-content { order: 1; padding: 22px 18px; }
  .room-showcase .sample-site-content > p:first-child { display: none; }
  .room-showcase .sample-site-content h4 { font-size: clamp(1.5rem, 6.6vw, 2rem); line-height: 1.15; letter-spacing: -.03em; margin-bottom: 12px; }
  .room-showcase #sample-site-body { font-size: 1rem; line-height: 1.5; margin-bottom: 18px; }
  .room-showcase .sample-site-features { margin: 0 18px; padding: 16px 0; display: flex; flex-wrap: wrap; gap: 8px 16px; }
  .room-showcase .sample-site-features > span { font-size: .875rem; }
  .room-showcase .room-value { display: block; }
  .room-showcase .room-value > span { display: block; margin-bottom: 6px; }
  .room-showcase .room-example-details > summary { padding: 12px 16px; }
  .room-showcase .buildroom-handoff { padding: 20px 16px; flex-wrap: wrap; }
  .room-showcase .buildroom-handoff p { font-size: 1rem; }
  .room-showcase .buildroom-handoff .button { width: 100%; }
  .room-showcase .sample-deck { padding: 20px; min-height: 0; }
  .room-showcase .deck-editor { display: flex; flex-direction: column; }
  .room-showcase .deck-editor > .artifact-editor-bar { order: 0; }
  .room-showcase .deck-filmstrip { order: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 12px 12px 0; gap: 8px; }
  .room-showcase .deck-thumb { display: block; min-height: 48px; }
  .room-showcase .deck-thumb-copy { padding: 10px 6px; gap: 3px; }
  .room-showcase .deck-thumb > img, .room-showcase .deck-thumb-lines { display: none; }
  .room-showcase .deck-thumb-copy small { display: none; }
  .room-showcase .sample-deck { order: 2; margin: 12px; }
  .room-showcase .sample-deck-body { padding: 24px 0; gap: 20px; }
  .room-showcase .sample-deck-body h4 { font-size: 1.65rem; line-height: 1.15; letter-spacing: -.025em; }
  .room-showcase .deck-visual { min-height: 0; }
  .room-showcase .deck-cover-photo { min-height: 0; height: 170px; }
  .room-showcase .brand-wordmark-card { min-height: 190px; padding: 24px; }
  .room-showcase .brand-image-card { min-height: 180px; }
  .room-showcase .brand-wordmark-card .preview-label { margin-bottom: 22px; }
  .room-showcase .app-context { display: none; }
  .client-proof-section { padding-top: 32px; }
  .client-work-browser { display: flex; flex-direction: column; gap: 16px; }
  .client-proof-section .work-grid { display: none; }
  .case-mobile-choice { width: 100%; }
  .client-proof-section .case-panel { width: 100%; gap: 20px; padding: 0; }
  .case-gallery-heading { flex-wrap: nowrap; gap: 12px; }
  .case-panel .case-gallery-heading h4 { font-size: .9375rem; }
  .case-gallery-controls { margin-left: 0; gap: 5px; }
  .case-gallery-controls > span { display: none; }
  .case-artwork > figcaption { padding: 10px 12px; }
  .case-artwork > figcaption .text-link { display: none; }
  .case-artwork > figcaption > span { flex-basis: 100%; }
  .case-gallery-thumb { flex-basis: 8.25rem; }
  .case-panel .case-story > h3 { font-size: 1.4rem; }
  .case-image-open > span { font-size: .8125rem; bottom: 8px; right: 8px; padding: 8px 10px; }
  .showcase-viewer { width: 100%; height: 100dvh; max-width: none; margin: 0; border: 0; border-radius: 0; }
  .showcase-viewer .viewer-header { padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 12px; gap: 12px; }
  .showcase-viewer .viewer-header h2 { font-size: 1rem; }
  .viewer-close { padding: 10px; }
  .viewer-close span { margin-left: 6px; }
  #viewer-room { padding: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
  #viewer-room .buildroom-demo { border: 0; border-radius: 0; }
  .viewer-image-stage { padding: 10px; }
  .viewer-caption { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
  .viewer-controls { gap: 8px; }
  .viewer-controls .text-link { font-size: .8125rem; }
  .viewer-controls .round-control { width: 44px; height: 44px; }
}
@media(prefers-reduced-motion: reduce) { .showcase-viewer *, .room-showcase *, .client-proof-section * { scroll-behavior: auto; } }


.hero .gtm-hero-copy{max-width:780px;margin-inline:auto}.hero-next{font-size:1rem;color:#52564f;margin:20px 0 0}.gtm-audience-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:20px auto 0;font-size:.9rem;font-weight:650}.gtm-audience-links a{border-bottom:1px solid #96998e;padding:8px 0}.gtm-proof{padding-block:90px}.gtm-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.gtm-proof-grid article{border:1px solid #d5d5cb;border-radius:18px;overflow:hidden;background:#fff}.gtm-proof-grid img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.gtm-proof-grid article>div{padding:28px}.gtm-proof-grid h3{font-size:1.65rem;line-height:1.16;letter-spacing:-.035em;margin:16px 0}.gtm-proof-grid p{font-size:1rem}.gtm-loop{grid-template-columns:repeat(4,minmax(0,1fr))}.gtm-price-summary{display:grid;gap:10px;margin:24px 0;font-size:1.1rem}.gtm-price-summary b{display:inline-block;min-width:95px}.gtm-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#intake-form input:not([type=checkbox]){font:inherit;font-size:1rem;width:100%;border:1px solid #bfc1b8;border-radius:10px;padding:13px;background:#fff;color:#0b0b0d}#intake-form select{font-size:1rem}.gtm-consent{display:flex!important;gap:12px;align-items:flex-start;margin-top:22px!important;font-size:.9rem!important;line-height:1.5}.gtm-consent input{width:20px;height:20px;flex:none;margin-top:3px}.gtm-consent a{text-decoration:underline}.gtm-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.optional{font-weight:400;color:#555}#submit-error{background:#fff0eb;color:#7c2919;padding:14px;border-radius:10px}.intake-progress{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.intake-progress li{font-size:.85rem}.gtm-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:42px 0 22px}.gtm-plan{display:flex;flex-direction:column;background:#fff;border:1px solid #d0d1c7;border-radius:18px;padding:26px}.gtm-plan.featured{background:#d9ff57;border-color:#0b0b0d}.gtm-plan h2{font-size:1.9rem;margin:14px 0}.gtm-plan .gtm-amount{font-size:2.8rem;line-height:1.1;letter-spacing:-.045em;font-weight:700;margin:0}.gtm-plan .gtm-period{font-size:.9rem;margin:8px 0 22px}.gtm-plan .gtm-purpose{font-size:1.05rem;min-height:76px;margin:0 0 20px}.gtm-plan ul{padding-left:20px;font-size:.95rem;line-height:1.6;margin:24px 0}.gtm-plan li+li{margin-top:10px}.gtm-plan .button{margin-top:auto}.gtm-plan small{font-size:.85rem;line-height:1.5;margin:18px 0 0}.gtm-pricing-section{padding:65px 0}.gtm-pricing-section+.gtm-pricing-section{border-top:1px solid #d0d1c7}.gtm-pricing-section>h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.05em;line-height:1.08;margin:12px 0 22px}.gtm-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.gtm-scope-grid article{border-top:2px solid #0b0b0d;padding-top:22px}.gtm-scope-grid h3{font-size:1.35rem}.gtm-scope-grid p,.gtm-pricing-section>p{font-size:1.05rem;line-height:1.6;max-width:850px}.gtm-note{color:#555;font-size:.9rem;line-height:1.6}.gtm-callout{padding:32px;border-radius:18px;background:#efede7;display:flex;gap:30px;align-items:center;justify-content:space-between}.gtm-callout h2{font-size:1.8rem;line-height:1.15}.gtm-callout p{font-size:1rem;max-width:750px}.gtm-callout .button{flex:none}.gtm-help-link{text-decoration:underline}button:disabled{opacity:.6;cursor:wait}.gtm-faq{margin-top:45px}.gtm-faq details{padding:22px 0;border-bottom:1px solid #ccc}.gtm-faq summary{font-size:1.05rem;font-weight:650;cursor:pointer}.gtm-faq p{font-size:1rem;max-width:850px;line-height:1.6}.gtm-kicker{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
@media(max-width:1120px){.gtm-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.gtm-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.gtm-plan .gtm-purpose{min-height:50px}}
@media(max-width:650px){.gtm-audience-links{display:grid;gap:8px}.gtm-proof{padding-block:56px}.gtm-proof-grid,.gtm-scope-grid,.gtm-field-grid{grid-template-columns:1fr}.gtm-proof-grid article>div{padding:22px}.gtm-loop{grid-template-columns:1fr}.gtm-plans{grid-template-columns:1fr;gap:16px;margin-top:30px}.gtm-plan .gtm-purpose{min-height:0}.gtm-plan{padding:24px}.gtm-callout{display:block;padding:24px}.gtm-callout .button{margin-top:18px}.intake-progress li{font-size:.75rem}.intake-progress li span{display:none}.gtm-pricing-section{padding:42px 0}.gtm-price-summary{font-size:1rem}.gtm-consent{font-size:.9rem!important}}


/* A single starting point, with secondary destinations in navigation. */
.build-home .site-header .mobile-contact { display: none; }
.build-home .hero { padding-block: 64px 56px; }
.build-home .hero-copy { max-width: 620px; margin: 0 auto 28px; padding: 0; }
.build-home .prompt-shell { width: min(760px, 100%); }
.build-home .prompt-shell textarea { min-height: 88px; }
.build-home .prompt-shell textarea::placeholder { color: #858880; opacity: 1; font-weight: 400; }
.build-home .prompt-bottom { display: flex; justify-content: flex-end; margin-top: 8px; }

@media (max-width: 1050px) {
  .build-home .site-header { min-height: 68px; padding-block: 12px; }
  .build-home .site-header > .button { display: none; }
  .build-home .menu-toggle { margin-left: auto; }
  .build-home .site-header .mobile-contact { display: flex; align-items: center; gap: 12px; }
}

@media (max-width: 760px) {
  .build-home .hero { padding-block: 36px 36px; }
  .build-home .hero-copy { font-size: 1.0625rem; line-height: 1.5; margin-bottom: 24px; text-wrap: balance; }
  .build-home .prompt-shell { padding: 20px 20px 18px; }
  .build-home .prompt-shell textarea { min-height: 88px; }
  .build-home .prompt-bottom .button { width: 100%; min-height: 50px; }
}


/* Small responses on existing controls; no additional layout or content. */
.build-home .prompt-shell {
  transition: border-color 220ms ease, box-shadow 320ms ease;
}
.build-home .prompt-shell:focus-within {
  box-shadow: 0 0 0 3px #d9ff5745, 0 18px 44px #0b0b0d0a;
}
.build-home .hero:focus-within h1 .highlight::before {
  transform: rotate(.3deg);
  box-shadow: 3px 4px 0 var(--ink);
}
.build-home .button {
  transition: transform 180ms ease, background-color 220ms ease, color 220ms ease, box-shadow 220ms ease;
}
.build-home .button.lime > span[aria-hidden="true"],
.build-home .text-link > span[aria-hidden="true"] {
  display: inline-block;
  transition: transform 220ms cubic-bezier(.2, .7, .3, 1);
}
.build-home .button.lime:focus-visible > span[aria-hidden="true"] { transform: translate(2px, -2px); }
.build-home .button:active { transform: translateY(1px) scale(.985); box-shadow: none; }
.build-home .round-control:active { transform: scale(.94); }
.build-home .case-gallery-thumb,
.build-home .client-proof-section .work-card,
.build-home .round-control,
.build-home .room-showcase .deliverable-tabs button {
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 180ms ease;
}
.build-home .case-gallery-thumb:active,
.build-home .client-proof-section .work-card:active { transform: scale(.985); }
.build-home .client-proof-section .work-card:focus-visible,
.build-home .room-showcase .deliverable-tabs button:focus-visible {
  box-shadow: inset 3px 0 0 var(--lime);
}
.build-home .faq-list details,
.build-home .case-contribution { transition: border-color 240ms ease; }
.build-home .faq-list details[open],
.build-home .case-contribution[open] { border-bottom-color: #89965c; }
.build-home .case-contribution > summary > span { transition: transform 220ms ease; }
.build-home .faq-list details[open] > p,
.build-home .case-contribution[open] > .case-contribution-body {
  animation: skin-disclosure 220ms ease-out;
}
.build-home #intake-dialog[open] { animation: skin-dialog 240ms cubic-bezier(.2, .7, .3, 1); }
.build-home .reveal-enter { animation: skin-reveal 520ms cubic-bezier(.2, .7, .3, 1) backwards; }

@media (hover: hover) and (pointer: fine) {
  .build-home .prompt-shell::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 2px;
    background: radial-gradient(190px circle at var(--edge-x, 50%) var(--edge-y, 0%), #a8c447, transparent 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
    transition: opacity 300ms ease;
  }
  .build-home .prompt-shell.has-pointer::after { opacity: .8; }
  .build-home .prompt-shell:focus-within::after { opacity: 0; }
  .build-home .button.lime:hover { box-shadow: 0 6px 18px #9fb53022; }
  .build-home .button.lime:hover > span[aria-hidden="true"] { transform: translate(2px, -2px); }
  .build-home .text-link:hover > span[aria-hidden="true"] { transform: translateX(3px); }
  .build-home .case-gallery-thumb:hover { transform: translateY(-2px); }
  .build-home .client-proof-section .work-card:hover,
  .build-home .room-showcase .deliverable-tabs button:hover { box-shadow: inset 3px 0 0 var(--lime); }
  .build-home .steps article.reveal-enter:nth-child(2) { animation-delay: 65ms; }
  .build-home .steps article.reveal-enter:nth-child(3) { animation-delay: 130ms; }
}
@media (hover: none) {
  .build-home .button:hover { transform: none; }
  .build-home .button:active { transform: scale(.985); }
  .build-home .reveal-enter { animation-duration: 400ms; }
}
@keyframes skin-reveal { from { opacity: .8; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes skin-disclosure { from { opacity: .65; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
@keyframes skin-dialog { from { opacity: .65; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.build-home.motion-paused *, .build-home.motion-paused *::before, .build-home.motion-paused *::after {
  animation: none !important;
  transition: none !important;
}
.build-home.motion-paused .prompt-shell::after { display: none; }
@media (prefers-reduced-motion: reduce) {
  .build-home .prompt-shell::after { display: none; }
}


.business-goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 16px}
.business-goal-options button{border:1px solid var(--line);border-radius:12px;background:transparent;min-height:44px;padding:10px 12px;text-align:left;font-size:.875rem;line-height:1.4;font-weight:550;transition:background .18s,border-color .18s}
.business-goal-options button:hover{border-color:var(--ink);background:var(--paper)}
.business-goal-options button[aria-pressed=true]{background:var(--lime);border-color:var(--ink);font-weight:700}
.goal-room-entry{margin:0 0 26px;border:1px solid var(--line);border-radius:18px;background:var(--white);padding:26px}
.goal-room-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.goal-room-top .eyebrow{color:var(--copper);margin-bottom:10px;font-size:.875rem}
.goal-room-top h3{font-size:1.55rem;line-height:1.25;letter-spacing:-.035em;margin:0;max-width:670px}
.goal-room-choice{display:flex;flex-direction:column;gap:7px;min-width:230px;font-size:.875rem;font-weight:650}
.goal-room-choice select{max-width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px 36px 10px 12px;background:var(--paper);font-size:1rem;color:var(--ink)}
.goal-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin:0}
.goal-journey>div{min-width:0;padding:20px 22px 8px 0}
.goal-journey>div+div{padding-left:22px;border-left:1px solid var(--line)}
.goal-journey dt{font-size:.875rem;font-weight:700;margin-bottom:8px}
.goal-journey dd{font-size:1rem;line-height:1.55;margin:0;color:var(--muted)}
.goal-next{font-size:1rem;line-height:1.55;padding:16px 18px;background:var(--paper);border-radius:10px;margin:16px 0 12px}
.goal-example-note,.goal-comparison-note{font-size:.875rem;line-height:1.55;color:var(--muted);margin:14px 0 0}
.goal-comparison{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;margin:28px 0 20px;font-size:1rem;line-height:1.5}
.goal-comparison caption{text-align:left;margin-bottom:14px;font-weight:650}
.goal-comparison th,.goal-comparison td{padding:18px 22px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:break-word}
.goal-comparison th{font-size:.875rem;font-weight:700;background:var(--paper)}
.goal-comparison td strong{display:block;font-size:.875rem;margin-bottom:5px}
.goal-comparison th:last-child{background:var(--lime);color:var(--ink)}
.goal-comparison td:last-child{background:#d9ff5718}
.belief .goal-comparison{margin:28px auto 26px;max-width:1000px}
.belief .goal-comparison th,.belief .goal-comparison td{border-color:#ffffff30}
.belief .goal-comparison th:first-child{background:#ffffff0b}
.belief .goal-comparison td:last-child{background:#d9ff570b}
.belief .goal-comparison th:last-child{background:var(--lime);color:var(--ink)}
.belief .goal-comparison-note{color:#bebfba;max-width:850px;margin:0 auto 25px}
.plan-purpose{display:block;font-size:1rem;line-height:1.5;margin-top:12px;color:var(--muted);font-weight:450}
.referral-goal-link{display:inline-flex;margin-top:12px;font-size:.9375rem;font-weight:650;text-decoration:underline;text-underline-offset:4px;min-height:44px;align-items:center}
.goal-card{min-width:0}
.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.goal-grid .goal-card:nth-child(n){grid-column:auto;min-height:0}
.goal-card p{font-size:1rem;line-height:1.55}
.referral-hero .hero-copy-block h1{font-size:clamp(3.1rem,6vw,5.5rem);line-height:1.02;letter-spacing:-.06em}
.referral-hero .hero-highlight-row{flex-wrap:wrap;line-height:1.25;row-gap:14px}
@media(min-width:761px) and (max-width:1100px){.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .business-goal-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-goal-options button{padding:10px;font-size:.875rem}
 .goal-room-entry{padding:20px 16px;border-radius:14px}
 .goal-room-top{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .goal-room-choice{min-width:0;width:100%}
 .goal-room-top h3{font-size:1.375rem}
 .goal-journey{grid-template-columns:minmax(0,1fr)}
 .goal-journey>div,.goal-journey>div+div{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}
 .goal-next{padding:14px;margin-top:16px}
 .goal-comparison{table-layout:auto;display:block}
 .goal-comparison caption{display:block}
 .goal-comparison thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .goal-comparison tbody{display:grid;gap:14px}
 .goal-comparison tr{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden}
 .goal-comparison td{display:block;padding:16px;border-bottom:0}
 .goal-comparison td::before{content:attr(data-label);display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}
 .goal-comparison td strong{font-weight:550;font-size:.875rem}
 .belief .goal-comparison tr{border-color:#ffffff30}
 .belief .goal-comparison td:last-child::before{color:var(--lime)}
 .goal-comparison-note{font-size:.875rem}
 .referral-hero .hero-copy-block h1{font-size:clamp(2.5rem,13.5vw,3.75rem);line-height:1.04}
}
@media(prefers-reduced-motion:reduce){.business-goal-options button{transition:none}}


.main-experience .site-header{position:relative}
.main-experience .site-header nav{gap:24px}
.main-experience .site-header .wordmark{max-width:none}
.main-experience .menu-toggle{display:none}
.main-experience .site-header .mobile-contact{display:none}
@media(max-width:1050px){
 .main-experience .site-header{height:78px;gap:14px}
 .main-experience .site-header>.button{margin-left:auto}
 .main-experience .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:50%;flex:none}
 .main-experience .menu-toggle span{display:block;width:18px;height:2px;background:var(--ink)}
 .main-experience .site-header nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;margin:0;max-height:calc(100dvh - 120px);overflow:auto;padding:18px 24px;background:var(--bone);border:1px solid var(--line);border-radius:20px;z-index:80;box-shadow:0 16px 30px #00000012}
 .main-experience .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .main-experience .site-header nav a{padding:13px 0;font-size:1rem;border-bottom:1px solid var(--line)}
 .main-experience .site-header nav a:last-child{border-bottom:0}
 .main-experience .site-header .mobile-contact{display:none}
}
@media(max-width:420px){.main-experience .site-header{gap:10px}.main-experience .site-header>.button{padding:10px 14px;gap:8px;min-height:44px}.main-experience .site-header .wordmark{width:86px}}


/* Three independent identities carried through the existing fictional deliverables. */
.room-visual-tour .buildroom-demo[data-theme=idea]{--preview-paper:#fff5e5;--preview-dark:#a82c20;--preview-accent:#ffda82;--preview-soft:#ffe6c5;--preview-muted:#775548;--preview-line:#a82c2033}
.room-visual-tour .buildroom-demo[data-theme=company]{--preview-paper:#fff;--preview-dark:#111;--preview-accent:#dcfb3c;--preview-soft:#f0f1eb;--preview-muted:#60625b;--preview-line:#1111112b}
.room-visual-tour .buildroom-demo[data-theme=product]{--preview-paper:#f2f5ff;--preview-dark:#244bff;--preview-accent:#c8ff62;--preview-soft:#e1e8ff;--preview-muted:#546382;--preview-line:#244bff30}
#sample-website{container-type:inline-size;container-name:brand-site}
.room-visual-tour .sample-website .sample-site-nav{min-height:72px;padding:18px 28px;gap:18px}
.room-visual-tour .sample-website .sample-site-nav>strong{line-height:1.2}
.room-visual-tour .sample-website .sample-site-content h4{font-size:clamp(2rem,7cqw,4.3rem);max-width:16ch;overflow-wrap:normal}
.room-visual-tour .sample-website .sample-site-content>p:not(:first-child){font-size:1rem;line-height:1.6;max-width:440px}
.room-visual-tour .sample-website .sample-site-content{padding:38px 32px}
.room-visual-tour .sample-website .sample-site-features>span{font-size:.875rem;line-height:1.5}
.fieldwork-sample{display:none}

/* Tablewise: a hospitality masthead, generous serif type and warm service cues. */
.room-visual-tour .sample-website[data-theme=idea] .sample-site-nav{background:#fff5e5;color:#a82c20;border-bottom:2px solid #a82c20}
.sample-website[data-theme=idea] #sample-brand{font-family:Georgia,'Times New Roman',serif;font-size:2rem;font-weight:700;letter-spacing:-.055em;font-style:italic}
.sample-website[data-theme=idea] .sample-nav-tag{border:1px solid #a82c2070;border-radius:999px;padding:7px 11px;font-size:.75rem}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-hero{display:grid;grid-template-columns:1fr;position:relative;isolation:isolate;min-height:500px;color:#fff5e5;background:#38291f}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-visual{position:absolute;inset:0;margin:0;min-height:0;border-radius:0;z-index:-1}
.sample-website[data-theme=idea] .sample-site-visual>img{object-position:70% 45%}
.sample-website[data-theme=idea] .sample-site-visual::after{inset:0;background:linear-gradient(90deg,#241810ee 0%,#241810d9 40%,#24181044 100%)}
.sample-website[data-theme=idea] .sample-site-visual figcaption{display:none}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-content{padding:52px 38px;max-width:650px;align-self:center}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-content h4{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.045em;line-height:1.07;color:#fff5e5;font-size:clamp(2.3rem,8cqw,5rem);max-width:14ch}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-content>p:first-child{color:#ffda82;font-size:.75rem;letter-spacing:.085em;max-width:360px}
.room-visual-tour .sample-website[data-theme=idea] #sample-site-body{color:#fff5e5;max-width:370px}
.room-visual-tour .sample-website[data-theme=idea] #sample-offer-button{background:#ffda82;color:#532217;border-radius:9px;padding:15px 21px;box-shadow:3px 3px 0 #a82c20}
.sample-website[data-theme=idea] .sample-site-proof{color:#fff5e5;border-color:#fff5e550}
.sample-website[data-theme=idea] .sample-proof-mark{background:#a82c20;color:#fff5e5;border-radius:50%}
.sample-website[data-theme=idea] #sample-offer-detail{color:#fff5e5;border-color:#fff5e550;background:#392c22}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-features{background:#a82c20;color:#fff5e5;padding:22px 30px}
.room-visual-tour .sample-website[data-theme=idea] .sample-site-features>span::before{content:'✦';color:#ffda82;font-size:1rem}
.sample-website[data-theme=idea] .sample-site-bottom{background:#fff5e5;color:#a82c20;padding:32px}
.sample-website[data-theme=idea] .sample-site-bottom h5{font:1.8rem/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

/* Northline: an editorial proposition, numbered services and an architectural image strip. */
.room-visual-tour .sample-website[data-theme=company] .sample-site-nav{border-bottom:1px solid #111;background:#fff;color:#111}
.sample-website[data-theme=company] #sample-brand{font:850 1.65rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.07em}
.sample-website[data-theme=company] .sample-nav-tag{background:#dcfb3c;color:#111;padding:6px 8px;border-radius:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.055em}
.room-visual-tour .sample-website[data-theme=company] .sample-site-hero{display:flex;flex-direction:column;background:#fff;color:#111}
.room-visual-tour .sample-website[data-theme=company] .sample-site-content{padding:42px 34px 34px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:30px;align-items:start;justify-content:start}
.room-visual-tour .sample-website[data-theme=company] .sample-site-content>p:first-child{grid-column:1/-1;font-size:.75rem;letter-spacing:.12em;margin-bottom:28px;border-left:4px solid #dcfb3c;padding-left:12px;max-width:none}
.room-visual-tour .sample-website[data-theme=company] .sample-site-content h4{grid-column:1/-1;font-family:Arial,sans-serif;font-size:clamp(2.1rem,8cqw,5.1rem);font-weight:800;line-height:.98;letter-spacing:-.065em;text-transform:uppercase;max-width:17ch;margin-bottom:28px}
.room-visual-tour .sample-website[data-theme=company] #sample-site-body{grid-column:1;margin:0;font-size:.9375rem;max-width:440px;color:#50534c}
.room-visual-tour .sample-website[data-theme=company] #sample-offer-button{grid-column:2;justify-self:end;align-self:start;border:1px solid #111;border-radius:0;background:#fff;color:#111;min-height:50px;padding:13px 17px;font-size:.875rem;text-align:left}
.sample-website[data-theme=company] #sample-offer-detail{grid-column:1/-1;margin-top:22px}
.sample-website[data-theme=company] .sample-site-proof{grid-column:1/-1;margin-top:25px;max-width:none;border-top:1px solid #11111130;padding-top:20px}
.sample-website[data-theme=company] .sample-proof-mark{background:#111;color:#dcfb3c;border-radius:0}
.room-visual-tour .sample-website[data-theme=company] .sample-site-visual{position:relative;min-height:190px;height:190px;margin:0 34px 30px;border-radius:0;background:#111;order:2}
.sample-website[data-theme=company] .sample-site-visual>img{filter:grayscale(1) contrast(1.06);object-position:50% 57%}
.sample-website[data-theme=company] .sample-site-visual::after{inset:0;background:linear-gradient(90deg,#000000c4,#00000000 85%)}
.sample-website[data-theme=company] .sample-site-visual figcaption{left:24px;bottom:24px;right:24px}
.sample-website[data-theme=company] .sample-site-visual figcaption>span{font-size:.75rem;letter-spacing:.12em;color:#dcfb3c}
.sample-website[data-theme=company] .sample-site-visual figcaption>strong{font:600 1.5rem/1.12 Arial,sans-serif;text-transform:uppercase;max-width:320px;letter-spacing:-.035em}
.room-visual-tour .sample-website[data-theme=company] .sample-site-features{background:#fff;color:#111;padding:0 34px;gap:0;counter-reset:northline-feature}
.room-visual-tour .sample-website[data-theme=company] .sample-site-features>span{display:block;border-top:2px solid #111;padding:18px 12px 22px 0;margin-right:16px;font-size:.875rem}
.room-visual-tour .sample-website[data-theme=company] .sample-site-features>span::before{counter-increment:northline-feature;content:'0' counter(northline-feature);display:block;color:#75786d;font-size:.75rem;margin-bottom:18px;letter-spacing:.06em}
.sample-website[data-theme=company] .sample-site-bottom{background:#111;color:#fff;padding:30px 34px}
.sample-website[data-theme=company] .sample-site-bottom .preview-label{color:#dcfb3c}
.sample-website[data-theme=company] .sample-site-bottom h5{font-family:Arial,sans-serif;font-size:1.6rem;line-height:1.05;letter-spacing:-.04em}
.sample-website[data-theme=company] .sample-site-bottom>p{color:#c7c9c2}

/* Fieldwork: the product is the hero. A usable visit workflow replaces the shared photo layout. */
.room-visual-tour .sample-website[data-theme=product]{background:#244bff;color:#fff}
.room-visual-tour .sample-website[data-theme=product] .sample-site-nav{background:#244bff;color:#fff;border-bottom:1px solid #ffffff40}
.sample-website[data-theme=product] #sample-brand{font-size:1.6rem;letter-spacing:-.06em;font-weight:750;text-transform:lowercase}
.sample-website[data-theme=product] #sample-brand::after{content:'/';color:#c8ff62;margin-left:3px}
.sample-website[data-theme=product] .sample-nav-tag{background:#c8ff62;color:#101936;border-radius:5px;padding:6px 9px;font:.75rem/1.4 ui-monospace,monospace}
.room-visual-tour .sample-website[data-theme=product] .sample-site-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:0;padding:18px 0;background:#244bff}
.room-visual-tour .sample-website[data-theme=product] .sample-site-content{padding:30px 22px 30px 30px;color:#fff}
.room-visual-tour .sample-website[data-theme=product] .sample-site-content h4{font-size:clamp(1.85rem,6.1cqw,3.7rem);font-weight:750;line-height:1.02;letter-spacing:-.06em;color:#fff;max-width:12ch}
.room-visual-tour .sample-website[data-theme=product] .sample-site-content>p:first-child{font:.75rem/1.5 ui-monospace,monospace;letter-spacing:.03em;color:#c8ff62}
.room-visual-tour .sample-website[data-theme=product] #sample-site-body{font-size:.9375rem;color:#eef2ff}
.room-visual-tour .sample-website[data-theme=product] #sample-offer-button{background:#c8ff62;color:#101936;border-radius:6px;padding:14px 18px;font-size:.875rem}
.sample-website[data-theme=product] .sample-site-proof{border-color:#ffffff40;color:#eef2ff}
.sample-website[data-theme=product] .sample-proof-mark{background:#101936;color:#c8ff62;border-radius:5px;font-family:ui-monospace,monospace}
.sample-website[data-theme=product] #sample-offer-detail{background:#173acc;color:#fff;border-color:#ffffff40}
.room-visual-tour .sample-website[data-theme=product] .sample-site-visual{display:none}
.sample-website[data-theme=product] .fieldwork-sample{display:block;min-width:0;background:#101936;color:#fff;border:1px solid #8194ff;border-radius:13px;margin:26px 26px 26px 0;box-shadow:0 24px 40px #071e9760;transform:rotate(-1deg)}
.fieldwork-sample-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px;border-bottom:1px solid #ffffff25}
.fieldwork-sample-top>strong{font-size:1.0625rem;letter-spacing:-.04em;font-weight:700}
.fieldwork-sample-top>strong>span{color:#c8ff62}
.fieldwork-sample-top>span{font:.75rem/1.5 ui-monospace,monospace;letter-spacing:.045em;color:#b1bdd9}
.fieldwork-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 13px 0;gap:6px}
.fieldwork-stages button{min-width:0;display:block;text-align:left;padding:10px 8px;font:.75rem/1.4 ui-monospace,monospace;background:#1b2849;color:#bac6df;border:1px solid #566486;border-radius:6px;min-height:56px;transition:color 180ms,background-color 180ms,border-color 180ms}
.fieldwork-stages button>span{display:block;font-family:Inter,Arial,sans-serif;font-size:.75rem;line-height:1.4;font-weight:600;margin-top:4px}
.fieldwork-stages button[aria-pressed=true]{background:#c8ff62;border-color:#c8ff62;color:#101936}
.fieldwork-stage-panel{padding:24px 19px 20px;min-height:280px}
.fieldwork-stage-panel .fieldwork-sample-label{font:.75rem/1.5 ui-monospace,monospace;letter-spacing:.06em;color:#a7b6d7;margin:0 0 14px}
.fieldwork-stage-panel h5{font-size:1.35rem;line-height:1.2;font-weight:650;letter-spacing:-.035em;margin:0 0 12px;color:#fff}
.fieldwork-stage-panel>p:not(.fieldwork-sample-label){font-size:.8125rem;line-height:1.55;color:#c1cce4;margin:0 0 22px}
.fieldwork-action-detail{padding:15px 14px;background:#1d2e52;border-left:2px solid #c8ff62;border-radius:0 5px 5px 0}
.fieldwork-action-detail>span{font:.75rem/1.5 ui-monospace,monospace;letter-spacing:.035em;color:#c8ff62}
.fieldwork-action-detail>p{font-size:.8125rem;line-height:1.55;color:#fff;margin:8px 0 0}
.fieldwork-open-app{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 19px;text-align:left;background:transparent;color:#c8ff62;border-top:1px solid #ffffff25;font-size:.8125rem;font-weight:600;min-height:50px}
.fieldwork-open-app>span{font-size:1rem}
.room-visual-tour .sample-website[data-theme=product] .sample-site-features{background:#101936;color:#fff;padding:22px 30px}
.room-visual-tour .sample-website[data-theme=product] .sample-site-features>span::before{color:#c8ff62;content:'→';font-family:ui-monospace,monospace}
.sample-website[data-theme=product] .sample-site-bottom{background:#f2f5ff;color:#101936;padding:30px}
.sample-website[data-theme=product] .sample-site-bottom .preview-label{color:#244bff;font-family:ui-monospace,monospace}

/* The brand kits show genuinely different typography, composition and image treatments. */
#room-panel[data-theme=idea] .brand-direction-hero{grid-template-columns:1.1fr 1fr}
#room-panel[data-theme=idea] .brand-wordmark-card{background:#fff5e5;color:#a82c20;border-bottom:8px solid #ffda82}
#room-panel[data-theme=idea] .brand-wordmark-card .preview-label{color:#a82c20}
#room-panel[data-theme=idea] #brand-wordmark{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;letter-spacing:-.055em}
#room-panel[data-theme=idea] .brand-type-sample{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-style:italic}
#room-panel[data-theme=idea] .brand-image-card{border-bottom:8px solid #a82c20}
#room-panel[data-theme=idea] .brand-voice-card{background:#a82c20;color:#fff5e5}
#room-panel[data-theme=idea] .brand-voice-card .preview-label{color:#ffda82}
#room-panel[data-theme=idea] #brand-voice{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:1.9rem;letter-spacing:-.02em}
#room-panel[data-theme=idea] #brand-message{color:#fff5e5}
#room-panel[data-theme=company] .brand-direction{border-radius:0;border-color:#111}
#room-panel[data-theme=company] .brand-direction-hero{display:flex;flex-direction:column}
#room-panel[data-theme=company] .brand-wordmark-card{background:#fff;color:#111;padding:38px 32px;min-height:215px}
#room-panel[data-theme=company] .brand-wordmark-card .preview-label{color:#60625b;margin-bottom:28px}
#room-panel[data-theme=company] #brand-wordmark{font-family:Arial,sans-serif;text-transform:uppercase;font-weight:850;letter-spacing:-.075em;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.05}
#room-panel[data-theme=company] .brand-wordmark-card>p:last-child{border-left:4px solid #dcfb3c;padding-left:12px;max-width:none}
#room-panel[data-theme=company] .brand-image-card{min-height:160px;height:160px;border-top:1px solid #111}
#room-panel[data-theme=company] .brand-image-card img{filter:grayscale(1) contrast(1.1)}
#room-panel[data-theme=company] .brand-image-card figcaption{color:#fff}
#room-panel[data-theme=company] .brand-type-sample{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.09em}
#room-panel[data-theme=company] .brand-voice-card{background:#dcfb3c;color:#111;border-top:1px solid #111}
#room-panel[data-theme=company] .brand-voice-card .preview-label,#room-panel[data-theme=company] #brand-message{color:#313629}
#room-panel[data-theme=company] #brand-voice{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em}
#room-panel[data-theme=product] .brand-direction-hero{grid-template-columns:1.5fr 1fr}
#room-panel[data-theme=product] .brand-wordmark-card{background:#244bff;color:#fff}
#room-panel[data-theme=product] #brand-wordmark{text-transform:lowercase;font-weight:750;letter-spacing:-.065em}
#room-panel[data-theme=product] #brand-wordmark::after{content:'/';color:#c8ff62;margin-left:4px}
#room-panel[data-theme=product] .brand-wordmark-card .preview-label{font-family:ui-monospace,monospace;color:#c8ff62}
#room-panel[data-theme=product] .brand-type-sample{font-family:ui-monospace,monospace;font-weight:500;letter-spacing:-.08em}
#room-panel[data-theme=product] .brand-voice-card{background:#101936;color:#fff}
#room-panel[data-theme=product] .brand-voice-card .preview-label{color:#c8ff62;font-family:ui-monospace,monospace}
#room-panel[data-theme=product] #brand-message{color:#c8d2e9}
#room-panel[data-theme=product] .brand-colour-code{font-family:ui-monospace,monospace}
.brand-type-card #brand-type-style{font-size:.8125rem;line-height:1.5}
.brand-type-card #brand-type-family{font-size:1rem;line-height:1.4;font-weight:650;color:var(--preview-dark);margin:0}

/* Slide rhythm and app surfaces belong to each brand as well. */
#room-panel[data-theme=idea] #deck-brand,#room-panel[data-theme=idea] #deck-slide-title,#room-panel[data-theme=idea] #sample-app-title,#room-panel[data-theme=idea] #app-context-title{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
#room-panel[data-theme=idea] #deck-brand,#room-panel[data-theme=idea] #sample-app-brand{font-family:Georgia,'Times New Roman',serif;font-style:italic}
#room-panel[data-theme=idea] .sample-deck{border-top:7px solid #a82c20}
#room-panel[data-theme=idea] .sample-deck[data-slide="0"] .deck-cover-photo{border-radius:50% 50% 10px 10px}
#room-panel[data-theme=idea] .sample-app{background:#fff5e5}
#room-panel[data-theme=idea] .sample-app-tasks label{border-color:#edc6a3;border-radius:13px;background:#fff}
#room-panel[data-theme=idea] .sample-app-body h4{color:#a82c20}
#room-panel[data-theme=idea] .dashboard-sidebar{background:#fff5e5;border-color:#e0cdb1}
#room-panel[data-theme=idea] .dashboard-monogram{font-family:Georgia,serif;background:#a82c20;color:#ffda82;border-radius:50%}
#room-panel[data-theme=company] #deck-brand,#room-panel[data-theme=company] #sample-app-brand{font-family:Arial,sans-serif;font-weight:850;letter-spacing:-.06em;text-transform:uppercase}
#room-panel[data-theme=company] #deck-slide-title{font-family:Arial,sans-serif;font-weight:850;text-transform:uppercase;letter-spacing:-.055em}
#room-panel[data-theme=company] .sample-deck[data-slide="0"]{background:#111;color:#fff;--sample-line:#ffffff40}
#room-panel[data-theme=company] .sample-deck[data-slide="0"] .sample-deck-body{grid-template-columns:minmax(0,1fr);gap:18px;position:relative}
#room-panel[data-theme=company] .sample-deck[data-slide="0"] .deck-copy{position:relative;z-index:1;max-width:82%;padding-bottom:16px}
#room-panel[data-theme=company] .sample-deck[data-slide="0"] .deck-visual{position:absolute;right:0;bottom:0;width:34%;height:65%;opacity:.35}
#room-panel[data-theme=company] .deck-cover-photo{filter:grayscale(1);border-radius:0}
#room-panel[data-theme=company] .sample-deck[data-slide="0"] #deck-slide-label{color:#dcfb3c}
#room-panel[data-theme=company] .deck-flow-card>span{border-radius:0;background:#dcfb3c}
#room-panel[data-theme=company] .sample-app-top{background:#111;color:#fff;border-bottom:3px solid #dcfb3c}
#room-panel[data-theme=company] .sample-app-top strong,#room-panel[data-theme=company] .sample-app-top>span{color:#fff}
#room-panel[data-theme=company] .sample-app-tasks{gap:0}
#room-panel[data-theme=company] .sample-app-tasks label{border:0;border-bottom:1px solid #cccfc5;border-radius:0;padding-block:18px}
#room-panel[data-theme=company] .app-progress{border-radius:0;border-left:3px solid #111;background:#dcfb3c}
#room-panel[data-theme=company] .dashboard-sidebar{background:#111;border:0}
#room-panel[data-theme=company] .dashboard-sidebar>span{color:#d2d5cd}
#room-panel[data-theme=company] .dashboard-sidebar>.dashboard-nav-active{background:#dcfb3c;color:#111;border-radius:0}
#room-panel[data-theme=company] .dashboard-monogram{background:#dcfb3c;color:#111;border-radius:0}
#room-panel[data-theme=product] .sample-deck[data-slide="0"]{background:#244bff;color:#fff;--sample-line:#ffffff45}
#room-panel[data-theme=product] .sample-deck[data-slide="0"] #deck-slide-label{font-family:ui-monospace,monospace;color:#c8ff62}
#room-panel[data-theme=product] #deck-brand{text-transform:lowercase;letter-spacing:-.055em}
#room-panel[data-theme=product] .deck-flow-card>span{border-radius:6px;background:#c8ff62;color:#101936;font-family:ui-monospace,monospace}
#room-panel[data-theme=product] .deck-cover-photo{border-radius:8px;border:3px solid #c8ff62;object-position:62% center}
#room-panel[data-theme=product] .sample-app-top{background:#244bff;border:0}
#room-panel[data-theme=product] .sample-app-top strong,#room-panel[data-theme=product] .sample-app-top>span{color:#fff}
#room-panel[data-theme=product] .sample-app-tasks label{border-color:#244bff40;border-left:3px solid #244bff;border-radius:5px}
#room-panel[data-theme=product] .sample-app-body .eyebrow{font-family:ui-monospace,monospace;color:#244bff}
#room-panel[data-theme=product] .app-progress{background:#101936;color:#c8ff62;border-radius:6px}
#room-panel[data-theme=product] .app-progress progress{accent-color:#c8ff62}
#room-panel[data-theme=product] .app-progress progress::-webkit-progress-value{background:#c8ff62}
#room-panel[data-theme=product] .app-progress progress::-moz-progress-bar{background:#c8ff62}
#room-panel[data-theme=product] .dashboard-sidebar{background:#101936;border:0}
#room-panel[data-theme=product] .dashboard-sidebar>span{color:#b3bfd9}
#room-panel[data-theme=product] .dashboard-sidebar>.dashboard-nav-active{background:#244bff;color:#fff}
#room-panel[data-theme=product] .dashboard-monogram{background:#c8ff62;color:#101936;border-radius:5px;font-family:ui-monospace,monospace}
#room-panel[data-theme=idea] .comparison-site h4{font-family:Georgia,serif;letter-spacing:-.035em}
#room-panel[data-theme=company] .comparison-site{border-radius:0}
#room-panel[data-theme=company] .comparison-site h4{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:-.045em}
#room-panel[data-theme=company] .comparison-photo{filter:grayscale(1)}
#room-panel[data-theme=product] .comparison-site h4{font-family:Inter,Arial,sans-serif;letter-spacing:-.055em}

@container brand-site (max-width:620px){.room-visual-tour .sample-website .sample-site-nav{padding:17px 21px;min-height:64px}.sample-site-nav .sample-nav-tag{display:none}.room-visual-tour .sample-website[data-theme=product] .sample-site-hero{grid-template-columns:1fr;padding:0}.room-visual-tour .sample-website[data-theme=product] .sample-site-content{padding:34px 25px 22px}.room-visual-tour .sample-website[data-theme=product] .sample-site-content h4{font-size:clamp(2.2rem,9cqw,3.6rem);max-width:16ch}.sample-website[data-theme=product] .fieldwork-sample{margin:10px 24px 28px;transform:none}.fieldwork-stage-panel{min-height:230px;padding:22px}.fieldwork-stage-panel h5{font-size:1.45rem}.fieldwork-sample-top{padding:18px 22px}.fieldwork-stages button{padding:12px;font-size:.75rem}.fieldwork-stages button>span{font-size:.8125rem}.fieldwork-stage-panel>p:not(.fieldwork-sample-label),.fieldwork-action-detail>p{font-size:.875rem}.fieldwork-sample-top>span,.fieldwork-sample-label,.fieldwork-action-detail>span{font-size:.75rem}.room-visual-tour .sample-website[data-theme=company] .sample-site-content{display:flex;padding:34px 25px 28px}.room-visual-tour .sample-website[data-theme=company] #sample-offer-button{align-self:start;margin-top:22px}.room-visual-tour .sample-website[data-theme=company] .sample-site-content h4{font-size:clamp(2rem,9cqw,3.5rem);max-width:17ch}.room-visual-tour .sample-website[data-theme=company] .sample-site-visual{margin:0 25px 24px;height:180px;min-height:180px}.room-visual-tour .sample-website[data-theme=company] .sample-site-features{padding:0 25px;grid-template-columns:1fr}.room-visual-tour .sample-website[data-theme=company] .sample-site-features>span{display:flex;align-items:center;gap:18px;border-top:1px solid #11111135;margin:0;padding:15px 0}.room-visual-tour .sample-website[data-theme=company] .sample-site-features>span::before{margin:0}.sample-website[data-theme=company] .sample-site-bottom{padding:28px 25px}.room-visual-tour .sample-website[data-theme=idea] .sample-site-content{padding:40px 26px}.room-visual-tour .sample-website[data-theme=idea] .sample-site-content h4{font-size:clamp(2.2rem,9cqw,3.6rem)}.room-visual-tour .sample-website[data-theme=idea] .sample-site-hero{min-height:500px}.sample-website[data-theme=idea] .sample-site-visual::after{background:linear-gradient(90deg,#241810ed,#241810b8 75%,#24181055)}.room-visual-tour .sample-website .sample-site-features{grid-template-columns:1fr}.room-visual-tour .sample-website .sample-site-bottom{grid-template-columns:1fr}}
@media(max-width:760px){#room-panel[data-theme=idea] .brand-direction-hero,#room-panel[data-theme=product] .brand-direction-hero{grid-template-columns:1fr}.sample-website .sample-site-nav>span:not(.sample-nav-tag){max-width:145px;font-size:.75rem;line-height:1.4}.sample-website[data-theme=idea] #sample-brand{font-size:1.65rem}.sample-website[data-theme=company] #sample-brand{font-size:1.45rem}.sample-website[data-theme=product] #sample-brand{font-size:1.5rem}#room-panel[data-theme=company] #brand-wordmark{font-size:clamp(2rem,8vw,3.2rem)}#room-panel[data-theme=company] .brand-wordmark-card{padding:30px 24px;min-height:210px}#room-panel[data-theme=company] .sample-deck[data-slide="0"] .deck-copy{max-width:92%}.fieldwork-stage-panel{min-height:245px}.fieldwork-stages button{font-size:.75rem}.fieldwork-stages button>span{font-size:.75rem}}
@media(max-width:380px){.sample-website .sample-site-nav>span:not(.sample-nav-tag){max-width:110px}.fieldwork-stages{gap:5px;padding-inline:10px}.fieldwork-stages button{padding:10px 7px}.fieldwork-stage-panel{padding:22px 17px}.fieldwork-sample-top{padding-inline:17px}.sample-website[data-theme=product] .fieldwork-sample{margin-inline:17px}.room-visual-tour .sample-website[data-theme=idea] .sample-site-content{padding-inline:22px}.room-visual-tour .sample-website[data-theme=company] .sample-site-content{padding-inline:21px}}
@media(prefers-reduced-motion:reduce){.fieldwork-stages button{transition:none}}


.raise-asset-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0}
.raise-asset-actions>span{font-size:.8125rem;line-height:1.5;color:var(--muted)}
.raise-asset-actions .button{font-size:.875rem;min-height:46px;padding:12px 20px}
.investor-sample{background:var(--preview-paper);color:var(--preview-dark);border:1px solid var(--preview-line);overflow:hidden;border-radius:12px}
.investor-sample-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid var(--preview-line)}
.investor-sample-nav>strong{font-size:1.4rem;letter-spacing:-.035em}
.investor-sample-nav>span{font-size:.75rem;letter-spacing:.07em}
.investor-sample-hero{padding:38px 30px;background:var(--preview-dark);color:var(--preview-paper)}
.investor-sample-hero>.preview-label{color:var(--preview-accent)}
.investor-sample-hero>h4{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.045em;margin:18px 0 22px;max-width:700px}
.investor-sample-hero>p:not(.preview-label){font-size:1rem;line-height:1.65;max-width:600px;margin:0 0 24px}
.investor-sample-hero>button{background:var(--preview-accent);color:var(--preview-dark);border-radius:7px;font-size:.875rem;line-height:1.45;min-height:46px;padding:13px 18px;text-align:left}
.investor-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 30px;gap:0 32px}
.investor-sample-grid article{padding:24px 0;border-bottom:1px solid var(--preview-line)}
.investor-sample-grid article>span{font-size:.75rem;letter-spacing:.055em;color:var(--preview-muted)}
.investor-sample-grid h5{font-size:1.15rem;line-height:1.35;margin:14px 0 12px;letter-spacing:-.02em}
.investor-sample-grid p{font-size:.9375rem;line-height:1.65;margin:0;color:var(--preview-muted)}
.investor-sample-next{padding:30px;background:var(--preview-soft)}
.investor-sample-next>span{font-size:.75rem;letter-spacing:.065em}
.investor-sample-next>h5{font-size:1.4rem;line-height:1.25;letter-spacing:-.025em;margin:14px 0}
.investor-sample-next>p{font-size:.9375rem;line-height:1.6;margin:0}
#room-panel[data-theme=idea] .investor-sample h4,#room-panel[data-theme=idea] .investor-sample-nav>strong{font-family:Georgia,serif;font-weight:500}
#room-panel[data-theme=company] .investor-sample{border-radius:0}
#room-panel[data-theme=company] .investor-sample h4,#room-panel[data-theme=company] .investor-sample-nav>strong{font-family:Arial,sans-serif;text-transform:uppercase;font-weight:800}
#room-panel[data-theme=product] .investor-sample-nav{background:#101936;color:#fff}
#room-panel[data-theme=product] .investor-sample-hero{color:#fff}
#room-panel[data-theme=product] .investor-sample-nav>span{font-family:ui-monospace,monospace;color:#c8ff62}
.investor-targets{padding:28px;border:1px solid var(--line);background:#fff;border-radius:12px}
.investor-targets-heading h4{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.15;letter-spacing:-.035em;margin:16px 0}
.investor-targets-heading>p:last-child{font-size:.9375rem;line-height:1.65;color:var(--muted);max-width:800px;margin-bottom:26px}
.investor-target-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.investor-target-table table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;line-height:1.6;table-layout:fixed}
.investor-target-table thead{background:var(--preview-soft);color:var(--preview-dark)}
.investor-target-table th,.investor-target-table td{padding:16px 14px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:break-word}
.investor-target-table th{font-weight:600}
.investor-target-table tbody td{color:var(--muted)}
.investor-target-table tbody tr:last-child>*{border-bottom:0}
.investor-outreach{padding:26px;background:var(--preview-paper);border:1px solid var(--preview-line);border-radius:9px}
.investor-outreach h5{font-size:1.125rem;line-height:1.45;margin:14px 0}
.investor-outreach>p:not(.preview-label){font-size:1rem;line-height:1.75;margin:0 0 18px;white-space:pre-line}
.investor-outreach .text-link{font-size:.875rem}
.room-visual-tour .deck-visual .deck-flow-card small{font-size:.8125rem;line-height:1.5}
.room-visual-tour .sample-deck{aspect-ratio:auto;min-height:510px}
.room-visual-tour .sample-deck-body h4{font-size:clamp(1.7rem,3.2vw,2.8rem)}
.room-visual-tour .sample-deck-body .deck-copy>ul{font-size:.875rem;line-height:1.55}
.room-visual-tour .sample-deck[data-slide="2"],.room-visual-tour .sample-deck[data-slide="5"],.room-visual-tour .sample-deck[data-slide="8"],.room-visual-tour .sample-deck[data-slide="11"]{background:var(--preview-soft)}
.room-visual-tour .deck-filmstrip{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding:4px 24px 22px}
.room-visual-tour .deck-thumb{flex:0 0 175px;grid-template-columns:1fr;scroll-snap-align:start;min-height:90px}
.room-visual-tour .deck-thumb>img,.room-visual-tour .deck-thumb-lines{display:none}
.room-visual-tour .deck-thumb-copy{padding:14px;gap:10px}
.deck-insight{height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:30px;background:var(--preview-dark);color:var(--preview-paper);border-radius:8px;border:1px solid var(--preview-line);min-height:285px}
.deck-insight>small{font-size:.75rem;letter-spacing:.07em;color:var(--preview-accent);line-height:1.5}
.deck-insight>strong{font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-.045em;line-height:1.12;font-weight:650}
.deck-insight>p{font-size:.9375rem;line-height:1.6;margin:0;color:var(--preview-paper)}
#room-panel[data-theme=idea] .deck-insight>strong{font-family:Georgia,serif;font-weight:500}
#room-panel[data-theme=company] .deck-insight{border-radius:0}
#room-panel[data-theme=company] .deck-insight>strong{font-family:Arial,sans-serif;text-transform:uppercase;font-weight:800}
#room-panel[data-theme=product] .deck-insight{background:#101936;color:#fff}
.room-visual-tour .sample-deck[data-slide="1"] .deck-insight{background:var(--preview-paper);color:var(--preview-dark)}
.room-visual-tour .sample-deck[data-slide="1"] .deck-insight>small,.room-visual-tour .sample-deck[data-slide="1"] .deck-insight>p{color:var(--preview-dark)}
@media(max-width:760px){.room-visual-tour .room-showcase .deck-filmstrip{display:flex;padding:14px 14px 4px}.room-visual-tour .room-showcase .deck-thumb{flex:0 0 135px;min-height:65px}.room-visual-tour .room-showcase .deck-thumb-copy{padding:10px}.room-visual-tour .room-showcase .deck-thumb-copy small{display:block}.deck-insight{padding:25px;gap:18px;min-height:240px}}
@media(max-width:760px){.investor-sample-nav{padding:19px 21px}.investor-sample-nav>span{font-size:.6875rem;max-width:110px;text-align:right}.investor-sample-hero{padding:30px 23px}.investor-sample-hero>h4{font-size:2.1rem}.investor-sample-grid{grid-template-columns:1fr;padding:0 23px}.investor-sample-next{padding:26px 23px}.investor-targets{padding:22px 19px}.investor-target-table table{table-layout:auto;min-width:520px;font-size:.8125rem}.investor-target-table th,.investor-target-table td{padding:13px 12px}.investor-outreach{padding:23px 19px}.investor-outreach>p:not(.preview-label){font-size:.9375rem}.raise-asset-actions{gap:12px}.raise-asset-actions>.button{width:100%;justify-content:space-between}}


.case-panel .case-founder-quote{position:relative;margin:28px 0 0;padding:28px 32px 26px;border:1px solid #31382a;border-radius:18px;background:var(--ink);color:var(--bone);overflow-wrap:break-word}
.case-founder-quote-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.case-founder-quote-heading>span:first-child{font-size:.75rem;line-height:1.5;letter-spacing:.095em;font-weight:600;color:var(--lime)}
.case-founder-quote-mark{height:32px;font:4rem/1 Georgia,serif;color:var(--lime);flex:none;user-select:none}
.case-panel .case-founder-quote blockquote{margin:0;max-width:840px}
.case-panel .case-founder-quote blockquote p{font-size:clamp(1.125rem,1.75vw,1.45rem);font-weight:400;line-height:1.6;letter-spacing:-.015em;color:#c5cabe;margin:0;text-wrap:pretty}
.case-panel .case-founder-quote blockquote strong{font-weight:650;color:var(--bone)}
.case-founder-quote figcaption{display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid #ffffff25;margin-top:25px;padding-top:20px}
.case-founder-identity{display:flex;flex-direction:column;gap:5px;min-width:0}
.case-founder-identity strong{font-size:1rem;font-weight:650;line-height:1.4;letter-spacing:-.01em;color:var(--bone)}
.case-founder-identity>span{font-size:.875rem;line-height:1.5;color:#b3bbaa}
.case-founder-quote figcaption>span{font-size:.8125rem;line-height:1.5;letter-spacing:.025em;font-weight:600;text-align:right;color:#d2d8c9;max-width:45%}
.case-next-step{padding:24px 0 2px}
.case-panel .case-next-step>p{font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 16px}
.case-next-step>div{display:flex;align-items:center;gap:22px 28px;flex-wrap:wrap}
.case-founder-call{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:10px;font-size:.875rem;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#73786b80}
@media(max-width:480px){.case-next-step>div{display:grid;gap:6px}.case-next-step .button{width:100%}.case-founder-call{justify-self:start}}
@media(max-width:760px){.case-panel .case-founder-quote{padding:24px;margin-top:24px;border-radius:16px}.case-founder-quote-heading{gap:18px;margin-bottom:20px}.case-founder-quote-heading>span:first-child{font-size:.75rem;letter-spacing:.065em}.case-panel .case-founder-quote blockquote p{font-size:1.0625rem;line-height:1.65;letter-spacing:-.008em}.case-founder-quote figcaption{display:block;margin-top:22px;padding-top:18px}.case-founder-quote figcaption>span{display:block;font-size:.875rem;text-align:left;max-width:none;margin-top:13px}.case-founder-identity strong{font-size:1rem}}
@media(max-width:380px){.case-panel .case-founder-quote{padding:22px 20px}.case-founder-quote-heading{gap:12px}.case-founder-quote-heading>span:first-child{letter-spacing:.045em}}


/* SKIN leads the story; the founder's question supplies the context. */
.skin-difference{background:var(--ink);color:var(--bone)}
.skin-difference-inner{padding-block:76px}
.skin-difference-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:60px;margin-bottom:40px}
.skin-difference-heading .eyebrow{font-size:.875rem;letter-spacing:.1em;color:#c0c2b8;margin:0 0 20px}
.skin-difference .skin-difference-heading h2{font-size:clamp(2.5rem,4.8vw,4.4rem);line-height:1.04;letter-spacing:-.055em;margin:0}
.skin-difference-heading>p{font-size:1.125rem;line-height:1.65;color:#bfc1b9;margin:0 0 3px;max-width:480px}
.skin-value-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #ffffff28;border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:#141416}
.skin-value-tabs button{position:relative;display:flex;align-items:center;gap:14px;text-align:left;min-width:0;min-height:92px;padding:20px;background:transparent;color:#d2d3cb;border:0;border-right:1px solid #ffffff20;transition:background-color 220ms,color 220ms}
.skin-value-tabs button:last-child{border-right:0}
.skin-value-tabs button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
.skin-value-tabs button[aria-selected=true]{background:#d9ff5714;color:var(--lime)}
.skin-value-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.skin-value-tabs button strong{display:block;font-size:1.125rem;line-height:1.25;font-weight:650;letter-spacing:-.025em}
.skin-value-tabs button small{display:block;font-size:.875rem;line-height:1.4;margin-top:6px;color:#aeb0a7}
.skin-value-number{flex:none;font-size:.875rem;color:#909389;transition:color 200ms}
.skin-value-tabs button[aria-selected=true] .skin-value-number{color:var(--lime)}
.skin-value-tabs button:focus-visible{outline:2px solid var(--lime);outline-offset:-5px;z-index:1}
.skin-value-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);border:1px solid #ffffff28;border-top:0;border-radius:0 0 22px 22px;overflow:hidden;min-width:0}
.skin-founder-question{display:flex;flex-direction:column;align-items:start;padding:36px 32px;background:#171719;min-width:0}
.skin-value-label{display:block;font-size:.8125rem;line-height:1.5;letter-spacing:.08em;font-weight:650}
.skin-founder-question>.skin-value-label{color:#acafa4;margin:0 0 22px}
.skin-difference .skin-founder-question h3{color:var(--bone);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px;max-width:340px}
.skin-founder-question>p:not(.skin-value-label){font-size:1rem;line-height:1.65;color:#b4b6ad;margin:0 0 30px;max-width:350px}
.skin-value-connection{display:flex;align-items:center;gap:18px;font-size:.875rem;color:#d5d8ca;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff20;width:100%}
.skin-value-connection>span{color:var(--lime);font-size:1.25rem}
.skin-contribution{padding:32px 36px;background:var(--bone);color:var(--ink);border-left:4px solid var(--lime);min-width:0}
.skin-contribution-brand{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.skin-contribution-brand img{width:96px;height:auto;flex:none}
.skin-contribution-brand>span{font-size:.875rem;line-height:1.4;color:var(--muted);text-align:right}
.skin-difference .skin-contribution h3{font-size:clamp(1.7rem,2.9vw,2.65rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 16px;max-width:660px}
.skin-contribution>p{font-size:1rem;line-height:1.6;margin:0 0 22px;max-width:650px;color:#4c5049}
.skin-value-actions{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.skin-value-actions li{display:flex;gap:12px;font-size:.9375rem;line-height:1.5;color:var(--ink)}
.skin-value-actions li::before{content:'✓';font-size:.875rem;font-weight:750;flex:none;color:#48531f;line-height:1.7}
.skin-value-outcome{background:#e6edcb;border-left:3px solid #7b913c;padding:16px 18px}
.skin-value-outcome>.skin-value-label{color:#4a5238;font-size:.75rem;margin-bottom:7px}
.skin-value-outcome strong{display:block;font-size:1.125rem;line-height:1.4;letter-spacing:-.015em;font-weight:650}
.skin-example-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;max-width:100%;min-height:44px;margin-top:16px;padding:10px 0;background:transparent;border:0;font-size:.9375rem;line-height:1.45;font-weight:650;text-align:left;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#0b0b0d50}
.skin-example-link>span[aria-hidden]{transition:transform 250ms cubic-bezier(.22,1,.36,1);flex:none}
.skin-difference-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:24px}
.skin-difference-footer>p{font-size:.875rem;line-height:1.55;color:#aeb1a5;max-width:800px;margin:0}
.skin-difference-footer>.text-link{font-size:.9375rem;flex:none;color:var(--lime);display:inline-flex;gap:16px;min-height:44px;align-items:center}
@media(hover:hover) and (pointer:fine){.skin-value-tabs button:hover{background:#ffffff0b;color:white}.skin-value-tabs button[aria-selected=true]:hover{background:#d9ff571b;color:var(--lime)}.skin-example-link:hover>span[aria-hidden]{transform:translate(3px,-3px)}}
.skin-example-link:focus-visible>span[aria-hidden]{transform:translate(3px,-3px)}
@media(max-width:1050px){.skin-value-tabs button{padding:18px 15px;gap:10px}.skin-value-tabs button strong{font-size:1rem}.skin-value-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.skin-founder-question{padding:28px 24px}.skin-contribution{padding:28px}.skin-difference-footer{gap:24px;align-items:start}}
@media(max-width:760px){.skin-difference-inner{padding-block:48px}.skin-difference-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.skin-difference-heading>p{font-size:1.0625rem;max-width:600px}.skin-value-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px 16px 0 0}.skin-value-tabs button{min-height:75px;padding:16px 14px;gap:12px}.skin-value-tabs button:nth-child(2){border-right:0}.skin-value-tabs button:nth-child(n+3){border-top:1px solid #ffffff20}.skin-value-tabs button small{font-size:.8125rem;line-height:1.35;margin-top:4px}.skin-value-panel{grid-template-columns:1fr}.skin-founder-question{padding:24px;background:#171719}.skin-founder-question>.skin-value-label{margin-bottom:12px;font-size:.75rem}.skin-difference .skin-founder-question h3{font-size:1.45rem;max-width:none;margin-bottom:12px}.skin-founder-question>p:not(.skin-value-label){font-size:.9375rem;max-width:none;margin:0}.skin-value-connection{display:none}.skin-contribution{padding:26px 24px;border-left:0;border-top:3px solid var(--lime)}.skin-contribution-brand{gap:16px;padding-bottom:20px;margin-bottom:22px}.skin-contribution-brand img{width:82px}.skin-contribution-brand>span{font-size:.8125rem;max-width:150px}.skin-difference .skin-contribution h3{font-size:1.9rem}.skin-value-outcome strong{font-size:1.0625rem}.skin-difference-footer{display:block;margin-top:20px}.skin-difference-footer>.text-link{margin-top:12px}}
@media(max-width:380px){.skin-value-tabs button{padding:14px 10px;gap:8px}.skin-value-tabs button strong{font-size:.9375rem}.skin-value-number{font-size:.75rem}.skin-contribution,.skin-founder-question{padding:22px 18px}.skin-difference .skin-contribution h3{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.skin-value-tabs button,.skin-value-tabs button::after,.skin-value-number,.skin-example-link>span[aria-hidden]{transition:none}.skin-example-link:hover>span[aria-hidden],.skin-example-link:focus-visible>span[aria-hidden]{transform:none}}


/* Shared editorial rhythm, an explorable working cycle, and plans with a clear next action. */
:root{--skin-header-offset:104px;--skin-journey-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:var(--skin-header-offset)}
.skin-cycle,.skin-plans{padding-block:80px 96px}
.skin-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:60px;margin-bottom:44px}
.skin-section-heading .eyebrow{color:var(--copper);font-size:.8125rem;letter-spacing:.11em;margin-bottom:20px}
.skin-section-heading h2{font-size:clamp(2.35rem,4.4vw,3.9rem);line-height:1.04;letter-spacing:-.055em;margin:0}
.skin-section-heading h2>span{color:#666b5f}
.skin-section-heading>p{font-size:1.0625rem;line-height:1.65;color:var(--muted);margin:0 0 3px;max-width:470px}
.skin-cycle-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,76px);align-items:start}
.skin-cycle-steps{position:relative;display:grid;gap:12px;min-width:0}
.skin-cycle-step{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding:26px 22px;text-align:left;min-height:176px;background:transparent;border:1px solid transparent;border-radius:18px;transition:background-color 300ms,box-shadow 300ms,border-color 300ms}
.skin-cycle-step[aria-pressed=true]{background:#fff;border-color:#b2baa2;box-shadow:0 12px 36px #2838170a}
.skin-cycle-index{display:grid;place-items:center;width:40px;height:40px;font-size:.8125rem;font-weight:650;border-radius:50%;border:1px solid var(--line);background:var(--bone);transition:background-color 250ms,color 250ms,border-color 250ms}
.skin-cycle-step[aria-pressed=true] .skin-cycle-index{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.skin-cycle-step strong{display:block;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.18;letter-spacing:-.035em;margin:4px 0 12px;font-weight:700}
.skin-cycle-copy{display:block;font-size:.9375rem;line-height:1.6;color:var(--muted)}
.skin-cycle-cue{display:flex;align-items:center;gap:14px;font-size:.8125rem;font-weight:650;margin-top:15px;color:#4a5439;opacity:.6;transition:opacity 250ms}
.skin-cycle-cue>span{transition:transform 250ms var(--skin-journey-ease)}
.skin-cycle-step[aria-pressed=true] .skin-cycle-cue{opacity:1}
.skin-cycle-preview-wrap{min-width:0}
.skin-cycle-preview{background:var(--ink);color:var(--bone);border:1px solid #2f3429;border-radius:24px;padding:20px;box-shadow:0 22px 60px #212c1414}
.skin-cycle-preview-top{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.6875rem;letter-spacing:.09em;font-weight:600;padding:2px 2px 18px;color:#c7ccbf}
.skin-cycle-preview-top>span:last-child{color:var(--lime);font-variant-numeric:tabular-nums;white-space:nowrap}
.skin-cycle-track{display:flex;gap:7px;padding-bottom:20px}
.skin-cycle-track span{height:3px;flex:1;background:#ffffff25;border-radius:2px;transition:background-color 300ms}
.skin-cycle-track span.is-current{background:var(--lime)}
.skin-cycle-paper{padding:24px;background:var(--bone);color:var(--ink);border-radius:13px;min-height:310px}
.skin-sample-label{font-size:.75rem;line-height:1.45;color:#666b5f;margin:0 0 18px}
.skin-cycle-paper h3{font-size:clamp(1.65rem,2.4vw,2rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 14px}
.skin-cycle-paper>p:not(.skin-sample-label){font-size:.875rem;line-height:1.6;color:#5a6053;margin:0 0 20px;min-height:3em}
.skin-cycle-paper dl{display:grid;margin:0}
.skin-cycle-paper dl>div{display:grid;grid-template-columns:minmax(100px,.75fr) minmax(0,1.5fr);gap:18px;border-top:1px solid #29341924;padding:11px 0;font-size:.8125rem;line-height:1.5}
.skin-cycle-paper dl>div:last-child{padding-bottom:0}
.skin-cycle-paper dt{color:#6a6e62}
.skin-cycle-paper dd{margin:0;font-weight:600}
.skin-cycle-output{padding:20px 4px 8px;min-height:82px}
.skin-cycle-output>span{display:block;font-size:.6875rem;letter-spacing:.09em;color:#b9beaf;margin-bottom:8px}
.skin-cycle-output>strong{display:block;font-size:1.0625rem;line-height:1.45;font-weight:600;letter-spacing:-.015em;color:var(--lime)}
.skin-cycle-example{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:transparent;color:var(--bone);border-top:1px solid #ffffff25;padding:16px 4px 0;margin-top:12px;text-align:left;font-size:.8125rem;font-weight:600;line-height:1.5;min-height:44px}
.skin-cycle-example>span[aria-hidden]{font-size:1.25rem;color:var(--lime);transition:transform 250ms var(--skin-journey-ease)}
.skin-cycle-caption{font-size:.75rem;line-height:1.55;color:var(--muted);padding:0 12px;margin:16px 0 0;text-align:center}
.skin-plans{border-top:1px solid var(--line)}
.skin-plan-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.skin-plan-choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:250px;text-align:left;background:#ffffff8c;border:1px solid #cdcec5;border-radius:20px;padding:24px 22px 0;overflow:hidden;transition:background-color 280ms,border-color 280ms,box-shadow 300ms,transform 300ms var(--skin-journey-ease)}
.skin-plan-choice[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bone);box-shadow:0 10px 28px #0b0b0d12}
.skin-plan-name{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1.3125rem;line-height:1.3;font-weight:700;letter-spacing:-.025em}
.skin-plan-indicator{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--line);border-radius:50%;font-size:.875rem;font-weight:500;transition:background-color 280ms,transform 280ms var(--skin-journey-ease)}
.skin-plan-choice[aria-selected=true] .skin-plan-indicator{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(45deg)}
.skin-plan-purpose{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:8px;min-height:2.8em}
.skin-plan-choice[aria-selected=true] .skin-plan-purpose{color:#b6beab}
.skin-plan-price{display:block;font-size:clamp(2rem,3.1vw,3rem);line-height:1;letter-spacing:-.045em;font-weight:650;padding:25px 0 23px;margin-top:auto;font-variant-numeric:tabular-nums}
.skin-plan-price>span{display:block;font-size:.75rem;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--muted);margin-top:9px}
.skin-plan-choice[aria-selected=true] .skin-plan-price>span{color:#b6beab}
.skin-plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:.75rem;line-height:1.5;font-weight:550;padding:15px 0;min-height:54px}
.skin-plan-bottom>span{font-size:1.1rem;line-height:1;flex:none;transition:transform 250ms var(--skin-journey-ease)}
.skin-plan-choice[aria-selected=true] .skin-plan-bottom{border-color:#ffffff30;color:var(--lime)}
.skin-plan-choice[aria-selected=true] .skin-plan-bottom>span{transform:rotate(45deg)}
.skin-plan-detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:60px;align-items:start;background:#e8eddf;border:1px solid #cdd6bd;border-radius:22px;padding:38px 40px;min-height:280px}
.skin-plan-intro .eyebrow{font-size:.6875rem;letter-spacing:.075em;line-height:1.6;color:#545f41;margin:0 0 18px}
.skin-plan-intro h3{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.12;letter-spacing:-.04em;max-width:390px;margin:0 0 16px}
.skin-plan-intro>p:last-child{font-size:.9375rem;line-height:1.65;color:#56604b;margin:0;max-width:410px}
.skin-plan-small-label{display:block;font-size:.6875rem;font-weight:650;letter-spacing:.08em;color:#545f41;margin-bottom:18px}
.skin-plan-included>p{font-size:1rem;line-height:1.7;margin:0;min-height:6.8em}
.skin-plan-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:22px}
.skin-interactive .skin-action{justify-content:space-between;min-height:52px;padding:10px 11px 10px 22px;gap:24px;font-size:.875rem;line-height:1.4;text-align:left}
.skin-interactive .skin-action>.skin-action-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #ffffff3c;border-radius:50%;font-size:1.125rem;transition:background-color 250ms,border-color 250ms,transform 250ms var(--skin-journey-ease)}
.skin-interactive .skin-action:hover>.skin-action-arrow,.skin-interactive .skin-action:focus-visible>.skin-action-arrow{background:var(--ink);color:var(--lime);border-color:var(--ink);transform:rotate(45deg)}
.skin-plan-compare{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;min-height:44px;font-size:.8125rem;line-height:1.4;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#505f3350}
.skin-plan-compare>span{transition:transform 250ms var(--skin-journey-ease)}
.skin-pricing-note{font-size:.8125rem;color:var(--muted);line-height:1.6;margin:18px 0 0;padding-inline:4px}
.skin-cycle-step:focus-visible,.skin-plan-choice:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
@media(min-width:901px) and (min-height:680px){.skin-cycle-preview-wrap{position:sticky;top:var(--skin-header-offset)}}
@media(hover:hover) and (pointer:fine){.skin-cycle-step:hover{background:#fff;border-color:#c1c9b2}.skin-cycle-step:hover .skin-cycle-cue{opacity:1}.skin-cycle-step:hover .skin-cycle-cue>span,.skin-cycle-example:hover>span[aria-hidden],.skin-plan-compare:hover>span{transform:translate(3px,-3px)}.skin-plan-choice:hover{transform:translateY(-4px);border-color:#7b866a;box-shadow:0 14px 28px #2030140c}.skin-plan-choice[aria-selected=true]:hover{border-color:var(--ink);box-shadow:0 14px 28px #0b0b0d18}}
.skin-plan-choice:active,.skin-cycle-step:active{transform:translateY(1px)}
@media(max-width:1100px){.skin-section-heading{gap:36px}.skin-plan-choice{padding:20px 17px 0}.skin-plan-name{font-size:1.1875rem}.skin-plan-detail{gap:38px;padding:32px}.skin-cycle-step{gap:16px;padding:24px 18px}.skin-cycle-paper{padding:24px}.skin-cycle-paper dl>div{gap:12px}}
@media(max-width:900px),(max-height:679px){.skin-cycle-grid{grid-template-columns:1fr;gap:28px}.skin-cycle-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-cycle-step{min-height:190px}.skin-cycle-preview-wrap{position:static}.skin-cycle-paper{min-height:0}.skin-cycle-preview{max-width:720px;margin-inline:auto}.skin-cycle-caption{max-width:720px;margin-inline:auto}.skin-cycle-paper>p:not(.skin-sample-label){min-height:0}}
@media(max-width:900px){.skin-plan-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-plan-choice{min-height:220px;padding:22px 22px 0}.skin-plan-purpose{min-height:0}.skin-plan-price{font-size:2.65rem;padding-block:22px}.skin-plan-detail{grid-template-columns:1fr;gap:26px;min-height:0}.skin-plan-intro h3,.skin-plan-intro>p:last-child{max-width:600px}.skin-plan-included>p{min-height:0}.skin-plan-included{padding-top:24px;border-top:1px solid #505f3330}.skin-plan-small-label{margin-bottom:12px}}
@media(max-width:760px){.skin-cycle,.skin-plans{padding-block:56px 64px}.skin-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.skin-section-heading .eyebrow{font-size:.75rem;margin-bottom:16px}.skin-section-heading h2{font-size:clamp(2.2rem,7.5vw,3.5rem)}.skin-section-heading>p{font-size:1rem;max-width:600px}.skin-cycle-steps{gap:10px}.skin-cycle-step{display:block;min-height:0;padding:20px 16px;border-color:var(--line);border-radius:16px}.skin-cycle-index{width:32px;height:32px;font-size:.75rem;margin-bottom:16px}.skin-cycle-step strong{font-size:1.2rem;line-height:1.25;margin:0}.skin-cycle-copy,.skin-cycle-cue{display:none}.skin-cycle-preview{padding:18px;border-radius:20px}.skin-cycle-paper{padding:23px 20px}.skin-cycle-paper h3{font-size:1.85rem}.skin-cycle-paper dl>div{grid-template-columns:minmax(84px,.75fr) minmax(0,1.5fr);font-size:.8125rem}.skin-cycle-output>strong{font-size:1rem}.skin-cycle-example{font-size:.8125rem}.skin-plan-choices{gap:10px}.skin-plan-choice{padding:20px 16px 0;border-radius:16px;min-height:228px}.skin-plan-name{font-size:1.125rem;gap:6px}.skin-plan-indicator{width:24px;height:24px;font-size:.75rem}.skin-plan-purpose{font-size:.75rem;min-height:3em}.skin-plan-price{font-size:clamp(1.75rem,6.6vw,2.6rem);padding-block:20px;letter-spacing:-.05em}.skin-plan-price>span{font-size:.6875rem}.skin-plan-bottom{font-size:.6875rem;min-height:58px;gap:8px}.skin-plan-detail{padding:26px 24px;border-radius:18px;gap:22px}.skin-plan-intro h3{font-size:1.85rem}.skin-plan-intro>p:last-child,.skin-plan-included>p{font-size:.9375rem}.skin-plan-actions{gap:12px}.skin-plan-actions>.skin-action{width:100%}.skin-pricing-note{font-size:.75rem;margin-top:16px}}
@media(max-width:380px){.skin-cycle-step{padding:17px 13px}.skin-cycle-step strong{font-size:1.1rem}.skin-cycle-preview{padding:14px}.skin-cycle-paper{padding:20px 17px}.skin-cycle-paper dl>div{gap:10px;grid-template-columns:75px minmax(0,1fr)}.skin-plan-choice{padding:18px 12px 0}.skin-plan-name{font-size:1rem}.skin-plan-price{font-size:1.85rem}.skin-plan-detail{padding:24px 20px}}
.motion-paused .skin-cycle-step,.motion-paused .skin-cycle-index,.motion-paused .skin-cycle-cue,.motion-paused .skin-cycle-track span,.motion-paused .skin-plan-choice,.motion-paused .skin-plan-indicator,.motion-paused .skin-plan-bottom>span,.motion-paused .skin-action-arrow,.motion-paused .skin-cycle-example>span,.motion-paused .skin-plan-compare>span{transition:none!important}
.motion-paused .skin-cycle-step:hover,.motion-paused .skin-plan-choice:hover,.motion-paused .skin-cycle-step:active,.motion-paused .skin-plan-choice:active{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skin-cycle-step,.skin-plan-choice{transform:none!important}.skin-cycle-cue>span,.skin-cycle-example>span,.skin-plan-compare>span{transform:none!important}}


.skin-asset-packages{padding-top:64px;margin-top:48px;border-top:1px solid var(--line)}
.asset-packages-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:end;margin-bottom:30px}
.asset-packages-heading .eyebrow{color:var(--copper);font-size:.75rem;letter-spacing:.1em;margin-bottom:18px}
.asset-packages-heading h2{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.08;letter-spacing:-.045em;margin:0}
.asset-packages-heading>p{font-size:1rem;line-height:1.65;color:var(--muted);margin:0;max-width:490px}
.asset-package-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.asset-package-tabs button{background:transparent;border:1px solid #b7bdae;color:var(--ink);border-radius:999px;min-height:46px;padding:12px 22px;font-size:.9375rem;line-height:1.4;transition:background-color 200ms,border-color 200ms,color 200ms}
.asset-package-tabs button[aria-selected=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.asset-package-panel{background:#fff;border:1px solid #c4cbb9;border-radius:22px;overflow:hidden}
.asset-package-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e9eddf;border-bottom:1px solid #c4cbb9;padding:18px 28px;font-size:.75rem;line-height:1.5;letter-spacing:.065em;font-weight:600}
.asset-package-intro{padding:28px 30px 24px}
.asset-package-intro h3{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}
.asset-package-intro>p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0;max-width:790px}
.asset-package-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding:0 30px 14px}
.asset-package-file{display:grid;grid-template-columns:52px minmax(0,1fr);gap:17px;padding:22px 0;border-top:1px solid var(--line);min-width:0;align-items:start}
.asset-file-format{display:grid;place-items:center;width:52px;min-height:60px;padding:8px 4px;border:1px solid #bec8ae;border-radius:6px;background:#f4f6ef;font-size:.75rem;line-height:1.3;letter-spacing:.03em;color:#4a5d33;font-weight:650;overflow-wrap:anywhere}
.asset-package-file h4{font-size:1.0625rem;line-height:1.3;font-weight:650;letter-spacing:-.015em;margin:0 0 10px}
.asset-package-file p{font-size:.9375rem;line-height:1.6;color:var(--muted);margin:0}
.asset-package-file button{display:inline-flex;align-items:center;gap:14px;min-height:44px;background:transparent;color:var(--ink);padding:12px 0 4px;font-size:.8125rem;line-height:1.4;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.asset-package-bottom{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:24px 30px;background:#f3f5ec;border-top:1px solid var(--line)}
.asset-package-bottom p{margin:0;max-width:650px;font-size:.9375rem;line-height:1.5}
.asset-package-bottom strong{display:block;font-size:1rem;margin-bottom:6px}
.asset-package-bottom p>span{display:block;color:var(--muted)}
.asset-package-bottom .button{flex:none}
.asset-package-note{font-size:.875rem!important;line-height:1.6;color:var(--muted);margin:18px 0 0!important;max-width:1050px}
.asset-package-tabs button:hover{border-color:var(--ink)}
@media(max-width:760px){.skin-asset-packages{padding-top:42px;margin-top:36px}.asset-packages-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.asset-packages-heading h2{font-size:2.15rem}.asset-package-tabs{gap:7px}.asset-package-tabs button{font-size:.875rem;padding:11px 16px}.asset-package-panel{border-radius:17px}.asset-package-top{padding:16px 21px;font-size:.75rem;gap:18px}.asset-package-top>span:last-child{text-align:right}.asset-package-intro{padding:25px 22px 23px}.asset-package-intro h3{font-size:1.7rem}.asset-package-files{grid-template-columns:1fr;padding:0 22px 10px}.asset-package-file{gap:15px;padding:22px 0}.asset-package-file p{font-size:.9375rem}.asset-package-bottom{display:block;padding:24px 22px}.asset-package-bottom .button{margin-top:22px;width:100%}.asset-package-note{font-size:.8125rem!important}.asset-package-intro>p{font-size:.9375rem}}


/* Stripe-inspired motion expressed through SKIN's existing palette and UI. */
.skin-interactive{--skin-ease:cubic-bezier(.22,1,.36,1)}
.skin-interactive .hero{isolation:isolate}
.skin-ambient{position:absolute;inset:-35px -40px -10px;z-index:-1;pointer-events:none;overflow:hidden;--ambient-green:217,255,87;--ambient-copper:199,125,90;opacity:.8}
.skin-ambient::before,.skin-ambient::after{content:'';position:absolute;pointer-events:none;animation-play-state:paused;will-change:transform}
.skin-ambient::before{width:78%;height:80%;right:-30%;top:-14%;background:radial-gradient(ellipse at 50% 50%,rgba(var(--ambient-green),.36),rgba(var(--ambient-green),.14) 35%,transparent 68%);transform:rotate(-22deg);animation:skin-light-drift 15s ease-in-out infinite alternate paused}
.skin-ambient::after{width:65%;height:74%;left:-30%;bottom:-16%;background:radial-gradient(ellipse at 50% 50%,rgba(var(--ambient-copper),.22),rgba(var(--ambient-green),.13) 36%,transparent 68%);animation:skin-light-return 18s ease-in-out infinite alternate paused}
.skin-ambient.is-active::before,.skin-ambient.is-active::after{animation-play-state:running}
.skin-ambient .skin-light-response{position:absolute;inset:0;background:radial-gradient(380px ellipse at var(--pointer-x,72%) var(--pointer-y,25%),#d9ff5714,transparent 76%);transition:opacity .4s}
@keyframes skin-light-drift{from{transform:translate3d(-3%,-2%,0) rotate(-22deg) scale(.95)}to{transform:translate3d(10%,8%,0) rotate(-12deg) scale(1.08)}}
@keyframes skin-light-return{from{transform:translate3d(-4%,5%,0) rotate(12deg) scale(1.05)}to{transform:translate3d(8%,-8%,0) rotate(-8deg) scale(.92)}}
.skin-interactive #main-nav>.skin-nav-highlight{position:absolute;pointer-events:none;left:0;top:50%;height:38px;width:var(--nav-width,0px);transform:translate3d(var(--nav-left,0px),-50%,0);background:#d9ff5742;border:1px solid #d9ff5750;border-radius:9px;opacity:0;transition:transform 300ms var(--skin-ease),width 300ms var(--skin-ease),opacity 160ms ease;z-index:-1}
.skin-interactive #main-nav.skin-nav-tracking>.skin-nav-highlight{opacity:1}
@media(min-width:1051px){.skin-interactive #main-nav{position:relative;isolation:isolate}.skin-interactive #main-nav>a{position:relative;transition:color .2s}}
.skin-interactive .business-goal-options button{position:relative;overflow:hidden;transition:background-color 220ms ease,border-color 220ms ease,box-shadow 260ms ease,transform 240ms var(--skin-ease)}
.skin-interactive .business-goal-options button::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--skin-ease);pointer-events:none}
.skin-interactive .business-goal-options button[aria-pressed=true]::after{transform:scaleX(1)}
.skin-interactive .business-goal-options button:focus-visible{box-shadow:0 0 0 4px #d9ff5733}
.skin-interactive .business-goal-options button:active{transform:scale(.982)}
.skin-interactive .button{transition:background-color 220ms ease,color 220ms ease,box-shadow 250ms ease,transform 250ms var(--skin-ease)}
.skin-interactive .button>span[aria-hidden=true],.skin-interactive .text-link>span[aria-hidden=true]{display:inline-block;transition:transform 250ms var(--skin-ease)}
.skin-interactive .button:focus-visible>span[aria-hidden=true]{transform:translate(3px,-2px)}
.skin-interactive .button:active{transform:translateY(1px) scale(.985);box-shadow:none}
.skin-interactive .round-control:active,.skin-interactive .showcase-expand:active{transform:scale(.96)}
.skin-interactive .goal-room-entry{transition:border-color 250ms,box-shadow 350ms}
.skin-interactive .goal-room-entry:focus-within{border-color:#7d913c;box-shadow:0 7px 30px #0b0b0d08}
.skin-interactive .deliverable-tabs button,.skin-interactive .work-card{transition:background-color 220ms ease,color 220ms ease,box-shadow 300ms ease,transform 260ms var(--skin-ease)}
.skin-interactive .deliverable-tabs button[aria-selected=true],.skin-interactive .work-card[aria-selected=true]{box-shadow:inset 4px 0 0 var(--lime)}
.skin-interactive .deliverable-tabs button .artifact-icon{transition:transform 300ms var(--skin-ease)}
.skin-interactive .deliverable-tabs button[aria-selected=true] .artifact-icon{transform:translateY(-2px)}
.skin-interactive .skin-depth-surface{transition:transform 420ms var(--skin-ease),box-shadow 420ms ease;transform-origin:center;transform:perspective(1300px) rotateX(var(--surface-rx,0deg)) rotateY(var(--surface-ry,0deg))}
.skin-interactive .skin-depth-surface.skin-surface-active{box-shadow:0 18px 42px #0b0b0d16}
.skin-interactive .gtm-plan{position:relative;isolation:isolate;transition:transform 320ms var(--skin-ease),box-shadow 320ms ease,border-color 250ms ease}
.skin-interactive .gtm-plan::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 100% 0,#d9ff5738,transparent 65%);opacity:0;transition:opacity 350ms ease;pointer-events:none}
.skin-interactive .gtm-plan:focus-within{box-shadow:0 16px 35px #0b0b0d0f;border-color:#7d913c}
.skin-interactive .gtm-plan:focus-within::before{opacity:1}
.skin-interactive .content-page .note-row{transition:background-color 250ms ease}
.skin-interactive .content-page .note-action-mark{transition:transform 280ms var(--skin-ease)}
.skin-interactive .content-page .note-row:focus-visible .note-action-mark{transform:translate(3px,-3px)}
.skin-interactive .content-page .team-portrait img{transition:transform 650ms var(--skin-ease)}
.skin-interactive .content-page .quiz-options button{transition:background-color 220ms,border-color 220ms,box-shadow 250ms,transform 200ms var(--skin-ease)}
.skin-interactive .content-page .quiz-options button:active{transform:scale(.992)}
.skin-interactive .content-page .quiz-options button[aria-pressed=true]{box-shadow:0 3px 12px #0b0b0d08}
@media(hover:hover) and (pointer:fine){
 .skin-interactive .business-goal-options button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0b0b0d07}
 .skin-interactive .button:hover>span[aria-hidden=true]{transform:translate(3px,-2px)}
 .skin-interactive .button.black:hover,.skin-interactive .button.lime:hover{box-shadow:0 8px 24px #0b0b0d13}
 .skin-interactive .text-link:hover>span[aria-hidden=true]{transform:translate(3px,-2px)}
 .skin-interactive .deliverable-tabs button:hover .artifact-icon{transform:translateY(-2px)}
 .skin-interactive .gtm-plan:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0b0b0d10;border-color:#7d913c}
 .skin-interactive .gtm-plan:hover::before{opacity:1}
 .skin-interactive .content-page .note-row:hover{background:#d9ff570c}
 .skin-interactive .content-page .note-row:hover .note-action-mark{transform:translate(3px,-3px)}
 .skin-interactive .content-page .team-portrait:hover img{transform:scale(1.035)}
}
@media(max-width:1050px){.skin-interactive #main-nav>.skin-nav-highlight{display:none}}
@media(max-width:760px){.skin-ambient{inset:-15px -18px 0;opacity:.52}.skin-ambient::before{right:-36%;width:94%}.skin-ambient::after{left:-40%;width:90%}}
@media(hover:none){.skin-interactive .skin-depth-surface{transform:none}.skin-interactive .button:hover{transform:none;box-shadow:none}.skin-interactive .button:active{transform:scale(.985)}}
.skin-interactive.skin-motion-disabled .skin-ambient::before,.skin-interactive.skin-motion-disabled .skin-ambient::after,.skin-interactive.motion-paused .skin-ambient::before,.skin-interactive.motion-paused .skin-ambient::after{animation:none!important;will-change:auto}
.skin-interactive.skin-motion-disabled .skin-depth-surface{transform:none!important;box-shadow:none}
.skin-interactive.skin-motion-disabled #main-nav>.skin-nav-highlight,.skin-interactive.skin-motion-disabled .business-goal-options button::after{transition:none!important}
.skin-interactive.skin-motion-disabled .business-goal-options button,.skin-interactive.skin-motion-disabled .button,.skin-interactive.skin-motion-disabled .button>span,.skin-interactive.skin-motion-disabled .text-link>span,.skin-interactive.skin-motion-disabled .gtm-plan,.skin-interactive.skin-motion-disabled .gtm-plan::before,.skin-interactive.skin-motion-disabled .note-action-mark,.skin-interactive.skin-motion-disabled .team-portrait img{transition:none!important;transform:none}
@media(prefers-reduced-motion:reduce){.skin-interactive *,.skin-interactive *::before,.skin-interactive *::after{animation:none!important;transition:none!important}.skin-interactive .skin-depth-surface,.skin-interactive .gtm-plan:hover,.skin-interactive .team-portrait:hover img,.skin-interactive .business-goal-options button:hover{transform:none!important}.skin-ambient::before,.skin-ambient::after{will-change:auto}}


/* One select language across the Build Room, intake, content and review shell. */
.skin-select{display:block;position:relative;width:100%;min-width:0;text-align:left;--select-ink:#161b13;--select-muted:#686e60;--select-line:#bfc7b4;--select-surface:#fff;--select-active:#e9efde;--select-accent:#d9ff57}
.skin-select-accessible-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skin-select .skin-select-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;max-height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.skin-select>.skin-select-trigger{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:50px;margin:0;padding:13px 16px;background:var(--select-surface);color:var(--select-ink);border:1px solid var(--select-line);border-radius:10px;box-shadow:0 2px 3px #121b0f04;font:500 .9375rem/1.45 Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background-color .18s;transform:none}
.skin-select>.skin-select-trigger:hover{border-color:#657452;background:var(--select-surface);transform:none}
.skin-select.is-open>.skin-select-trigger{border-color:#687d45;box-shadow:0 0 0 3px #d9ff5740}
.skin-select>.skin-select-trigger:focus-visible{outline:2px solid #546c30;outline-offset:3px}
.skin-select>.skin-select-trigger:disabled{opacity:.5;cursor:not-allowed}
.skin-select-value{display:block;min-width:0;white-space:normal;overflow-wrap:break-word}
.skin-select.is-placeholder .skin-select-value{color:var(--select-muted);font-weight:400}
.skin-select-chevron{display:block;flex-shrink:0;width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s;opacity:.7;margin-right:2px}
.skin-select.is-open .skin-select-chevron{transform:translateY(2px) rotate(225deg)}
.skin-select-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;z-index:2147483000;padding:7px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c3a8 transparent;max-height:370px;background:#fff;color:#161b13;border:1px solid #c2cab7;border-radius:14px;box-shadow:0 3px 8px #18200e0b,0 18px 50px #18200e26;font:500 .9375rem/1.5 Inter,Arial,sans-serif;text-align:left;animation:skin-select-enter .16s cubic-bezier(.22,1,.36,1);transform-origin:50% 0}
.skin-select-menu[hidden]{display:none!important}
.skin-select-menu::backdrop{background:transparent}
.skin-select-option{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 13px;min-height:47px;border:1px solid transparent;border-radius:8px;cursor:pointer;line-height:1.45;transition:background-color .1s;color:inherit}
.skin-select-option[hidden]{display:none}
.skin-select-option+.skin-select-option{margin-top:3px}
.skin-select-option-label{min-width:0;overflow-wrap:break-word}
.skin-select-option.is-active{background:#f0f3eb;border-color:#d7dfca}
.skin-select-option[aria-selected=true]{background:#e6efcf;color:#1f2a13;font-weight:650}
.skin-select-option[aria-selected=true].is-active{background:#d9ff57;border-color:#c4e55c}
.skin-select-option[aria-disabled=true]{opacity:.42;cursor:not-allowed}
.skin-select-check{flex-shrink:0;width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-3px,-2px) rotate(45deg);opacity:0;margin-inline:4px}
.skin-select-option[aria-selected=true] .skin-select-check{opacity:1}
.skin-select-error{display:block;margin:9px 0 0;color:#a03124;font-size:.875rem;line-height:1.5;font-weight:500}
.skin-select-error[hidden]{display:none}
.skin-select>.skin-select-trigger[aria-invalid=true]{border-color:#b54937}
.skin-select-dark{--select-ink:#f5f5ee;--select-muted:#c0c5b8;--select-line:#626957;--select-surface:#181b15}
.skin-select-menu.skin-select-dark{background:#181b15;border-color:#626957;color:#f5f5ee;box-shadow:0 10px 45px #0006}
.skin-select-menu.skin-select-dark .skin-select-option.is-active{background:#2b3320;border-color:#535f40}
.skin-select-menu.skin-select-dark .skin-select-option[aria-selected=true]{background:#d9ff57;color:#151c0d;border-color:#d9ff57}
.review-header .skin-select{width:190px}
.review-header .skin-select>.skin-select-trigger{min-height:42px;font-size:.875rem;padding:10px 14px;border-radius:9px}
.goal-room-choice .skin-select,.room-mobile-choice .skin-select,.case-mobile-choice .skin-select{margin-top:9px}
.room-company-choice .skin-select{min-width:170px;max-width:230px}
.room-company-choice .skin-select>.skin-select-trigger{min-height:44px;font-size:.875rem;padding:10px 13px}
.intake-step .skin-select{margin-bottom:20px}
@keyframes skin-select-enter{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
.motion-paused .skin-select-menu,.motion-paused .skin-select *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.skin-select-menu,.skin-select *{animation:none!important;transition:none!important}}
@media(max-width:600px){.skin-select>.skin-select-trigger{font-size:.9375rem;min-height:49px;padding:12px 14px;gap:15px}.skin-select-menu{font-size:.9375rem;border-radius:12px;padding:6px}.skin-select-option{padding:12px;min-height:48px}.room-company-choice .skin-select{min-width:0;flex:1;max-width:none}.review-header .skin-select{width:160px}.review-header .skin-select>.skin-select-trigger{font-size:.875rem}}


/* Day and Night are complete, solid reading surfaces. Artwork keeps its own palette. */
:root{color-scheme:light;--appearance-surface:#fff;--appearance-track:#eeede8;--appearance-line:#d8d9d1;--appearance-text:#5c605c}
:root[data-skin-theme=night]{color-scheme:dark;--ink:#f6f4ef;--bone:#141618;--paper:#202326;--white:#1e2124;--muted:#afb5b9;--line:#3c4145;--copper:#dba77f;--appearance-surface:#202326;--appearance-track:#202326;--appearance-line:#41474b;--appearance-text:#b6bdc0}
body{transition:background-color .32s ease,color .32s ease}
.skin-daylight-zone{position:relative;isolation:isolate;background:var(--bone);color:var(--ink);transition:background-color .32s ease,color .32s ease}
.skin-daylight-zone::before,.skin-daylight-zone::after,.skin-daylight-zone .skin-ambient,.skin-daylight-zone .skin-light-response{display:none!important}
.skin-appearance{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-block:16px 0;position:relative;z-index:2}
.skin-appearance-label{font-size:.875rem;line-height:1.5;color:var(--muted)}
.skin-appearance-switch{--appearance-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:270px;position:relative;isolation:isolate;padding:4px;border:1px solid var(--appearance-line);border-radius:999px;background:var(--appearance-track);transition:background-color .32s,border-color .32s}
.skin-appearance-indicator{position:absolute;z-index:-1;inset:4px auto 4px 4px;width:calc((100% - 8px)/3);background:#d9ff57;border-radius:999px;transform:translateX(calc(var(--appearance-index)*100%));transition:transform .34s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #00000012;pointer-events:none}
.skin-appearance-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;padding:8px 10px;border:0;border-radius:999px;background:transparent;color:var(--appearance-text);font:550 .875rem/1.4 Inter,Arial,sans-serif;transition:color .2s}
.skin-appearance-switch button[aria-pressed=true]{color:#141618}
.skin-appearance-switch button:hover:not([aria-pressed=true]){color:var(--ink)}
.skin-appearance-switch button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.skin-appearance-switch svg{width:18px;height:18px;flex:none;transition:transform .34s cubic-bezier(.22,1,.36,1)}
.skin-appearance-switch button[aria-pressed=true] svg{transform:rotate(-12deg)}
.skin-appearance-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skin-daylight-zone .hero{padding-top:42px}
.skin-daylight-zone .highlight{color:#0b0b0d}
.skin-daylight-zone .highlight:before{border-color:#0b0b0d;box-shadow:4px 6px 0 #0b0b0d}
/* Fixed-palette islands: portfolio assets, working examples and intentional black sections. */
:root[data-skin-theme=night] :is(.dark,.skin-cycle-preview,.case-founder-quote,.buildroom-demo,.content-page .section-dark,.company-view,.platform-comparison .skin-row,.buildroom-handoff,.content-page .cta-section,.why-closing,.gtm-plan.featured){--ink:#0b0b0d;--bone:#f6f4ef;--paper:#efede7;--white:#fff;--muted:#5c605c;--line:rgba(11,11,13,.15);--copper:#a65a2a}
:root[data-skin-theme=night] :is(.buildroom-demo,.content-page .cta-section,.why-closing,.gtm-plan.featured){color:#0b0b0d;color-scheme:light}
:root[data-skin-theme=night] :is(.header-shell,.site-header,.engine-section,.site-footer,.dialog-top,.viewer-header,.viewer-caption){background:var(--bone);border-color:var(--line)}
:root[data-skin-theme=night] :is(.site-header .wordmark,.site-footer .wordmark,.field-notes-page-logo){filter:invert(1)}
:root[data-skin-theme=night] .skin-daylight-zone .hero h1{color:#f6f4ef}
:root[data-skin-theme=night] .prompt-shell{background:#1e2124;border-color:#555c61;box-shadow:0 18px 48px #00000020}
:root[data-skin-theme=night] .prompt-shell:focus-within{border-color:#d9ff57;box-shadow:0 0 0 3px #d9ff5726,0 18px 48px #00000020}
:root[data-skin-theme=night] :is(.prompt-shell textarea::placeholder,dialog textarea::placeholder){color:#929ba1}
:root[data-skin-theme=night] :is(.lime,.button.black:hover,.quick-starts button[aria-pressed=true],.business-goal-options button[aria-pressed=true],.module-tabs button[aria-selected=true],.skip,.goal-comparison th:last-child,.skin-cycle-step[aria-pressed=true] .skin-cycle-index){color:#0b0b0d}
:root[data-skin-theme=night] .business-goal-options button[aria-pressed=true]::after{background:#0b0b0d}
:root[data-skin-theme=night] ::selection{color:#0b0b0d;background:#d9ff57}
:root[data-skin-theme=night] :is(.skin-section-heading h2>span,.skin-cycle-cue,.skin-plan-intro .eyebrow,.skin-plan-intro>p:last-child,.skin-plan-small-label){color:#afb5b9}
:root[data-skin-theme=night] :is(.gtm-proof-grid article,.case-artwork,.skin-cycle-step[aria-pressed=true],.skin-cycle-step:hover,.skin-plan-choice,.skin-plan-detail,.asset-package-panel,.gtm-plan:not(.featured),.content-page .section-white,.content-page .quiz-options button,.content-page .button-outline:hover){background:var(--white);border-color:var(--line)}
:root[data-skin-theme=night] :is(.skin-plan-choice[aria-selected=true],.client-proof-section .work-card[aria-selected=true]){background:#272e23;border-color:#b7d34f;color:#f6f4ef}
:root[data-skin-theme=night] .skin-plan-choice[aria-selected=true] .skin-plan-indicator{color:#0b0b0d}
:root[data-skin-theme=night] .skin-interactive .skin-action:hover>.skin-action-arrow,:root[data-skin-theme=night] .skin-interactive .skin-action:focus-visible>.skin-action-arrow{background:#0b0b0d;color:#d9ff57;border-color:#0b0b0d}
:root[data-skin-theme=night] :is(.asset-package-top,.asset-package-bottom,.gtm-callout){background:var(--paper);border-color:var(--line)}
:root[data-skin-theme=night] .asset-file-format{background:#282e23;border-color:#586247;color:#d9ff57}
:root[data-skin-theme=night] .asset-package-tabs button[aria-selected=true]{background:#d9ff57;border-color:#d9ff57;color:#0b0b0d}
:root[data-skin-theme=night] .asset-package-tabs button{border-color:var(--line)}
:root[data-skin-theme=night] .content-page .quiz-options button[aria-pressed=true]{background:#d9ff57;color:#0b0b0d;border-color:#d9ff57}
:root[data-skin-theme=night] .content-page .quiz-options button[aria-pressed=true]:before{background:#0b0b0d;border-color:#0b0b0d}
:root[data-skin-theme=night] :is(.viewer-close,.viewer-zoom,dialog textarea,#intake-form input:not([type=checkbox]),.brief-summary){background:#24282c;color:#f6f4ef;border-color:#596168}
:root[data-skin-theme=night] .viewer-zoom[aria-pressed=true]{background:#d9ff57;color:#0b0b0d}
:root[data-skin-theme=night] :is(.viewer-image-stage,.case-panel){background:var(--paper)}
:root[data-skin-theme=night] .mobile-cta,:root[data-skin-theme=night] .mobile-cta strong{color:#f6f4ef}
/* Designed menus follow the chosen surface, including dialogs. Demo assets stay true to their brand. */
:root[data-skin-theme=night] .skin-select{--select-ink:#f6f4ef;--select-muted:#afb5b9;--select-line:#596168;--select-surface:#24282c}
:root[data-skin-theme=night] .buildroom-demo .skin-select{--select-ink:#161b13;--select-muted:#686e60;--select-line:#bfc7b4;--select-surface:#fff}
:root[data-skin-theme=night] .skin-select-menu{background:#24282c;border-color:#596168;color:#f6f4ef;box-shadow:0 12px 40px #0006}
:root[data-skin-theme=night] .skin-select-menu .skin-select-option.is-active{background:#343c2e;border-color:#636f52}
:root[data-skin-theme=night] .skin-select-menu .skin-select-option[aria-selected=true]{background:#d9ff57;color:#141618;border-color:#d9ff57}
:root[data-skin-theme=night] .skin-select-error{color:#ffa993}
:root[data-skin-theme=night] .skin-select>.skin-select-trigger:focus-visible{outline-color:#d9ff57}
:root[data-skin-theme=night] :is(.skin-daylight-zone,.header-shell,.site-header,.engine-section,.site-footer,.case-panel,.prompt-shell,.asset-package-panel,.content-page .section-white){transition:background-color .32s ease,color .32s ease,border-color .32s ease}
.motion-paused,.motion-paused .skin-daylight-zone,.motion-paused .skin-appearance *{transition:none!important}
@media(prefers-reduced-motion:reduce){body,.skin-daylight-zone,.skin-appearance *{transition:none!important}}
@media(max-width:760px){.skin-appearance{padding-top:14px;justify-content:center;gap:10px}.skin-appearance-label{display:none}.skin-appearance-switch{width:268px}.skin-appearance-switch button{min-height:44px}.skin-daylight-zone .hero{padding-top:34px}}
:root[data-skin-theme=night] .site-footer .footer-brand>img{filter:invert(1)}
:root[data-skin-theme=night] :is(.decision-panel,.decision-outputs li){background:var(--white);border-color:var(--line)}
:root[data-skin-theme=night] .decision-evidence{background:var(--paper)}
:root[data-skin-theme=night] .decision-tabs button:hover:not([aria-selected=true]){background:var(--paper)}
:root[data-skin-theme=night] .why-hero h1 em{color:#0b0b0d}
:root[data-skin-theme=night] .gtm-note{color:var(--muted)}
:root[data-skin-theme=night] .gtm-plan.featured .gtm-note{color:#414938}
body.motion-paused *{transition:none!important}
@media(max-width:380px){.skin-appearance-switch{width:100%;max-width:270px}.skin-appearance-switch button{padding:8px 5px;gap:5px;flex-wrap:wrap}.skin-appearance-switch button span{overflow-wrap:anywhere}}
:root[data-skin-theme=night] .selected-plan{background:#272e23;border-color:#67764a;color:#f6f4ef}
:root[data-skin-theme=night] .case-image-open>span{background:#0b0b0d;color:#f6f4ef}
:root[data-skin-theme=night] .case-image-open:hover>span{background:#d9ff57;color:#0b0b0d}


body{margin:0;background:'+paper+';color:'+brand.palette[0][1]+';font:16px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:32px}header{border-bottom:1px solid currentColor;padding:20px 0;display:flex;gap:30px;justify-content:space-between}h1,h2,h3{font-family:'+type+'}h1{font-size:clamp(36px,6vw,68px);line-height:1.05;letter-spacing:-.045em}h2{font-size:32px;line-height:1.15}h3{font-size:24px;line-height:1.3}section{padding:40px 0;border-bottom:1px solid currentColor}.slide{padding:40px;margin:28px 0;background:'+brand.palette[0][1]+';color:'+paper+';min-height:450px;break-after:page;display:flex;flex-direction:column;justify-content:center}small{font-size:12px;letter-spacing:.07em}li{margin:12px 0}footer{font-size:13px;margin-top:30px}@media(max-width:600px){main{padding:20px}.slide{padding:28px 22px;min-height:400px}}@media print{@page{size:'+(deck?'landscape':'portrait')+';margin:12mm}main{padding:0}.slide{margin:0;border:0;min-height:0;box-sizing:border-box;page-break-after:always}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}