:root{--ink:#101816;--ink-soft:#1c2926;--paper:#f4f3ed;--white:#fffefa;--line:#43514c;--muted:#afbbb4;--accent:#d5fa72;--accent-dark:#557017;--max:1260px;--gutter:clamp(1.15rem,4vw,3.5rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,"DejaVu Sans",system-ui,sans-serif;line-height:1.55;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-size:1rem}
button,input,select,textarea{font-family:inherit}
button{cursor:pointer}
:where(a:not(.button):not(.workshop-action):not(.skip-link)){display:inline-block;max-width:100%;transition:translate .15s ease,text-shadow .15s ease}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:where(.detail-section,.addon-section,.portfolio-section,.case-details,.concept-live,.concept-services,.concept-process,.config-section,.submit-section,.contact-general,.faq-section,body[data-page=home] .services-section,body[data-page=home] .trust-section) :focus-visible{outline-color:var(--accent-dark)}
.estimate :focus-visible{outline-color:var(--accent)}
::selection{background:var(--accent);color:var(--ink)}
img{max-width:100%;height:auto}
.shell{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--accent);color:var(--ink);padding:.6rem 1rem}
.skip-link:focus{top:1rem}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:3;background:var(--ink)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.wordmark{font-size:.95rem;font-weight:800;line-height:1.05;letter-spacing:-.04em;text-decoration:none;max-width:190px;display:inline-flex;align-items:center;gap:.5rem}
.wordmark-symbol{position:relative;display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;border:1px solid #668149;border-radius:.35rem;background:#1d3024;box-shadow:inset 0 0 0 1px #d5fa721c;color:var(--accent);font-size:1.35rem;font-weight:400;line-height:1;transform:rotate(-4deg)}
.wordmark-symbol::after{content:'';position:absolute;right:.18rem;bottom:.18rem;width:.22rem;height:.22rem;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);opacity:.7}
.primary-nav,.header-actions,.locale-switch{display:flex;align-items:center;gap:clamp(.6rem,1.5vw,1.5rem)}
.primary-nav a,.locale-switch{font-size:.85rem;font-weight:700;text-decoration:none}
.primary-nav a:is(:hover,:focus-visible),.language-link:is(:hover,:focus-visible){text-decoration:none}
.language-link{text-decoration:none}
.locale-switch{gap:.6rem;border-left:1px solid var(--line);padding-left:1rem}
.locale-switch [aria-current]{color:var(--accent)}
.language-link{color:var(--muted)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:1rem;min-height:3rem;padding:.65rem 1.1rem;background:var(--accent);color:var(--ink);font-weight:700;text-decoration:none;border:2px solid var(--accent);transition:background-color .18s ease,color .18s ease,transform .18s ease}
.button:hover{background:#e7ffaf;border-color:#e7ffaf;color:var(--ink);transform:translateY(-2px)}
.button:disabled{opacity:.55;cursor:wait;transform:none}
.button-small{min-height:2.4rem;padding:.35rem .7rem;font-size:.78rem;white-space:nowrap}
.mobile-label{display:none}
.button-ghost{background:transparent;color:var(--paper);border-color:var(--muted)}
.button-ghost:hover{background:var(--paper);border-color:var(--paper)}
.button-dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button-dark:hover{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--paper)}
.button-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.text-link{display:inline-flex;align-items:center;gap:.3rem;font-weight:800;text-decoration:none;white-space:normal}
.text-link::after{content:none}
.eyebrow{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.1;letter-spacing:-.05em;text-wrap:balance}
h1{font-size:clamp(3rem,5.5vw,5.6rem);font-weight:700}
h2{font-size:clamp(2rem,3.4vw,3.8rem);font-weight:700}
h3{font-size:clamp(1.35rem,2vw,2rem)}
p{max-width:68ch}
.hero{padding-block:clamp(3rem,7vw,7rem) clamp(4rem,8vw,8rem)}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}
.hero h1{max-width:1150px;margin:2rem 0 3rem}
.hero-bottom{align-items:end;border-top:1px solid var(--line);padding-top:1.6rem}
.hero-bottom p{font-size:clamp(1.1rem,1.65vw,1.55rem);line-height:1.45;max-width:570px;margin:0;color:#d4ddd6}
.section{padding-block:clamp(3.3rem,5.5vw,5.8rem)}
.section-heading{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:2rem;margin-bottom:2.2rem}
.section-heading h2{margin-bottom:1rem}
.section-heading p{font-size:1rem;color:var(--muted)}
.work-section{background:#1a2622}
.signature{border:1px solid #52615a;background:#24312b}
.signature-toolbar{display:flex;justify-content:space-between;align-items:stretch;border-bottom:1px solid #52615a;gap:1rem;padding:0 1rem 0 0}
.stage-tabs{display:grid;grid-template-columns:repeat(4,auto)}
.stage-tabs button,.device-controls button{border:0;color:#c6d1c9;background:transparent;font-size:.86rem;font-weight:700;min-height:3.8rem}
.stage-tabs button{padding:.7rem clamp(.6rem,2vw,1.6rem);border-right:1px solid #52615a}
.stage-tabs button[aria-selected=true]{background:var(--accent);color:var(--ink)}
.tab-number{font-size:.6rem;margin-right:.5rem;vertical-align:top}
.device-controls{display:flex;align-items:center;gap:.25rem}
.device-controls button{min-height:2.75rem;padding:.45rem .65rem}
.device-controls button[aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:.35em}
.signature-stage{padding:clamp(1rem,2vw,1.5rem)}
[hidden]{display:none!important}
.scene{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);align-items:center;gap:clamp(1rem,3vw,3rem);min-height:390px}
.browser-window{min-width:0;max-width:750px;width:100%;margin-inline:auto;border:1px solid #68736f;box-shadow:0 20px 50px #0004;background:var(--white);color:var(--ink)}
.browser-chrome{height:35px;display:flex;gap:5px;align-items:center;padding:0 .8rem;border-bottom:1px solid #d5d9d3;background:#e7ebe5;color:#5b6861;font-size:.63rem;letter-spacing:.02em}
.browser-chrome i{display:block;width:7px;height:7px;border-radius:50%;background:#a8b3ab}
.browser-chrome span{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.concept-old{padding:1.5rem;background:#faf6ec;color:#4d4036;font-family:Georgia,serif;min-height:340px}
.old-nav{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;padding-bottom:.8rem;border-bottom:2px solid #9d8e7b}
.old-kicker{margin-top:2.1rem;color:#857462;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}
.concept-old h3{font-size:clamp(1.75rem,3vw,2.8rem);letter-spacing:-.03em;margin-bottom:1rem;color:#5c4a3d}
.concept-old p{max-width:390px}
.old-button{display:inline-block;background:#baa38b;color:#fff;padding:.5rem .9rem;font:700 .75rem Arial,sans-serif}
.old-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:2.1rem}
.old-blocks span{min-height:55px;background:#e4d9ca;border:1px solid #d1c3b1;padding:.45rem .6rem;display:flex;align-items:center;color:#65594d;font-size:.72rem}
.concept-new{background:#e9eee8;min-height:340px;display:flex;flex-direction:column}
.new-nav{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #91a094;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.new-nav span{color:#5d6f62}
.new-content{padding:2.1rem 1.5rem 1.8rem;flex:1}
.new-content .eyebrow{color:#557017}
.new-content h3{max-width:590px;font-size:clamp(1.9rem,3.1vw,2.8rem);margin:.8rem 0}
.new-content p{max-width:460px}
.new-button{display:inline-flex;justify-content:space-between;gap:2rem;background:#192d26;color:#fff;padding:.7rem 1rem;font-size:.85rem;font-weight:700}
.new-button b{color:var(--accent)}
.new-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.35rem}
.new-services span{border-top:1px solid #a7b7a9;padding-top:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#41594a}
.new-process{display:flex;justify-content:space-between;gap:1rem;background:#d3decf;padding:.8rem 1.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase}
.scene-caption,.diagnosis-notes{align-self:center}
.scene-caption p{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.35;margin:1rem 0}
.diagnosis-notes ol{list-style:none;padding:0;margin:1rem 0 0;counter-reset:point}
.diagnosis-notes li{counter-increment:point;border-top:1px solid #5f6f66;padding:.85rem 0;display:flex;gap:1rem;font-size:.95rem}
.diagnosis-notes li::before{content:'0' counter(point);color:var(--accent);font-size:.7rem;font-weight:800;min-width:1.5rem}
.signature-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #52615a;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.signature-bottom>span{color:var(--accent);font-weight:800;margin-right:auto}
.signature[data-view=mobile] .browser-window{max-width:295px}
.signature[data-view=mobile] .concept-old,.signature[data-view=mobile] .concept-new{min-height:405px}
.signature[data-view=mobile] .old-blocks{grid-template-columns:1fr}.signature[data-view=mobile] .old-blocks span{min-height:34px}
.signature[data-view=mobile] .new-nav span{display:none}.signature[data-view=mobile] .new-content{padding:1.2rem 1rem .8rem}.signature[data-view=mobile] .new-content h3{font-size:1.65rem}.signature[data-view=mobile] .new-content p{font-size:.85rem;margin-bottom:.75rem}
.signature[data-view=mobile] .new-services{grid-template-columns:1fr;gap:.2rem;margin-top:1rem}
.signature[data-view=mobile] .new-services span{font-size:.64rem;padding-top:.3rem}
.signature[data-view=mobile] .new-process{flex-direction:column}
.portfolio-section .eyebrow,.concept-live .eyebrow{color:var(--accent-dark)}
.services-section{background:var(--ink)}
.service-ledger{border-top:1px solid var(--line)}
.service-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto auto;gap:clamp(.7rem,2vw,2rem);align-items:start;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.service-index{color:var(--accent);font-size:.75rem;font-weight:800}
.service-row h3{margin:0 0 .35rem;font-size:clamp(1.6rem,2.4vw,2.3rem)}
.service-row p{margin:0;color:var(--muted)}
.service-row>strong{font-size:1.1rem;white-space:nowrap}
.service-row .text-link{font-size:.85rem}
.trust-section{background:#19251f}
.trust-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(2rem,6vw,7rem)}
.trust-grid p{color:#d1ddd2}
.close-section{background:var(--ink);padding-block:clamp(4rem,7vw,7rem)}
.close-section h2{max-width:1000px;font-size:clamp(2.7rem,5vw,5rem);margin:1rem 0 1.5rem}.close-section p{font-size:1.1rem;color:var(--muted);margin-bottom:1.6rem}
.site-footer{border-top:1px solid var(--line);background:#0a100e;padding:2.5rem 0}
.page-hero{padding-block:clamp(3.2rem,5vw,5rem)}.page-hero h1{font-size:clamp(3rem,5vw,5rem);margin:.8rem 0 1rem}.accent-point{color:var(--accent)}.page-lead{font-size:clamp(1.12rem,1.6vw,1.45rem);max-width:730px;color:#d1ddd2}.page-price{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.page-price strong{font-size:2.15rem;color:var(--accent)}.page-price small{width:100%;color:var(--muted)}.draft-note{color:var(--accent)}
.detail-section{background:var(--paper);color:var(--ink)}.detail-section .eyebrow,.addon-section .eyebrow{color:var(--accent-dark)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.detail-grid h2{margin:.8rem 0}.detail-rule{border-top:2px solid var(--ink);padding-top:1rem}.detail-rule h3{font-size:1.2rem;margin:1rem 0 .5rem}.detail-rule p{color:#46534a}
.addon-section{background:#dce3d8;color:var(--ink)}.addon-section .section-heading p{color:#46534a}.addon-ledger{border-top:1px solid #9baa9b;margin-bottom:2rem}.addon-ledger>div{display:grid;grid-template-columns:1fr 1.4fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid #9baa9b}.addon-ledger p{margin:0;color:#46534a}.addon-ledger span{font-weight:800;white-space:nowrap}
.portfolio-section{background:var(--paper);color:var(--ink)}.portfolio-entry{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center}.portfolio-entry h2{margin:.8rem 0}.portfolio-entry p{font-size:1.08rem}.portfolio-art{min-height:340px;background:#19251f;color:var(--accent);padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between}.portfolio-art span,.portfolio-art small{text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.1em}.portfolio-art strong{font-size:clamp(7rem,12vw,12rem);line-height:.8;align-self:center;letter-spacing:-.12em}
.portfolio-planned{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(0,1fr);gap:2rem 4rem;border-top:1px solid #aeb8ae;margin-top:clamp(2.7rem,4vw,4rem);padding-top:1.2rem}.portfolio-planned h2{font-size:1.3rem;letter-spacing:-.035em;margin:0}.portfolio-planned ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 2rem}.portfolio-planned li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #c3cbc1;padding:.35rem 0;font-size:.9rem}.portfolio-planned small{color:#526056;white-space:nowrap}
.case-details{background:var(--paper);color:var(--ink)}.case-details .eyebrow{color:var(--accent-dark)}.case-row{display:grid;grid-template-columns:3rem 1fr 1.3fr;gap:1.5rem;border-top:1px solid #aab6a9;padding:1.3rem 0}.case-row h2{font-size:clamp(1.5rem,2.4vw,2.4rem);margin:0}.case-row p{margin:0;color:#435249}.case-row>span{font-size:.75rem;font-weight:800;color:var(--accent-dark)}
.concept-live{background:#e9eee8;color:var(--ink);padding:1.5rem 0 3rem}.concept-live-top{display:flex;justify-content:space-between;gap:2rem;border-bottom:1px solid #91a094;padding-bottom:1rem;font-size:.8rem;font-weight:800;text-transform:uppercase}.concept-live-hero{padding-block:clamp(4rem,6vw,5.5rem);max-width:900px}.concept-live-hero h1{font-size:clamp(3rem,5vw,4.8rem);margin:1rem 0}.concept-live-hero p{font-size:1.15rem;max-width:650px}.concept-live-steps{display:flex;gap:1rem 4rem;border-top:1px solid #91a094;padding-top:1rem;font-size:.8rem;text-transform:uppercase;font-weight:800}
.concept-services{background:var(--paper);color:var(--ink)}.concept-services .eyebrow{color:var(--accent-dark)}.concept-services .section-heading p{color:#4e5c52}.concept-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-top:1px solid #aeb8ae}.concept-service-list article{padding-top:1rem}.concept-service-list article>span{color:var(--accent-dark);font-size:.72rem;font-weight:800}.concept-service-list h3{font-size:1.5rem;margin:.65rem 0}.concept-service-list p{color:#4e5c52;margin:0}
.concept-process{background:#dce3d8;color:var(--ink)}.concept-process .shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.concept-process h2{margin:0}.concept-process ol{list-style:none;padding:0;margin:0}.concept-process li{display:flex;gap:1.4rem;border-top:1px solid #aab6a9;padding:.85rem 0}.concept-process li:last-child{border-bottom:1px solid #aab6a9}.concept-process li span{color:var(--accent-dark);font-size:.72rem;font-weight:800;min-width:1.5rem}
.concept-contact{background:var(--ink);color:var(--paper);text-align:center}.concept-contact h2{max-width:780px;margin:1rem auto}.concept-contact p{color:var(--muted);margin:0 auto 1.5rem}
.config-section{background:var(--paper);color:var(--ink)}.config-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:clamp(2rem,5vw,5rem);align-items:start}.pricing-form{display:flex;flex-direction:column;gap:.45rem}.pricing-form>label,.pricing-form label:not(.check-row),.pricing-form legend{font-weight:800}.pricing-form input[type=number],.pricing-form select{width:100%;min-height:3rem;padding:.6rem .75rem;background:#fff;border:1px solid #66746a;color:var(--ink);margin:.3rem 0 1rem}.pricing-form fieldset{padding:0;border:0;margin:0 0 1rem}.pricing-form legend{margin-bottom:.7rem}.check-row{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem .3rem;border-top:1px solid #b9c3b8;cursor:pointer}.check-row:last-child{border-bottom:1px solid #b9c3b8}.check-row input{width:1.15rem;height:1.15rem;accent-color:#49641c;flex:none;margin:.25rem 0}.check-row span{display:flex;flex-direction:column;gap:.25rem;min-width:0}.check-row small{font-size:.8rem;color:#4f5d52}.check-row em{margin-left:auto;font-size:.75rem;color:#425c15;font-weight:800;white-space:nowrap}.field-help{font-size:.85rem;color:#4f5d52}.estimate{background:#18251f;color:var(--paper);padding:clamp(1.3rem,2.5vw,2rem);position:sticky;top:1rem}.estimate h2{font-size:clamp(2.3rem,3vw,3.2rem);margin:.7rem 0 1.2rem;color:var(--accent)}.estimate .review-state{color:var(--accent);font-weight:800}.line-items{border-top:1px solid #617064}.line-items>div,.subtotal{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #617064;padding:.7rem 0;font-size:.9rem}.line-items strong,.subtotal strong{text-align:right;white-space:nowrap}.line-items span{min-width:0}.subtotal{font-size:1rem;font-weight:800}.estimate p{font-size:.95rem;margin:1.2rem 0 .5rem}.estimate small{display:block;color:#bac9b9;font-size:.8rem}.estimate-cta{width:100%;margin-top:1.4rem}
.option-group{margin-top:1.1rem}.option-group h3{font-size:.86rem;font-weight:700;letter-spacing:0;margin:0 0 .4rem;color:#435249}.option-group .check-row:last-child{border-bottom:1px solid #b9c3b8}
.submit-section{background:var(--paper);color:var(--ink)}.submit-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(2rem,5vw,5rem)}.submit-grid form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column}.form-field label{font-weight:800;margin-bottom:.35rem}.form-field input,.form-field textarea{border:1px solid #6b796f;background:#fff;color:var(--ink);padding:.75rem;min-height:3rem;width:100%;border-radius:0}.form-field textarea{resize:vertical}.form-field [aria-invalid=true]{border:2px solid #aa2e24}.field-error{color:#9b2119;font-weight:700;margin-top:.3rem}.simulation-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.simulation-check input{width:1.15rem;height:1.15rem;accent-color:#425c15}.form-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.form-actions button{min-width:210px}.form-actions span{font-weight:800;max-width:650px}.submit-note{padding-left:1.5rem;border-left:1px solid #aab6a9}.submit-note .eyebrow{color:var(--accent-dark)}.submit-note p{font-size:1rem}
@media(max-width:900px){
  .header-inner{flex-wrap:wrap;padding-block:.8rem}
  .primary-nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:.6rem}
  .scene{grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}
  .signature-toolbar{flex-wrap:wrap;padding-right:0}
  .stage-tabs{width:100%;grid-template-columns:repeat(4,1fr)}
  .stage-tabs button{padding:.6rem}
  .device-controls{padding:.2rem 1rem}
  .addon-ledger>div{grid-template-columns:1fr 1fr}
  .addon-ledger span{grid-column:2}
}
@media(max-width:720px){
  :root{--gutter:1.1rem}
  .header-inner{gap:.7rem}
  .wordmark{font-size:.83rem;max-width:145px}
  .wordmark-symbol{font-size:1.4rem}
  .header-actions{gap:.55rem}
  .locale-switch{border-left:0;padding-left:0;gap:.35rem}
  .desktop-label{display:none}
  .mobile-label{display:inline}
  .header-cta{min-height:auto;padding:.15rem 0;background:transparent;border:0;color:var(--accent);font-size:.78rem;text-decoration:none}
  .header-cta:hover{background:transparent;border-color:transparent;color:var(--accent);transform:none}
  .primary-nav{justify-content:space-between;gap:.5rem}
  .primary-nav a{font-size:.75rem;min-height:2.75rem;display:inline-flex;align-items:center}
  .language-link{min-height:2.75rem;display:inline-flex;align-items:center}
  .header-cta{min-height:2.75rem}
  .hero{padding-block:2.8rem 3.5rem}
  .hero h1{font-size:clamp(2.7rem,8.5vw,4rem);margin:1.3rem 0 1.7rem;overflow-wrap:anywhere}
  .hero-bottom{display:block}
  .hero-bottom p{margin-bottom:1.3rem}
  .section-heading,.trust-grid,.detail-grid,.portfolio-entry,.config-grid,.submit-grid{grid-template-columns:1fr;gap:1.7rem}
  .section-heading{margin-bottom:1.7rem}
  .section-heading h2{margin:.5rem 0 .8rem}
  .section{padding-block:3.2rem}
  .scene{grid-template-columns:1fr;gap:1.3rem;min-height:0}
  .scene-caption,.diagnosis-notes{width:100%}
  .signature-stage{padding:1rem}
  .signature[data-view=mobile] .browser-window{max-width:280px}
  .stage-tabs button{font-size:.75rem;min-height:3.1rem}
  .tab-number{display:block;margin:0}
  .signature-bottom{align-items:flex-start;flex-direction:column;gap:.65rem}
  .signature-bottom .text-link{min-height:2.75rem}
  .service-row{grid-template-columns:2rem 1fr auto;gap:.5rem 1rem}
  .service-row>strong{grid-column:2}
  .service-row .text-link{grid-column:3;grid-row:2}
  .page-hero h1{font-size:clamp(2.6rem,8vw,4rem);overflow-wrap:anywhere}
  .case-row{grid-template-columns:2rem 1fr;gap:.6rem 1rem}
  .case-row p{grid-column:2}
  .addon-ledger>div{grid-template-columns:1fr}
  .addon-ledger span{grid-column:1}
  .estimate{position:static}
  .form-row{grid-template-columns:1fr}
  .submit-note{border-left:0;border-top:1px solid #aab6a9;padding:1.5rem 0 0}
  .concept-live-hero{padding-block:3rem}
  .concept-live-hero h1{font-size:clamp(2.6rem,8vw,3.8rem)}
  .concept-live-steps{flex-direction:column}
  .concept-service-list{grid-template-columns:1fr;gap:0}
  .concept-service-list article{padding:.9rem 0;border-bottom:1px solid #aeb8ae}
  .concept-process .shell{grid-template-columns:1fr;gap:1.5rem}
  .new-nav span{display:none}
  .portfolio-art{min-height:270px}
  .portfolio-planned{grid-template-columns:1fr;gap:1rem}
  .portfolio-planned ol{grid-template-columns:1fr}
  .portfolio-planned li{align-items:baseline}
}
@media(max-width:390px){
  .wordmark{max-width:140px;font-size:.78rem}
  .header-actions{gap:.4rem}
  .header-cta{font-size:.75rem}
  .stage-tabs button{font-size:.69rem;padding:.5rem .2rem}
  .button-group{align-items:stretch;flex-direction:column}
  .button-group .button{width:100%}
  .service-row{grid-template-columns:1.4rem 1fr}
  .service-row .text-link{grid-column:2;grid-row:auto}
  .service-row>strong{grid-column:2}
  .signature-bottom{font-size:.7rem}
  .new-nav,.new-content,.new-process{padding-inline:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Homepage: the workbench and service ledger carry the story. */
body[data-page=home] .hero{padding-block:clamp(2.8rem,4.5vw,4rem)}
body[data-page=home] .hero h1{font-size:clamp(2.9rem,4.3vw,4.6rem);line-height:1.12;max-width:930px;margin:1.2rem 0 2rem;font-weight:700}
body[data-page=home] .hero-bottom{align-items:center;gap:1.5rem;padding-top:1.2rem}
body[data-page=home] .hero-bottom p{font-size:clamp(1.08rem,1.35vw,1.25rem);max-width:520px}
body[data-page=home] .hero .button-group{justify-content:flex-end}
body[data-page=home] .hero .text-link{font-size:.88rem}
body[data-page=home] .section{padding-block:clamp(3.2rem,4.8vw,4.8rem)}
body[data-page=home] .section-heading{grid-template-columns:minmax(120px,.6fr) minmax(0,2.4fr);margin-bottom:1.7rem}
body[data-page=home] h2{font-size:clamp(1.95rem,3.1vw,3.1rem);line-height:1.14;font-weight:700}
body[data-page=home] .section-heading p{font-size:1rem;max-width:570px;margin-bottom:0}
body[data-page=home] .signature-compact{background:#223029}
body[data-page=home] .signature-compact .signature-toolbar{padding:0}
body[data-page=home] .signature-compact .stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));min-width:250px}
body[data-page=home] .signature-compact .stage-tabs button{min-height:3rem;padding:.5rem 1.2rem}
body[data-page=home] .signature-compact .tab-number{display:none}
body[data-page=home] .signature-compact .signature-stage{padding:clamp(1rem,2vw,1.6rem)}
body[data-page=home] .signature-compact .scene{min-height:300px;grid-template-columns:minmax(0,1.65fr) minmax(220px,.7fr);gap:clamp(1.5rem,3vw,3rem)}
body[data-page=home] .signature-compact .concept-old,body[data-page=home] .signature-compact .concept-new{min-height:285px}
body[data-page=home] .signature-compact .concept-old{padding:1.25rem}
body[data-page=home] .signature-compact .old-kicker{margin-top:1.3rem}
body[data-page=home] .signature-compact .old-blocks{margin-top:1.3rem}
body[data-page=home] .signature-compact .old-blocks span{min-height:42px}
body[data-page=home] .signature-compact .new-content{padding:1.5rem 1.5rem 1rem}
body[data-page=home] .signature-compact .new-content h3{font-size:clamp(1.75rem,2.5vw,2.4rem);margin:.6rem 0}
body[data-page=home] .signature-compact .scene-caption p{font-size:clamp(1.1rem,1.6vw,1.4rem);max-width:280px}
body[data-page=home] .signature-compact .signature-bottom{padding:.8rem 1.25rem}
body[data-page=home] .services-section{background:var(--paper);color:var(--ink)}
body[data-page=home] .services-section .eyebrow,body[data-page=home] .services-section .service-index{color:var(--accent-dark)}
body[data-page=home] .services-section .section-heading p,body[data-page=home] .service-row p{color:#4e5c52}
body[data-page=home] .service-ledger{border-color:#aeb8ae}
body[data-page=home] .service-row{grid-template-columns:2.5rem minmax(0,1fr) auto auto;padding:1rem 0;border-color:#aeb8ae;align-items:center}
body[data-page=home] .service-row h3{font-size:clamp(1.5rem,2.1vw,2.05rem);font-weight:700}
body[data-page=home] .service-row>strong{font-size:.95rem}
body[data-page=home] .services-next{display:flex;align-items:center;justify-content:space-between;gap:1rem 3rem;padding-top:1.3rem}
body[data-page=home] .services-next p{margin:0;color:#4e5c52;font-size:.9rem}
body[data-page=home] .services-next .text-link{flex:none}
body[data-page=home] .trust-section{background:#e3e9e1;color:var(--ink)}
body[data-page=home] .trust-section .eyebrow{color:var(--accent-dark)}
body[data-page=home] .trust-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,4vw,4rem);align-items:end}
body[data-page=home] .trust-grid h2{max-width:630px;margin:1rem 0}
body[data-page=home] .trust-grid p{color:#415047;max-width:590px;margin-bottom:0}
body[data-page=home] .ownership-note{border-left:1px solid #a7b4a7;padding-left:clamp(1.5rem,3vw,3rem)}
body[data-page=home] .ownership-note h3{font-size:clamp(1.4rem,2vw,1.9rem);margin-bottom:.7rem;letter-spacing:-.035em}
body[data-page=home] .close-section{padding-block:clamp(3.5rem,4.8vw,4.8rem)}
body[data-page=home] .close-section h2{font-size:clamp(2.35rem,3.5vw,3.2rem);max-width:800px;line-height:1.14;margin:1rem 0}
body[data-page=home] .close-section p{font-size:1rem;margin-bottom:1.7rem}
@media(max-width:900px){body[data-page=home] .hero-bottom{display:block}body[data-page=home] .hero .button-group{justify-content:flex-start;margin-top:1.5rem}body[data-page=home] .signature-compact .scene{grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr)}}
@media(max-width:720px){
  body[data-page=home] .hero{padding-block:2.4rem 2.8rem}
  body[data-page=home] .hero h1{font-size:clamp(2.4rem,7.8vw,3.25rem);margin:1.1rem 0 1.5rem}
  body[data-page=home] .hero-bottom p{font-size:1.04rem}
  body[data-page=home] .section{padding-block:2.9rem}
  body[data-page=home] .section-heading{grid-template-columns:1fr;gap:.4rem;margin-bottom:1.5rem}
  body[data-page=home] h2{font-size:clamp(1.9rem,6vw,2.5rem)}
  body[data-page=home] .signature-compact .scene{grid-template-columns:1fr;gap:.8rem;min-height:0}
  body[data-page=home] .signature-compact .scene-caption p{max-width:none;margin:.5rem 0}
  body[data-page=home] .signature-compact .stage-tabs{width:100%;min-width:0}
  body[data-page=home] .signature-compact .concept-old,body[data-page=home] .signature-compact .concept-new{min-height:270px}
  body[data-page=home] .service-row{grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:start}
  body[data-page=home] .service-row>strong{grid-column:2;grid-row:2}
  body[data-page=home] .service-row .text-link{grid-column:3;grid-row:2}
  body[data-page=home] .services-next{align-items:flex-start;flex-direction:column}
  body[data-page=home] .trust-grid{grid-template-columns:1fr;gap:1.7rem}
  body[data-page=home] .ownership-note{border-left:0;border-top:1px solid #a7b4a7;padding:1.3rem 0 0}
  body[data-page=home] .close-section h2{font-size:clamp(2.2rem,7vw,3rem)}
}
@media(max-width:390px){body[data-page=home] .hero .button-group{align-items:flex-start}body[data-page=home] .hero .button-group .button{width:auto}body[data-page=home] .service-row{grid-template-columns:1.3rem minmax(0,1fr)}body[data-page=home] .service-row .text-link{grid-column:2;grid-row:3}}

/* Compact editorial hierarchy and clearer comparison controls. */
.page-hero h1{font-size:clamp(2.75rem,4.4vw,4.5rem);max-width:900px}
.section-heading h2{font-size:clamp(1.9rem,2.9vw,3.2rem)}
.stage-tabs button{min-height:3.3rem;line-height:1.2;padding:.55rem clamp(.7rem,1.5vw,1.3rem);white-space:normal}
.device-controls{flex:none}
.signature-ident{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .75rem;margin-right:auto;line-height:1.4}
.signature-ident small{font-size:.65rem;color:var(--accent);font-weight:800}
.signature-ident strong{color:var(--paper);font-size:.8rem;letter-spacing:0;text-transform:none}
.signature .browser-window{transition:max-width .28s ease,box-shadow .28s ease}
.reframe-window{box-shadow:none}
.reframe-window .concept-new{background:#f3f5f0}
.reframe-window .new-nav,.reframe-window .new-services span{border-color:#9cae9f;border-style:dashed}
.reframe-window .new-content .eyebrow{color:#637463}
.reframe-window .new-content h3{color:#3f5748}
.reframe-window .new-button{background:transparent;border:1px dashed #647c69;color:#38513f}
.reframe-window .new-button b{color:#38513f}
.reframe-window .new-process{background:#e4e9e1;color:#4b604e}
.diagnosis-notes ul{list-style:none;padding:0;margin:1rem 0 0}
.diagnosis-notes li{display:flex;gap:.8rem;align-items:start}
.diagnosis-notes li::before{content:'•';font-size:1rem;line-height:1.5;min-width:.5rem}
.case-row{grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr)}
.new-process{align-items:center}
.new-process [aria-hidden]{color:#4b604e;font-size:1rem}
@keyframes comparison-reveal{from{opacity:.68;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.signature [data-stage-panel]:not([hidden]) .browser-window{animation:comparison-reveal .25s ease-out both}
.signature [data-stage-panel]:not([hidden]) .scene-caption,.signature [data-stage-panel]:not([hidden]) .diagnosis-notes{animation:comparison-reveal .28s ease-out both}

/* Contact, FAQ and optional care use the same rules and spacing as service pages. */
.contact-hero{padding-bottom:clamp(2.5rem,4vw,3.5rem)}
.contact-direct{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.6rem;border-top:1px solid var(--line);padding-top:1.25rem;margin-top:2rem}
.contact-direct strong{font-size:.9rem;color:var(--accent);margin-right:.6rem}
.contact-direct a{font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;overflow-wrap:anywhere}
.contact-general{background:var(--paper);color:var(--ink)}
.contact-general .eyebrow{color:var(--accent-dark)}
.contact-path{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,5rem)}
.contact-path h2,.contact-section-heading h2{font-size:clamp(1.9rem,2.9vw,3.2rem);margin:.65rem 0 1rem}
.contact-path p{color:#46534a}
.contact-path form{display:flex;flex-direction:column;gap:1rem}
.contact-path .form-field label{font-weight:800}
.contact-section-heading{max-width:720px;margin-bottom:2rem}
.contact-section-heading .eyebrow{color:var(--accent-dark)}
.contact-section-heading p{color:#46534a}
.faq-section{background:var(--paper);color:var(--ink)}
.faq-layout{max-width:var(--max)}
.faq-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:clamp(2rem,4vw,3.5rem);margin-bottom:2.5rem}
.faq-group>div{min-width:0}
.faq-group h2{font-size:clamp(1.25rem,1.8vw,1.65rem);letter-spacing:-.035em;margin:.6rem 0}
.faq-item{border-top:1px solid #aeb8ae}
.faq-item:last-child{border-bottom:1px solid #aeb8ae}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.3rem;padding:.75rem .1rem;font-size:1.06rem;font-weight:700;line-height:1.3}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';color:var(--accent-dark);font-size:1.45rem;font-weight:400;flex:none}
.faq-item[open] summary::after{content:'−'}
.faq-answer{padding:0 2rem .9rem 0;color:#46534a}
.faq-answer p{margin-bottom:.7rem}
.faq-answer ul{padding-left:1.15rem;margin:.6rem 0}
.faq-answer li{padding:.17rem 0}
.faq-contact{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;justify-content:flex-end;border-top:1px solid #aeb8ae;padding-top:1.25rem}
.care-section{background:#1a2622}
.care-section .section-heading p{max-width:680px}
.care-list{border-top:1px solid var(--line)}
.care-row{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.care-row h3{font-size:1.55rem;margin:0 0 .25rem}
.care-row strong{color:var(--accent)}
.care-row p{margin:0 0 .35rem;color:#d4ddd6}
.care-row .care-purpose{font-weight:700;color:var(--paper)}
.care-row small{display:block;color:var(--muted);font-size:.82rem}
.concept-process ul{list-style:none;padding:0;margin:0}
.concept-process li{display:flex;gap:1rem;align-items:start}
.concept-process li::before{content:'•';color:var(--accent-dark);font-size:1.1rem;line-height:1.4;flex:none}

body[data-page=home] .hero{padding-block:clamp(2.35rem,3.5vw,3.5rem)}
body[data-page=home] .hero h1{font-size:clamp(2.65rem,4vw,4.25rem);margin:1rem 0 1.5rem}
body[data-page=home] .hero-bottom p{font-size:clamp(1rem,1.25vw,1.16rem);max-width:620px}
body[data-page=home] .section{padding-block:clamp(2.65rem,3.8vw,3.8rem)}
body[data-page=home] .section-heading{margin-bottom:1.3rem}
body[data-page=home] .signature-compact .scene{min-height:275px}
body[data-page=home] .signature-compact .concept-old,body[data-page=home] .signature-compact .concept-new{min-height:265px}
body[data-page=home] .service-row{padding:.8rem 0}
body[data-page=home] .trust-grid h2{font-size:clamp(1.85rem,2.75vw,2.8rem)}
body[data-page=home] .close-section{padding-block:clamp(3rem,4vw,4rem)}

@media(max-width:900px){
  .contact-path{grid-template-columns:1fr;gap:1.5rem}
  .faq-group{grid-template-columns:1fr;gap:.5rem}
  .care-row{grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr)}
}
@media(max-width:720px){
  .page-hero h1{font-size:clamp(2.45rem,7.4vw,3.65rem)}
  .stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-tabs button{min-height:2.85rem;padding:.5rem .6rem;font-size:.8rem}
  .signature-bottom{gap:.3rem}
  .case-row{grid-template-columns:1fr;gap:.5rem}
  .case-row p{grid-column:1}
  .signature-ident{margin-bottom:.2rem}
  .new-process [aria-hidden]{display:none}
  .contact-direct{flex-direction:column;align-items:flex-start;gap:.45rem}
  .contact-section-heading{margin-bottom:1.4rem}
  .care-row{grid-template-columns:1fr;gap:.7rem}
  .faq-group{margin-bottom:2rem}
  .faq-contact{justify-content:flex-start}
  body[data-page=home] .hero{padding-block:2.2rem 2.55rem}
  body[data-page=home] .hero h1{font-size:clamp(2.35rem,7.2vw,3.1rem)}
  body[data-page=home] .section{padding-block:2.6rem}
}
@media(max-width:480px){
  .primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .6rem}
  .primary-nav a{min-height:2.6rem;border-bottom:1px solid var(--line)}
  .contact-direct a{font-size:1rem}
  .faq-item summary{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.signature .browser-window{transition:none}.signature [data-stage-panel]:not([hidden]) .browser-window,.signature [data-stage-panel]:not([hidden]) .scene-caption,.signature [data-stage-panel]:not([hidden]) .diagnosis-notes{animation:none}}

/* Four-stage workbench: annotations and a structural study precede the finished page. */
.signature .scene{min-height:0;grid-template-columns:minmax(0,1.65fr) minmax(210px,.7fr)}
.signature .browser-window{max-width:760px}
.signature .concept-old,.signature .concept-new,.signature .concept-wire{min-height:315px}
.signature .concept-old{position:relative}
.signature .old-headline{max-width:460px}
.signature .case-pin{position:absolute;display:grid;place-items:center;width:1.55rem;height:1.55rem;background:#9e3f30;color:#fff;border:2px solid #fff;border-radius:50%;font:bold .68rem Arial,sans-serif;box-shadow:0 1px 8px #0004}
.signature .pin-one{top:28%;right:18%}
.signature .pin-two{bottom:10%;left:34%}
.signature .pin-three{top:60%;left:27%}
.signature .case-notes{list-style:none;margin:0;padding:0}
.signature .case-notes li{padding:.65rem 0;border-top:1px solid #5f6f66;font-size:.82rem;line-height:1.4}
.signature .case-notes b{display:block;color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
.signature .case-notes span{display:block;color:#d4ddd6;margin-top:.16rem}
.signature .scene-caption p{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.4}
.signature .concept-wire{background:#f1f2ed;color:#314138;display:grid;grid-template-rows:auto 1fr auto}
.signature .wire-nav{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px dashed #9aab9c;padding:.75rem 1.15rem;font-size:.7rem;text-transform:uppercase}
.signature .wire-main{padding:1.3rem 1.4rem;max-width:540px}
.signature .wire-main small{color:#557017;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.signature .wire-main h3{font-size:clamp(1.5rem,2.5vw,2.15rem);margin:.55rem 0}
.signature .wire-main p{font-size:.85rem;max-width:440px;margin-bottom:.8rem}
.signature .wire-action{display:inline-block;border:1px dashed #557017;padding:.35rem .65rem;font-size:.72rem;font-weight:700}
.signature .wire-groups{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed #9aab9c}
.signature .wire-groups span{display:flex;gap:.5rem;padding:.65rem;border-right:1px dashed #9aab9c;font-size:.68rem;line-height:1.25}
.signature .wire-groups b{color:#557017}
.signature .new-services{margin:0;padding:.75rem 1.5rem;gap:0;border-top:1px solid #9eb1a0}
.signature .new-services span{display:flex;gap:.55rem;padding:.25rem .5rem;border:0;font-size:.68rem}
.signature .new-services small{color:#557017;font-size:.6rem}
.signature .concept-new{display:grid;grid-template-rows:auto 1fr auto}
.signature .new-content{padding:1.25rem 1.5rem 1rem}
.signature .new-content h3{font-size:clamp(1.65rem,2.6vw,2.4rem);max-width:530px}
.signature .new-content p{font-size:.86rem;line-height:1.45;margin-bottom:.75rem}
.signature .new-button{font-size:.73rem}
.signature .sector-dental.concept-new{background:#f3f5ef}
.signature .sector-dental .new-content{max-width:550px;margin:auto;text-align:center}
.signature .sector-dental .new-content h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
.signature .sector-dental .new-button{background:#385044}
.signature .sector-dental .new-services{background:#e5ebe2}
.signature .sector-hospitality.concept-new{background:#e8e3d7}
.signature .sector-hospitality .new-content{padding-left:2rem;background:linear-gradient(115deg,#ece7dc 0%,#ece7dc 63%,#c5d0c6 63%,#d2dacd 100%)}
.signature .sector-hospitality .new-content h3{font-family:Georgia,serif;font-weight:400;max-width:390px}
.signature .sector-hospitality .new-services{background:#ddd9cc}
.signature .sector-electronics.concept-new{background:#1d302c;color:#f5f5ee}
.signature .sector-electronics .new-nav{border-color:#566c61}
.signature .sector-electronics .new-nav span,.signature .sector-electronics .new-content .eyebrow{color:var(--accent)}
.signature .sector-electronics .new-content{border-left:5px solid var(--accent);margin:.9rem 1.2rem;padding:.3rem 1rem}
.signature .sector-electronics .new-button{background:var(--accent);color:var(--ink)}
.signature .sector-electronics .new-button b{color:var(--ink)}
.signature .sector-electronics .new-services{border-color:#566c61;background:#152520}
.signature .sector-electronics .new-services span{color:#e5eee5}
.signature .sector-electronics .new-services small{color:var(--accent)}
.signature[data-view=mobile] .concept-wire,.signature[data-view=mobile] .concept-old,.signature[data-view=mobile] .concept-new{min-height:385px}
.signature[data-view=mobile] .wire-groups{grid-template-columns:1fr}
.signature[data-view=mobile] .wire-groups span{padding:.3rem .7rem;border-top:1px dashed #9aab9c}
.signature[data-view=mobile] .concept-new .new-services{grid-template-columns:1fr}
.signature[data-view=mobile] .sector-dental .new-content{text-align:left}
.signature[data-view=mobile] .sector-hospitality .new-content{background:#ece7dc;padding-left:1rem}
.signature[data-view=mobile] .sector-electronics .new-content{margin:.6rem}
body[data-page=home] .signature-compact .stage-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page=home] .signature-compact .scene{grid-template-columns:minmax(0,1.8fr) minmax(180px,.65fr);min-height:0}
body[data-page=home] .signature-compact .concept-old,body[data-page=home] .signature-compact .concept-new,body[data-page=home] .signature-compact .concept-wire{min-height:285px}
body[data-page=home] .signature-compact .case-notes li{padding:.38rem 0;font-size:.75rem}
body[data-page=home] .signature-compact .scene-caption p{font-size:1.1rem}

/* Portfolio is an editorial index; concept sites use sector-specific composition. */
.portfolio-list{display:grid}
.portfolio-entry{padding:1.5rem 0;border-top:1px solid #aeb8ae}
.portfolio-entry:nth-child(even) .portfolio-art{order:2}
.portfolio-entry .portfolio-art{min-height:245px;overflow:hidden;position:relative}
.portfolio-art strong{font-size:clamp(6rem,11vw,9rem)}
.portfolio-art small{max-width:20rem;line-height:1.25}
.portfolio-entry .portfolio-copy{max-width:570px}
.portfolio-entry .portfolio-idea{font-weight:700;color:#273d31}
.portfolio-entry.sector-dental .portfolio-art{background:#dce7dd;color:#314d3c}
.portfolio-entry.sector-dental .portfolio-art strong{font-family:Georgia,serif;font-weight:400}
.portfolio-entry.sector-hospitality .portfolio-art{background:linear-gradient(145deg,#536d61 0 40%,#d9d4c4 40% 100%);color:#18261f}
.portfolio-entry.sector-hospitality .portfolio-art strong{font-family:Georgia,serif;font-weight:400}
.portfolio-entry.sector-electronics .portfolio-art{background:#1d302c;color:var(--accent)}
.portfolio-entry.sector-electronics .portfolio-art::after{content:'';position:absolute;inset:20% 18% 23% 55%;border:2px solid #a3c4ad;border-radius:1rem;transform:rotate(11deg)}
.concept-site{background:var(--paper)}
.concept-site .concept-live{padding-bottom:1.4rem}
.concept-site .concept-live-hero{max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:2rem;align-items:center;padding-block:clamp(2.7rem,5vw,4.5rem)}
.concept-site .concept-live-hero h1{max-width:680px}
.concept-illustration{min-height:260px;display:grid;place-content:center;position:relative;background:#cdd9ca;overflow:hidden}
.concept-illustration span{font-size:clamp(6rem,14vw,12rem);line-height:1;color:#53705d;font-weight:800;letter-spacing:-.14em}
.concept-illustration i{position:absolute;border:2px solid #7d9b83}
.concept-illustration i:nth-child(2){inset:12% 22% 20% 18%}
.concept-illustration i:nth-child(3){inset:22% 12% 12% 30%}
.concept-illustration i:nth-child(4){display:none}
.concept-dental .concept-live{background:#eef2eb}
.concept-dental .concept-live-hero{grid-template-columns:minmax(0,1fr) 190px;max-width:1000px;margin-inline:auto}
.concept-dental .concept-live-hero h1{font-family:Georgia,serif;font-weight:400}
.concept-dental .concept-illustration{border-radius:50% 50% 4% 4%;background:#dae7dc}
.concept-dental .concept-illustration i{border-radius:50%}
.concept-dental .concept-service-list{display:flex;flex-direction:column;max-width:850px;margin-inline:auto}
.concept-dental .concept-service-list article{display:grid;grid-template-columns:2.5rem minmax(170px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:baseline;border-bottom:1px solid #aeb8ae;padding:.9rem 0}
.concept-dental .concept-service-list h3{margin:0}
.concept-hospitality .concept-live{background:#e8e3d7}
.concept-hospitality .concept-live-hero{grid-template-columns:1fr;gap:1.2rem}
.concept-hospitality .concept-live-hero>div:first-child{grid-row:2;max-width:780px}
.concept-hospitality .concept-live-hero h1{font-family:Georgia,serif;font-weight:400}
.concept-hospitality .concept-illustration{grid-row:1;background:linear-gradient(160deg,#b4c7b8 0 55%,#dfd6c3 55%);min-height:250px}
.concept-hospitality .concept-illustration i{border-radius:45% 45% 0 0}
.concept-hospitality .concept-service-list{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.concept-hospitality .concept-service-list article:first-child{grid-row:span 2;background:#e8e3d7;padding:1.2rem}
.concept-hospitality .concept-service-list article:not(:first-child){padding:.8rem 1rem;border-bottom:1px solid #aeb8ae}
.concept-electronics .concept-live{background:#1d302c;color:var(--paper)}
.concept-electronics .concept-live .eyebrow,.concept-electronics .concept-live-top .text-link{color:var(--accent)}
.concept-electronics .concept-live-top{border-color:#5d7669}
.concept-electronics .concept-live-hero .button{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.concept-electronics .concept-illustration{background:#10211d;border:1px solid #5d7669}
.concept-electronics .concept-illustration span{color:var(--accent)}
.concept-electronics .concept-illustration i{border-color:#7b9b88;border-radius:.7rem}
.concept-electronics .concept-live-steps{border-color:#5d7669}
.concept-electronics .concept-service-list{grid-template-columns:1fr;max-width:980px}
.concept-electronics .concept-service-list article{display:grid;grid-template-columns:3rem minmax(150px,.6fr) minmax(0,1.4fr);gap:1rem;border-bottom:1px solid #aeb8ae;padding:.9rem 0;align-items:baseline}
.concept-electronics .concept-service-list h3{margin:0}
.concept-electronics .concept-process .shell{grid-template-columns:1fr;gap:1rem}
.concept-details{background:#e3e9e1;color:var(--ink);padding-block:1.7rem}
.concept-details .shell{display:flex;align-items:baseline;gap:1.5rem}
.concept-details .eyebrow{color:var(--accent-dark);flex:none}
.concept-details p{margin:0}
.concept-sample-footer{display:flex;justify-content:space-between;gap:1rem;padding-block:1.3rem;color:var(--ink);font-size:.8rem}
.concept-process ol{list-style:none;padding:0;margin:0}
.concept-process li{display:flex;gap:1rem;border-top:1px solid #aab6a9;padding:.8rem 0}
.concept-process li span{color:var(--accent-dark);font-size:.72rem;font-weight:800}
.concept-process li::before{content:none}
.concept-contact .eyebrow{color:var(--accent)}
.sample-enquiry{max-width:610px;margin:0 auto 1.1rem;text-align:left;border-top:1px solid #617064;border-bottom:1px solid #617064;padding:.9rem 0}
.sample-enquiry strong{display:block;font-size:.78rem;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}
.sample-enquiry ul{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:.6rem 0 0;padding:0;list-style:none}
.sample-enquiry li{font-size:.85rem;color:var(--paper)}
.sample-enquiry li::before{content:none}

/* The two Contact paths share a field start line and column measure. */
.contact-path{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr)}
.contact-path>div:last-child,.contact-path>form{min-width:0}
.contact-submit-panel .site-form{display:flex;flex-direction:column;gap:1rem}
.contact-submit-panel .submit-note{border-left:0;border-top:1px solid #aab6a9;padding:1rem 0 0;margin-top:1.7rem}
.social-links{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.75rem 0 1rem}
.social-links a{font-size:.85rem}
.mobile-estimate{display:none}

/* Unlinked local comparison page; the header still uses the original arrow. */
.mark-preview{background:var(--paper);color:var(--ink);min-height:80vh}
.mark-preview .eyebrow{color:var(--accent-dark)}
.mark-preview h1{font-size:clamp(2.3rem,4vw,4rem);margin:.8rem 0}
.mark-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.mark-options article{border:1px solid #aeb8ae;padding:1.2rem;min-width:0}
.mark-large{height:145px;display:grid;place-items:center;background:var(--ink);color:var(--accent);margin:1rem 0}
.mark-large svg{width:70px;height:70px}
.mark-arrow{font-size:5rem;line-height:1}
.mark-small{display:flex;align-items:center;gap:.6rem;font-size:.78rem;min-width:0}
.mark-small svg{width:23px;height:23px;flex:none}
.mark-small .mark-arrow{font-size:1.7rem}
.mark-small strong{overflow-wrap:anywhere}
.mark-options p{font-size:.85rem;margin:1rem 0 0}

@media(max-width:900px){
  .contact-path{grid-template-columns:1fr}
  .portfolio-entry{gap:1.5rem}
  .signature .scene{grid-template-columns:minmax(0,1.3fr) minmax(185px,.7fr)}
}
@media(max-width:720px){
  .mobile-estimate{display:block;position:sticky;top:0;z-index:2;background:#e3e9e1;border-top:2px solid var(--accent-dark);padding:.55rem .7rem;margin:-.3rem 0 1rem;font-size:.82rem;font-weight:800;line-height:1.3;color:var(--ink)}
  .signature .scene,body[data-page=home] .signature-compact .scene{grid-template-columns:1fr;gap:.8rem}
  .signature .stage-tabs,body[data-page=home] .signature-compact .stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .signature .stage-tabs button{min-height:3rem}
  .signature .case-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .signature .case-notes li{border-top:1px solid #5f6f66}
  .portfolio-entry,.portfolio-entry:nth-child(even){grid-template-columns:1fr}
  .portfolio-entry:nth-child(even) .portfolio-art{order:0}
  .concept-site .concept-live-hero{grid-template-columns:1fr;gap:1rem}
  .concept-dental .concept-live-hero{grid-template-columns:1fr}
  .concept-dental .concept-service-list article,.concept-electronics .concept-service-list article{grid-template-columns:2rem minmax(0,1fr);gap:.25rem .7rem}
  .concept-dental .concept-service-list article p,.concept-electronics .concept-service-list article p{grid-column:2}
  .concept-hospitality .concept-service-list{grid-template-columns:1fr}
  .concept-hospitality .concept-service-list article:first-child{grid-row:auto}
  .concept-illustration{min-height:170px}
  .concept-hospitality .concept-illustration{min-height:190px}
  .concept-details .shell,.concept-sample-footer{flex-direction:column;gap:.5rem}
  .mark-options{grid-template-columns:1fr}
  .mark-options article{display:grid;grid-template-columns:100px 1fr;gap:.3rem 1rem}
  .mark-options article .eyebrow,.mark-options article p{grid-column:1/-1}
  .mark-large{height:95px;margin:.4rem 0}
  .mark-large svg{width:54px;height:54px}
  .mark-small{align-self:center}
}
@media(max-width:480px){
  .signature .case-notes{grid-template-columns:1fr;gap:0}
  .signature .case-notes li{padding:.35rem 0}
  .signature .wire-nav span{display:none}
  .signature .wire-main{padding:1rem}
  .signature .wire-groups span{font-size:.62rem}
  .portfolio-entry .portfolio-art{min-height:200px}
}
.mark-preview :focus-visible,.concept-details :focus-visible{outline-color:var(--accent-dark)}
.concept-electronics .concept-live :focus-visible{outline-color:var(--accent)}
.signature .sector-dental.concept-old{background:#f5f2eb;color:#4c5550}
.signature .sector-dental.concept-old .old-blocks span{background:#e6e8df}
.signature .sector-hospitality.concept-old{background:#f2eee5}
.signature .sector-hospitality.concept-old .old-blocks span:first-child{background:#c8c5b9}
.signature .sector-electronics.concept-old{background:#e7e9e5;font-family:Arial,sans-serif;color:#465047}
.signature .sector-electronics.concept-old .old-blocks span{background:#d8ded9;border-color:#9aa9a0}

/* Build 1.1 - Open Case Desk. Evidence, decisions and resolutions share a number. */
.header-inner{flex-wrap:wrap}
.primary-nav a{display:flex;align-items:center;min-height:44px}
.locale-switch .language-link{display:inline-flex;align-items:center;min-height:44px;min-width:24px}
.submit-section .eyebrow{color:var(--accent-dark)}
.case-method-title{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:1.2rem}
.opening{background:var(--paper);color:var(--ink)}
.opening :focus-visible,.delivery-section :focus-visible,.signature.case-automotive :focus-visible{outline-color:var(--accent-dark)}
.opening-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);padding-block:3.5rem 2.6rem;align-items:start}
.opening .eyebrow{color:var(--accent-dark);max-width:37rem;line-height:1.5}
.opening h1{font-size:clamp(2.6rem,4.2vw,4.1rem);line-height:1.06;max-width:660px;margin:1.25rem 0 1.5rem;letter-spacing:-.055em;text-wrap:pretty}
.opening-lead{font-size:1.1rem;line-height:1.5;max-width:510px;color:#44534b;margin-bottom:1.6rem}
.opening-next{font-size:.8rem;color:#536157;max-width:390px;margin:1rem 0 0}
.opening-specimen{border-left:1px solid #acb6ab;padding-left:2rem;min-width:0;overflow-wrap:anywhere}
.specimen-heading>span{font-size:.63rem;font-weight:700;letter-spacing:.1em;color:#52604f}
body[data-page=home] .specimen-heading h2{font-size:1.2rem;letter-spacing:-.035em;margin:.5rem 0 1.2rem}
.specimen-pair{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.8rem;align-items:start}
.specimen-pair>div{min-width:0}
.specimen-label{display:block;font-size:.72rem;font-weight:800;margin-bottom:.45rem}
.specimen-after{padding-top:2.2rem}
.opening-specimen>.text-link{font-size:.82rem;margin-top:1.3rem}
.opening .browser-window{box-shadow:0 8px 16px #10251b13;border-color:#b3bdb2}
.opening .browser-chrome{height:23px;padding:0 .4rem;font-size:.44rem}
.opening .browser-chrome i{width:4px;height:4px}
.opening .workshop-nav{padding:.55rem .6rem;font-size:.57rem;display:block}
.opening .workshop-nav>span{display:none}
.opening .workshop-intro{padding:.8rem .6rem .55rem}
.opening .workshop-intro small{font-size:.5rem}
.opening .workshop-old h3{font-size:1.12rem;margin:.45rem 0}
.opening .workshop-old p{font-size:.55rem;line-height:1.45}
.opening .workshop-services{grid-template-columns:1fr;padding:0 .6rem;gap:0}
.opening .workshop-services>div{padding:.3rem 0;border:0;border-top:1px solid #c9cec8;background:transparent}
.opening .workshop-services strong{font-size:.57rem}
.opening .workshop-services p,.opening .workshop-about,.opening .workshop-contact{display:none}
.opening .old-service-action{padding:.5rem .6rem .7rem}
.opening .old-service-action>span{font-size:.55rem;padding:.3rem .4rem}
.opening .workshop-after-intro{padding:1rem .8rem .8rem}
.opening .workshop-label{font-size:.48rem}
.opening .workshop-after h3{font-size:1.3rem;margin:.65rem 0 .5rem;line-height:1.15}
.opening .workshop-after p{font-size:.63rem;line-height:1.5;margin-bottom:.7rem}
.opening .workshop-assurance{font-size:.52rem;padding:.45rem 0}
.opening .workshop-action{font-size:.65rem;padding:.5rem .6rem;min-height:0;margin-top:.45rem}
.opening .workshop-inputs{font-size:.5rem;margin-top:.4rem}
.opening .symptom-routes{grid-template-columns:1fr;padding:.45rem .8rem;gap:.3rem}
.opening .symptom-routes>div{border:0;padding:.2rem 0}
.opening .symptom-routes span{font-size:.5rem}
.opening .symptom-routes strong{font-size:.6rem}
.opening-fit{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:2rem;border-top:1px solid #aeb8ae;padding-block:1rem 1.3rem;align-items:start}
.opening-fit>span{font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding-top:.2rem}
.opening-fit p{font-size:.82rem;color:#415147;margin:0;border-left:2px solid #819470;padding-left:.85rem}
.signature .stage-tabs,body[data-page=home] .signature-compact .stage-tabs{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
.signature .signature-toolbar{padding:0}
.signature .stage-tabs button,body[data-page=home] .signature-compact .stage-tabs button{display:flex;gap:.85rem;text-align:left;align-items:start;padding:1rem;min-height:5rem;line-height:1.3}
.stage-tabs small{display:block;font-size:.66rem;line-height:1.4;font-weight:400;margin-top:.3rem}
.method-viewbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 1.5rem;border-bottom:1px solid #52615a}
.method-viewbar>span{font-size:.75rem;color:var(--muted)}
.case-dossier{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:1.3rem 1.5rem;color:var(--paper);background:#17241e}
.case-dossier small{font-size:.6rem;color:var(--accent);display:block;letter-spacing:.04em;line-height:1.5}
.case-dossier strong{font-size:1.1rem;display:block;margin-top:.3rem}
.case-dossier p{font-size:.8rem;line-height:1.5;margin:0;color:#d4ddd6}
.case-dossier b{display:block;font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.25rem}
.signature.case-automotive{background:var(--paper);color:var(--ink);border-color:#687769}
body[data-page=home] .signature-compact.case-automotive{background:var(--paper);color:var(--ink)}
.case-automotive .signature-toolbar{background:#223029}
.case-automotive .method-viewbar{border-color:#bac4b8}
.case-automotive .method-viewbar>span{color:#536052}
.case-automotive .device-controls button{color:#536052}
.case-automotive .device-controls button[aria-pressed=true]{color:#365114}
.signature.case-automotive .scene,body[data-page=home] .signature-compact.case-automotive .scene{grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:2rem;align-items:start}
.signature.case-automotive .signature-stage{padding:1.5rem}
.workshop-window{box-shadow:0 6px 18px #18251c15;border-color:#a5b1a7;overflow-wrap:anywhere}
.workshop-old{background:#fff;color:#39433e;font-family:Georgia,"DejaVu Serif",serif}
.workshop-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid #bdc6bc;font-size:.77rem}
.workshop-nav>span{font:400 .65rem Arial,sans-serif;color:#52604f}
.workshop-intro{padding:1rem 1.1rem .7rem}
.workshop-intro small{font:400 .62rem Arial,sans-serif;color:#5b675d}
.workshop-old h3{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:.7rem 0}
.workshop-old p{font-size:.82rem;line-height:1.5;margin:0}
.workshop-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0 1.1rem}
.workshop-services>div{border:1px solid #c4ccc2;padding:.6rem;background:#f3f4f0}
.workshop-services strong{font-size:.73rem}
.workshop-services p{font-size:.68rem;line-height:1.5;margin-top:.25rem}
.old-service-action{padding:.8rem 1.1rem}
.old-service-action>span{display:inline-block;padding:.45rem .7rem;background:#4d6458;color:#fff;font:700 .7rem Arial,sans-serif}
.workshop-about{margin:0 1.1rem;padding:.75rem 0;border-top:1px solid #c4ccc2}
.workshop-about strong{font-size:.78rem}
.workshop-about p{font-size:.7rem;margin-top:.2rem}
.workshop-contact{font:400 .62rem Arial,sans-serif;background:#edf0e9;padding:.7rem 1.1rem;color:#52604f}
.evidence-marker{display:inline-grid;place-items:center;vertical-align:middle;background:#9b372b;color:white;border-radius:50%;width:1.5rem;height:1.5rem;min-width:1.5rem;font:700 .7rem Arial,sans-serif;margin-right:.4rem;outline:2px solid white}
.old-service-action>.evidence-marker{display:inline-grid;background:#9b372b;color:#fff;padding:0;font:700 .7rem Arial,sans-serif}
.signature.case-automotive .stage-tabs button:focus-visible{outline-color:var(--paper);outline-offset:-5px}
.signature.case-automotive .stage-tabs button[aria-selected=true]:focus-visible{outline-color:var(--ink)}
.workshop-after{background:#edf1f3;color:#243b4e}
.workshop-after .workshop-nav{border-color:#bdc9cf;font-family:Arial,sans-serif;font-weight:800}
.workshop-after-intro{padding:1.6rem 1.4rem 1.2rem}
.workshop-label{display:block;font-size:.61rem;font-weight:800;letter-spacing:.09em;color:#455c6a}
.workshop-after h3{font-size:clamp(1.8rem,2.7vw,2.55rem);line-height:1.1;letter-spacing:-.05em;max-width:600px;margin:.85rem 0}
.workshop-old h3,.workshop-after h3{overflow-wrap:anywhere}
.workshop-after p{font-size:.9rem;line-height:1.5;max-width:510px;margin-bottom:.8rem}
.workshop-assurance{border-block:1px solid #aebfc5;padding:.65rem 0;font-size:.73rem;font-weight:700;max-width:500px}
.workshop-action{display:inline-flex;align-items:center;gap:1rem;background:#243b4e;color:#fff;padding:.75rem 1rem;font-size:.82rem;font-weight:800;text-decoration:none;margin-top:.8rem;min-height:44px}
a.workshop-action:hover{background:#304f63;color:#fff}
.workshop-inputs{display:block;font-size:.64rem;color:#455c6a;margin-top:.5rem}
.symptom-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 1.4rem;background:#dde6e9}
.symptom-routes>div{border-left:1px solid #aebfc5;padding-left:.7rem}
.symptom-routes>div:first-child{border:0;padding-left:0}
.symptom-routes span{display:block;font-size:.65rem;color:#455c6a}
.symptom-routes strong{display:block;font-size:.74rem;margin-top:.2rem}
.symptom-routes b{font-weight:400;color:#45661d}
.method-commentary .eyebrow{color:var(--accent-dark);line-height:1.5}
.method-commentary h3{font-size:1.55rem;line-height:1.2;letter-spacing:-.04em;margin:.75rem 0}
.method-commentary>p{font-size:.93rem;color:#48574d}
.keep-note{border-top:2px solid #7b906d;margin-top:1.5rem;padding-top:.7rem}
.keep-note strong{font-size:.74rem;color:#365114}
.keep-note p{font-size:.82rem;color:#48574d;margin:.4rem 0 0}
.method-commentary .method-prompt{font-size:.78rem;color:#536052;margin-top:1.2rem}
.signature.case-automotive .case-notes{display:block}
.signature.case-automotive .case-notes li,body[data-page=home] .signature-compact.case-automotive .case-notes li{border-color:#b7c2b3;padding:.8rem 0}
.signature.case-automotive .case-notes b{font-size:.74rem;color:#334738;letter-spacing:0;text-transform:none}
.case-automotive .case-notes b>span{display:inline;color:#9b372b;margin-right:.3rem}
.case-automotive .case-notes p{font-size:.8rem;color:#48574d;margin:.35rem 0 0}
.resolution-notes{list-style:none;padding:0;margin:1rem 0}
.resolution-notes li{display:flex;gap:.7rem;padding:.65rem 0;border-top:1px solid #b7c2b3}
.resolution-notes li>span{font-size:.7rem;color:#365114;font-weight:800}
.resolution-notes strong{font-size:.78rem}
.resolution-notes p{font-size:.8rem;color:#48574d;margin:.15rem 0 0}
.method-commentary>small{display:block;color:#536052;font-size:.7rem}
.case-automotive .signature-bottom{border-color:#b7c2b3}
.case-automotive .signature-ident small{color:#365114}
.priority-map{background:#e9ede4;border:1px solid #a8b69f;padding:1.3rem;min-width:0}
.map-heading .eyebrow{color:#4e642f;line-height:1.5;font-size:.6rem}
.map-heading h3{font-size:1.6rem;letter-spacing:-.04em;margin:.7rem 0 .5rem}
.map-heading p{font-size:.82rem;color:#4b5847;margin-bottom:1.1rem}
.question-flow{list-style:none;padding:0;margin:0}
.question-flow li{display:grid;grid-template-columns:1.8rem minmax(0,1fr) 110px;gap:.8rem;border-top:1px solid #a8b69f;padding:.8rem 0;align-items:start}
.map-index{font-size:.75rem;color:#4e642f;font-weight:800}
.question-flow strong{font-size:.88rem;line-height:1.4}
.question-flow p{font-size:.76rem;line-height:1.45;color:#4b5847;margin:.25rem 0 0}
.question-flow small{font-size:.63rem;border-left:1px dashed #a8b69f;padding-left:.7rem;color:#4e642f}
.mobile-priority{border-top:2px solid #6b805b;padding-top:.75rem;font-size:.74rem;color:#4b5847;margin:.4rem 0 0}
.signature[data-view=mobile] .workshop-window{max-width:310px}
.signature[data-view=mobile] .workshop-nav{flex-direction:column;align-items:start;gap:.25rem;padding:.65rem .8rem}
.signature[data-view=mobile] .workshop-intro{padding:.8rem}
.signature[data-view=mobile] .workshop-old h3{font-size:1.55rem}
.signature[data-view=mobile] .workshop-services{grid-template-columns:1fr;padding:0 .8rem}
.signature[data-view=mobile] .workshop-services>div{padding:.5rem}
.signature[data-view=mobile] .workshop-after-intro{padding:1rem}
.signature[data-view=mobile] .workshop-after h3{font-size:1.85rem}
.signature[data-view=mobile] .symptom-routes{grid-template-columns:1fr;padding:.8rem 1rem;gap:.5rem}
.signature[data-view=mobile] .symptom-routes>div{border:0;border-top:1px solid #aebfc5;padding:.35rem 0 0}
.signature[data-view=mobile] .priority-map{max-width:360px;margin-inline:auto}
.signature[data-view=mobile] .question-flow li{grid-template-columns:1.4rem minmax(0,1fr)}
.signature[data-view=mobile] .question-flow small{grid-column:2;border:0;padding:0}
body[data-page=home] .service-row{padding:1.4rem 0;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center}
.service-step{display:block;font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#53684c;margin-bottom:.5rem}
.service-index i{display:block;width:3px;height:1.7rem;background:#8ca572;margin:0 auto 0 0}
.service-row:nth-child(2) .service-index i{height:2.7rem}
.service-row:nth-child(3) .service-index i{height:3.7rem}
.broader-scope{display:grid;grid-template-columns:1fr 1.2fr auto;gap:2rem;border-top:1px solid #aeb8ae;padding-top:1.2rem;margin-top:1.7rem;align-items:start}
.broader-scope h3{font-size:1.15rem;line-height:1.3;margin:0}
.broader-scope p{font-size:.88rem;color:#4e5c52;margin:0}
.broader-scope a{font-size:.8rem;max-width:150px}
.delivery-section{background:#e1e7da;color:var(--ink)}
.delivery-section .eyebrow{color:var(--accent-dark)}
.delivery-section .section-heading p{color:#465541}
.commitment-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:2rem 0;gap:2rem}
.commitment-ledger li{border-top:1px solid #a5b39c;padding-top:.8rem}
.commitment-ledger li>span{font-size:.65rem;color:#4e642f;font-weight:800}
.commitment-ledger h3{font-size:1.12rem;line-height:1.3;letter-spacing:-.035em;margin:.8rem 0 .6rem}
.commitment-ledger p{font-size:.83rem;line-height:1.6;color:#465541;margin:0}
.handover-note{display:grid;grid-template-columns:1fr 1.1fr auto;align-items:start;gap:2rem;border-top:2px solid #87977b;padding-top:1.25rem}
.handover-note h3{font-size:1.2rem;line-height:1.3;margin:0}
.handover-note p{font-size:.9rem;color:#465541;margin:0}
.handover-note a{font-size:.8rem;max-width:140px}
.service-row .text-link,.broader-scope .text-link,.handover-note .text-link{display:block;overflow-wrap:anywhere;max-width:none}
.workshop-concept{background:var(--paper);color:#243b4e}
.workshop-concept :focus-visible{outline-color:#385975}
.sample-notice{display:flex;justify-content:space-between;gap:1rem;font-size:.73rem;padding-block:1rem;color:#485d67}
.sample-notice a{flex:none;font-weight:700}
.workshop-live{background:#edf1f3}
.workshop-live-nav{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid #aebfc5;padding-block:1.1rem}
.workshop-live-nav strong{font-size:1.3rem}
.workshop-live-nav>span{font-size:.75rem;color:#455c6a}
.workshop-live-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:4rem;padding-block:4rem}
.workshop-live-hero h1{font-size:clamp(2.6rem,4.6vw,4.7rem);max-width:750px;margin:1rem 0 1.25rem}
.workshop-live-hero p{font-size:1.1rem;max-width:590px}
.inspection-desk{border-top:3px solid #d2ad59;padding-top:1rem;align-self:center}
.inspection-desk .eyebrow,.workshop-route-section .eyebrow,.workshop-enquiry .eyebrow{color:#455c6a}
.inspection-desk h2{font-size:1.5rem;line-height:1.2;margin:.8rem 0 1.2rem}
.inspection-desk ol,.workshop-enquiry ol{list-style:none;padding:0;margin:0}
.inspection-desk li{display:flex;gap:1rem;padding:.8rem 0;border-top:1px solid #aebfc5;font-size:.85rem}
.inspection-desk li>span,.workshop-enquiry li>span{font-size:.7rem;color:#455c6a;font-weight:800}
.workshop-route-section h2{margin:1rem 0 2rem;font-size:clamp(2rem,3.5vw,3rem)}
.workshop-route-section .symptom-routes{padding:0;background:transparent;gap:2rem}
.workshop-route-section article{border-top:1px solid #aebfc5;padding-top:1rem}
.workshop-route-section .symptom-routes span{font-size:.82rem}
.workshop-route-section h3{font-size:1.55rem;margin:.7rem 0}
.workshop-route-section p{font-size:.95rem;color:#455c6a}
.workshop-enquiry{background:#dde6e9}
.workshop-enquiry .shell{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem}
.workshop-enquiry h2{font-size:clamp(2rem,3.5vw,3rem);margin:1rem 0}
.workshop-enquiry p{font-size:.95rem;color:#455c6a}
.workshop-enquiry li{display:flex;gap:1rem;border-top:1px solid #aebfc5;padding:1rem 0;font-size:1rem}
@media(max-width:1050px){
  .opening-grid{gap:2rem;padding-block:2.5rem}
  .opening-specimen{padding-left:1.5rem}
  .opening h1{font-size:clamp(2.4rem,4.8vw,3.5rem)}
  .specimen-pair{grid-template-columns:1fr 1.2fr;gap:.5rem}
  .signature.case-automotive .scene,body[data-page=home] .signature-compact.case-automotive .scene{grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr);gap:1.3rem}
  .signature.case-automotive .signature-stage{padding:1rem}
  .workshop-services{grid-template-columns:1fr}
  .workshop-services>div{padding:.35rem .6rem}
  .workshop-services p{margin-top:.15rem}
  .question-flow li{grid-template-columns:1.5rem minmax(0,1fr)}
  .question-flow small{grid-column:2;border:0;padding:0}
  .broader-scope,.handover-note{grid-template-columns:1fr 1.2fr}
  .broader-scope a,.handover-note a{grid-column:2;max-width:none}
  .workshop-live-hero{gap:2rem}
}
@media(max-width:800px){
  .opening-grid{grid-template-columns:1fr}
  .opening h1{font-size:clamp(2.45rem,6vw,3.5rem);max-width:650px}
  .opening-specimen{border-left:0;border-top:1px solid #acb6ab;padding:1.2rem 0 0}
  .specimen-pair{grid-template-columns:1fr 1.1fr;max-width:570px}
  .opening .workshop-old h3{font-size:1.3rem}
  .opening .workshop-after h3{font-size:1.65rem}
  .opening .workshop-old p{font-size:.68rem}
  .opening .workshop-after p{font-size:.75rem}
  .opening-fit{grid-template-columns:1fr 1fr;gap:1rem}
  .opening-fit>span{grid-column:1/-1}
  .case-dossier{grid-template-columns:1fr 1fr;gap:1rem}
  .case-dossier>div{grid-column:1/-1}
  .commitment-ledger{grid-template-columns:1fr 1fr;gap:1.5rem}
  .workshop-live-hero,.workshop-enquiry .shell{grid-template-columns:minmax(0,1fr);gap:2rem}
  .workshop-live-hero>*{min-width:0}
  .workshop-live-hero h1{overflow-wrap:anywhere}
}
@media(max-width:720px){
  .header-cta{display:inline-flex;align-items:center;min-height:44px;padding-inline:.2rem}
  .primary-nav{display:flex;gap:0;justify-content:space-between;padding-top:.3rem}
  .primary-nav a{font-size:.73rem;min-height:44px;display:flex;align-items:center}
  .signature .stage-tabs,body[data-page=home] .signature-compact .stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .signature .stage-tabs button,body[data-page=home] .signature-compact .stage-tabs button{min-height:4.2rem;padding:.75rem;gap:.5rem;font-size:.82rem}
  .signature .stage-tabs button:nth-child(-n+2){border-bottom:1px solid #52615a}
  .signature.case-automotive .scene,body[data-page=home] .signature-compact.case-automotive .scene{grid-template-columns:1fr;gap:1.4rem}
  .method-viewbar{padding:.35rem .8rem;flex-wrap:wrap;gap:.2rem}
  .method-viewbar>span{font-size:.7rem}
  .method-viewbar .device-controls{padding:0}
  .case-dossier{padding:1rem}
  .signature.case-automotive .signature-stage{padding:.8rem}
  .method-commentary h3{font-size:1.4rem}
  .method-commentary .keep-note{margin-top:1rem}
  .workshop-old h3{font-size:1.55rem}
  .workshop-after h3{font-size:1.85rem}
  .symptom-routes{grid-template-columns:1fr;gap:.55rem}
  .symptom-routes>div{border:0;padding:0}
  .workshop-services{grid-template-columns:1fr}
  .workshop-nav{flex-direction:column;align-items:start;gap:.3rem}
  body[data-page=home] .service-row{grid-template-columns:1.7rem minmax(0,1fr);padding:1.25rem 0;gap:.4rem 1rem}
  body[data-page=home] .service-row>strong{grid-column:2;margin-top:.6rem}
  body[data-page=home] .service-row>.text-link{grid-column:2;grid-row:auto;font-size:.78rem;margin-top:.4rem;min-height:32px}
  .broader-scope,.handover-note{grid-template-columns:1fr;gap:.7rem}
  .broader-scope a,.handover-note a{grid-column:1}
  .sample-notice{flex-direction:column;font-size:.7rem}
  .workshop-live-hero{padding-block:2.5rem}
  .workshop-live-nav{align-items:start;flex-direction:column;gap:.4rem}
  .workshop-live-hero h1{font-size:2.8rem}
  .workshop-route-section .symptom-routes{grid-template-columns:1fr;gap:1rem}
}
@media(max-width:480px){
  .opening-grid{padding-block:2rem;gap:1.5rem}
  .opening h1{font-size:2.6rem;line-height:1.1;margin:1rem 0 1.2rem}
  .opening .eyebrow{font-size:.62rem;max-width:300px}
  .opening-lead{font-size:1rem;margin-bottom:1.2rem}
  .opening-next{font-size:.75rem}
  .opening .button{font-size:.83rem;width:100%;padding-inline:.7rem}
  .opening .workshop-old h3{font-size:1.08rem}
  .opening .workshop-after h3{font-size:1.2rem}
  .opening .workshop-after p{font-size:.75rem}
  .opening .workshop-old p{font-size:.68rem}
  .opening .workshop-assurance{font-size:.6rem}
  .opening .workshop-action{font-size:.7rem;padding:.45rem}
  .opening .workshop-after-intro{padding:.8rem .6rem}
  .specimen-after{padding-top:1.5rem}
  .opening-fit{grid-template-columns:1fr;padding-bottom:1.2rem}
  .opening-fit p{font-size:.78rem}
  .case-dossier{grid-template-columns:1fr;gap:.75rem}
  .case-dossier p{font-size:.76rem}
  .commitment-ledger{grid-template-columns:1fr;gap:1rem}
  .commitment-ledger li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.2rem .8rem}
  .commitment-ledger h3{margin:0;font-size:1.02rem}
  .commitment-ledger p{grid-column:2}
  .priority-map{padding:1rem}
  .map-heading h3{font-size:1.4rem}
}

/* Transformations index: Home's browser frames, with sector-specific websites. */
body[data-page=transformations] .index-opening{padding:2.5rem 0 0;background:var(--paper);color:var(--ink)}
body[data-page=transformations] .index-opening .eyebrow{color:var(--accent-dark)}
body[data-page=transformations] .index-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;align-items:center;padding:1rem 0 1.8rem}
body[data-page=transformations] .index-opening h1{font-size:clamp(2.2rem,3.4vw,3.3rem);margin:0;max-width:650px}
body[data-page=transformations] .index-lead{font-size:1.03rem;color:#48574d;margin:0 0 .65rem}
body[data-page=transformations] .index-honesty{font-size:.78rem;color:#536052;margin:0}
body[data-page=transformations] .index-sector-nav{display:flex;flex-wrap:wrap;gap:0 2rem;border-block:1px solid #aeb8ae;padding:.35rem 0}
body[data-page=transformations] .index-sector-nav a{display:flex;align-items:center;gap:.7rem;min-height:44px;font-size:.8rem;font-weight:700;text-decoration:none}
body[data-page=transformations] .index-sector-nav a span{color:var(--accent-dark)}
body[data-page=transformations] .index-desk{background:var(--paper);color:var(--ink);padding:0 0 3rem}
body[data-page=transformations] main :focus-visible{outline-color:#365114;outline-offset:4px}
body[data-page=transformations] .case-comparison{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);grid-template-areas:'heading media' 'thinking media' 'link media';gap:1rem 2.4rem;align-items:start;border-top:1px solid #aeb8ae;padding:2rem 0;scroll-margin-top:1rem}
body[data-page=transformations] .case-comparison>*{min-width:0}
body[data-page=transformations] .comparison-heading{grid-area:heading}
body[data-page=transformations] .comparison-media{grid-area:media;min-width:0}
body[data-page=transformations] .comparison-thinking{grid-area:thinking;margin:0}
body[data-page=transformations] .case-comparison>.index-case-link{grid-area:link;justify-self:start}
body[data-page=transformations] .comparison-meta{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.64rem;font-weight:700;color:#536052;line-height:1.5}
body[data-page=transformations] .comparison-meta span:first-child{color:var(--accent-dark)}
body[data-page=transformations] .comparison-featured-label{font-size:.67rem;font-weight:800;display:inline-block;background:var(--ink);color:var(--accent);padding:.25rem .6rem;margin:.6rem 0 0}
body[data-page=transformations] .comparison-heading h2{font-size:1.5rem;letter-spacing:-.04em;margin:.6rem 0 .4rem}
body[data-page=transformations] .comparison-question{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.03em;margin:0 0 .65rem}
body[data-page=transformations] .comparison-problem{color:#48574d;font-size:.85rem;line-height:1.5;margin:0}
body[data-page=transformations] .comparison-thinking>div{border-top:1px solid #c0c8ba;padding:.6rem 0}
body[data-page=transformations] .comparison-thinking dt{color:#536052;text-transform:uppercase;font-size:.63rem;font-weight:800;letter-spacing:.06em;margin-bottom:.25rem}
body[data-page=transformations] .comparison-thinking dd{font-size:.8rem;line-height:1.5;margin:0}
body[data-page=transformations] .index-case-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;max-width:100%;font-size:.86rem;font-weight:800;text-decoration:none}
body[data-page=transformations] .index-case-link>span{flex:none}
body[data-page=transformations] .comparison-pair{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}
body[data-page=transformations] .comparison-pair figure{min-width:0;margin:0;flex:1 1 18rem}
body[data-page=transformations] .comparison-pair .comparison-after{flex:1.35 1 22rem}
body[data-page=transformations] .comparison-pair figcaption{font-size:.75rem;font-weight:800;margin-bottom:.5rem;display:flex;justify-content:space-between}
body[data-page=transformations] .comparison-after{padding-top:1.5rem}
body[data-page=transformations] .browser-window{box-shadow:0 8px 16px #10251b13;border-color:#a9b5aa;overflow-wrap:anywhere}
body[data-page=transformations] .browser-chrome{height:26px;padding:0 .55rem;font-size:.55rem}
body[data-page=transformations] .browser-chrome i{width:5px;height:5px;flex:none}
body[data-page=transformations] .comparison-selector{display:none}
body[data-page=transformations] .comparison-featured{border-top:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:'heading heading' 'media media' 'thinking link';gap:1rem 3rem;padding:1.8rem 0 2rem}
body[data-page=transformations] .comparison-featured .comparison-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:3rem;align-items:start}
body[data-page=transformations] .comparison-featured .comparison-meta{grid-column:1/-1}
body[data-page=transformations] .comparison-featured-label{justify-self:start;grid-column:1}
body[data-page=transformations] .comparison-featured h2{grid-column:1;font-size:1.8rem;margin:.45rem 0 0}
body[data-page=transformations] .comparison-featured .comparison-question{grid-column:1;font-size:1.6rem;margin:.25rem 0 0}
body[data-page=transformations] .comparison-featured .comparison-problem{grid-column:2;grid-row:2/5;align-self:center;max-width:450px;font-size:.95rem}
body[data-page=transformations] .comparison-featured .comparison-thinking{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}
body[data-page=transformations] .comparison-featured>.index-case-link{justify-self:end;align-self:end}
body[data-page=transformations] .workshop-nav{font-size:.8rem}
body[data-page=transformations] .workshop-old h3{font-size:1.85rem}
body[data-page=transformations] .workshop-after h3{font-size:2.25rem}
body[data-page=transformations] .workshop-after-intro{padding:1.3rem}
body[data-page=transformations] .workshop-after p{font-size:.88rem}
body[data-page=transformations] .workshop-services{display:flex;flex-wrap:wrap;gap:.6rem}
body[data-page=transformations] .workshop-services>div{min-width:0;flex:1 1 8rem}
body[data-page=transformations] .index-secondary-heading{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;border-top:2px solid var(--ink);padding:1.2rem 0}
body[data-page=transformations] .index-secondary-heading h2{font-size:1.4rem;margin:0}
body[data-page=transformations] .index-secondary-heading p{font-size:.84rem;color:#536052;margin:0;max-width:450px}
body[data-page=transformations] .preview-site{font-size:.8rem;background:#fff;color:#35433c}
body[data-page=transformations] .preview-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.35rem .7rem;padding:.8rem 1rem;border-bottom:1px solid #c1cac1;font-size:.75rem}
body[data-page=transformations] .preview-nav>span{font-size:.61rem;color:#536052}
body[data-page=transformations] .preview-site h3{font-size:1.75rem;line-height:1.15;letter-spacing:-.04em;margin:.6rem 0 .7rem}
body[data-page=transformations] .preview-site p{font-size:.78rem;line-height:1.5;margin:0 0 .65rem}
body[data-page=transformations] .preview-site small{display:block;font-size:.64rem;line-height:1.4}
body[data-page=transformations] .preview-generic-hero{padding:1.3rem 1rem .7rem}
body[data-page=transformations] .preview-action{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.73rem;font-weight:800;background:#3d574a;color:#fff;padding:.6rem .75rem;line-height:1.4}
body[data-page=transformations] .preview-action-row{padding:.8rem 1rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
body[data-page=transformations] .preview-action-row>span:last-child:not(.preview-action){font-size:.65rem}
body[data-page=transformations] .preview-dental.preview-before{font-family:Georgia,"DejaVu Serif",serif;background:#fffefa}
body[data-page=transformations] .preview-procedures{list-style:none;margin:0 1rem;padding:0;border-top:1px solid #c1cac1}
body[data-page=transformations] .preview-procedures li{padding:.65rem 0;border-bottom:1px solid #c1cac1;font-size:.8rem}
body[data-page=transformations] .preview-dental.preview-after{background:#e8eee5;color:#273c2e}
body[data-page=transformations] .preview-dental-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.2rem}
body[data-page=transformations] .preview-dental-hero h3{font-family:Georgia,"DejaVu Serif",serif;font-weight:400;font-size:2rem}
body[data-page=transformations] .preview-visit{border-top:1px solid #a9bca4;padding-top:.7rem}
body[data-page=transformations] .preview-visit>strong{font-size:.72rem}
body[data-page=transformations] .preview-visit ol{margin:.45rem 0 0;padding-left:1.15rem;font-size:.72rem;line-height:1.5}
body[data-page=transformations] .preview-visit li{padding:.15rem 0}
body[data-page=transformations] .preview-treatment{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding:.75rem 1.2rem;margin:0;background:#d9e4d5;font-size:.7rem;font-weight:700}
body[data-page=transformations] .preview-guest-house{font-family:Georgia,"DejaVu Serif",serif;background:#faf8f1;color:#493f30}
body[data-page=transformations] .preview-guest-house .preview-nav>span{color:#645947}
body[data-page=transformations] .preview-guest-house .preview-nav{border-color:#c7beab}
body[data-page=transformations] .preview-gallery{padding:.75rem 1rem;background:#eee9dc;border-block:1px solid #c7beab}
body[data-page=transformations] .preview-gallery>span{display:block;font-size:.85rem}
body[data-page=transformations] .preview-gallery small{color:#645947;font-family:Arial,sans-serif;margin:.3rem 0 .65rem}
body[data-page=transformations] .preview-gallery>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.4rem;height:70px}
body[data-page=transformations] .preview-gallery i{background:#e0dacb;border:1px dashed #8e826b}
body[data-page=transformations] .preview-stay-hero{padding:1.3rem 1.2rem;background:#e9e1cd}
body[data-page=transformations] .preview-stay-hero h3{font-size:2rem;font-weight:400}
body[data-page=transformations] .preview-guest-house .preview-action{background:#493f30;color:#fffefa;font-family:Arial,sans-serif}
body[data-page=transformations] .preview-stay-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1rem 1.2rem}
body[data-page=transformations] .preview-stay-options>div{border-top:2px solid #8e826b;padding-top:.5rem}
body[data-page=transformations] .preview-stay-options strong{font-size:.85rem}
body[data-page=transformations] .preview-stay-options p{font-size:.7rem;margin:.35rem 0 0;font-family:Arial,sans-serif}
body[data-page=transformations] .preview-stay-note{padding:0 1.2rem .6rem;font-family:Arial,sans-serif;font-size:.65rem!important;color:#645947}
body[data-page=transformations] .preview-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:.4rem;margin:0;padding:.5rem 1rem}
body[data-page=transformations] .preview-devices li{background:#edf0ed;border:1px solid #c1cac1;padding:.8rem .25rem;text-align:center;font-size:.65rem}
body[data-page=transformations] .device-shape{display:block;height:30px;width:18px;border:2px solid #687c6e;margin:0 auto .6rem;border-radius:2px}
body[data-page=transformations] .device-1{width:36px;height:26px;border-bottom-width:4px;margin-bottom:.85rem}
body[data-page=transformations] .device-2{width:25px}
body[data-page=transformations] .preview-electronics-repair.preview-after{background:#1e302a;color:#f4f3ed}
body[data-page=transformations] .preview-electronics-repair.preview-after .preview-nav{border-color:#5c7467}
body[data-page=transformations] .preview-electronics-repair.preview-after .preview-nav>span{color:#c3d1c6}
body[data-page=transformations] .preview-repair-hero{padding:1.2rem;display:grid;gap:1rem}
body[data-page=transformations] .preview-repair-hero small{color:#c3d1c6}
body[data-page=transformations] .preview-repair-hero h3{font-size:1.8rem}
body[data-page=transformations] .preview-intake{background:#eef2ec;color:#273c2e;padding:.8rem 1rem}
body[data-page=transformations] .preview-intake>strong{font-size:.72rem}
body[data-page=transformations] .preview-intake ol{list-style:none;padding:0;margin:.45rem 0 .7rem;counter-reset:intake}
body[data-page=transformations] .preview-intake li{counter-increment:intake;padding:.4rem 0;border-bottom:1px solid #a9bca4;font-size:.72rem}
body[data-page=transformations] .preview-intake li::before{content:counter(intake,decimal-leading-zero) ' / ';color:#536052;font-family:monospace}
body[data-page=transformations] .preview-next{padding:.8rem 1.2rem;border-top:1px solid #5c7467}
body[data-page=transformations] .preview-next strong{font-size:.68rem;color:#d5fa72}
body[data-page=transformations] .preview-next p{font-size:.7rem;color:#c3d1c6;margin:.25rem 0 0}
body[data-page=transformations] .index-planned{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:baseline;border-top:1px solid #aeb8ae;padding:1rem 0;color:#536052;font-size:.78rem}
body[data-page=transformations] .index-planned h2{font-size:.85rem;margin:0}
body[data-page=transformations] .index-planned p{margin:0}
body[data-page=transformations] .index-planned p span{margin-left:.5rem}
body[data-page=transformations] .index-closing{border-top:2px solid var(--ink);padding-top:1.5rem;max-width:760px}
body[data-page=transformations] .index-closing h2{font-size:1.75rem;line-height:1.2;margin:0 0 .8rem}
body[data-page=transformations] .index-closing p{font-size:.9rem;color:#48574d;margin:0 0 .75rem}
@media(max-width:1000px){
  body[data-page=transformations] .index-intro{gap:2rem}
  body[data-page=transformations] .case-comparison{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'media' 'thinking' 'link';gap:1rem}
  body[data-page=transformations] .comparison-heading{max-width:650px}
  body[data-page=transformations] .comparison-thinking{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}
  body[data-page=transformations] .comparison-featured .comparison-heading{max-width:none;gap:.2rem 1.5rem}
  body[data-page=transformations] .comparison-featured>.index-case-link{justify-self:start}
  body[data-page=transformations] .workshop-services p{display:none}
  body[data-page=transformations] .workshop-services>div{padding:.45rem .6rem}
  body[data-page=transformations] .workshop-after h3{font-size:1.8rem}
  body[data-page=transformations] .symptom-routes{grid-template-columns:1fr;gap:.5rem}
  body[data-page=transformations] .symptom-routes>div{border:0;padding:0}
}
@media(max-width:600px){
  body[data-page=transformations] .index-opening{padding-top:1.5rem}
  body[data-page=transformations] .index-intro{grid-template-columns:minmax(0,1fr);gap:.8rem;padding:.75rem 0 1rem}
  body[data-page=transformations] .index-opening h1{font-size:2.2rem;line-height:1.1}
  body[data-page=transformations] .index-lead{font-size:.9rem;line-height:1.5}
  body[data-page=transformations] .index-honesty{font-size:.75rem}
  body[data-page=transformations] .index-sector-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1rem}
  body[data-page=transformations] .index-sector-nav a{font-size:.73rem;line-height:1.4;justify-content:space-between;overflow-wrap:anywhere}
  body[data-page=transformations] .case-comparison{padding:1.2rem 0;gap:.65rem}
  body[data-page=transformations] .comparison-meta{font-size:.68rem}
  body[data-page=transformations] .comparison-heading h2{font-size:1.5rem;margin:.4rem 0}
  body[data-page=transformations] .comparison-question{font-size:1.25rem;margin-bottom:.45rem}
  body[data-page=transformations] .comparison-problem{display:none}
  body[data-page=transformations] .comparison-featured .comparison-heading{display:block}
  body[data-page=transformations] .comparison-featured .comparison-question{font-size:1.35rem;margin:.25rem 0 .5rem}
  body[data-page=transformations] .comparison-featured .comparison-problem{font-size:.8rem}
  body[data-page=transformations] .comparison-selector{display:flex;gap:.4rem;border:0;padding:0;margin:0 0 .6rem;min-width:0}
  body[data-page=transformations] .comparison-selector legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
  body[data-page=transformations] .comparison-selector label{display:flex;align-items:center;gap:.45rem;min-height:44px;flex:1;border:1px solid #a9b5aa;padding:.5rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer;background:#fffefa}
  body[data-page=transformations] .comparison-selector label:has(:checked){border-color:#365114;background:#e4eccf}
  body[data-page=transformations] .comparison-selector label:has(:focus-visible){outline:3px solid #365114;outline-offset:2px}
  body[data-page=transformations] .comparison-selector input{margin:0;accent-color:#365114;width:16px;height:16px;flex:none}
  body[data-page=transformations] .comparison-selector input:focus-visible{outline:none}
  body[data-page=transformations] .comparison-after{padding-top:0}
  body[data-page=transformations] .comparison-pair figcaption{display:none}
  body[data-page=transformations] .comparison-media:has([value=after]:checked) .comparison-before,body[data-page=transformations] .comparison-media:has([value=before]:checked) .comparison-after{display:none}
  body[data-page=transformations] .comparison-thinking,body[data-page=transformations] .comparison-featured .comparison-thinking{grid-template-columns:minmax(0,1fr);gap:0}
  body[data-page=transformations] .comparison-thinking>div{display:grid;grid-template-columns:5.4rem minmax(0,1fr);gap:.55rem;padding:.45rem 0}
  body[data-page=transformations] .comparison-thinking dd{font-size:.75rem}
  body[data-page=transformations] .comparison-thinking dt{font-size:.6rem;margin:0;padding-top:.1rem}
  body[data-page=transformations] .comparison-featured h2{font-size:1.7rem}
  body[data-page=transformations] .workshop-nav{padding:.7rem .9rem;gap:.35rem;flex-wrap:wrap;font-size:.75rem}
  body[data-page=transformations] .workshop-intro,body[data-page=transformations] .workshop-after-intro{padding:.85rem}
  body[data-page=transformations] .workshop-old h3{font-size:1.7rem}
  body[data-page=transformations] .workshop-after h3{font-size:1.7rem;margin:.65rem 0}
  body[data-page=transformations] .workshop-after p{font-size:.8rem}
  body[data-page=transformations] .workshop-inputs{font-size:.7rem}
  body[data-page=transformations] .workshop-label{font-size:.62rem}
  body[data-page=transformations] .workshop-action{font-size:.78rem;margin-top:.6rem}
  body[data-page=transformations] .symptom-routes{padding:.65rem .85rem;gap:.4rem}
  body[data-page=transformations] .symptom-routes span{font-size:.68rem}
  body[data-page=transformations] .symptom-routes strong{font-size:.76rem}
  body[data-page=transformations] .index-secondary-heading{display:block;padding:1rem 0}
  body[data-page=transformations] .index-secondary-heading h2{font-size:1.2rem}
  body[data-page=transformations] .index-secondary-heading p{font-size:.8rem;margin-top:.4rem}
  body[data-page=transformations] .preview-site h3{font-size:1.75rem}
  body[data-page=transformations] .preview-dental-hero h3,body[data-page=transformations] .preview-stay-hero h3{font-size:1.7rem}
  body[data-page=transformations] .preview-dental-hero,body[data-page=transformations] .preview-repair-hero{padding:.9rem;gap:.7rem}
  body[data-page=transformations] .preview-stay-hero{padding:1rem .9rem}
  body[data-page=transformations] .preview-stay-options{padding:.8rem .9rem;gap:.8rem}
  body[data-page=transformations] .preview-stay-note{padding:0 .9rem .5rem}
  body[data-page=transformations] .preview-repair-hero h3{font-size:1.7rem}
  body[data-page=transformations] .preview-next{padding:.65rem .9rem}
  body[data-page=transformations] .preview-nav{padding:.7rem .9rem}
  body[data-page=transformations] .preview-site p{font-size:.78rem}
  body[data-page=transformations] .index-closing h2{font-size:1.6rem}
}

/* Build 1.2 - dark editorial surrounds; preserve 1.1 geometry and website interiors. */
.opening{background:var(--ink);color:var(--paper)}
.opening .eyebrow{color:var(--accent)}
.opening-lead,.opening-fit p{color:#d4ddd6}
.opening-next,.specimen-heading>span{color:var(--muted)}
.opening-specimen,.opening-fit{border-color:var(--line)}
.opening :focus-visible{outline-color:var(--accent)}
.opening .button-dark{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.opening .button-dark:hover{background:#e7ffaf;border-color:#e7ffaf;color:var(--ink)}
.signature.case-automotive,body[data-page=home] .signature-compact.case-automotive{background:#223029;color:var(--paper);border-color:#52665a}
.case-automotive .method-viewbar,.case-automotive .signature-bottom,.signature.case-automotive .case-notes li,body[data-page=home] .signature-compact.case-automotive .case-notes li,.case-automotive .resolution-notes li{border-color:#52665a}
.case-automotive .method-viewbar>span,.case-automotive .device-controls button{color:#c6d1c9}
.case-automotive .device-controls button[aria-pressed=true],.case-automotive .signature-ident small{color:var(--accent)}
.signature.case-automotive :focus-visible{outline-color:var(--accent)}
.case-automotive .method-commentary .eyebrow,.case-automotive .keep-note strong,.case-automotive .resolution-notes li>span{color:var(--accent)}
.case-automotive .method-commentary>p{color:#d4ddd6}
.case-automotive .method-commentary .method-prompt,.case-automotive .method-commentary>small,.case-automotive .keep-note p,.case-automotive .case-notes p,.case-automotive .resolution-notes p{color:var(--muted)}
.signature.case-automotive .case-notes b{color:var(--paper)}
.case-automotive .case-notes b>span{color:#efa58f}
.case-automotive .priority-map{color:var(--ink)}
body[data-page=transformations] .index-opening{background:var(--ink);color:var(--paper)}
body[data-page=transformations] .index-opening .eyebrow,body[data-page=transformations] .index-sector-nav a span{color:var(--accent)}
body[data-page=transformations] .index-lead{color:#d4ddd6}
body[data-page=transformations] .index-honesty{color:var(--muted)}
body[data-page=transformations] .index-sector-nav{border-color:var(--line)}
body[data-page=transformations] .index-desk{background:var(--ink-soft);color:var(--paper)}
body[data-page=transformations] main :focus-visible{outline-color:var(--accent)}
body[data-page=transformations] .case-comparison,body[data-page=transformations] .comparison-thinking>div,body[data-page=transformations] .index-secondary-heading,body[data-page=transformations] .index-planned,body[data-page=transformations] .index-closing{border-color:#52665a}
body[data-page=transformations] .comparison-meta,body[data-page=transformations] .comparison-thinking dt,body[data-page=transformations] .index-secondary-heading p,body[data-page=transformations] .index-planned{color:var(--muted)}
body[data-page=transformations] .comparison-meta span:first-child{color:var(--accent)}
body[data-page=transformations] .comparison-problem,body[data-page=transformations] .index-closing p{color:#d4ddd6}
body[data-page=transformations] .index-case-link{text-decoration-color:var(--accent)}
body[data-page=transformations] .comparison-selector label{color:var(--ink)}
body[data-page=transformations] .comparison-selector label:has(:focus-visible){outline-color:var(--accent)}
.delivery-section .eyebrow{color:#506b17}

/* Focused 1.2 pass: major editorial chapters, stable link foregrounds. */
:root{--olive-paper:#dce3cd;--olive-text:#496222}
a:is(:hover,:focus-visible){translate:0 -1px}
a:hover{text-shadow:.25px 0 currentColor,-.25px 0 currentColor}
body[data-page=home] .work-section,.flagship-method{background:var(--olive-paper);color:var(--ink)}
body[data-page=home] .work-section>.shell>.section-heading .eyebrow,.flagship-method>.shell>.section-heading .eyebrow{color:var(--olive-text)}
body[data-page=home] .work-section>.shell>.section-heading p,.flagship-method>.shell>.section-heading p{color:#3f503d}
body[data-page=home] .services-section{background:var(--ink-soft);color:var(--paper)}
body[data-page=home] .services-section .eyebrow,body[data-page=home] .services-section .service-index,body[data-page=home] .services-section .service-step{color:var(--accent)}
body[data-page=home] .services-section .section-heading p,body[data-page=home] .service-row p,body[data-page=home] .services-next p,body[data-page=home] .broader-scope p{color:#d4ddd6}
body[data-page=home] .service-ledger,body[data-page=home] .service-row,body[data-page=home] .broader-scope{border-color:#52665a}
body[data-page=home] .services-section :focus-visible{outline-color:var(--accent)}
body[data-page=home] .services-section .section-heading .screen-benefit{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.3;font-weight:700;color:var(--paper);max-width:32ch;margin-top:.9rem}
body[data-page=home] .screen-benefit span{display:block}
.service-device-benefit{border-left:2px solid #6d855f;padding-left:1rem;margin:1.35rem 0 0;max-width:53ch;font-size:1.03rem;line-height:1.5;font-weight:700;color:#354838}
.delivery-section{background:var(--olive-paper)}
.delivery-section .eyebrow{color:var(--olive-text)}
.flagship-opening{background:var(--ink);padding-block:3rem}
.flagship-opening h1{font-size:clamp(2.3rem,4vw,3.8rem);max-width:900px;margin:1.2rem 0}
.flagship-opening .page-lead{max-width:800px}
.flagship-honesty{color:var(--muted);font-size:.8rem;margin-bottom:0}
.flagship-closing{padding-block:2.5rem}
.flagship-closing h2{font-size:clamp(1.7rem,3vw,2.5rem)}
body[data-page=transformations] .flagship-method .workshop-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
body[data-page=transformations] .flagship-method .workshop-services p{display:block}
body[data-page=transformations] .flagship-method .signature[data-view=mobile] .workshop-services{grid-template-columns:1fr}
.page-control-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.page-control-heading label{margin:0}
#page-count{font-size:1.35rem;font-weight:800}
.page-controls{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:1.4rem;align-items:end}
.page-controls label{font-size:.76rem;margin-bottom:.3rem}
.pricing-form input[type=range]{padding:0;height:48px;border:0;background:transparent;accent-color:var(--olive-text);margin:0;min-width:0}
.page-effect{font-size:.84rem;font-weight:700;margin:.7rem 0;padding:.65rem .75rem;background:#e1e7da;color:#263723}
#page-quantity>.field-help{margin:.6rem 0;font-size:.78rem}
@media(max-width:780px){body[data-page=transformations] .flagship-method .workshop-services{grid-template-columns:1fr}.flagship-opening{padding-block:2rem}.page-controls{grid-template-columns:minmax(0,1fr) 84px;gap:.8rem}}
@media(prefers-reduced-motion:reduce){:where(a:not(.button):not(.workshop-action):not(.skip-link)){transition:none}a:is(:hover,:focus-visible){translate:none}}

/* Service architecture: native disclosure, shared readable chapter styling. */
.nav-cta,.nav-cta:is(:hover,:focus-visible){text-decoration:none!important}
.pricing-form>h2{font-size:1.25rem;margin:1.5rem 0 .8rem}
.pricing-form>details{border:0;border-bottom:1px solid #b9c3b8;margin:0;padding:0 0 .55rem}.pricing-form>details:first-of-type{border-top:1px solid #b9c3b8}.performance-details,.service-comparison{border-block:1px solid #aeb8ae;margin:1.2rem 0;padding:.75rem 0}
.pricing-form summary,.performance-details summary,.service-comparison summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;align-content:center}
.performance-details,.service-comparison{width:100%;min-width:0;border:1px solid #5579bb;padding-inline:clamp(.85rem,2vw,1.25rem)}
.pricing-form>.performance-details{border:1px solid #5579bb;margin-block:1.2rem;padding:.75rem clamp(.85rem,2vw,1.25rem)}
.performance-details>summary,.service-comparison>summary{display:flex;align-items:center;gap:.5rem;list-style:none}
.performance-details>summary::-webkit-details-marker,.service-comparison>summary::-webkit-details-marker{display:none}
.performance-details>summary::before,.service-comparison>summary::before{content:'▸';flex:none;width:1rem}
.performance-details[open]>summary::before,.service-comparison[open]>summary::before{content:'▾'}
.pricing-form details p,.performance-details p{font-size:.85rem;line-height:1.6;color:#415147}
.comparison-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-top:1rem;min-width:0}
.comparison-offers article{min-width:0}
.comparison-offers h3{font-size:1.05rem}
.comparison-offers p,.comparison-offers dl{font-size:.8rem;line-height:1.5}
.comparison-offers dl>div{border-top:1px solid #c5cec0;padding:.6rem 0}
.comparison-offers dt{font-weight:700;margin-bottom:.25rem}
.comparison-offers dd{margin:0}
.needs-fieldset{margin-top:1.6rem}
.needs-fieldset legend{font-size:1.25rem;font-weight:700}
.need-option [data-availability]{font-weight:700;color:var(--olive-text);margin-top:.25rem}
.recommendation{border-left:4px solid var(--olive-text);padding:.9rem 1rem;background:#e1e7da;color:#263723;margin:1rem 0}
.recommendation h3{font-size:1rem;margin:0 0 .6rem}
.recommendation p{font-size:.86rem;line-height:1.6}
.recommendation .text-link{min-height:44px}
#known-components{font-size:.85rem;margin-top:1.4rem}
.estimate-total{overflow-wrap:anywhere}
.service-comparison-wrap{margin-bottom:0}.addon-section .addon-ledger{border-top:0}
.addon-section .eyebrow{color:var(--olive-text)}
.addon-section .button-ghost{color:var(--ink);border-color:var(--olive-text)}
@media(max-width:780px){.comparison-offers{grid-template-columns:1fr}.comparison-offers article+article{border-top:2px solid #aeb8ae;padding-top:1rem}}

/* Pricing transparency: essential scope stays open; optional detail uses native disclosure. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.starting-prices{font-size:.9rem;color:var(--accent)}
.pricing-form .service-description{font-size:.9rem;font-weight:700;color:#263723;margin:-.7rem 0 .5rem}
.needs-details summary span{display:block;font-size:.78rem;font-weight:400;color:#415147;margin:.35rem 0 0 1rem;line-height:1.5;overflow-wrap:anywhere}.care-selection #care-summary{font-size:.78rem;line-height:1.5;color:#415147;margin:.15rem .45rem .7rem;overflow-wrap:anywhere}
.pricing-form .needs-fieldset{margin:1rem 0 0}
.addon-option [data-option-price]{font-weight:700;color:var(--olive-text)}
.estimate h3{font-size:.85rem;letter-spacing:0;margin:1.2rem 0 .65rem}
.estimate-base{display:grid;gap:.35rem;border-block:1px solid #617064;padding:.75rem 0;font-size:.85rem}
.estimate-base strong{color:var(--accent);font-size:1rem}
.estimate #no-additions,.estimate #no-included{font-size:.82rem;color:#bac9b9}
.estimate .line-items>div,.estimate .subtotal{flex-wrap:wrap;font-size:.82rem}
.estimate .line-items strong,.estimate .subtotal strong{white-space:normal;margin-left:auto}
.estimate .subtotal strong{color:var(--accent)}
.estimate #unpriced-work{font-size:.83rem;line-height:1.55;padding-left:1.15rem}
.estimate #unpriced-work li{margin-bottom:.5rem}
.monthly-summary{border-top:1px solid #617064;margin-top:1.3rem;padding-top:.2rem}
.monthly-summary>strong{display:block;font-size:.85rem;margin:.6rem 0}
.config-section{padding-bottom:1.5rem}
.pricing-comparison{background:var(--paper);color:var(--ink);padding-block:0 2.5rem}
.pricing-comparison .service-comparison{border-color:#b9c3b8;margin:0;padding-block:.35rem}
.pricing-comparison :focus-visible{outline-color:var(--olive-text)}
.care-ownership{color:#d4ddd6;font-size:.9rem}
.care-plan{border-bottom:1px solid var(--line);padding:.7rem 0}
.care-plan summary{cursor:pointer;min-height:44px;font-size:1rem}
.care-plan summary strong{color:var(--accent)}
.care-plan summary span{display:block;font-size:.83rem;color:#d4ddd6;margin:.25rem 0 0 1rem}
.care-plan>div{padding:.9rem 0 0 1rem;font-size:.85rem;color:#d4ddd6}
.care-plan:focus-within{scroll-margin-top:1rem}
@media(max-width:780px){.estimate{scroll-margin-top:4.5rem}.mobile-estimate{overflow-wrap:anywhere}.estimate h2{font-size:2.15rem}}

/* Compact estimate: starting price stays visible; breakdown is opt-in. */
.estimate .price-from{display:block;margin-top:.9rem;font-size:.75rem;font-weight:800;letter-spacing:.08em}
.estimate h2{margin:.25rem 0 .7rem}
.estimate #estimate-pages-detail,.estimate .estimate-known,.estimate #estimate-care{margin:.65rem 0;font-size:.9rem;line-height:1.5}
.estimate .estimate-known strong{font-weight:700}
.estimate .review-state{font-size:.8rem;line-height:1.5;margin:.65rem 0}
.estimate .estimate-cta{margin-top:1rem}
.estimate-details{border-top:1px solid #617064;margin-top:1rem;padding-top:.4rem}
.estimate-details summary{cursor:pointer;min-height:44px;align-content:center;font-size:.85rem;font-weight:700}
.scope-quantity-note{font-size:.78rem;font-weight:400;color:#415147;margin:.35rem 0 .7rem 1rem;line-height:1.5}
.bot-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Build 2.0: quiet links, a distinct arrow mark and a calmer configurator. */
.section-heading>div:only-child{grid-column:1/-1}
.pricing-form>h2:first-child{margin-top:0}
.pricing-form .check-row{border:0;border-radius:.25rem;padding:.7rem .45rem}
.pricing-form .check-row:hover,.pricing-form .check-row:focus-within{background:#e6ecdf}
.pricing-form .option-group .check-row:last-child{border-bottom:0}
.pricing-form summary{border-radius:.25rem;padding:.7rem .45rem}
.pricing-form summary:hover,.pricing-form summary:focus-visible{background:#e6ecdf}
.flagship-method .concept-disclosure{margin:1.3rem 0 0;color:#485940;font-size:.78rem;line-height:1.45}
.concept-sample-footer .concept-disclosure{max-width:34rem;color:#4d5d52;font-size:.78rem;line-height:1.45}

.submission-selection { padding: 1.25rem; background: var(--paper); border-left: 3px solid var(--ink); }
.submission-selection h2 { font-size: 1.2rem; }
.submission-selection p { font-size: .9rem; }
.submission-selection dl { margin: 1rem 0; }
.submission-selection dl > div + div { margin-top: .75rem; }
.submission-selection dt { font-weight: 700; }
.submission-selection dd { margin: .2rem 0 0; overflow-wrap: anywhere; }

/* Keep the selected estimate primary and make Boost's missing focus visible. */
.pricing-form .boost-focus-prompt{border-left:3px solid var(--olive-text);background:#e6ecdf;padding:.7rem .9rem;margin:.2rem 0 .4rem;font-size:.9rem;font-weight:700;line-height:1.5}
.pricing-form .needs-details.requires-focus summary{color:#263723}
.estimate .estimate-total{font-size:clamp(2rem,3vw,3.2rem);line-height:1.12;margin:.35rem 0 .5rem}
.estimate .estimate-known{color:#bac9b9}
.estimate .estimate-known strong{color:var(--paper)}
@media(max-width:720px){
  .primary-nav{justify-content:flex-start;flex-wrap:wrap;gap:0 1.25rem}
  .primary-nav a{overflow-wrap:anywhere}
  .section-heading,body[data-page=home] .section-heading{grid-template-columns:minmax(0,1fr)}
  .section-heading h2,.workshop-enquiry h2{overflow-wrap:anywhere}
  .method-viewbar>*{min-width:0}
  .method-viewbar .device-controls{width:100%;flex-wrap:wrap}
  .workshop-route-section .symptom-routes{grid-template-columns:minmax(0,1fr)}
  .workshop-route-section .symptom-routes article{min-width:0;overflow-wrap:anywhere}
  .opening-grid,.config-grid,.submit-grid,.contact-path{grid-template-columns:minmax(0,1fr)}
  .opening-grid>*,.config-grid>*,.submit-grid>*{min-width:0}
  .opening h1,.workshop-route-section h2{overflow-wrap:anywhere}
  .signature .scene,body[data-page=home] .signature-compact .scene{grid-template-columns:minmax(0,1fr)}
  .signature .stage-tabs button{min-width:0;overflow-wrap:anywhere}
  .pricing-form fieldset{min-width:0}
  body[data-page=home] .service-row>div{min-width:0;overflow-wrap:anywhere}
  .flagship-opening h1,.flagship-closing h2,.contact-path h2{overflow-wrap:anywhere}
  .form-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  body[data-page=home] .commitment-ledger h3,body[data-page=home] .close-section h2{overflow-wrap:anywhere}
  .pricing-form .check-row,.pricing-form details p{overflow-wrap:anywhere}
  .flagship-opening .page-lead{overflow-wrap:anywhere}
}
@media(max-width:360px){.workshop-live-hero h1{font-size:2.4rem}}

/* Boost: one illustrative focus at a time, within the existing service column. */
.boost-demo{margin-top:clamp(2rem,4vw,3rem);border-top:1px solid #aeb8ae;padding-top:1.15rem;min-width:0}
.boost-demo-heading h3{font-size:1.35rem;line-height:1.2;margin:.45rem 0 .55rem}
.boost-demo-heading p{font-size:.86rem;line-height:1.55;color:#46534a;margin:0 0 1.25rem;max-width:60ch}
.boost-demo .eyebrow{color:var(--accent-dark)}
.boost-demo-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.boost-demo button{font:inherit;cursor:pointer;overflow-wrap:anywhere}
.boost-demo-focus button{min-height:3rem;border:1px solid #91a091;background:#fffefa;color:var(--ink);padding:.55rem .7rem;text-align:left;font-size:.83rem;font-weight:700;line-height:1.3}
.boost-demo-focus button[aria-pressed=true]{border-color:#3e5b25;background:#dfe9d1;box-shadow:inset 3px 0 #3e5b25}
.boost-demo-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:1rem}
.boost-demo-switch button{min-height:2.75rem;border:1px solid #526556;background:transparent;color:var(--ink);padding:.4rem .7rem;font-size:.88rem;font-weight:700}
.boost-demo-switch button[aria-pressed=true]{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--paper)}
.boost-demo button:focus-visible{outline:3px solid var(--accent-dark);outline-offset:2px}
.boost-demo-current{font-size:.75rem;font-weight:800;color:#435249;margin:.8rem 0 .4rem}
.boost-demo-panel[hidden]{display:none}
.boost-demo-panels{border:1px solid #aeb8ae;background:#e6ebe2;padding:clamp(.55rem,1.3vw,1rem);min-width:0}
.boost-mini{background:#fffefa;border:1px solid #b3bdb2;color:#26352a;min-height:260px;max-width:100%;overflow:hidden}
.boost-mini-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;border-bottom:1px solid #cbd4c8}
.boost-mini-top>strong{font-size:.79rem;line-height:1.2;flex:none}
.boost-mini-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem .75rem;font-size:.68rem;line-height:1.25}
.boost-mini-main{display:flex;flex-direction:column;padding:1.1rem .9rem;gap:1.15rem}
.boost-mini-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.boost-mini-title{display:block;font-size:1.4rem;line-height:1.12;letter-spacing:-.025em;max-width:24ch}
.boost-mini-copy p{font-size:.78rem!important;line-height:1.5;color:#435249;margin:0;max-width:42ch}
.boost-mini-action{display:inline-flex;align-items:center;min-height:2.2rem;padding:.4rem .7rem;background:#355525;color:#fffefa;font-size:.75rem;font-weight:700;line-height:1.25}
.boost-mini-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.boost-mini-sections span{border-top:1px solid #aeb8ae;padding-top:.45rem;font-size:.7rem;font-weight:700;line-height:1.35}
.boost-mini--before{background:#ecebe4;color:#4e514c;border-color:#bec2b9}
.boost-mini--before .boost-mini-nav{color:#666b62}
.boost-mini--before .boost-mini-title{font-size:1.04rem;font-weight:600;letter-spacing:0}
.boost-mini--before .boost-mini-action{background:#c5c8bd;color:#424940;font-weight:400;min-height:1.7rem}
.boost-mini--before .boost-mini-sections span{border-color:#c3c8bf}
.boost-mini--structure.boost-mini--before .boost-mini-top{align-items:flex-start;flex-direction:column}
.boost-mini--structure.boost-mini--before .boost-mini-nav{justify-content:flex-start;order:-1}
.boost-mini--structure.boost-mini--before .boost-mini-sections{order:-1;grid-template-columns:1fr}
.boost-mini--visual.boost-mini--before .boost-mini-title{font-family:Georgia,serif;font-size:1.65rem;letter-spacing:.08em;color:#626250}
.boost-mini--visual.boost-mini--before .boost-mini-copy p{color:#858776}
.boost-mini--visual.boost-mini--before .boost-mini-sections span:last-child{font-size:1.1rem;color:#6d695a}
.boost-mini--mobile{width:min(100%,260px);margin-inline:auto;min-height:335px}
.boost-mini--mobile .boost-mini-top{align-items:flex-start;flex-direction:column}
.boost-mini--mobile .boost-mini-nav{justify-content:flex-start}
.boost-mini--mobile .boost-mini-main{padding:1rem .85rem}
.boost-mini--mobile.boost-mini--before .boost-mini-top{padding:.35rem .4rem;gap:.15rem}
.boost-mini--mobile.boost-mini--before .boost-mini-nav{flex-wrap:nowrap;gap:.2rem;font-size:.55rem}
.boost-mini--mobile.boost-mini--before .boost-mini-main{padding:.5rem .4rem;gap:.45rem}
.boost-mini--mobile.boost-mini--before .boost-mini-copy{gap:.25rem}
.boost-mini--mobile.boost-mini--before .boost-mini-copy p{font-size:.65rem!important;line-height:1.2}
.boost-mini--mobile.boost-mini--before .boost-mini-action{font-size:.6rem;min-height:1.35rem;padding:.1rem .25rem}
.boost-mini--mobile.boost-mini--after .boost-mini-nav span{border:1px solid #aeb8ae;padding:.25rem .4rem}
.boost-mini--mobile.boost-mini--after .boost-mini-action{min-height:2.6rem;padding:.6rem .8rem}
.addon-ledger--boost>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(9rem,.55fr);align-items:start;column-gap:1.5rem;padding:1rem 0;border-bottom:1px solid #9baa9b}
.addon-ledger--boost>div>strong,.addon-ledger--boost>div>p,.addon-ledger--boost>div>span{min-width:0;line-height:1.5;overflow-wrap:anywhere}
.addon-ledger--boost>div>span{text-align:right;white-space:normal}
@media(max-width:900px){.addon-ledger--boost>div{grid-template-columns:minmax(0,1fr) minmax(9rem,auto);gap:.3rem 1rem}.addon-ledger--boost>div>p{grid-column:1/-1;grid-row:2}.addon-ledger--boost>div>span{grid-column:2;grid-row:1}}
@media(max-width:720px){.addon-ledger--boost>div{grid-template-columns:minmax(0,1fr);gap:.3rem}.addon-ledger--boost>div>p,.addon-ledger--boost>div>span{grid-column:1;grid-row:auto}.addon-ledger--boost>div>span{text-align:left}}
@media(max-width:720px){.detail-grid>div{min-width:0}}
.boost-mini-nav{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){body[data-page=service] .detail-grid h2{overflow-wrap:anywhere}}

/* Transform: a complete fictional ceramics site, distinct from Boost's single-focus preview. */
.transform-demo{margin-top:clamp(2rem,4vw,3rem);border-top:1px solid #aeb8ae;padding-top:1.15rem;min-width:0}
.transform-demo-intro{margin-bottom:1.25rem}
.transform-demo-intro .eyebrow{color:var(--accent-dark)}
.transform-demo-intro h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.025em;margin:.45rem 0 .55rem}
.transform-demo-intro p{color:#46534a;font-size:.86rem;line-height:1.55;max-width:60ch;margin:0}
.transform-demo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,19rem);gap:.4rem;margin:0 0 1rem}
.transform-demo button{cursor:pointer;font:inherit}
.transform-demo-controls button{min-height:2.8rem;border:1px solid #526556;background:transparent;color:var(--ink);font-size:.9rem;font-weight:800}
.transform-demo-controls button[aria-pressed=true]{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--paper)}
.transform-demo button:focus-visible{outline:3px solid var(--accent-dark);outline-offset:2px;position:relative;z-index:1}
.transform-demo-stage{display:grid;container-type:inline-size;height:440px;background:#d9ddd5;border:1px solid #aeb8ae;padding:clamp(.55rem,1.3vw,1rem);min-width:0}
.transform-site-page[hidden]{display:none}
.transform-site[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.transform-site{grid-area:1/1;min-width:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.transform-site--old{display:flex;flex-direction:column;background:#eeeae1;color:#34383a;border:3px ridge #a7a7a0;font-family:Georgia,"DejaVu Serif",serif;box-shadow:3px 3px 0 #9ca49a;min-height:0}
.transform-old-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.8rem 1rem;background:#d8dbd7;border-bottom:1px solid #979c98}
.transform-old-header strong{font-size:1.2rem;font-weight:400}
.transform-old-header small{font-family:Arial,sans-serif;font-size:.7rem;color:#5c625f}
.transform-site--old .transform-site-nav{display:flex;flex-wrap:wrap;gap:0;padding:.45rem .7rem;background:#e8e8e3;border-bottom:1px solid #afb2ab}
.transform-site--old .transform-site-nav button{min-height:2.75rem;border:0;border-right:1px solid #aeb2ac;padding:.3rem .7rem;background:transparent;color:#244c78;text-decoration:underline;font-family:Arial,sans-serif;font-size:.78rem;text-align:left}
.transform-site--old .transform-site-nav button[aria-pressed=true]{font-weight:800;color:#162d46;background:#d7dcd7}
.transform-old-body{flex:1;padding:1.2rem 1rem;min-height:310px}
.transform-old-body h4{font-size:1.4rem;line-height:1.25;font-weight:400;margin:0 0 .65rem;letter-spacing:0}
.transform-old-body p{font-size:.88rem;line-height:1.5;max-width:52ch;margin:0 0 .8rem}
.transform-old-body ul{margin:.5rem 0 1rem;padding-left:1.4rem;font-size:.83rem;line-height:1.6}
.transform-old-photo{float:right;width:34%;min-height:145px;margin:.1rem 0 1rem 1rem;border:2px dashed #aeb1a8;background:#d7d8d2;color:#6b706c;display:grid;place-items:center;text-align:center;padding:.5rem;font:700 .68rem Arial,sans-serif}
.transform-old-action{display:inline-block;border:1px solid #858e91;background:#d8dcd9;color:#244c78;text-decoration:underline;font:700 .76rem Arial,sans-serif;padding:.35rem .6rem}
.transform-old-extra{clear:both;margin-top:2rem;border-top:1px solid #afb2ab;padding-top:1rem;font-family:Arial,sans-serif}
.transform-old-extra strong{display:block;font-size:.8rem;margin-bottom:.4rem}
.transform-old-extra p{font-size:.78rem;line-height:1.5;margin:0}
.transform-old-footer{clear:both;border-top:1px solid #afb2ab;padding:.55rem 1rem;font:normal .65rem Arial,sans-serif;color:#656b68}
.transform-site--new{display:flex;flex-direction:column;background:#f3e9d9;color:#4b2e2b;border:1px solid #84665b;font-family:Arial,"DejaVu Sans",sans-serif;min-height:0}
.transform-new-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#4b2e2b;color:#fff6e8;padding:1rem clamp(1rem,2.5vw,2.2rem)}
.transform-new-header>strong{font-family:Georgia,"DejaVu Serif",serif;font-size:1.55rem;letter-spacing:.12em;white-space:nowrap}
.transform-new-header>strong span{font-family:Arial,sans-serif;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}
.transform-site--new .transform-site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.1rem 1rem}
.transform-site--new .transform-site-nav button{min-height:2.75rem;border:0;border-bottom:2px solid transparent;background:transparent;color:#f5e4d5;font:700 .76rem Arial,sans-serif;padding:.5rem .1rem}
.transform-site--new .transform-site-nav button[aria-pressed=true]{border-bottom-color:#e7be94;color:#fffefa}
.transform-new-main{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:340px}
.transform-new-copy{padding:clamp(1.4rem,4vw,3.2rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.transform-new-kicker{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#8d4c37}
.transform-new-copy h4{font-family:Georgia,"DejaVu Serif",serif;font-weight:400;font-size:clamp(2.2rem,4.2vw,4.3rem);line-height:1.02;letter-spacing:-.05em;margin:.8rem 0 1.1rem;max-width:14ch;overflow-wrap:anywhere}
.transform-new-copy p{font-size:clamp(.86rem,1.1vw,1rem);line-height:1.55;max-width:39ch;margin:0 0 1.5rem;color:#5a423e}
.transform-new-action{display:inline-flex;align-items:center;gap:1rem;border-bottom:2px solid #8d4c37;padding:.5rem 0;font-size:.8rem;font-weight:800;color:#4b2e2b}
.transform-new-art{position:relative;min-height:320px;overflow:hidden;background:#d8bfa9}
.transform-art-ring{position:absolute;width:min(75%,310px);aspect-ratio:1;top:8%;left:14%;border:1px solid #ae8872;border-radius:50%}
.transform-art-vessel{position:absolute;left:33%;bottom:17%;width:34%;height:60%;background:#a9593e;border:2px solid #8f4735;border-radius:25% 25% 43% 43% / 10% 10% 43% 43%;box-shadow:inset -18px -6px 0 #94503c,inset 9px 3px 0 #ca7750;transform:rotate(-5deg)}
.transform-art-vessel::before{content:'';position:absolute;width:100%;height:14%;top:-6%;left:-1%;border:3px solid #7b4032;border-radius:50%;background:#bd7051}
.transform-art-shadow{position:absolute;left:24%;bottom:10%;width:55%;height:5%;border-radius:50%;background:#987661;opacity:.45}
.transform-new-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b5917e}
.transform-new-index>div{display:flex;align-items:baseline;gap:.8rem;min-width:0;padding:1rem clamp(1rem,2.5vw,2.2rem);border-right:1px solid #b5917e}
.transform-new-index>div:last-child{border-right:0}
.transform-new-index small{color:#9a5a43;font-size:.67rem;font-weight:800}
.transform-new-index strong{font-family:Georgia,"DejaVu Serif",serif;font-size:1rem;font-weight:400;line-height:1.25;overflow-wrap:anywhere}
.transform-new-note{border-top:1px solid #b5917e;padding:1.25rem clamp(1rem,2.5vw,2.2rem) 1.4rem}
.transform-new-note small{display:block;color:#8d4c37;font-size:.64rem;font-weight:800;letter-spacing:.13em}
.transform-new-note p{max-width:48ch;font-family:Georgia,"DejaVu Serif",serif;font-size:1rem;line-height:1.45;margin:.45rem 0 0}
.transform-new-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;border-top:1px solid #b5917e;padding:.55rem clamp(1rem,2.5vw,2.2rem);font-size:.62rem;font-weight:800;letter-spacing:.08em;color:#795c50}
.transform-new-page--services .transform-new-main{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.transform-new-page--services .transform-art-vessel{width:55%;height:35%;left:23%;bottom:20%;border-radius:12% 12% 48% 48% / 12% 12% 90% 90%}
.transform-new-page--services .transform-new-index{grid-template-columns:1fr}
.transform-new-page--services .transform-new-index>div{border-right:0;border-bottom:1px solid #b5917e;padding-block:.55rem}
.transform-new-page--services .transform-new-index>div:last-child{border-bottom:0}
.transform-new-page--about .transform-new-art{order:-1;background:#d8c4ab}
.transform-new-page--about .transform-art-vessel{left:38%;width:24%;height:67%;border-radius:30% 30% 30% 30% / 8% 8% 45% 45%;transform:rotate(7deg)}
.transform-new-page--contact .transform-new-main{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.transform-new-page--contact .transform-new-art{background:#b98f79}
.transform-new-page--contact .transform-art-vessel{left:25%;width:50%;height:47%;bottom:19%;border-radius:18% 18% 45% 45% / 10% 10% 70% 70%}
@container (max-width:480px){
  .transform-new-header{flex-direction:column;align-items:stretch;gap:.3rem}
  .transform-site--new .transform-site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.25rem .7rem}
  .transform-site--new .transform-site-nav button{text-align:left;overflow-wrap:anywhere}
  .transform-new-main{grid-template-columns:minmax(0,1fr);min-height:0}
  .transform-new-copy{padding:1.35rem 1rem 1.5rem}
  .transform-new-copy h4{font-size:clamp(2rem,8vw,3rem)}
  .transform-new-art{min-height:230px}
  .transform-new-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .transform-new-index>div{padding:.8rem 1rem}
  .transform-new-index>div:nth-child(2){border-right:0}
  .transform-new-index>div:last-child{grid-column:1/-1;border-top:1px solid #b5917e}
  .transform-new-page--services .transform-new-main,.transform-new-page--contact .transform-new-main{grid-template-columns:minmax(0,1fr)}
  .transform-new-page--about .transform-new-art{order:0}
  .transform-new-page--services .transform-new-index>div:last-child{grid-column:auto;border-top:0}
}
@media(max-width:420px){
  .transform-old-header{align-items:flex-start;flex-direction:column;gap:.1rem}
  .transform-site--old .transform-site-nav button{font-size:.7rem;padding:.35rem .45rem}
  .transform-old-photo{width:40%;min-height:115px;margin-left:.6rem}
  .transform-new-header>strong{font-size:1.25rem}
  .transform-new-copy h4{font-size:2rem}
  .transform-new-index{grid-template-columns:minmax(0,1fr)}
  .transform-new-index>div,.transform-new-index>div:nth-child(2),.transform-new-index>div:last-child{grid-column:1;border-right:0;border-top:0;border-bottom:1px solid #b5917e}
  .transform-new-index>div:last-child{border-bottom:0}
}

/* Focused visual refinement: direct service links and a distinct diagnostic preview. */
body[data-page=home] .service-row h3 a{display:inline-flex;align-items:center;gap:.45em;min-height:44px;color:inherit;text-decoration:none!important}
body[data-page=home] .service-icon{display:block;flex:none;width:2.15rem;height:2.15rem;color:#b3cbb9;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-page=home] .service-icon-accent{stroke:var(--accent)}
body[data-page=home] .service-row h3 a::after{content:none}
body[data-page=home] .service-row h3 a:is(:hover,:focus-visible){color:var(--accent);text-shadow:none}
body[data-page=home] .service-row h3 a:is(:hover,:focus-visible)::after{translate:.15em -.15em}
body[data-page=home] .service-row h3 a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){body[data-page=home] .service-row h3 a::after{transition:none}body[data-page=home] .service-row h3 a:is(:hover,:focus-visible)::after{translate:none}}
.case-dossier--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.case-dossier--compact{grid-template-columns:1fr}}
.opening .workshop-after{--auto-deep:#172e35;--auto-raised:#28454b;--auto-panel:#e0e9e5;--auto-line:#aebfba;--auto-text:#f2f5f0;--auto-muted:#c2d2d0;--auto-accent:#a9cbbd;--auto-panel-text:#213940;display:grid;grid-template-rows:auto 1fr auto;background:var(--auto-deep);color:var(--auto-text);font-family:Arial,"DejaVu Sans",sans-serif}
.opening .workshop-after .workshop-nav{display:flex;align-items:center;justify-content:space-between;background:var(--auto-raised);color:var(--auto-text);border:0;border-bottom:1px solid #537178;padding:.55rem .65rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.opening .workshop-after .workshop-nav>span{display:none}
.opening .workshop-after-intro{display:flex;flex-direction:column;align-items:flex-start;position:relative;isolation:isolate;padding:1.15rem .8rem .75rem}
.opening .workshop-after-intro::before{content:"";position:absolute;top:.75rem;right:.7rem;width:3.3rem;height:3.3rem;border:1px solid #6e9792;border-radius:50%;z-index:-1}
.opening .workshop-label{font-size:.48rem;line-height:1.25;letter-spacing:.14em;color:var(--auto-accent);max-width:21ch}
.opening .workshop-after h3{order:1;color:var(--auto-text);font-family:Arial,"DejaVu Sans",sans-serif;font-size:1.55rem;font-weight:900;line-height:1;letter-spacing:-.065em;text-transform:uppercase;max-width:none;margin:.65rem 0 .7rem}
.opening .workshop-action{order:2;margin:.1rem 0 .65rem;background:var(--auto-accent);color:var(--auto-deep);font-size:.62rem;font-weight:900;padding:.5rem .6rem;min-height:0;text-transform:uppercase;letter-spacing:.025em}
.opening .workshop-after p{order:3;color:var(--auto-muted);font-size:.62rem;line-height:1.4;margin:0 0 .55rem}
.opening .workshop-assurance{order:4;color:var(--auto-text);border:0;border-left:2px solid var(--auto-accent);padding:.2rem 0 .2rem .45rem;font-size:.5rem;line-height:1.35}
.opening .workshop-inputs{order:5;color:var(--auto-muted);font-size:.48rem;line-height:1.3;margin-top:.45rem}
.opening .symptom-routes{display:grid;grid-template-columns:1fr;gap:0;background:var(--auto-panel);color:var(--auto-panel-text);padding:.25rem .65rem .35rem}
.opening .symptom-routes>div,.opening .symptom-routes>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .35rem;align-items:baseline;border:0;border-top:1px solid var(--auto-line);padding:.32rem 0}
.opening .symptom-routes>div:first-child{border-top:0}
.opening .symptom-routes span{color:#445d60;font-size:.48rem;line-height:1.2}
.opening .symptom-routes strong{font-size:.57rem;line-height:1.2;margin:0;text-align:right}
.opening .symptom-routes b{color:#34595e}
.transform-demo .transform-site:focus-visible{outline:3px solid var(--accent-dark);outline-offset:-3px}
@media(max-width:900px){.transform-demo-stage{height:560px}}
@media(max-width:720px){.transform-demo-stage{height:600px}}

@media(max-width:600px){.opening .workshop-after h3{font-size:1.17rem;line-height:1.02}}
@container (min-width:481px) and (max-width:650px){
  .transform-new-header{padding:.75rem 1rem;gap:.5rem}
  .transform-new-header>strong{font-size:1.1rem}
  .transform-site--new .transform-site-nav{gap:0 .55rem}
  .transform-site--new .transform-site-nav button{font-size:.64rem;min-height:2.2rem;padding:.25rem 0}
  .transform-new-main{min-height:280px}
  .transform-new-copy{padding:1rem}
  .transform-new-copy h4{font-size:1.8rem;line-height:1.05;margin:.55rem 0 .7rem}
  .transform-new-copy p{font-size:.78rem;margin-bottom:.5rem}
  .transform-new-art{min-height:280px}
  .transform-new-index>div{padding:.7rem .55rem;gap:.35rem}
  .transform-new-index strong{font-size:.78rem}
}

/* The same disclosure and price ledger on both service pages. */
.addon-section{padding-block:clamp(1.5rem,3vw,2.5rem)}
.addon-disclosure{min-width:0}
.addon-disclosure>summary{display:list-item;cursor:pointer;min-height:44px;padding:.45rem .25rem;list-style-position:inside}
.addon-disclosure>summary::marker{color:var(--olive-text)}
.addon-disclosure-heading{display:inline;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;line-height:1.25;margin-left:.45rem}
.addon-disclosure>summary:focus-visible{outline:3px solid var(--olive-text);outline-offset:3px}
.addon-disclosure-content{padding-top:1.2rem}
.addon-intro{color:#46534a;margin:0 0 1rem;max-width:70ch}
.addon-disclosure .service-comparison{margin:0 0 1rem}
.addon-disclosure .addon-ledger{border-top:0;margin-bottom:1.5rem}
.addon-disclosure .addon-ledger>div,.addon-disclosure .addon-ledger--boost>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(8rem,.5fr);align-items:start;gap:.4rem 1.4rem;padding:1rem 0;border-bottom:1px solid #9baa9b}
.addon-disclosure .addon-ledger>div>strong,.addon-disclosure .addon-ledger>div>p,.addon-disclosure .addon-ledger>div>span{min-width:0;line-height:1.5;overflow-wrap:anywhere}
.addon-disclosure .addon-ledger>div>span{text-align:right;white-space:normal}
@media(max-width:900px){.addon-disclosure .addon-ledger>div,.addon-disclosure .addon-ledger--boost>div{grid-template-columns:minmax(0,1fr) 8rem}.addon-disclosure .addon-ledger>div>p{grid-column:1/-1;grid-row:2}.addon-disclosure .addon-ledger>div>span{grid-column:2;grid-row:1}}
@media(max-width:720px){.addon-disclosure .addon-ledger>div,.addon-disclosure .addon-ledger--boost>div{grid-template-columns:minmax(0,1fr);gap:.3rem}.addon-disclosure .addon-ledger>div>p,.addon-disclosure .addon-ledger>div>span{grid-column:1;grid-row:auto}.addon-disclosure .addon-ledger>div>span{text-align:left}}

/* Method sequence: decorative arrows keep native tab and ordered-list semantics. */
.sequence-arrow{display:block;position:relative;width:1rem;height:1rem;flex:none;color:#a9c2ab;pointer-events:none}
.sequence-arrow::before{content:"";position:absolute;left:.08rem;right:.22rem;top:calc(50% - .5px);border-top:1px solid currentColor}
.sequence-arrow::after{content:"";position:absolute;right:.2rem;top:calc(50% - .19rem);width:.34rem;height:.34rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
body[data-page=home] .signature-compact .stage-tabs button{position:relative;padding-right:2rem}
.stage-sequence-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}
.signature-compact .stage-tabs button[aria-selected=true] .stage-sequence-arrow{color:#405b2c}
.resolution-notes--sequence li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.7rem;align-items:start}
.resolution-notes--sequence li>div{grid-column:2;grid-row:1;min-width:0}
.resolution-sequence-arrow{grid-column:1;grid-row:1;align-self:end;margin-bottom:.1rem;transform:rotate(90deg);color:var(--accent)}
.primary-nav a:is(:hover,:focus-visible){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.primary-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:720px){
  body[data-page=home] .signature-compact .stage-tabs button:nth-child(2) .stage-sequence-arrow{top:auto;right:auto;bottom:-.5rem;left:-.5rem;z-index:1;transform:rotate(135deg);background:#223029;color:#a9c2ab}
}
@media(max-width:360px){
  .primary-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:0}
  .primary-nav a{min-width:0;font-size:.7rem}
  .primary-nav a:nth-child(-n+3){grid-column:span 2}
  .primary-nav a:nth-child(n+4){grid-column:span 3}
}

/* Keep the shared header and anchor destinations clear at every layout. */
:root{--header-clearance:5rem}
html{scroll-padding-top:var(--header-clearance)}
.site-header{position:sticky;top:0;z-index:10}
.skip-link{position:fixed;z-index:11}
.estimate{top:calc(var(--header-clearance) + 1rem)}
.mobile-estimate{top:var(--header-clearance)}
@media(max-width:900px){:root{--header-clearance:9.5rem}}
@media(max-width:720px){:root{--header-clearance:9rem}}
@media(max-width:374px){:root{--header-clearance:12rem}}

/* Studio 2.0 B · chosen Soft-Futurist Glass direction. The product and demos remain 2.0. */
:root{--ink:#090e25;--ink-soft:#101938;--paper:#111a37;--white:#f7fbff;--line:#344b78;--muted:#b9c7e6;--accent:#59d9ff;--accent-dark:#78e0ff;--max:1320px;--gutter:clamp(1rem,4vw,3.8rem);--glass:linear-gradient(145deg,#17254aeb,#0c1533d9 58%,#1c1c51dd);--glass-border:#6181ca80;--header-clearance:5.8rem}
html{background:#090e25}
body{background:#090e25;color:#f4f7ff;background-image:radial-gradient(ellipse 45rem 30rem at 86% 8%,#22488d65,transparent 76%),radial-gradient(ellipse 40rem 45rem at -13% 31%,#4638ad3b,transparent 76%);background-attachment:fixed}
h1,h2,h3{letter-spacing:-.045em}
h1{font-weight:800}h2{font-size:clamp(1.75rem,3vw,3rem)}
::selection{background:#62ddff;color:#071025}
:focus-visible,main :focus-visible,.opening :focus-visible,.signature.case-automotive :focus-visible,body[data-page=transformations] main :focus-visible{outline:3px solid #8ce9ff;outline-offset:4px}
a:hover{text-shadow:none}
.eyebrow{color:#8bdfff;letter-spacing:.16em}
.site-header{top:.65rem;margin:0 auto;width:min(calc(100% - 2rem),1400px);border:1px solid #5877bc8c;border-radius:1.1rem;background:#101a39d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 34px #0005,inset 0 1px #bddaff1c}
.header-inner{min-height:66px;width:min(calc(100% - 2rem),1320px)}
.wordmark{max-width:200px;line-height:1.1;font-size:.92rem}.wordmark-symbol{width:2.25rem;height:2.25rem;border:1px solid #6edcff84;border-radius:.65rem;background:linear-gradient(135deg,#33cffe,#695cff);color:#fff;box-shadow:0 0 20px #53baff78;transform:none}.wordmark-symbol::after{display:none}
.primary-nav a,.locale-switch{color:#f0f5ff;font-weight:600}.primary-nav a:is(:hover,:focus-visible){color:#8ce7ff}.locale-switch{border-left:0}.locale-switch [aria-current]{color:#a6eaff}.language-link{color:#afc1e4}
.button,.opening .button-dark,.header-cta{border:1px solid #83e2ffae;border-radius:999px;background:linear-gradient(100deg,#22bde8,#5078f9 58%,#7652f0);color:white;box-shadow:0 0 22px #327cf278,inset 0 1px #fff7;padding:.75rem 1.5rem;min-height:3rem;font-weight:700;text-align:center}
.button:hover,.opening .button-dark:hover,.header-cta:hover{background:linear-gradient(100deg,#59dafa,#608dff 58%,#9175ff);border-color:#a3edff;color:#071129;transform:translateY(-1px)}
.button-dark,.button-ghost{background:#152650;color:#eff8ff}.button-ghost:hover{color:#0b1330}
.text-link,.hero-secondary{color:#a9e8ff}.text-link:hover,.hero-secondary:hover{color:#fff}
.site-footer{background:#080d22;border-color:#344b78}
.page-hero,.flagship-opening{padding-block:clamp(4rem,7vw,7rem) clamp(2rem,4vw,4rem)}.page-hero h1,.flagship-opening h1{font-size:clamp(2.7rem,5vw,5rem);max-width:870px}.page-lead{color:#cbd7f2}.page-price strong{color:#8be9ff}
/* A real, responsive opening with code-rendered fictional automotive desktop and phone screens. */
.opening{position:relative;isolation:isolate;background:transparent;color:#f4f7ff;overflow:hidden}
.opening::before{content:"";position:absolute;inset:-30% -10% auto auto;width:70vw;height:68vw;max-height:850px;border:1px solid #5685d333;border-radius:50%;box-shadow:0 0 0 70px #4267c010,0 0 0 160px #7157d408;pointer-events:none;z-index:-1}
.opening-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1rem,2.6vw,3rem);align-items:center;min-height:590px;padding-block:clamp(2.5rem,5vw,4.8rem) 1.5rem}
.opening-proposition{position:relative;z-index:2}.opening .eyebrow{color:#94bcff;font-size:.72rem}.opening h1{font-size:clamp(2.85rem,4.6vw,5.5rem);line-height:1.04;max-width:650px;margin:1.2rem 0 1.5rem;color:#f7faff;background:linear-gradient(100deg,#61d9ff 5%,#d6baff 51%,#fff 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.opening-lead{color:#c6d4f3;font-size:clamp(1.04rem,1.3vw,1.25rem);max-width:50ch}.opening-next{color:#b5c6e6;font-size:.85rem;max-width:49ch}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.3rem;border:1px solid #587dc5;border-radius:999px;background:#182755a8;text-decoration:none;font-size:.9rem;font-weight:700}.hero-secondary::after{content:none}.hero-secondary:hover{background:#253c79}
.hero-stage{position:relative;min-height:535px;display:flex;align-items:center;justify-content:center;min-width:0}.hero-orbit{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;border:1px solid #91c4ff69;background:radial-gradient(circle at 52% 38%,#1f4ba970 0 17%,#1d326c61 32%,#0c174300 69%);box-shadow:0 0 48px #4e79eb5c,inset 0 0 70px #689cff34;transform:rotate(-13deg)}.hero-orbit::before{content:"";position:absolute;inset:14%;border:1px solid #b7d6ff24;border-radius:50%}
.hero-laptop{position:relative;width:min(88%,690px);margin-left:-7%;z-index:1;filter:drop-shadow(0 30px 20px #0009)}.hero-laptop-screen{position:relative;border:10px solid #060b1b;border-bottom-width:16px;border-radius:15px 15px 7px 7px;box-shadow:0 0 0 2px #9db8f1,0 0 28px #3c9be5bb;overflow:hidden;background:#111b39}.hero-laptop-base{width:112%;height:16px;margin-left:-6%;background:linear-gradient(#a6b5d5,#15223c 48%,#030713);border-radius:0 0 55% 55%;box-shadow:0 8px 16px #000b}.hero-laptop-base::after{content:"";display:block;width:18%;height:3px;margin:auto;background:#536a8a;border-radius:0 0 6px 6px}
.hero-stage .browser-window{max-width:none;border:0;box-shadow:none;background:#0d1735}.hero-stage .browser-chrome{display:none}.hero-stage .workshop-after{background:#0a1430;color:#f4faff;min-height:350px;display:flex;flex-direction:column}.hero-stage .workshop-after .workshop-nav{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;background:#10224b;color:#ecf7ff;border:0;font-size:.67rem;letter-spacing:.05em;text-transform:uppercase}.hero-stage .workshop-after .workshop-nav>span{display:block;color:#c7d6f5;font-size:.55rem}.hero-stage .workshop-after-intro{flex:1;position:relative;isolation:isolate;padding:1.5rem 1.2rem .7rem;background:linear-gradient(90deg,#0b1639ed 0%,#0c1b3bbb 46%,#0d1c3b00 100%),url('/assets/garage-tuner.webp') center / cover no-repeat}.hero-stage .workshop-label{color:#aeeaff;font-size:.55rem}.hero-stage .workshop-after h3{font-size:clamp(1.5rem,2.7vw,2.7rem);line-height:1.08;max-width:13ch;color:#fff;margin:.7rem 0}.hero-stage .workshop-after p{color:#e0edff;font-size:.78rem;max-width:32ch;line-height:1.45;margin-bottom:.5rem}.hero-stage .workshop-assurance{display:none}.hero-stage .workshop-action{min-height:0;padding:.5rem .8rem;background:linear-gradient(100deg,#29c2ee,#6972ff);color:#fff;border-radius:999px;font-size:.62rem;margin-top:.3rem}.hero-stage .workshop-inputs{display:none}.hero-stage .symptom-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.55rem 1rem;background:#111e43}.hero-stage .symptom-routes>div{display:block;border:0;border-left:1px solid #5e80a463;padding:.1rem .5rem}.hero-stage .symptom-routes>div:first-child{border-left:0}.hero-stage .symptom-routes span{display:block;color:#b8cbe7;font-size:.49rem}.hero-stage .symptom-routes strong{display:block;color:#f3faff;font-size:.55rem;text-align:left}.hero-stage .symptom-routes b{color:#7de6ff}
.hero-phone{position:absolute;right:-1%;bottom:3%;z-index:2;width:25%;min-width:145px;max-width:205px;aspect-ratio:.5;border:7px solid #060914;border-radius:26px;box-shadow:0 0 0 2px #819fd2,0 20px 24px #000b,0 0 22px #397bff6b;overflow:hidden;background:#0b1532}.hero-phone::before{content:"";position:absolute;z-index:5;top:0;left:27%;width:46%;height:10px;background:#060914;border-radius:0 0 10px 10px}.hero-phone .workshop-after{min-height:100%;height:100%}.hero-phone .workshop-nav{padding:1.4rem .4rem .3rem!important;font-size:.47rem!important}.hero-phone .workshop-nav>span{display:none!important}.hero-phone .workshop-after-intro{padding:1.1rem .45rem .5rem!important;background:linear-gradient(#091537e6 0 37%,#0b1b3a8c 70%),url('/assets/garage-tuner.webp') 58% center / auto 100% no-repeat}.hero-phone .workshop-label{font-size:.36rem}.hero-phone .workshop-after h3{font-size:1rem;max-width:15ch;margin:.35rem 0}.hero-phone .workshop-after p{font-size:.5rem}.hero-phone .workshop-action{font-size:.5rem;padding:.35rem .45rem}.hero-phone .symptom-routes{display:none}.hero-device-note{position:absolute;right:0;top:6%;display:flex;flex-direction:column;gap:.5rem;color:#a6c0ea;font-size:.7rem}.hero-device-note span{padding:.35rem .6rem;border:1px solid #6384cf;border-radius:.6rem;background:#122149ae}
.hero-foot{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #5674b585;padding-block:1rem 1.5rem;color:#b4c8ed;font-size:.78rem}.hero-foot span:first-child{color:#8ce2ff}
/* The same panel system across all presentation pages. Demo website interiors keep their own content design. */
body[data-page=home] .work-section,.flagship-method,.services-section,.delivery-section,.detail-section,.addon-section,.config-section,.submit-section,.contact-general,.faq-section,.pricing-comparison,.case-details,.concept-details,.workshop-route-section,.workshop-enquiry{background:transparent;color:#f4f7ff}
body[data-page=home] .work-section,.flagship-method,.services-section,.delivery-section,.detail-section,.addon-section,.config-section,.submit-section,.contact-general,.faq-section,.pricing-comparison,.case-details{padding-block:clamp(2.5rem,4vw,4.5rem)}
.section>.shell{min-width:0}.section-heading{display:block;max-width:900px}.section-heading h2{margin-bottom:.35rem}.section-heading p,body[data-page=home] .work-section>.shell>.section-heading p,body[data-page=home] .services-section .section-heading p,.delivery-section .section-heading p,.detail-rule p,.contact-path p,.faq-answer,.field-help,.service-device-benefit{color:#bdccec}
.signature,.signature.case-automotive,body[data-page=home] .signature-compact.case-automotive{border:1px solid var(--glass-border);border-radius:1.2rem;background:var(--glass);color:#f4f7ff;box-shadow:0 12px 40px #02071e8c,inset 0 1px #9fdcff1b;overflow:hidden}.signature-toolbar,.signature-bottom,.method-viewbar,.signature.case-automotive .case-notes li{border-color:#5578bd80}.stage-tabs button,.device-controls button,.case-automotive .device-controls button{color:#cedbf7}.stage-tabs button[aria-selected=true]{background:linear-gradient(100deg,#178fc2,#6053d9);color:#fff}.stage-tabs button[aria-selected=true] small{color:#d9eeff}.device-controls button[aria-pressed=true]{color:#8de8ff}.signature-bottom .text-link{color:#9ae7ff}.signature-stage{background:#0d1936a3}.signature .scene{min-height:350px}.signature .browser-window{border-radius:.55rem;overflow:hidden;box-shadow:0 12px 35px #0009}
body[data-page=home] .work-section>.shell,.services-section>.shell,.delivery-section>.shell{position:relative}body[data-page=home] .work-section .concept-disclosure{margin:1rem 0 0;color:#b8c9ec;font-size:.78rem}
.service-ledger{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-row{position:relative;display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.9rem;border:1px solid #4f78c49c!important;border-radius:1rem;padding:1.4rem;background:linear-gradient(120deg,#142b53e8,#141532e0 70%);box-shadow:inset 0 1px #9ed8ff2b,0 0 24px #257bc02d}.service-row:nth-child(2){background:linear-gradient(120deg,#201b53e8,#102845e8)}.service-row>strong{grid-column:2;color:#85e5ff}.service-step,.service-index{color:#8ce6ff}.service-row p,body[data-page=home] .service-row p{color:#c6d5f2}.service-name-link{color:#fff}.service-icon{stroke:#77dfff}.services-next,.broader-scope,.handover-note{border:1px solid #526eae8c;border-radius:1rem;background:#112040ad;padding:1.35rem;margin-top:1rem}.services-next p,.broader-scope p{color:#bfd0ef}.commitment-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.commitment-ledger li{border:1px solid #4d70b09c;border-radius:1rem;background:#112040d1;padding:1.3rem}.commitment-ledger li span{color:#8eeaff}.commitment-ledger li p{color:#c1d0ef}.close-section{background:linear-gradient(110deg,#101f42,#17184b);border-block:1px solid #5f74ce7a}
.detail-grid,.config-grid,.submit-grid,.contact-path{gap:clamp(1.5rem,4vw,3.5rem)}.detail-rule,.contact-direct,.contact-submit-panel .submit-note{border-color:#5974af}.detail-rule h3,.service-device-benefit{color:#e9f4ff}.service-device-benefit{border-color:#74d9ff}.addon-disclosure,.service-comparison,.performance-details,.pricing-form fieldset,.faq-item,.contact-path form,.site-form,.submit-note,.estimate,.faq-group{border-color:#5579bb}.addon-disclosure,.service-comparison,.performance-details{background:#122044;color:#f4f7ff;border-radius:.7rem}.addon-disclosure summary,.performance-details summary,.service-comparison summary{color:#f4f7ff}.addon-intro,.addon-ledger p,.addon-ledger>div>span,.performance-details p{color:#cbd9f4}.addon-ledger,.addon-ledger>div{border-color:#5578bc}.addon-ledger>div strong{color:#f5f9ff}.addon-section .button-ghost{color:#fff;border-color:#729cdd}
.config-grid>*,.detail-grid>*,.submit-grid>*{min-width:0}.pricing-form,.contact-path form,.site-form{border:1px solid #4d72b593;border-radius:1rem;background:linear-gradient(135deg,#142346e8,#111a39e8);padding:clamp(1rem,2.5vw,2rem)}.pricing-form legend,.pricing-form label,.form-field label,.faq-group h2{color:#f4f7ff}.pricing-form input[type=number],.pricing-form select,.form-field input,.form-field textarea{background:#0b1531;color:#f4f8ff;border:1px solid #6c8ac6;border-radius:.45rem}.pricing-form input[type=range]{accent-color:#6de1ff}.check-row,.option-group .check-row,.faq-item,.faq-contact{border-color:#5472ae}.check-row small,.check-row em,.option-group h3,.page-effect,.estimate small,.form-field .field-error{color:#bed0ed}.check-row input{accent-color:#4bcffa}.page-effect{background:#1c315a}.estimate{background:linear-gradient(145deg,#173457,#1a1944);border:1px solid #6a94d0;border-radius:1rem;box-shadow:0 10px 40px #0006}.estimate h2,.estimate .review-state{color:#87e6ff}.line-items,.line-items>div,.subtotal{border-color:#5977a8}.submission-selection{background:#182b51;border-color:#70daff}.submission-selection *{color:#f4f8ff}.submit-note{color:#d0dbef}.submit-note .eyebrow,.contact-general .eyebrow,.addon-section .eyebrow{color:#86e3ff}.faq-answer{color:#c8d5ec}.faq-item summary::after{color:#82e5ff}.faq-item[open]{background:#152750}.faq-item summary,.faq-answer{padding-inline:1rem}.field-error{color:#ffbfc0!important}.form-actions span{color:#d8e9ff}
body[data-page=transformations] .index-opening,body[data-page=transformations] .index-desk{background:transparent;color:#f4f7ff}.flagship-opening{background:transparent}.flagship-method .signature{background:var(--glass)}.concept-disclosure,.flagship-honesty{color:#b9c9e8}.index-case-link{color:#8ce9ff}
/* The fictional automotive sample is a different site, but shares the crisp blue atmosphere. */
.workshop-concept{background:#0a1430;color:#f3f8ff}.workshop-live{background:linear-gradient(115deg,#0c1b40,#101b39)}.workshop-live-hero{position:relative;isolation:isolate}.workshop-live-hero::before{content:"";position:absolute;inset:2rem 0;background:linear-gradient(90deg,#101c3ff0,#1023499c),url('/assets/garage-tuner.webp') center / cover;border:1px solid #678ece80;border-radius:1rem;z-index:-1}.workshop-live-hero>div:first-child{padding:2rem}.workshop-live-hero h1{color:#fff}.workshop-live-hero p,.workshop-inputs,.workshop-route-section p,.workshop-enquiry p{color:#cedcf4}.inspection-desk{background:#10244a;color:#f3f8ff;border:1px solid #6080b8;border-radius:1rem;padding:1.5rem}.workshop-route-section article,.workshop-enquiry li{border-color:#5b7dbc}.workshop-route-section .symptom-routes{background:transparent;color:#fff}.workshop-route-section h3{color:#f4f8ff}.workshop-enquiry{background:#101b39}.workshop-label{color:#83ddff}.workshop-action{border-radius:999px;background:linear-gradient(100deg,#21b9e2,#6c62e9);color:#fff}.concept-sample-footer{color:#cbdcf6}
/* Baseline Boost and Transform mini demos deliberately retain their own before/after site identities. */
.boost-demo,.transform-demo{border-color:#587bb9}.boost-demo-intro p,.transform-demo-intro p{color:#c7d5ed}.boost-demo-focus button,.boost-demo-switch button,.transform-demo-controls button{border-radius:.4rem}.boost-demo-stage,.transform-demo-stage{border-radius:.6rem}.boost-demo button:focus-visible,.transform-demo button:focus-visible{outline-color:#8ce9ff}
@media(max-width:1100px){.opening-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.opening h1{font-size:clamp(2.7rem,4.5vw,4.4rem)}.hero-stage{min-height:460px}.hero-phone{right:-2%}.primary-nav{gap:.7rem}}
@media(max-width:900px){:root{--header-clearance:10rem}.site-header{top:.35rem}.header-inner{width:min(calc(100% - 1.4rem),1320px)}.opening-grid{grid-template-columns:1fr;padding-top:3rem}.opening-proposition{max-width:780px}.opening h1{max-width:770px}.hero-stage{width:min(100%,780px);margin:auto;min-height:490px}.hero-phone{right:1%}.commitment-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){:root{--header-clearance:9.5rem}.site-header{width:calc(100% - .7rem);border-radius:.8rem}.header-inner{min-height:0}.wordmark{font-size:.76rem}.wordmark-symbol{width:1.7rem;height:1.7rem;font-size:1.1rem}.header-cta{min-height:2.3rem;padding:.25rem .7rem;border:1px solid #66c6e8;background:#172b5d;color:#e8faff;box-shadow:none;font-size:.72rem}.header-cta:hover{background:#2d4d8c}.primary-nav{width:100%;overflow-x:auto;justify-content:flex-start;gap:.95rem;padding-bottom:.15rem}.primary-nav a{white-space:nowrap;font-size:.78rem}.opening-grid{padding-top:2rem}.opening h1{font-size:clamp(2.55rem,9vw,4rem)}.hero-stage{min-height:370px}.hero-laptop{width:91%;margin-left:-7%}.hero-laptop-screen{border-width:6px;border-bottom-width:9px}.hero-stage .workshop-after{min-height:260px}.hero-stage .workshop-after-intro{padding:1rem .7rem}.hero-stage .workshop-after h3{font-size:1.35rem}.hero-stage .symptom-routes{display:none}.hero-phone{min-width:115px;width:27%;border-width:5px;border-radius:18px;bottom:5%}.hero-device-note{display:none}.service-ledger{grid-template-columns:1fr}.commitment-ledger{grid-template-columns:1fr}.hero-foot{flex-direction:column}.detail-grid,.config-grid,.submit-grid,.contact-path{grid-template-columns:1fr}}
@media(max-width:480px){.opening h1{font-size:clamp(2.4rem,10vw,3rem)}.hero-actions{align-items:stretch}.hero-actions>*{flex:1 1 100%}.hero-stage{min-height:310px}.hero-laptop{width:100%;margin-left:-10%}.hero-laptop-screen{border-width:5px;border-bottom-width:8px}.hero-stage .workshop-after{min-height:210px}.hero-stage .workshop-after .workshop-nav{font-size:.46rem;padding:.4rem .55rem}.hero-stage .workshop-after .workshop-nav>span{display:none}.hero-stage .workshop-after-intro{padding:.65rem}.hero-stage .workshop-label{font-size:.4rem}.hero-stage .workshop-after h3{font-size:1rem;max-width:11ch;margin:.35rem 0}.hero-stage .workshop-after p{font-size:.55rem;max-width:23ch}.hero-stage .workshop-action{font-size:.5rem;padding:.3rem .5rem}.hero-phone{min-width:100px;width:31%;height:220px;aspect-ratio:auto;right:0;bottom:7%}.hero-phone .workshop-after h3{font-size:.8rem}.hero-phone .workshop-after p{font-size:.42rem}.hero-phone .workshop-label{display:none}.hero-phone .workshop-action{font-size:.4rem}.stage-tabs button{font-size:.7rem}.signature .scene{min-height:0}.service-row{grid-template-columns:1.7rem minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Render review corrections: contrast, service panel geometry and legible phone specimen. */
body[data-page=home] .services-section{color:#f4f7ff;background:transparent}
body[data-page=home] .services-section .section-heading h2,body[data-page=home] .services-section .section-heading .screen-benefit,body[data-page=home] .service-row h3,body[data-page=home] .service-row h3 a,.broader-scope h3,.handover-note h3{color:#f4f8ff}
body[data-page=home] .service-row{grid-template-columns:2.2rem minmax(0,1fr);align-items:start;padding:1.4rem}
body[data-page=home] .service-row>strong{grid-column:2;font-size:1.05rem}
body[data-page=home] .service-icon{color:#82dcff}
body[data-page=home] .services-next p,.broader-scope p,.handover-note p{color:#c8d6f1}
body[data-page=home] .service-row h3 a:is(:hover,:focus-visible){color:#8ce9ff}
body[data-page=home] .services-section .section-heading .screen-benefit{color:#f4f8ff}
body[data-page=home] .services-section .section-heading p{color:#c7d6f1}
.hero-actions{gap:.7rem}.hero-actions .button,.hero-secondary{font-size:.82rem;padding:.65rem 1rem}.hero-secondary{min-height:2.9rem}.opening-grid{min-height:540px}.hero-stage{min-height:480px}
.hero-phone-screen{height:100%;display:flex;flex-direction:column;color:#fff;background:#0c1733;overflow:hidden}.phone-top{display:flex;justify-content:space-between;gap:.2rem;padding:1.4rem .5rem .45rem;background:#11234b;text-transform:uppercase;font-size:.52rem;letter-spacing:.03em}.phone-copy{flex:1;padding:1rem .55rem;background:linear-gradient(#0b1839d9,#0c194183),url('/assets/garage-tuner.webp') 53% center / auto 100% no-repeat}.phone-copy small{display:block;color:#a6e9ff;font-size:.4rem;letter-spacing:.04em;line-height:1.2}.phone-copy strong{display:block;margin:.55rem 0;font-size:1.1rem;line-height:1.05}.phone-copy p{font-size:.56rem;line-height:1.35;max-height:4.2em;overflow:hidden}.phone-copy>span{display:inline-block;border-radius:999px;padding:.35rem .5rem;background:linear-gradient(100deg,#22c4eb,#6b69ed);font-size:.5rem;font-weight:800}.phone-foot{padding:.5rem;background:#12244c;color:#c8def5;font-size:.44rem;line-height:1.25}
.pricing-form .service-description,.pricing-form details p,.performance-details p,.needs-details summary span,.care-selection #care-summary,.scope-quantity-note,.addon-intro,.boost-demo-heading p,.boost-demo-intro p,.transform-demo-intro p{color:#c7d6f1}
.pricing-form .recommendation,.recommendation{background:#1d3159;color:#e5f1ff;border-color:#6bdfff}
.pricing-form .needs-details.requires-focus summary{color:#e9f5ff}
.pricing-form .check-row small,.pricing-form .check-row em{color:#c5d6f5}
.boost-demo-focus button,.boost-demo-switch button,.transform-demo-controls button{background:#142349;color:#e9f3ff;border-color:#6584bb}
.boost-demo-focus button[aria-pressed=true],.boost-demo-switch button[aria-pressed=true],.transform-demo-controls button[aria-pressed=true]{background:#28568a;color:#fff;border-color:#83dbff;box-shadow:inset 3px 0 #8ce9ff}
.boost-demo-current{color:#c7d6f1}
.flagship-method .concept-disclosure,.concept-sample-footer .concept-disclosure,.sample-notice,.workshop-live-nav>span,.inspection-desk .eyebrow,.workshop-route-section .eyebrow,.workshop-enquiry .eyebrow,.inspection-desk li>span,.workshop-enquiry li>span{color:#bfdaef}
.workshop-live-nav{border-color:#5877b1}.workshop-live-nav strong{color:#fff}
@media(max-width:720px){.opening-grid{min-height:0}.hero-stage{min-height:360px}.hero-actions .button,.hero-secondary{font-size:.8rem}}
@media(max-width:480px){.hero-stage{min-height:310px}.phone-top{font-size:.39rem;padding:1.2rem .35rem .4rem}.phone-copy{padding:.75rem .35rem}.phone-copy strong{font-size:.8rem}.phone-copy p{font-size:.44rem}.phone-copy>span{font-size:.42rem;padding:.3rem}.phone-foot{display:none}}
/* Design review: remove baseline olive accents from the glass method and keep device callouts unobscured. */
.hero-device-note{display:none}
.case-dossier,.case-dossier--compact,.signature.case-automotive .case-dossier{background:#122247;color:#edf6ff;border-color:#567dc0}
.case-dossier p,.case-dossier b,.case-dossier strong{color:#edf6ff}
.case-dossier p b{color:#8ce9ff}
.signature.case-automotive .stage-tabs button:not([aria-selected=true]){background:#14284f;color:#dae8ff}
.signature.case-automotive .stage-tabs button[aria-selected=true]{background:linear-gradient(100deg,#157da9,#5d50cc);color:#fff}
.signature.case-automotive .method-viewbar{background:#0e1c3b;color:#c8d9f2}
.signature.case-automotive .signature-bottom{background:#101c3e}
.signature.case-automotive .method-commentary .eyebrow,.signature.case-automotive .keep-note strong,.signature.case-automotive .resolution-notes li>span{color:#90e5ff}
/* Final mobile and pricing contrast pass from rendered screenshots. */
body[data-page=transformations] .flagship-method .section-heading p,body[data-page=home] .work-section .section-heading p{color:#c5d7f5}
.pricing-form .boost-focus-prompt{background:#243b66;color:#ecf6ff;border-color:#77e0ff}
.pricing-form .check-row:hover,.pricing-form .check-row:focus-within,.pricing-form summary:hover,.pricing-form summary:focus-visible{background:#243b66;color:#fff}
.pricing-form .check-row strong,.pricing-form .check-row span,.pricing-form summary,.pricing-form .option-group h3{color:#f5f9ff}
.estimate .estimate-known,.estimate .estimate-known strong,.estimate #estimate-pages-detail,.estimate #estimate-care,.estimate-details summary,.estimate .price-from{color:#d9e9ff}
.estimate #no-additions,.estimate #no-included{color:#c5d8f5}
.care-section{background:linear-gradient(125deg,#101d3e,#15173e);color:#f4f8ff;border-block:1px solid #5576b4}.care-section .eyebrow,.care-row strong,.care-plan summary strong{color:#82e4ff}.care-section .section-heading p,.care-ownership,.care-row p,.care-row .care-purpose,.care-row small,.care-plan summary span,.care-plan>div{color:#cbdaf4}.care-row,.care-plan{border-color:#5478b6}
.pricing-comparison .service-comparison{border-color:#5478b6}.pricing-comparison :focus-visible{outline-color:#8ce9ff}

/* Launch shares the established glass service treatment and selection controls. */
.service-selector{margin:0 0 1.2rem;padding:1rem 1.2rem;border:1px solid #5c81bd;border-radius:1rem;background:#14264bbd;color:#f4f8ff}
.service-selector-question{font-weight:800;margin:0 0 .7rem}
.service-selector-actions{display:flex;gap:.65rem;flex-wrap:wrap}
.service-selector-actions button{min-width:4.5rem;min-height:44px;padding:.55rem 1rem;border:1px solid #6b91ca;border-radius:.45rem;background:#122247;color:#e9f3ff;font:inherit;font-weight:800;cursor:pointer}
.service-selector-actions button[aria-pressed=true]{border-color:#8ce9ff;background:linear-gradient(105deg,#236491,#4d4daf);color:#fff}
.service-selector-actions button:is(:hover,:focus-visible){border-color:#b6eeff;outline:2px solid #8ce9ff;outline-offset:2px}
.service-row[hidden],.launch-scope[hidden],#launch-fields[hidden],.pricing-performance[hidden]{display:none!important}
.service-row[data-service-fit=no]{background:linear-gradient(120deg,#1a2858e8,#17224ae8)}
.launch-illustration{margin-top:1.3rem;padding:1rem;border:1px solid #557fc4;border-radius:1rem;background:linear-gradient(125deg,#152b53,#171b44);box-shadow:inset 0 1px #a4d4ff33;max-width:100%}
.launch-illustration svg{display:block;width:100%;height:auto;max-height:310px}
.launch-pages{margin:1rem 0 1.5rem;padding-left:1.25rem}
.launch-pages li{padding:.45rem 0;border-bottom:1px solid #4c6fa7;line-height:1.55}
.launch-pages strong{color:#9ce8ff}
.launch-scope{padding:1rem;border:1px solid #5a84c5;border-radius:.7rem;background:#192d56;color:#d8e7ff}
.launch-scope p{margin:.25rem 0 .75rem;line-height:1.6}
.launch-scope p:last-child{margin-bottom:.25rem}
@media(max-width:480px){.launch-illustration{padding:.25rem}.service-selector{padding:.85rem}}
.flagship-method .concept-disclosure,.concept-sample-footer .concept-disclosure{color:#bfd3f4}
.mobile-estimate{background:#1e3967;color:#eff8ff;border:1px solid #6cbade;border-radius:.5rem;padding:.65rem .8rem}
/* Reference composition: a practical pair of transformation and method glass panels. */
.opening-grid{min-height:500px;padding-block:2.2rem .6rem}.opening h1{font-size:clamp(2.7rem,3.55vw,4rem);line-height:1.04;margin:.9rem 0 1rem}.opening-lead{margin-bottom:1rem}.opening-next{margin:.65rem 0 0}.hero-stage{min-height:425px}.hero-foot{padding-block:.7rem 1rem}
body[data-page=home] .work-section{padding-block:1.7rem 2.2rem}.work-section .section-heading{margin-bottom:1rem}.work-section .section-heading h2{font-size:clamp(1.6rem,2.2vw,2.3rem)}
.glass-overview{display:grid;grid-template-columns:1.05fr .95fr;gap:.8rem}.glass-overview article{min-width:0;overflow:hidden;border:1px solid #5d83cb91;border-radius:1rem;background:linear-gradient(135deg,#16274be8,#101a3aef 65%,#231d55dd);box-shadow:inset 0 1px #aad8ff27,0 15px 35px #0005;padding:1.15rem}.glass-overview h3{font-size:1.15rem;letter-spacing:-.02em;margin:0 0 .85rem;color:#eff7ff}.overview-pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.overview-pair>div{min-width:0}.overview-pair>div>span{display:inline-block;margin-bottom:.35rem;color:#9be7ff;font-size:.65rem;font-weight:800}.overview-pair .browser-window{overflow:hidden;max-width:none;border-radius:.4rem;box-shadow:0 0 16px #53bcf861}.overview-pair .browser-chrome{height:16px;padding:0 .3rem;font-size:.4rem}.overview-pair .browser-chrome i{width:3px;height:3px}.overview-pair .workshop-old,.overview-pair .workshop-after{min-height:177px}.overview-pair .workshop-nav{padding:.35rem .4rem!important;font-size:.45rem!important}.overview-pair .workshop-nav>span{display:none}.overview-pair .workshop-intro,.overview-pair .workshop-after-intro{padding:.5rem .45rem}.overview-pair .workshop-old h3,.overview-pair .workshop-after h3{font-size:.82rem;line-height:1.05;margin:.35rem 0}.overview-pair .workshop-old p,.overview-pair .workshop-after p{font-size:.42rem;line-height:1.25;margin:0}.overview-pair .workshop-label,.overview-pair .workshop-intro small{font-size:.38rem}.overview-pair .workshop-services,.overview-pair .workshop-assurance,.overview-pair .workshop-inputs,.overview-pair .workshop-contact,.overview-pair .workshop-about,.overview-pair .symptom-routes{display:none}.overview-pair .old-service-action{padding:.35rem .4rem}.overview-pair .old-service-action span{font-size:.4rem}.overview-pair .workshop-action{font-size:.44rem;min-height:0;padding:.3rem .4rem;margin-top:.45rem}.overview-pair .workshop-after-intro{background:linear-gradient(90deg,#101f45ef,#0d19419c),url('/assets/garage-tuner.webp') center / cover}.overview-pair .workshop-after{color:#fff;background:#13244b}.overview-pair .workshop-after .workshop-nav{background:#12264c;color:#fff}.overview-pair .workshop-after h3,.overview-pair .workshop-after p{color:#fff}
.overview-method ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:0}.overview-method li{min-width:0}.overview-method strong{display:block;color:#f7fbff;font-size:.78rem}.overview-method small{display:block;color:#bed0ef;font-size:.64rem;line-height:1.4;margin-top:.3rem}.home-method-details{margin-top:.85rem;border:1px solid #5178c0;border-radius:.8rem;background:#101e3f}.home-method-details>summary{cursor:pointer;padding:.8rem 1rem;color:#a4eaff;font-weight:700;min-height:44px}.home-method-details>.signature{margin:.5rem}.home-method-details>summary:focus-visible{outline:3px solid #8ce9ff}.home-method-details[open]>summary{border-bottom:1px solid #5178c0}
@media(max-width:1100px){.overview-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}.opening-grid{min-height:0}.hero-stage{min-height:390px}}
@media(max-width:900px){.glass-overview{grid-template-columns:1fr}.overview-method ol{grid-template-columns:repeat(4,minmax(0,1fr))}.opening-grid{padding-top:1.8rem}.hero-stage{min-height:440px}}
@media(max-width:720px){.overview-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stage{min-height:350px}}
@media(max-width:480px){.opening h1{font-size:clamp(2.35rem,9vw,3rem)}.hero-stage{min-height:310px}.overview-pair .workshop-old,.overview-pair .workshop-after{min-height:140px}.overview-pair .workshop-old h3,.overview-pair .workshop-after h3{font-size:.65rem}.overview-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.overview-pair .workshop-old h3{color:#303d38}.overview-pair .workshop-old p,.overview-pair .workshop-old .workshop-nav,.overview-pair .workshop-old .workshop-intro small{color:#45524b}

/* Studio 2.0 B review: show each decision in the sample beside its control. */
/* The measured stage slot keeps the comparison card steady while stages change. */
.overview-visual{display:grid;align-items:start}
.overview-stage{grid-area:1/1;align-self:start;min-width:0}
.overview-stage[hidden]{display:none}
.overview-visual .browser-window,.overview-visual .priority-map{max-width:none;width:100%;overflow:hidden;border-radius:.6rem;box-shadow:0 0 18px #53bcf861}
.overview-visual .browser-chrome{height:22px;padding:0 .6rem;font-size:.55rem}
.overview-visual .workshop-old,.overview-visual .workshop-after{min-height:235px}
.overview-visual .workshop-nav{padding:.55rem .8rem;font-size:.6rem}
.overview-visual .workshop-intro,.overview-visual .workshop-after-intro{padding:.8rem}
.overview-visual .workshop-old h3,.overview-visual .workshop-after h3{font-size:clamp(1.1rem,1.6vw,1.5rem)}
.overview-visual .workshop-old p,.overview-visual .workshop-after p{font-size:.7rem}
.overview-visual .workshop-after-intro{background:linear-gradient(90deg,#101f45ef,#0d19419c),url('/assets/garage-tuner.webp') center / cover}
.overview-visual .priority-map{min-height:235px;padding:1rem;background:#122449}
.overview-visual .map-heading h3{font-size:1rem}.overview-visual .question-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.overview-method li,.commitment-ledger li{position:relative}
.overview-method .overview-step{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;height:100%;min-height:7.6rem;padding:.5rem;border:1px solid transparent;border-radius:.7rem;background:transparent;color:#f7fbff;text-align:left;cursor:pointer}
.overview-method .overview-step:hover,.overview-method .overview-step[aria-pressed=true]{background:#1c3766;border-color:#78d8ff}
.overview-method .overview-step:focus-visible{outline:3px solid #8ce9ff;outline-offset:2px}
.overview-method .overview-step-number{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:.25rem;border:1px solid #51b9e3;border-radius:50%;background:#163c67;color:#90e9ff;box-shadow:0 0 12px #2bb8e97d;font-size:.75rem;font-weight:800}
.overview-method li:nth-child(even) .overview-step-number{border-color:#9d83ef;background:#382766;color:#c6b2ff;box-shadow:0 0 12px #8e6dfb66}
.overview-method .overview-step[aria-pressed=true] .overview-step-number{background:#75dfff;color:#07142e}
.overview-method .overview-step small{color:#bed0ef}
.commitment-ledger li>.commitment-flow-arrow{position:absolute;z-index:2;top:1.5rem;right:-.75rem;display:grid;place-items:center;width:1rem;height:1rem;color:#8de8ff;font-size:1.15rem;font-weight:800;line-height:1;pointer-events:none}
.commitment-ledger li>.commitment-flow-arrow{top:50%;right:-.9rem;transform:translateY(-50%)}
@media(max-width:720px){.overview-visual .question-flow{grid-template-columns:1fr}}
.overview-visual .workshop-after-intro p,.overview-visual .workshop-assurance,.overview-visual .workshop-inputs{color:#e8f4ff}
.overview-visual .workshop-old h3{color:#273b35}
.overview-visual .priority-map{color:#f4f8ff;border-color:#6c91cc}
.overview-visual .map-heading .eyebrow,.overview-visual .map-index,.overview-visual .question-flow small{color:#9be8ff}
.overview-visual .map-heading p,.overview-visual .question-flow p,.overview-visual .mobile-priority{color:#d6e6ff}
.overview-visual .question-flow li,.overview-visual .question-flow small,.overview-visual .mobile-priority{border-color:#6687b9}

/* Small arrows sit across the card edges without a background rail. */
.commitment-ledger li>.commitment-flow-arrow{
  z-index:3;top:50%;right:-1.2rem;bottom:auto;left:auto;
  width:1.75rem;height:1.75rem;border:0;border-radius:0;background:none;box-shadow:none;
  color:#77a2d1;transform:translateY(-50%);
}
.commitment-flow-arrow svg{position:relative;display:block;width:100%;height:100%;overflow:visible}
.commitment-flow-arrow path{fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
  .commitment-ledger{grid-template-columns:1fr;gap:1rem}
  .commitment-ledger li>.commitment-flow-arrow{
    top:auto;right:auto;bottom:-1.2rem;left:50%;
    transform:translateX(-50%) rotate(90deg);
  }
}

/* Keep the four selectable stages balanced within the specimen's height. */
@media(min-width:901px){
  body[data-page=home] .glass-overview .overview-method{
    display:flex;flex-direction:column;justify-content:center;
  }
}

/* Keep the handover note aligned with its content. Footer layout lives in strata.css. */
.handover-note{align-items:center;min-height:6.25rem}
.site-footer a{transition:none}
@media(max-width:720px){.handover-note{min-height:0;align-items:start}}

/* Place the stage controls above a full-width, steady specimen. */
.glass-overview{grid-template-columns:minmax(0,1fr);gap:.7rem}
.glass-overview .overview-method{padding:1rem 1.15rem}
.overview-method h3{margin-bottom:.65rem}
.overview-method ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.overview-method .overview-step{
  display:grid;grid-template-columns:2.2rem minmax(0,1fr);grid-template-rows:auto auto;
  align-content:center;align-items:center;gap:0 .65rem;min-height:5.25rem;padding:.65rem .7rem;
}
.overview-method .overview-step-number{grid-row:1/3;width:2.2rem;height:2.2rem;margin:0}
.overview-method .overview-step strong{font-size:.83rem}
.overview-method .overview-step small{margin-top:.1rem;font-size:.72rem;line-height:1.35}
.overview-method li>.overview-flow-arrow{
  position:absolute;z-index:2;top:50%;right:-1rem;width:1.5rem;height:1rem;
  fill:none;stroke:#8de8ff;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
  transform:translateY(-50%);pointer-events:none;
}
.overview-stage{display:flex;flex-direction:column;align-self:stretch}
.overview-stage .browser-window{display:flex;flex:1;flex-direction:column}
.overview-stage .browser-window>.workshop-old,.overview-stage .browser-window>.workshop-after{display:flex;flex:1;flex-direction:column}
.overview-stage .workshop-old .workshop-contact{margin-top:auto}
.overview-stage .workshop-after-intro{flex:1}
.overview-visual .priority-map{flex:1}
@media(max-width:850px){
  .overview-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-method li>.overview-flow-arrow{display:none}
}
@media(max-width:480px){
  .overview-method .overview-step{grid-template-columns:2rem minmax(0,1fr);gap:0 .45rem;min-height:5.4rem;padding:.55rem .4rem}
  .overview-method .overview-step-number{width:2rem;height:2rem}
}

/* Approved Orbit WTS lockup in the shared BG/EN chrome. */
:root{--header-clearance:6rem}
.brand-lockup{display:block;flex:0 0 auto;width:var(--lockup-width);max-width:100%;line-height:0}
.brand-lockup img{display:block;width:100%;height:auto}
.wordmark{--lockup-width:clamp(14rem,18vw,15.5rem)}
@media(max-width:900px){:root{--header-clearance:10.5rem}.wordmark{--lockup-width:12rem}}
@media(max-width:720px){
  :root{--header-clearance:10rem}
  .wordmark{--lockup-width:clamp(10.75rem,52vw,13rem)}
}
@media(max-width:374px){
  :root{--header-clearance:12.5rem}
  .wordmark{--lockup-width:12.5rem}
  .header-inner{column-gap:.3rem}
  .header-actions{gap:.25rem}
  .header-cta{min-height:2.75rem;padding:0 .1rem;border:0;background:transparent;box-shadow:none;color:#a9e8ff;font-size:.7rem}
  .header-cta:hover{background:transparent;color:#fff}
  .primary-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:0}
  .primary-nav a:nth-child(-n+2){grid-column:span 3}
  .primary-nav a:nth-child(n+3){grid-column:span 2}
}


/* The approved Orbit artwork assembles once, then remains still. */
.opening-grid{min-height:0;padding-block:clamp(2rem,4vw,3rem) clamp(1rem,2vw,2rem)}
.opening h1{margin-bottom:1.5rem}
.hero-brand-stage{display:grid;place-items:center;min-width:0;min-height:clamp(250px,29vw,425px)}
.hero-brand-art{position:relative;width:100%;aspect-ratio:2172/724}
.hero-brand-art img,.hero-brand-symbol{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
/* The hero uses transparent source-pixel layers and path-driven reveal masks. */
.hero-brand-art .hero-brand-symbol,.hero-brand-art .hero-brand-finished{display:none}
.hero-brand-art.orbit-ready .hero-brand-symbol{display:block}
.hero-brand-art.orbit-static .hero-brand-finished{display:block}
@media(max-width:900px){.hero-brand-stage{min-height:clamp(210px,40vw,340px)}}
@media(max-width:720px){.hero-brand-stage{min-height:clamp(155px,47vw,240px)}.opening-grid{gap:.5rem}}
@media(prefers-reduced-motion:reduce){.hero-brand-art.orbit-ready .hero-brand-symbol,.hero-brand-art .hero-brand-noscript{display:none}.hero-brand-art .hero-brand-finished{display:block}}

/* One approved four-card control replaces both the preview and the old progress rail. */
body[data-page=home] .home-method-details{margin-top:0;overflow:hidden;border:1px solid #5d83cb91;border-radius:1rem;background:linear-gradient(135deg,#16274be8,#101a3aef 65%,#231d55dd);box-shadow:inset 0 1px #aad8ff27,0 15px 35px #0005}
body[data-page=home] .home-method-details>summary{padding:1rem 1.15rem;color:#a4eaff}
body[data-page=home] .home-method-details>.signature{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page=home] .signature-compact .method-viewbar{justify-content:flex-end}
body[data-page=home] .signature-compact .method-viewbar .device-controls{width:auto}
body[data-page=home] .signature-compact .signature-toolbar{display:block;padding:1rem 1.15rem;border:0;background:transparent}
body[data-page=home] .signature-compact .overview-method{width:100%}
body[data-page=home] .signature-compact .overview-method h3{margin:0 0 .65rem;color:#eff7ff;font-size:1.15rem}
body[data-page=home] .signature-compact .overview-method .stage-tabs{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;min-width:0;margin:0;padding:0;list-style:none}
body[data-page=home] .signature-compact .stage-tabs li{position:relative;min-width:0}
body[data-page=home] .signature-compact .stage-tabs .overview-step{display:grid;grid-template-columns:2.2rem minmax(0,1fr);grid-template-rows:auto;align-content:center;align-items:center;gap:0 .65rem;width:100%;height:100%;min-height:5.25rem;padding:.65rem .7rem;border:1px solid transparent;border-radius:.7rem;background:transparent;color:#f7fbff;text-align:left;cursor:pointer}
body[data-page=home] .signature-compact .stage-tabs .overview-step:hover,body[data-page=home] .signature-compact .stage-tabs .overview-step[aria-selected=true]{border-color:#78d8ff;background:#1c3766}
body[data-page=home] .signature-compact .stage-tabs .overview-step:focus-visible{outline:3px solid #8ce9ff;outline-offset:2px}
body[data-page=home] .signature-compact .overview-step-number{display:grid;grid-row:1;place-items:center;width:2.2rem;height:2.2rem;margin:0;border:1px solid #51b9e3;border-radius:50%;background:#163c67;color:#90e9ff;box-shadow:0 0 12px #2bb8e97d;font-size:.75rem;font-weight:800}
body[data-page=home] .signature-compact .stage-tabs li:nth-child(even) .overview-step-number{border-color:#9d83ef;background:#382766;color:#c6b2ff;box-shadow:0 0 12px #8e6dfb66}
body[data-page=home] .signature-compact .stage-tabs .overview-step[aria-selected=true] .overview-step-number{background:#75dfff;color:#07142e}
body[data-page=home] .signature-compact .overview-step-copy{min-width:0}
body[data-page=home] .signature-compact .overview-step-copy strong{display:block;color:#f7fbff;font-size:.83rem}
body[data-page=home] .signature-compact .overview-step-copy small{display:block;margin-top:.1rem;color:#bed0ef;font-size:.72rem;line-height:1.35}
body[data-page=home] .signature-compact .stage-tabs li>.overview-flow-arrow{position:absolute;z-index:2;top:50%;right:-1rem;display:block;width:1.5rem;height:1rem;fill:none;stroke:#8de8ff;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%);pointer-events:none}
body[data-page=home] .signature-compact .signature-stage{--demo-frame-gap:clamp(.6rem,1.2vw,1rem);margin:var(--demo-frame-gap) 1.15rem;padding:clamp(.7rem,1.5vw,1.15rem);border:1px solid #5d83cb91;border-radius:.75rem;background:#122449;box-shadow:inset 0 1px #aad8ff27}
body[data-page=home] .signature-compact .signature-stage .browser-window{box-shadow:0 12px 35px #0009,0 0 18px #53bcf861}
@media(max-width:850px){body[data-page=home] .signature-compact .overview-method .stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=home] .signature-compact .stage-tabs li>.overview-flow-arrow{display:none}}
@media(max-width:480px){body[data-page=home] .signature-compact .stage-tabs .overview-step{grid-template-columns:2rem minmax(0,1fr);gap:0 .45rem;min-height:5.4rem;padding:.55rem .4rem}body[data-page=home] .signature-compact .overview-step-number{width:2rem;height:2rem}body[data-page=home] .signature-compact .signature-stage{margin:var(--demo-frame-gap) .5rem;padding:.5rem}}

#transformation{scroll-margin-top:var(--header-clearance)}