/* Power X: exact tokens from design.md. Marketing copy is locked in copy.md. */
:root {
  --px-carbon:#0D0E0E; --px-carbon-soft:#141616; --px-paper:#F4F1EA;
  --px-paper-bright:#FAF8F3; --px-ink:#111212; --px-graphite:#686A67;
  --px-muted-dark:#A9ABA7; --px-gold:#F5A31A; --px-rule-light:#C4C0B7;
  --px-rule-dark:#474A49; --px-white:#FAF8F3;
  --type-display-xl:clamp(4.5rem,6.6vw,7.25rem);
  --type-display-lg:clamp(3.6rem,5.2vw,5.8rem);
  --type-display-md:clamp(3rem,4.3vw,4.75rem);
  --type-h2:clamp(2.6rem,3.6vw,4.1rem); --type-h3:clamp(1.55rem,2vw,2.15rem);
  --type-body-lg:clamp(1.2rem,1.45vw,1.55rem); --type-body:clamp(1rem,1.1vw,1.2rem);
  --type-small:.875rem; --type-eyebrow:clamp(.72rem,.8vw,.82rem);
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --space-9:80px; --space-10:96px; --space-11:128px; --space-12:160px;
  --container-max:1440px; --gutter-xl:56px; --gutter-lg:48px; --gutter-md:32px; --gutter-sm:20px;
  --gutter:var(--gutter-xl); --ease:cubic-bezier(.16,1,.3,1);
}
/* Reset / base */
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; background:var(--px-paper); color:var(--px-ink); font-family:"Instrument Sans",sans-serif; -webkit-font-smoothing:antialiased; }
body.menu-open { overflow:hidden; }
img { display:block; max-width:100%; }
h1,h2,h3,p,figure,blockquote { margin:0; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
button { color:inherit; }
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.dark :focus-visible,.site-header :focus-visible,.mobile-menu :focus-visible { outline-color:var(--px-gold); }
[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.filter-definitions { position:absolute; width:0; height:0; pointer-events:none; }
.skip-link { position:fixed; z-index:100; left:20px; top:12px; padding:16px 24px; background:var(--px-gold); color:var(--px-carbon); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
::selection { background:var(--px-gold); color:var(--px-carbon); }
/* Typography / shared layout */
.container { width:min(calc(100% - var(--gutter)*2),var(--container-max)); margin-inline:auto; }
.section { padding-block:clamp(96px,8vw,128px); }
.centred { text-align:center; }
.dark { background:var(--px-carbon); color:var(--px-white); }
.eyebrow { font-family:"IBM Plex Mono",monospace; font-size:var(--type-eyebrow); line-height:1.35; font-weight:500; letter-spacing:.15em; text-transform:uppercase; margin-bottom:var(--space-6); }
.eyebrow::before { content:""; display:inline-block; width:1px; height:22px; background:var(--px-gold); margin-right:16px; vertical-align:middle; }
.section-heading { font-size:var(--type-display-md); font-weight:700; line-height:1; letter-spacing:-.045em; margin-bottom:var(--space-6); }
.heading-line { display:block; }
.body { font-size:var(--type-body-lg); line-height:1.55; font-weight:400; }
.measure { max-width:60ch; margin-inline:auto; }
.subheading { font-size:var(--type-body-lg); line-height:1.5; max-width:64ch; margin-inline:auto; }
.short-rule { width:80px; height:1px; background:var(--px-gold); margin:var(--space-7) auto; }
.button { display:inline-flex; gap:24px; align-items:center; justify-content:center; padding:18px 28px; min-height:56px; border:1px solid transparent; border-radius:1px; background:var(--px-gold); color:var(--px-carbon); font-size:14px; line-height:1.3; font-weight:700; letter-spacing:.055em; transition:background 220ms var(--ease); }
.button .arrow { font-size:24px; font-weight:400; line-height:.7; transition:transform 200ms var(--ease); }
.button:hover,.button:focus-visible { background:#eda01d; }
.button:hover .arrow,.button:focus-visible .arrow { transform:translateX(5px); }
.button:active { transform:translateY(1px); background:#eda01d; }
.button:active .arrow { transform:translateX(3px); }
.unavailable { color:var(--px-muted-dark); cursor:default; }
/* Real supplied logo: crop transparent margins with CSS, never mutate masters. */
.brand-logo { display:block; position:relative; width:180px; height:58px; overflow:hidden; }
.brand-logo img { width:200px; height:auto; max-width:none; position:absolute; left:-10px; top:-63px; }
.brand-logo--light img { filter:url(#logo-light); }
.brand-link { display:inline-flex; flex-shrink:0; }
.brand-link:hover { opacity:.85; }
.brand-link:active { transform:translateY(1px); }
/* Header / accessible navigation */
.site-header { background:var(--px-carbon); color:var(--px-white); position:relative; z-index:20; }
.header-inner { min-height:80px; padding-inline:var(--gutter); max-width:1800px; margin:auto; display:flex; gap:30px; align-items:center; justify-content:space-between; }
.desktop-nav { display:flex; align-items:center; gap:clamp(16px,1.8vw,30px); font-size:14px; }
.desktop-nav>a { position:relative; padding-block:16px; color:rgb(250 248 243 / 90%); white-space:nowrap; cursor:pointer; transition:color 180ms var(--ease); }
.desktop-nav>a::after,.services-disclosure>button::after,.mobile-primary a::after { content:""; position:absolute; right:0; bottom:5px; left:0; height:1px; background:var(--px-gold); transform:scaleX(0); transform-origin:left center; transition:transform 180ms var(--ease); }
.desktop-nav>a:hover,.desktop-nav>a:focus-visible { color:var(--px-white); }
.desktop-nav>a:hover::after,.desktop-nav>a:focus-visible::after { transform:scaleX(1); }
.desktop-nav>a:focus-visible,.services-disclosure>button:focus-visible,.mobile-primary a:focus-visible,.mobile-primary button:focus-visible,.mobile-services a:focus-visible { outline:none; }
.desktop-nav a:active,.desktop-nav button:active { transform:translateY(1px); }
.desktop-nav>a[aria-current] { color:var(--px-white); }
.desktop-nav>a[aria-current]::after { transform:scaleX(1); }
.services-disclosure { position:relative; }
.services-disclosure>button { position:relative; padding:16px 0; border:0; background:none; color:rgb(250 248 243 / 90%); font-size:14px; display:flex; gap:8px; align-items:center; cursor:pointer; transition:color 180ms var(--ease); }
.services-disclosure>button:hover,.services-disclosure>button:focus-visible,.services-disclosure>button[aria-expanded="true"] { color:var(--px-white); }
.services-disclosure>button:hover::after,.services-disclosure>button:focus-visible::after,.services-disclosure>button[aria-expanded="true"]::after { transform:scaleX(1); }
.services-disclosure>button>span { display:inline-block; transition:transform 180ms var(--ease); }
.services-disclosure>button[aria-expanded="true"]>span { transform:rotate(180deg); }
.services-menu { position:absolute; z-index:30; top:100%; left:-24px; width:340px; padding:12px; background:var(--px-carbon-soft); border:1px solid var(--px-rule-dark); box-shadow:0 12px 30px #0d0e0e26; }
.services-menu a { display:block; position:relative; padding:14px 12px; color:rgb(250 248 243 / 90%); line-height:1.4; cursor:pointer; transition:color 180ms var(--ease); }
.services-menu a::after { content:""; position:absolute; right:12px; bottom:9px; left:12px; height:1px; background:var(--px-gold); transform:scaleX(0); transform-origin:left center; transition:transform 180ms var(--ease); }
.services-menu a:hover,.services-menu a:focus-visible { color:var(--px-gold); }
.services-menu a:hover::after,.services-menu a:focus-visible::after { transform:scaleX(1); }
.header-quote { font-size:11px; padding:16px 18px; min-height:48px; gap:12px; white-space:nowrap; }
.header-quote .arrow { font-size:20px; }
.menu-toggle { display:none; width:48px; height:48px; border:0; padding:12px 7px; background:none; }
.menu-toggle span { display:block; height:1px; background:var(--px-white); margin:7px 0; }
.menu-toggle:hover span { background:var(--px-gold); }
.menu-toggle:active { transform:translateY(1px); }
.mobile-menu { background:var(--px-carbon); color:var(--px-white); border:0; margin:0 0 auto auto; width:min(100%,520px); max-width:100%; height:100dvh; max-height:100dvh; overflow-y:auto; overscroll-behavior:contain; padding:16px 24px calc(24px + env(safe-area-inset-bottom)); }
.mobile-menu::backdrop { background:#0d0e0eb3; }
.mobile-menu .brand-logo--light img { filter:url(#header-logo-light); }
.mobile-menu .brand-logo { width:164px; height:54px; }
.mobile-menu .brand-logo img { width:182px; top:-57px; }
.menu-top { position:sticky; z-index:1; top:-16px; display:flex; align-items:center; justify-content:space-between; background:var(--px-carbon); border-bottom:1px solid var(--px-rule-dark); padding:16px 0; }
.menu-close { background:none; border:0; width:48px; height:48px; padding:0; font-size:28px; font-weight:400; line-height:1; }
.menu-close:hover { color:var(--px-gold); }
.menu-close:active { transform:translateY(1px); }
.mobile-primary { display:block; padding:18px 0 16px; border-bottom:1px solid var(--px-rule-dark); }
.mobile-primary>a,.mobile-services-disclosure>button { position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; min-height:56px; padding:0; border:0; border-bottom:1px solid rgb(71 74 73 / 72%); background:none; color:rgb(250 248 243 / 90%); font-size:19px; font-weight:500; line-height:1.2; text-align:left; cursor:pointer; transition:color 180ms var(--ease),transform 180ms var(--ease); }
.mobile-primary>a::after,.mobile-services-disclosure>button::after { content:""; position:absolute; bottom:-1px; left:0; width:32px; height:1px; background:var(--px-gold); transform:scaleX(0); transform-origin:left center; transition:transform 180ms var(--ease); }
.mobile-primary>a:hover,.mobile-primary>a:focus-visible,.mobile-primary>a[aria-current],.mobile-services-disclosure>button:hover,.mobile-services-disclosure>button:focus-visible,.mobile-services-disclosure>button[aria-expanded="true"] { color:var(--px-white); }
.mobile-primary>a:hover::after,.mobile-primary>a:focus-visible::after,.mobile-primary>a[aria-current]::after,.mobile-services-disclosure>button:hover::after,.mobile-services-disclosure>button:focus-visible::after,.mobile-services-disclosure>button[aria-expanded="true"]::after { transform:scaleX(1); }
.mobile-services-chevron { color:var(--px-gold); font-size:23px; font-weight:400; transition:transform 180ms var(--ease); }
.mobile-services-disclosure>button[aria-expanded="true"] .mobile-services-chevron { transform:rotate(180deg); }
.mobile-services { max-height:0; overflow:hidden; visibility:hidden; margin:0 0 2px 18px; border-left:1px solid var(--px-gold); opacity:0; transition:max-height 220ms var(--ease),opacity 160ms var(--ease),visibility 0s linear 220ms; }
.mobile-services.is-open { max-height:420px; visibility:visible; opacity:1; transition:max-height 220ms var(--ease),opacity 180ms var(--ease); }
.mobile-services a { position:relative; display:flex; align-items:center; min-height:38px; padding:6px 0 6px 18px; color:rgb(250 248 243 / 72%); font-size:15px; line-height:1.25; cursor:pointer; transition:color 180ms var(--ease),transform 180ms var(--ease); }
.mobile-services a:hover,.mobile-services a:focus-visible { color:var(--px-gold); }
.mobile-menu nav a:active { transform:translateX(2px); }
.mobile-menu>.button { width:100%; min-height:56px; margin-top:20px; padding:16px 18px; font-size:14px; font-weight:600; letter-spacing:0; }
/* Hero */
.hero { display:grid; grid-template-columns:46% 54%; }
.hero-copy { min-width:0; padding:clamp(56px,5vw,80px) 40px clamp(56px,5vw,80px) max(var(--gutter),calc((100vw - 1440px)/2)); }
.hero-callout { max-width:100%; font-size:clamp(10px,.7vw,12px); line-height:1.6; letter-spacing:.08em; border-block:1px solid var(--px-rule-light); padding-block:12px; margin-bottom:36px; }
.hero-callout::before { display:none; }
.hero h1 { font-size:clamp(44px,4.4vw,72px); line-height:.96; letter-spacing:-.055em; margin-bottom:32px; }
.hero h1 .heading-line { white-space:nowrap; }
.hero h1 .heading-line:last-child { font-size:1em; letter-spacing:-.05em; margin-top:8px; }
.hero-body { font-size:var(--type-body-lg); line-height:1.5; max-width:44ch; margin-bottom:28px; }
.hero .button { gap:16px; font-size:12px; padding-inline:20px; }
.reassurance { font-size:14px; color:var(--px-graphite); line-height:1.5; max-width:45ch; margin-top:16px; }
.hero-image { position:relative; min-width:0; overflow:hidden; }
.hero-image img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:73% 50%; }
/* Section 2: approved typography-led problem composition. */
.problem { padding-block:clamp(52px,4.5vw,72px) clamp(68px,6vw,96px); }
.problem-frame { display:flex; flex-direction:column; align-items:center; }
.problem-top-rules { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,3vw,56px); width:min(100%,1340px); margin-bottom:clamp(32px,2.6vw,42px); }
.problem-top-rules span,.problem-bottom-rule { height:1px; background:var(--px-rule-light); }
.problem .eyebrow { display:flex; align-items:center; justify-content:center; margin-bottom:clamp(38px,3.2vw,54px); font-size:clamp(11px,.9vw,14px); letter-spacing:.18em; }
.problem .eyebrow::before { flex:0 0 2px; height:44px; margin-right:22px; }
.problem .section-heading { width:min(87%,1420px); max-width:none; margin-bottom:clamp(30px,2.6vw,42px); font-size:clamp(66px,5.5vw,98px); font-weight:700; line-height:.95; letter-spacing:-.06em; }
.problem .heading-line { display:block; white-space:nowrap; }
.problem .body { width:min(100%,880px); max-width:43ch; font-size:clamp(18px,1.35vw,21px); line-height:1.45; }
.problem-bottom-rule { width:min(100%,1340px); margin-top:clamp(48px,4vw,68px); }
.mechanism { overflow:clip; }
.mechanism-grid { display:grid; grid-template-columns:5fr 7fr; align-items:center; gap:64px; }
.mechanism .section-heading { font-size:var(--type-display-md); }
.mechanism .body { color:var(--px-muted-dark); font-size:var(--type-body-lg); }
.document-art { height:430px; position:relative; margin-right:20px; }
.document-back { position:absolute; inset:20px 18% 15px 8%; border:1px solid var(--px-rule-dark); transform:rotate(-9deg); background:repeating-linear-gradient(0deg,transparent,transparent 31px,#474a4933 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#474a4933 32px); }
.document-sheet { position:absolute; inset:0 4% 0 20%; padding:38px; background:var(--px-paper); color:var(--px-carbon); transform:rotate(7deg); box-shadow:-8px 12px 0 #141616,0 20px 50px #0003; }
.document-sheet .brand-logo { width:150px; height:56px; }
.document-sheet .brand-logo img { width:170px; top:-53px; }
.document-rule { height:1px; margin:26px 0; background:var(--px-gold); width:45%; }
.document-lines { display:grid; gap:22px; }
.document-lines i { height:1px; background:var(--px-rule-light); }
.document-lines i:nth-child(3n) { width:70%; }
.document-register { margin-top:32px; display:flex; justify-content:space-between; }
.document-register i { width:12px; height:12px; border-top:1px solid var(--px-graphite); border-left:1px solid var(--px-graphite); }
.document-register i:last-child { transform:rotate(180deg); }
/* Services: source-order architectural sheets */
.services { padding-block:80px; }
.services-intro { max-width:1240px; margin:0 auto 52px; }
.services-intro .eyebrow { margin-bottom:24px; }
.services-intro .section-heading { margin-bottom:20px; font-size:clamp(42px,4vw,64px); line-height:.98; }
.services-intro .body { max-width:76ch; margin-inline:auto; font-size:clamp(18px,1.35vw,21px); line-height:1.45; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.service-card { position:relative; min-height:430px; isolation:isolate; color:var(--px-white); background:var(--px-carbon); overflow:clip; display:flex; align-items:flex-end; scroll-margin-top:24px; }
.service-card>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 220ms var(--ease),filter 220ms var(--ease); }
.service-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 12%,#0d0e0e33 28%,#0d0e0ef2 57%,var(--px-carbon) 100%); z-index:-1; }
.service-card:nth-child(2)>img { object-position:60% 40%; }
.service-card:nth-child(5)>img { object-position:76% 30%; }
.service-card:nth-child(6)>img { object-position:75% 40%; }
.service-content { padding:26px; width:100%; }
.service-index { font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--px-gold); display:flex; align-items:center; gap:16px; margin-bottom:12px; }
.service-index span { height:1px; background:#faf8f366; flex:1; }
.service-card h2 { font-size:clamp(24px,2vw,32px); font-weight:650; letter-spacing:-.035em; line-height:1.08; margin-bottom:12px; transition:color 180ms var(--ease); }
.service-card .body { font-size:17px; line-height:1.45; }
.service-destination { position:relative; display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:14px; color:rgb(250 248 243 / 88%); font-size:14px; line-height:1.4; cursor:pointer; transition:color 200ms var(--ease); }
.service-destination::after { content:""; position:absolute; right:0; bottom:4px; left:0; height:1px; background:var(--px-gold); transform:scaleX(0); transform-origin:left center; transition:transform 200ms var(--ease); }
.service-arrow { display:inline-block; color:currentColor; font-size:18px; line-height:1; transition:transform 200ms var(--ease); }
.service-card:hover>img,.service-card:focus-within>img { transform:scale(1.02); filter:brightness(1.035) contrast(1.02); }
.service-card:hover h2,.service-card:focus-within h2 { color:var(--px-white); }
.service-destination:hover,.service-destination:focus-visible,.service-destination:active { color:var(--px-gold); }
.service-destination:hover::after,.service-destination:focus-visible::after,.service-destination:active::after { transform:scaleX(1); }
.service-destination:hover .service-arrow,.service-destination:focus-visible .service-arrow { transform:translateX(5px); }
.service-destination:active .service-arrow { transform:translateX(4px); }
.service-destination:focus-visible { outline:0; }
/* Social proof: natural scroll remains available when motion is stopped. */
.social .section-heading { font-size:var(--type-display-md); }
.social .subheading { margin-bottom:32px; }
.ticker { position:relative; }
.ticker-viewport { overflow-x:auto; scrollbar-width:none; scroll-behavior:auto; overscroll-behavior-x:contain; touch-action:pan-x pan-y; cursor:grab; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%); }
.ticker-viewport::-webkit-scrollbar { display:none; }
.ticker-viewport:active { cursor:grabbing; }
.ticker-track { display:flex; width:max-content; gap:24px; }
.ticker-group { display:flex; width:var(--group-width, calc(100vw - var(--gutter)*2)); gap:24px; }
.ticker-group>* { flex:0 0 var(--item-width,400px); }
.review-card { border:1px solid var(--px-rule-dark); background:var(--px-carbon-soft); padding:24px; text-align:left; display:flex; flex-direction:column; min-height:236px; }
.stars { color:var(--px-gold); font-size:21px; letter-spacing:2px; margin-bottom:12px; }
.review-card blockquote { flex:1; }
.review-card .body { font-size:18px; line-height:1.5; }
.review-card figcaption { font-size:14px; border-top:1px solid var(--px-rule-dark); padding-top:12px; margin-top:16px; }
.gallery { margin-top:24px; scroll-margin-top:24px; }
.gallery-image { aspect-ratio:16/10; overflow:hidden; }
.gallery-image img { width:100%; height:100%; object-fit:cover; }
/* Process and benefits */
.process .eyebrow { margin-bottom:28px; }
.process .section-heading { margin-bottom:28px; }
.process .heading-line { display:inline; }
.process-dot { color:var(--px-gold); }
.process-rows,.benefit-rows { list-style:none; padding:0; margin:56px auto 0; max-width:1200px; }
.process-rows { margin-top:48px; }
.process-rows li,.benefit-rows li { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:40px; padding:30px 16px; border-bottom:1px solid var(--px-rule-light); }
.process-rows li:last-child,.benefit-rows li:last-child { border-bottom:0; }
.row-number { font-size:54px; line-height:1; font-weight:400; letter-spacing:-.06em; color:var(--px-graphite); }
.process-rows .row-number { color:var(--px-ink); }
.process-rows li:first-child { border-bottom-color:var(--px-gold); }
.process-rows li:first-child .row-number { color:var(--px-gold); }
.process-rows .body { border-left:1px solid var(--px-rule-light); padding-left:40px; }
.benefits { padding-top:72px; border-top:1px solid var(--px-rule-light); }
.benefit-dot { color:var(--px-gold); }
.benefit-rows { max-width:960px; margin-top:48px; }
.benefit-rows li { padding-block:36px; grid-template-columns:110px 1fr; gap:28px; }
.benefit-rows p { font-size:var(--type-body-lg); line-height:1.5; border-left:1px solid var(--px-rule-light); padding-left:28px; }
.benefit-rows strong { display:block; font-weight:700; }
/* Inert until three verified case studies are supplied. */
.case-study-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:48px; text-align:left; }
.case-study-card { border:1px solid var(--px-rule-light); }
.case-study-card>img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.case-study-card>div { padding:24px; }
.case-study-card h3 { font-size:24px; line-height:1.2; letter-spacing:-.03em; margin-bottom:16px; }
.case-study-card p { font-size:18px; line-height:1.5; }
.case-study-card a { display:inline-flex; min-height:44px; align-items:center; margin-top:24px; text-decoration:underline; text-underline-offset:5px; }
.case-study-card a:hover { text-decoration-color:var(--px-gold); }
.case-study-card a:active { transform:translateY(1px); }
/* Offers / checklist / closes */
.offer { padding-block:96px; border-top:1px solid var(--px-rule-light); }
.offer .section-heading { font-size:calc(var(--type-display-md) * 1.09); margin-bottom:40px; }
.offer-dot { color:var(--px-gold); }
.offer .short-rule { background:var(--px-rule-light); }
.offer .measure { max-width:55ch; }
.offer .button,.final-cta .button { margin-top:40px; padding:22px 34px; font-size:15px; }
.offer .button { margin-top:36px; }
@media (min-width:600px) { .offer .button { width:510px; } }
.checklist-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; align-items:start; }
.checklist-heading { grid-column:2; grid-row:1; }
.checklist-heading .section-heading { font-size:var(--type-display-md); }
.checklist-heading .subheading { margin:0; }
.checklist-action { grid-column:2; grid-row:2; }
.checklist-action>.body { margin-top:32px; padding-top:32px; border-top:1px solid var(--px-rule-dark); font-size:var(--type-body); line-height:1.6; color:var(--px-muted-dark); }
.booklet-art { grid-column:1; grid-row:1 / 3; align-self:center; display:flex; align-items:center; justify-content:center; min-height:540px; perspective:1200px; }
.booklet { width:360px; height:480px; transform:rotate(-8deg) rotateY(9deg); position:relative; background:var(--px-paper); box-shadow:1px 2px 0 #c4c0b7,3px 4px 0 #f4f1ea,5px 6px 0 #c4c0b7,0 24px 45px #0005; }
.booklet::before { content:""; position:absolute; inset:8px -14px -10px 12px; background:var(--px-paper); z-index:-1; transform:rotate(3deg); }
.booklet-cover { position:absolute; inset:0 0 8px; padding:30px; background:var(--px-carbon-soft); border:1px solid var(--px-rule-dark); box-shadow:inset 8px 0 0 #0d0e0e; display:flex; flex-direction:column; }
.booklet-cover .brand-logo { transform-origin:left top; transform:scale(.85); }
.booklet-title { font-size:43px; font-weight:700; line-height:1; letter-spacing:-.045em; margin-top:65px; }
.booklet-rule { width:100%; height:1px; background:var(--px-rule-dark); margin-top:30px; }
.booklet-mark { width:50px; height:2px; background:var(--px-gold); margin-top:auto; }
#checklist-form { margin-top:28px; }
.form-field { margin-bottom:16px; }
.form-field label { display:block; font-size:14px; margin-bottom:8px; }
.form-field input { width:100%; min-height:54px; border:1px solid var(--px-muted-dark); border-radius:1px; padding:14px 16px; background:var(--px-carbon-soft); color:var(--px-white); }
.form-field input[aria-invalid="true"] { border:2px solid var(--px-gold); }
.field-error { font-size:14px; line-height:1.5; margin-top:8px; color:var(--px-white); }
#checklist-form .button { width:100%; }
.form-status { font-size:14px; line-height:1.5; margin-top:16px; }
.form-status:empty { display:none; }
.guarantee-dot,.guarantee-close-dot { color:var(--px-gold); }
.guarantee .measure { max-width:54ch; }
.guarantee .body { margin-top:40px; }
.guarantee .short-rule { margin:43px auto; }
.guarantee-close { font-size:calc(clamp(28px,3vw,44px) * 1.08); font-weight:700; letter-spacing:-.03em; line-height:1.15; }
@media (min-width:900px) {
  .guarantee { padding-top:clamp(84px,7vw,112px); }
  .guarantee .section-heading { font-size:calc(var(--type-display-md) * 1.09); }
}
.final-cta { position:relative; isolation:isolate; }
.final-cta::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.025; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.final-cta .section-heading { font-size:var(--type-display-lg); }
.final-cta .body { color:var(--px-muted-dark); }
.waiting { padding-bottom:72px; }
.postscript { padding-block:48px 64px; }
.postscript .short-rule { margin-top:0; margin-bottom:24px; }
.postscript h2 { font-size:32px; font-weight:500; line-height:1.2; margin-bottom:24px; }
.postscript .body { font-size:18px; max-width:65ch; }
.button--quiet { margin-top:28px; font-size:12px; min-height:52px; padding:16px 24px; }
/* Footer */
.site-footer { padding-block:64px 28px; position:relative; isolation:isolate; overflow:clip; }
.footer-content { position:relative; z-index:1; border-top:1px solid var(--px-rule-dark); padding-top:32px; text-align:center; }
.footer-brand { margin-bottom:24px; }
.contact-row { display:flex; align-items:center; justify-content:center; gap:0; font-size:18px; line-height:1.5; }
.contact-row>* { padding:8px 30px; }
.contact-row>*+* { border-left:1px solid var(--px-rule-dark); }
.footer-primary { display:flex; justify-content:space-between; gap:20px; padding-block:40px 28px; }
.footer-primary>* { font-size:13px; text-transform:uppercase; letter-spacing:.13em; padding-block:12px; }
.footer-services-title { margin:8px 0 20px; color:var(--px-muted-dark); }
.footer-services-title::before { width:40px; height:1px; }
.footer-services-title::after { content:""; display:inline-block; width:40px; height:1px; background:var(--px-gold); margin-left:16px; vertical-align:middle; }
.footer-services { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; margin-bottom:40px; }
.footer-services a { font-size:15px; min-height:44px; display:flex; align-items:center; padding-block:10px; }
.footer-legal { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:28px; border-top:1px solid var(--px-rule-dark); font-size:12px; }
.footer-legal>div { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.footer-legal a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-decoration-color:var(--px-gold); text-underline-offset:5px; }
.site-footer a:hover { color:var(--px-gold); }
.site-footer a:active { transform:translateY(1px); }
.footer-watermark { position:absolute; width:720px; height:640px; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; opacity:.03; pointer-events:none; }
.footer-watermark img { position:absolute; max-width:none; width:2500px; height:auto; left:-1620px; top:-815px; filter:grayscale(1) brightness(0) invert(1); }
/* Motion is progressive enhancement: base content is always visible. */
@keyframes text-enter { from { opacity:.3; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes curtain-enter { from { transform:scaleX(1); } to { transform:scaleX(0); } }
.reveal-enter { animation:text-enter 600ms var(--ease) both; }
.hero .section-heading { animation:text-enter 650ms var(--ease); }
.hero-image::after { content:""; position:absolute; inset:0; pointer-events:none; background:var(--px-paper); transform:scaleX(0); transform-origin:right; animation:curtain-enter 850ms var(--ease); }
/* Responsive composition */
@media (max-width:1439px) {
  :root { --gutter:var(--gutter-lg); }
  .header-inner { gap:20px; }
  .header-inner .brand-logo { width:155px; }
  .header-inner .brand-logo img { width:174px; top:-53px; }
  .desktop-nav { gap:17px; font-size:13px; }
  .services-disclosure>button { font-size:13px; }
  .header-quote { padding-inline:14px; font-size:10px; gap:10px; }
  .hero-copy { padding-right:32px; }
  .mechanism-grid { gap:40px; }
  .checklist-grid { gap:0 56px; }
}
@media (max-width:1199px) {
  :root { --gutter:var(--gutter-md); }
  .desktop-nav { display:none; }
  .menu-toggle { display:block; }
  .header-quote { margin-left:auto; font-size:12px; }
  .hero-copy { padding-block:48px; padding-right:28px; }
  .hero h1 { font-size:clamp(44px,4.6vw,56px); }
  .hero .button { font-size:11px; gap:10px; padding-inline:14px; }
  .service-content { padding:22px; }
  .service-card { min-height:460px; }
  .service-card .body { font-size:16px; }
  .document-art { height:380px; }
  .document-sheet { padding:24px; }
  .booklet { width:300px; height:420px; }
  .booklet-title { font-size:36px; margin-top:54px; }
  .contact-row>* { padding-inline:20px; font-size:16px; }
}
@media (max-width:899px) {
  .case-study-grid { grid-template-columns:1fr; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:48px var(--gutter); max-width:760px; }
  .hero h1 { font-size:64px; }
  .hero h1 .heading-line:last-child { font-size:1em; }
  .hero-body { max-width:54ch; }
  .hero .button { font-size:13px; }
  .hero-image { height:230px; }
  .hero-image img { object-position:70% 42%; }
  .section { padding-block:80px; }
  .section-heading { font-size:44px; }
  .problem { text-align:center; }
  .problem .section-heading { font-size:44px; }
  .problem .heading-line { display:block; white-space:normal; }
  .problem .body { margin-inline:auto; }
  .mechanism-grid { gap:32px; grid-template-columns:1fr; }
  .mechanism-copy { max-width:650px; }
  .mechanism .section-heading { font-size:44px; }
  .document-art { height:200px; max-width:500px; width:100%; margin:0 auto; overflow:clip; }
  .document-sheet { inset:12px 12% -140px 24%; }
  .service-grid { gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-card { min-height:440px; }
  .review-card { padding:24px; min-height:250px; }
  .checklist-grid { grid-template-columns:1fr; }
  .checklist-heading { grid-column:1; grid-row:1; }
  .checklist-heading .section-heading { font-size:44px; }
  .booklet-art { grid-column:1; grid-row:2; min-height:0; height:190px; margin-block:28px; overflow:clip; }
  .booklet { width:160px; height:210px; transform:rotate(-8deg); margin-top:24px; }
  .booklet-cover { padding:14px; }
  .booklet-cover .brand-logo { transform:scale(.52); height:32px; }
  .booklet-title { font-size:22px; margin-top:12px; }
  .booklet-rule { margin-top:16px; }
  .booklet-mark { width:24px; }
  .checklist-action { grid-column:1; grid-row:3; }
  .checklist-action>.body { margin-top:0; padding-top:0; border-top:0; font-size:18px; }
  .checklist-grid { max-width:660px; }
  .process-rows li,.benefit-rows li { grid-template-columns:70px 1fr; gap:24px; padding-inline:0; }
  .process-rows .body { padding-left:24px; }
  .contact-row { flex-direction:column; }
  .contact-row>* { padding:6px 0; }
  .contact-row>*+* { border-left:0; }
  .footer-primary { display:grid; grid-template-columns:repeat(4,1fr); gap:0 12px; border-top:1px solid var(--px-rule-dark); margin-top:28px; padding-block:20px; }
  .footer-services { display:grid; justify-content:center; gap:0; margin-bottom:28px; }
  .footer-services a { justify-content:center; }
  .footer-legal { flex-direction:column; gap:10px; }
  .footer-watermark { opacity:.015; }
}
@media (max-width:599px) {
  :root { --gutter:var(--gutter-sm); --type-body:17px; --type-body-lg:18px; --type-eyebrow:11px; }
  .header-inner { min-height:68px; }
  .header-quote { display:none; }
  .header-inner .brand-logo { height:50px; width:150px; }
  .header-inner .brand-logo img { width:167px; top:-52px; }
  .hero-copy { padding:32px 20px 30px; }
  .hero-callout { font-size:10px; letter-spacing:.095em; line-height:1.6; margin-bottom:24px; padding-block:0; border:0; max-width:36ch; }
  .hero h1 { font-size:clamp(44px,12.4vw,54px); margin-bottom:24px; letter-spacing:-.055em; }
  .hero h1 .heading-line:last-child { white-space:normal; margin-top:0; }
  .hero-body { font-size:17px; line-height:1.5; margin-bottom:24px; }
  .hero .button,.button { width:100%; min-height:56px; font-size:11px; padding:17px 16px; gap:14px; }
  .hero .button { font-size:11px; }
  .reassurance { font-size:14px; margin-top:14px; max-width:40ch; }
  .hero-image { height:210px; }
  .section { padding-block:64px; }
  .eyebrow { margin-bottom:24px; letter-spacing:.12em; line-height:1.5; }
  .eyebrow::before { height:18px; margin-right:12px; }
  .section-heading,.problem .section-heading,.mechanism .section-heading,.social .section-heading,.checklist-heading .section-heading { font-size:clamp(38px,10vw,44px); line-height:1.02; letter-spacing:-.045em; margin-bottom:24px; }
  .offer .section-heading { font-size:calc(clamp(38px,10vw,44px) * 1.07); line-height:1.02; letter-spacing:-.045em; }
  .problem { padding-block:56px 64px; }
  .problem-top-rules { gap:24px; margin-bottom:28px; }
  .problem .eyebrow { margin-bottom:32px; font-size:11px; letter-spacing:.14em; }
  .problem .eyebrow::before { height:28px; margin-right:14px; }
  .problem .body { max-width:36ch; font-size:18px; line-height:1.5; }
  .problem-bottom-rule { margin-top:44px; }
  .heading-line { display:inline; }
  .hero .heading-line { display:block; }
  .mechanism .heading-line { display:block; }
  .body { font-size:18px; line-height:1.55; }
  .offer .body { line-height:1.7; }
  .subheading { font-size:18px; line-height:1.5; }
  .document-art { height:190px; }
  .document-sheet { inset:12px 8% -165px 18%; }
  .document-sheet .brand-logo { transform:scale(.8); transform-origin:left top; }
  .document-rule { margin-block:8px 24px; }
  .services { padding-block:48px 64px; }
  .services-intro { margin-bottom:36px; text-align:center; }
  .services-intro .eyebrow { margin-bottom:20px; }
  .services-intro .section-heading { font-size:clamp(36px,9vw,42px); margin-bottom:16px; }
  .services-intro .body { max-width:34ch; font-size:18px; }
  .service-grid { display:block; }
  .service-card { min-height:0; height:auto; margin-bottom:24px; border-radius:12px; }
  .service-card:last-child { margin-bottom:0; }
  .service-content { padding:24px; padding-top:190px; }
  .service-card h2 { font-size:28px; line-height:1.07; }
  .service-card .body { font-size:17px; }
  .service-destination { font-size:14px; margin-top:20px; }
  .service-card::before { background:linear-gradient(180deg,transparent 8%,#0d0e0e44 30%,#0d0e0ef2 53%,var(--px-carbon) 100%); }
  .social .subheading { margin-bottom:24px; }
  .ticker-track,.ticker-group { gap:16px; }
  .review-card { padding:22px; min-height:250px; }
  .review-card .body { font-size:18px; }
  .gallery { margin-top:16px; }
  .ticker-viewport { -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%); mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%); }
  .process-rows,.benefit-rows { margin-top:32px; }
  .process-rows { margin-top:24px; }
  .benefit-rows { margin-top:27px; }
  .process-rows li { grid-template-columns:48px 1fr; gap:16px; padding-block:24px; }
  .row-number { font-size:40px; }
  .process-rows .body { padding-left:16px; font-size:17px; line-height:1.5; }
  .benefit-rows li { display:block; padding-block:24px; }
  .benefit-rows .row-number { display:inline-flex; align-items:center; gap:14px; font-size:28px; margin-bottom:14px; }
  .benefit-rows .row-number::after { content:""; width:56px; height:1px; background:var(--px-rule-light); }
  .benefit-rows p { font-size:18px; border-left:0; padding-left:0; }
  .benefit-rows strong { margin-top:4px; }
  .short-rule { margin-block:32px; width:56px; }
  .offer .button,.final-cta .button { padding:18px 16px; font-size:11px; margin-top:32px; }
  .booklet-art { height:180px; margin-block:24px; }
  .checklist-action>.body { font-size:17px; }
  .guarantee .heading-line>span { display:block; }
  .guarantee .section-heading { margin-bottom:20px; }
  .guarantee .body { margin-top:24px; font-size:17px; }
  .guarantee .measure { max-width:300px; }
  .guarantee .short-rule { margin:28px auto; }
  .guarantee-close { font-size:30px; max-width:15ch; margin-inline:auto; }
  .final-cta .section-heading { font-size:44px; }
  .postscript { padding-block:40px 48px; }
  .postscript h2 { font-size:26px; margin-bottom:20px; }
  .postscript .body { font-size:17px; }
  .button--quiet { min-height:52px; }
  .site-footer { padding-block:32px 20px; }
  .footer-content { padding-top:24px; }
  .footer-brand { margin-bottom:16px; }
  .contact-row>* { font-size:16px; }
  .footer-primary>* { letter-spacing:.06em; font-size:11px; min-height:44px; }
  .footer-services-title { margin-top:16px; margin-bottom:16px; }
  .footer-services-title::before { height:1px; }
  .footer-services a { font-size:14px; line-height:1.4; }
  .footer-legal { font-size:11px; padding-top:24px; }
  .footer-legal>div { justify-content:center; gap:4px 14px; }
  .footer-legal>div>.unavailable { padding-block:10px; }
}
/* Sticky stack uses a bounded 56px previous-sheet reveal, not accumulating offsets. */
@media (max-width:599px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
  .service-card { position:sticky; top:calc(20px + min(var(--card-index),1)*56px); z-index:calc(var(--card-index) + 1); min-height:430px; height:58svh; }
  .service-content { padding-top:24px; }
}
/* No animation is needed to expose any content. */
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .service-card { position:relative; top:auto; height:auto; }
  .service-card:hover>img,.service-card:focus-within>img { transform:none; filter:none; }
  .service-destination:hover .service-arrow,.service-destination:focus-visible .service-arrow,.service-destination:active .service-arrow { transform:none; }
  .hero-image::after { display:none; }
  .ticker-viewport { scroll-behavior:auto; }
}

/* Targeted hero correction: source copy and Sections 2 onward stay unchanged. */
.site-header .brand-logo--light img { filter:url(#header-logo-light); }
.site-header .header-inner { height:80px; min-height:80px; }
.site-header .header-quote { min-height:44px; padding:12px 16px; font-size:10px; }
.hero h1 .heading-line:last-child { color:var(--px-gold); }
.hero-image::after { display:none; }
@media (min-width:900px) {
  .hero { min-height:max(690px,calc(100svh - 80px)); grid-template-columns:46% 54%; align-items:stretch; }
  .hero-copy { display:flex; flex-direction:column; align-items:flex-start; padding:60px 32px 48px max(var(--gutter),calc((100vw - 1440px)/2)); }
  .hero-callout { width:100%; white-space:nowrap; font-size:clamp(8px,.69vw,11px); letter-spacing:.015em; padding:12px 0 12px 10px; margin-bottom:32px; position:relative; }
  .hero-callout::before { content:""; display:block; position:absolute; left:0; top:12px; height:17px; width:1px; background:var(--px-gold); }
  .hero h1 { font-size:clamp(44px,4.4vw,76px); line-height:.96; margin-bottom:28px; }
  .hero h1 .heading-line:last-child { margin-top:6px; white-space:nowrap; }
  .hero-body { font-size:clamp(17px,1.4vw,22px); line-height:1.45; max-width:56ch; margin-bottom:28px; }
  .hero .reassurance { max-width:48ch; padding-bottom:24px; border-bottom:1px solid var(--px-rule-light); }
  .hero-image { align-self:stretch; min-height:100%; }
  .hero-image img { inset:0; width:100%; height:100%; object-fit:cover; object-position:73% 50%; }
}
@media (min-width:900px) and (max-width:1199px) {
  .hero-copy { padding-right:24px; }
  .hero-image img { object-position:71% 50%; }
}
@media (min-width:1440px) { .hero-image img { object-position:75% 50%; } }
@media (max-width:599px) { .site-header .header-inner { height:72px; min-height:72px; } }
/* Second comparison refinement: stronger opening lines and clearer working scene. */
@media (min-width:900px) {
  .hero-callout { font-size:clamp(9px,.82vw,12px); }
  .hero h1 .heading-line:not(:last-child) { font-size:1.3em; }
  .hero-image img { object-position:100% 50%; }
}
@media (min-width:900px) and (max-width:1199px) {
  .hero-image img { object-position:72% 50%; }
}
@media (min-width:1200px) and (max-width:1439px) {
  .hero-image img { object-position:92% 50%; }
}
@media (max-width:599px) {
  .hero-callout { max-width:none; }
}

/* Final desktop art direction: explicit user override of earlier hero composition. */
.hero-direct-call,.hero-utility { display:none; }
@media (min-width:900px) {
  .site-header .header-inner { height:76px; min-height:76px; }
  .site-header .brand-link { transform:scale(.94); transform-origin:left center; }
  .site-header .header-quote { min-height:44px; padding-block:10px; }
  .hero { min-height:max(800px,calc(100svh - 76px)); }
  .hero-copy { padding-top:36px; padding-bottom:40px; }
  .hero-callout { margin-bottom:28px; }
  .hero h1 { font-size:clamp(58px,5.55vw,89px); margin-bottom:24px; }
  .hero h1 .heading-line:not(:last-child) { font-size:1em; }
  .hero h1 .hero-payoff { margin-top:0; font-size:1em; }
  .hero-payoff>span { display:block; }
  .hero-body { max-width:89%; font-size:clamp(17px,1.4vw,22px); margin-bottom:24px; }
  .hero-actions { display:flex; align-items:center; gap:clamp(20px,2.3vw,36px); width:100%; }
  .hero .hero-actions .button { width:clamp(290px,22vw,320px); min-height:62px; flex-shrink:0; padding-inline:16px; }
  .hero-direct-call { display:flex; flex-direction:column; gap:7px; font-size:17px; line-height:1.3; white-space:nowrap; }
  .hero-direct-call span:first-child { text-decoration:underline; text-underline-offset:4px; font-weight:600; }
  .hero-direct-call:hover { color:var(--px-graphite); }
  .hero-direct-call:active { transform:translateY(1px); }
  .hero .reassurance { border:0; padding-bottom:0; margin-top:16px; }
  .hero-utility { display:block; width:100%; margin-top:auto; padding-top:28px; }
  .hero-service-strip { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--px-rule-light); padding-top:24px; position:relative; }
  .hero-service-strip::before { content:""; width:2px; height:28px; background:var(--px-gold); flex-shrink:0; }
  .hero-service-strip span { font-size:clamp(9px,.75vw,12px); letter-spacing:.09em; padding-inline:12px; line-height:28px; }
  .hero-service-strip span+span { border-left:1px solid var(--px-rule-light); }
  .hero-utility>p { font-family:"IBM Plex Mono",monospace; font-size:9px; letter-spacing:.25em; margin-top:24px; }
}
@media (min-width:900px) and (max-width:1199px) {
  .hero h1 { font-size:5.5vw; }
  .hero-actions { gap:16px; }
  .hero .hero-actions .button { width:260px; font-size:10px; }
  .hero-direct-call { font-size:14px; }
  .hero-service-strip span { padding-inline:8px; letter-spacing:.035em; }
}
@media (min-width:1200px) {
  .hero h1 { font-size:clamp(72px,6vw,96px); }
}

/* Hero polish: desktop proportions and header states; architecture retained. */
.cta-label-desktop { display:none; }
@media (min-width:900px) {
  .site-header .header-inner { height:72px; min-height:72px; }
  .desktop-nav>a[aria-current] { color:var(--px-white); }
  .services-menu { width:350px; padding:6px; background:var(--px-carbon); border-color:var(--px-rule-dark); }
  .services-menu a { padding:10px 14px; font-size:14px; line-height:1.4; }
  .site-header .header-quote { padding:10px 12px; min-height:44px; font-size:12px; letter-spacing:0; }
  .site-header .cta-label-original,.hero-actions .cta-label-original { display:none; }
  .site-header .cta-label-desktop,.hero-actions .cta-label-desktop { display:inline; }
  .hero { min-height:max(760px,calc(100svh - 72px)); }
  .hero-copy { padding-left:max(var(--space-8),calc((100vw - 1440px)/2 + var(--space-4))); padding-bottom:32px; }
  .hero-callout { margin-bottom:20px; }
  .hero h1 { font-size:clamp(58px,5.4vw,86.4px); max-width:100%; line-height:.95; margin-bottom:20px; }
  .hero-body { font-size:clamp(18px,1.3vw,21px); line-height:1.45; max-width:56ch; width:94%; margin-bottom:20px; }
  .hero .hero-actions .button { font-size:16px; letter-spacing:0; }
  .hero .reassurance { font-size:13px; margin-top:12px; }
  .hero-utility { padding-top:20px; }
  .hero-service-strip { padding-top:18px; }
  .hero-service-strip span { letter-spacing:.07em; line-height:26px; }
  .hero-service-strip::before { height:26px; }
  .hero-utility>p { margin-top:18px; }
}
@media (min-width:900px) and (max-width:1199px) {
  .hero-copy { padding-left:var(--space-7); }
  .hero h1 { font-size:4.95vw; }
  .hero .hero-actions .button { width:240px; font-size:14px; }
  .hero-actions { gap:12px; }
}
@media (min-width:900px) {
  .hero-copy { padding-bottom:var(--space-8); }
}
@media (min-width:1500px) and (max-height:950px) {
  .hero-copy { padding-bottom:var(--space-5); }
}

/* Section 3: layered editorial paperwork, no customer data. */
.mechanism { position:relative; isolation:isolate; background:radial-gradient(ellipse at 90% 5%,#3b393230,transparent 65%),#141616; padding-block:104px; }
.mechanism::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.12; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.mechanism-grid { grid-template-columns:1fr 1.05fr; gap:40px; }
.mechanism-copy { position:relative; z-index:2; }
.mechanism .eyebrow { font-size:12px; letter-spacing:.18em; margin-bottom:36px; }
.mechanism .eyebrow::before { height:30px; width:2px; }
.mechanism .section-heading { font-size:clamp(40px,4.3vw,70px); line-height:.98; letter-spacing:-.055em; margin-bottom:32px; }
.mechanism .heading-line { white-space:nowrap; }
.mechanism .proof-dot { color:var(--px-gold); }
.mechanism .body { color:#e4e2db; font-size:clamp(18px,1.45vw,23px); line-height:1.55; max-width:46ch; }
.mechanism .document-art { height:auto; aspect-ratio:1.05; width:100%; max-width:none; margin:0; overflow:visible; position:relative; }
.proof-scene { position:absolute; inset:0; }
.proof-blueprint { position:absolute; inset:8% 14% 1% 1%; transform:rotate(-8deg); border:1px solid #595d524d; background:repeating-linear-gradient(0deg,transparent 0 24px,#72796920 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#72796920 24px 25px),#1a211f; box-shadow:-10px 18px 30px #080a0990; }
.proof-blueprint i { position:absolute; border:1px solid #929c7855; inset:9% 10%; }
.proof-blueprint i:nth-child(2) { inset:18% 30% 25% 18%; border-width:3px 1px; }
.proof-blueprint i:nth-child(3) { inset:42% 8% 12% 46%; }
.proof-blueprint i:nth-child(4) { inset:25% 12% 48% 60%; }
.proof-backing { position:absolute; inset:1% -2% 9% 34%; transform:rotate(11deg); padding:14%; background:#d5d0c4; box-shadow:1px 6px 10px #06080770; }
.proof-backing>div { border-block:1px solid #a7a296; height:24%; margin-bottom:18%; }
.proof-paper { position:absolute; inset:0 9% 1% 11%; transform:rotate(6deg); padding:7% 7%; color:var(--px-carbon); background:linear-gradient(115deg,#f3efe5,#ded8cc); box-shadow:0 1px 1px #fff9 inset,-2px 4px 5px #080a0940,-14px 18px 26px #080a0970,0 30px 60px #080a0940; }
.proof-paper::after { content:""; position:absolute; inset:0; opacity:.12; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h120v120H0z' filter='url(%23p)' opacity='.5'/%3E%3C/svg%3E"); }
.proof-paper .brand-logo { width:170px; height:52px; margin-bottom:9%; }
.proof-paper .brand-logo img { width:185px; top:-58px; }
.proof-title { font-family:'IBM Plex Mono',monospace; font-size:clamp(11px,1vw,16px); letter-spacing:.24em; border-bottom:1px solid #938d80; padding-bottom:6%; margin-bottom:6%; }
.proof-field { display:grid; grid-template-columns:36% 1fr; gap:9px 12px; margin-bottom:6%; }
.proof-field span { grid-row:1 / 5; font-family:'IBM Plex Mono',monospace; font-size:clamp(7px,.58vw,10px); letter-spacing:.14em; padding-top:1px; }
.proof-field i { display:block; height:8px; border-bottom:1px solid #a9a294; }
.proof-field i:last-child { width:80%; }
.proof-paper-foot { position:absolute; bottom:6%; left:9%; height:24px; width:35%; border-left:2px solid var(--px-gold); border-bottom:1px solid #b4ad9f; }
.proof-pen { position:absolute; right:0; bottom:-2%; width:10px; height:32%; transform:rotate(-28deg); border-radius:3px; background:linear-gradient(90deg,#080909,#43463f 42%,#171a18 65%,#080909); box-shadow:6px 6px 5px #08090980; }
.proof-pen::before { content:""; position:absolute; top:-16px; border-inline:5px solid transparent; border-bottom:16px solid #a09e91; }
.proof-pen::after { content:""; position:absolute; right:1px; top:8px; width:2px; height:36%; background:#85877c; }
@media (max-width:1199px) and (min-width:900px) { .mechanism-grid { gap:24px; } .mechanism .section-heading { font-size:4.1vw; } .proof-paper .brand-logo { transform:scale(.8); transform-origin:left top; margin-bottom:1%; } }
@media (max-width:899px) {
 .mechanism { padding-block:72px; }
 .mechanism-grid { grid-template-columns:1fr; gap:56px; }
 .mechanism .section-heading { font-size:clamp(36px,6.2vw,56px); }
 .mechanism .document-art { width:85%; max-width:560px; margin-inline:auto; }
 .proof-title { font-size:13px; } .proof-field span { font-size:8px; }
}
@media (max-width:599px) {
 .mechanism { padding-block:64px; }
 .mechanism-grid { gap:40px; }
 .mechanism .eyebrow { margin-bottom:28px; }
 .mechanism .section-heading { font-size:clamp(34px,9.2vw,46px); margin-bottom:24px; }
 .mechanism .body { font-size:17px; }
 .mechanism .document-art { width:91%; }
 .proof-paper .brand-logo { transform:scale(.58); transform-origin:left top; margin-bottom:-10px; }
 .proof-title { font-size:9px; }
 .proof-field { gap:4px 7px; margin-bottom:5%; }
 .proof-field span { font-size:5px; }
 .proof-field i { height:5px; }
 .proof-paper-foot { height:15px; }
 .proof-pen { width:7px; }
}
/* Comparison refinement: give the proposition equal weight to the paper scene. */
@media (min-width:1200px) {
  .mechanism .section-heading { font-size:clamp(64px,5.3vw,85px); }
  .mechanism .body { max-width:43ch; }
}

/* Section 3 editorial rebuild: a physical proof package on a lit tabletop. */
.mechanism { background:radial-gradient(ellipse at 100% 0%,#72685888 0%,#38383155 34%,transparent 65%),linear-gradient(105deg,#101212 28%,#20231f 70%,#30312b); padding-block:112px 104px; }
.mechanism::before { opacity:.34; mix-blend-mode:soft-light; background-size:220px; }
.mechanism::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(125deg,transparent 61%,#080b0baa 62%,#080b0b70 67%,transparent 69%,transparent 78%,#080b0b88 79%,transparent 85%); filter:blur(9px); }
.mechanism-grid { grid-template-columns:46% 54%; gap:0; }
.mechanism-copy { padding-right:20px; }
.mechanism .eyebrow { margin-bottom:48px; font-size:14px; }
.mechanism .section-heading { font-size:clamp(48px,5.75vw,92px); margin-bottom:40px; line-height:.96; letter-spacing:-.055em; }
.mechanism .body { max-width:43ch; font-size:clamp(18px,1.5vw,24px); line-height:1.5; }
.mechanism .document-art { aspect-ratio:.99; width:110%; margin-left:-2%; }
.proof-scene { filter:drop-shadow(-10px 24px 18px #06080750); }
.proof-blueprint { inset:9% 21% 0 -1%; transform:rotate(12deg); background:repeating-linear-gradient(0deg,transparent 0 19px,#959c8311 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#959c8311 19px 20px),#131813; border-color:#74796655; box-shadow:1px 1px 1px #c8c7ac22 inset,-4px 7px 4px #050705b0,0 25px 30px #05070570; }
.proof-blueprint svg { width:100%; height:100%; color:#bbbba278; padding:7%; }
.proof-backing { inset:1% -1% 14% 53%; transform:rotate(13deg); background:linear-gradient(125deg,#b3ad9f,#e7e0d2 40%,#ccc4b5); box-shadow:-6px 8px 9px #06080780,0 1px 1px #fff8 inset; padding:10%; }
.proof-backing>div { opacity:.6; }
.proof-print { position:absolute; inset:19% -2% 12% 55%; transform:rotate(12deg); background:#ded6c6; padding:8% 3% 7%; box-shadow:-3px 5px 4px #080a0970,-9px 15px 22px #080a0950; }
.proof-print img { width:100%; height:91%; object-fit:cover; object-position:76% center; filter:grayscale(1) sepia(.18) contrast(.9) brightness(1.1); mix-blend-mode:multiply; }
.proof-print>div { margin-top:12%; width:45%; height:22px; border-left:2px solid var(--px-gold); border-bottom:1px solid #9b9484; }
.proof-paper { inset:2% 21% 4% 9%; transform:rotate(13deg); padding:7% 6%; background:linear-gradient(125deg,#f0e9db 0%,#ded5c3 47%,#e9e0cf 72%,#d7cebc); box-shadow:1px 1px 1px #fff9 inset,-1px 2px 2px #06080770,-5px 9px 5px #06080770,-18px 25px 22px #05070688,0 42px 52px #05070640; }
.proof-paper::after { opacity:.38; mix-blend-mode:multiply; background-size:140px; }
.proof-paper::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(128deg,transparent 12%,#ffffff20 39%,#60574316 56%,transparent 80%); }
.proof-paper .brand-logo { margin-bottom:12%; }
.proof-title { font-size:clamp(11px,1.05vw,17px); padding-bottom:7%; margin-bottom:7%; }
.proof-field { margin-bottom:7%; gap:8px 12px; grid-template-columns:38% 1fr; }
.proof-field span { font-size:clamp(7px,.63vw,10px); }
.proof-field i { border-color:#8d87775e; }
.proof-paper-foot { bottom:7%; width:46%; height:32px; }
.proof-pen { right:6%; bottom:-2%; height:29%; width:12px; transform:rotate(-28deg); box-shadow:3px 4px 3px #050706cc,12px 13px 13px #05070699; }
@media (max-width:1199px) and (min-width:900px) {
 .mechanism .section-heading { font-size:5.4vw; }
 .mechanism .eyebrow { margin-bottom:32px; }
 .mechanism .body { font-size:18px; }
 .proof-field { gap:5px 8px; margin-bottom:5%; }
}
@media (max-width:899px) {
 .mechanism { padding-block:72px; }
 .mechanism-grid { grid-template-columns:1fr; gap:48px; }
 .mechanism-copy { padding-right:0; }
 .mechanism .section-heading { font-size:clamp(38px,7.4vw,64px); }
 .mechanism .document-art { width:92%; max-width:620px; margin:0 auto; }
 .proof-print { right:0; }
 .proof-paper .brand-logo { margin-bottom:7%; }
}
@media (max-width:599px) {
 .mechanism { padding-block:64px; }
 .mechanism .eyebrow { font-size:11px; margin-bottom:28px; }
 .mechanism .section-heading { font-size:clamp(35px,10.3vw,46px); margin-bottom:28px; }
 .mechanism .body { font-size:17px; }
 .mechanism .document-art { width:96%; }
 .proof-paper .brand-logo { margin-bottom:-14px; }
 .proof-title { font-size:8px; letter-spacing:.2em; }
 .proof-field { gap:3px 5px; margin-bottom:6%; }
 .proof-field span { font-size:5px; letter-spacing:.06em; }
 .proof-field i { height:4px; }
 .proof-paper-foot { height:20px; }
 .proof-pen { width:7px; right:2%; }
}
/* Second reference comparison: earlier copy entry and an exposed drawing layer. */
@media (min-width:900px) {
 .mechanism-copy { align-self:start; padding-top:88px; }
 .mechanism .document-art { width:104%; }
 .proof-blueprint svg { width:82%; transform:translateX(-15%); color:#c6c6af99; }
}
@media (min-width:1200px) { .mechanism .section-heading { font-size:clamp(72px,6.1vw,97px); } }
@media (min-width:900px) and (max-width:1199px) { .mechanism-copy { padding-top:36px; } }
@media (min-width:900px) { .mechanism .body { max-width:39ch; width:94%; } }
@media (max-width:899px) { .proof-blueprint svg { width:82%; transform:translateX(-15%); color:#c6c6af99; } }
@media (max-width:599px) { .mechanism .document-art { width:84%; } }

/* Integrated navigation and source-safe editorial refinement. */
.site-header .desktop-nav>a,.site-header .desktop-nav>.unavailable,.site-header .services-disclosure>button { color:var(--px-white); }
.site-header .desktop-nav>a:hover,.site-header .desktop-nav>.unavailable:hover,.site-header .services-disclosure>button:hover,.site-header .desktop-nav a:focus-visible,.site-header .desktop-nav button:focus-visible { color:var(--px-gold); }
.site-header .desktop-nav>a:focus-visible,.site-header .desktop-nav button:focus-visible { outline:none; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:8px; }
.site-header .desktop-nav>.unavailable { padding-block:16px; white-space:nowrap; }
.site-header .services-menu { top:calc(100% + 8px); left:-18px; padding:8px; width:360px; border:1px solid var(--px-rule-dark); border-top:2px solid var(--px-gold); box-shadow:0 8px 16px #080a0950,0 24px 40px #080a0930; }
.site-header .services-menu a { color:var(--px-white); padding:12px; }
.site-header .services-menu a:hover,.site-header .services-menu a:focus-visible { color:var(--px-gold); background:var(--px-carbon-soft); }
.mobile-primary { display:flex; flex-direction:column; gap:0; padding-block:20px; }
.mobile-primary>.unavailable { display:flex; align-items:center; min-height:56px; padding:0; font-size:19px; font-weight:500; color:var(--px-white); border-bottom:1px solid var(--px-rule-dark); }
.mobile-primary>a,.mobile-services-disclosure>button { color:var(--px-white); }
.mobile-primary>.unavailable:hover,.mobile-primary>a:hover,.mobile-primary>a:focus-visible,.mobile-services-disclosure>button:hover,.mobile-services-disclosure>button:focus-visible { color:var(--px-gold); }
.mobile-services a { color:var(--px-white); min-height:44px; }
.mobile-services { transition:opacity 160ms var(--ease); }
.mobile-services.is-open { max-height:none; transition:opacity 160ms var(--ease); }
.mobile-menu>.button { margin-top:24px; }
.problem .body { width:100%; max-width:800px; font-size:clamp(18px,1.5vw,23px); line-height:1.45; }
@media (min-width:900px) {
 .problem { padding-block:64px 72px; }
 .problem .section-heading { width:88%; font-size:clamp(48px,5.15vw,88px); line-height:.98; margin-bottom:32px; }
 .problem .eyebrow { margin-bottom:40px; }
 .problem-top-rules { width:80%; margin-bottom:32px; }
 .problem-bottom-rule { margin-top:48px; }
}
.mechanism { padding-top:64px; padding-bottom:72px; }
.proof-top-rule { height:1px; background:var(--px-rule-dark); margin-bottom:48px; max-width:calc(var(--container-max) * .76); margin-left:var(--gutter); }
.proof-bottom-rule { display:flex; gap:32px; align-items:center; margin-top:32px; }
.proof-bottom-rule span { display:block; width:64px; height:1px; background:var(--px-gold); }
.proof-bottom-rule i { display:block; width:48%; height:1px; background:var(--px-rule-dark); }
.proof-title-abstract { display:flex; gap:12px; }
.proof-title-abstract i { display:block; height:7px; width:34%; background:#58584a80; }
.proof-title-abstract i:last-child { width:21%; }
.proof-label-placeholder { width:58%; height:3px; margin-top:5px; background:#58584a65; }
@media (min-width:900px) {
 .mechanism-copy { padding-top:40px; }
 .mechanism .document-art { width:106%; }
 .mechanism .body { width:96%; max-width:41ch; }
}
@media (max-width:899px) {
 .proof-top-rule { margin-bottom:36px; }
 .proof-bottom-rule { margin-top:40px; }
 .mechanism .section-heading { font-size:clamp(38px,7.8vw,65px); }
}
@media (max-width:599px) {
 .problem .body { font-size:17px; }
 .mechanism { padding-block:40px 48px; }
 .mechanism .section-heading { font-size:clamp(37px,10.8vw,46px); }
 .mechanism .document-art { width:88%; }
 .proof-title-abstract i { height:4px; }
 .proof-label-placeholder { height:2px; }
 .proof-bottom-rule { gap:20px; }
 .proof-bottom-rule i { width:65%; }
}
/* Written mobile directive: a compact left-aligned problem section. */
@media (max-width:899px) {
 .problem { text-align:left; }
 .problem-frame { align-items:flex-start; }
 .problem .eyebrow { justify-content:flex-start; text-align:left; }
 .problem .section-heading { width:100%; text-align:left; }
 .problem .body { text-align:left; margin-inline:0; }
}
/* Section 3 final fidelity: rebalance copy and individual paper layers. */
.mechanism .proof-paper { transform:translate(2%,1%) rotate(13deg) scale(.93); box-shadow:1px 1px 1px #fff8 inset,-1px 2px 2px #06080788,-4px 7px 4px #06080790,-14px 22px 24px #05070688,0 34px 44px #05070640; }
.mechanism .proof-print { right:-4%; transform:rotate(11deg); }
.mechanism .proof-blueprint { transform:translateX(-2%) rotate(11deg); }
.mechanism .proof-scene { filter:drop-shadow(-6px 18px 16px #06080735); }
.mechanism::after { opacity:.92; }
@media (min-width:1200px) {
 .mechanism .section-heading { font-size:clamp(78px,6.65vw,106px); width:calc(100% + 48px); }
 .mechanism-copy { padding-top:32px; }
 .mechanism .body { max-width:42ch; width:100%; }
}
@media (max-width:599px) {
 .mechanism .section-heading { font-size:clamp(40px,11.85vw,51px); width:100%; line-height:.96; }
 .mechanism .document-art { width:116%; max-width:none; margin-left:-7%; margin-right:0; }
 .mechanism .proof-paper { transform:translate(2%,1%) rotate(12deg) scale(.93); }
 .mechanism .proof-pen { right:5%; }
 .mechanism .proof-bottom-rule { margin-top:24px; }
}
/* Final comparison refinement: protect copy measure and keep the pen in frame. */
@media (min-width:900px) {
 .mechanism .body { width:93%; max-width:40ch; }
 .mechanism .proof-blueprint svg { color:#c6c6af70; }
}
@media (max-width:599px) {
 .mechanism .proof-pen { right:15%; bottom:-1%; }
 .mechanism .proof-bottom-rule { margin-top:40px; }
}

/* Section 3B final composition: shallow desktop panels and a mobile sheet stack. */
@media (min-width:1200px) {
  .service-card { min-height:332px; }
  .service-card::before { background:linear-gradient(180deg,transparent 5%,#0d0e0e22 24%,#0d0e0ee8 59%,var(--px-carbon) 100%); }
  .service-content { padding:20px 22px; }
  .service-index { margin-bottom:8px; }
  .service-card h2 { margin-bottom:8px; }
  .service-destination { margin-top:8px; }
}
@media (max-width:599px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
  .services .service-grid { display:flex; flex-direction:column; gap:0; }
  .services .service-card { position:relative; top:auto; z-index:auto; min-height:64px; height:64px; margin:0; border-radius:10px; cursor:pointer; }
  .services .service-card.is-active { height:clamp(390px,58svh,500px); min-height:clamp(390px,58svh,500px); cursor:default; }
  .services .service-card:not(.is-active)>img { transform:none; filter:brightness(.78) contrast(1.02); }
  .services .service-card:not(.is-active)::before { background:linear-gradient(90deg,#0d0e0ee8,#0d0e0e88 58%,#0d0e0e66); }
  .services .service-card:not(.is-active) .service-content { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:8px; min-height:64px; padding:10px 52px 10px 18px; }
  .services .service-card:not(.is-active) .service-index { display:block; margin:0; font-size:13px; }
  .services .service-card:not(.is-active) .service-index span,.services .service-card:not(.is-active) .body,.services .service-card:not(.is-active) .service-destination { display:none; }
  .services .service-card:not(.is-active) h2 { margin:0; color:var(--px-white); font-size:20px; line-height:1.1; }
  .services .service-card:not(.is-active)::after { content:"→"; position:absolute; top:50%; right:20px; color:var(--px-white); font-size:28px; font-weight:300; line-height:1; transform:translateY(-50%); }
  .services .service-card.is-active .service-content { padding:24px; }
}
@media (max-width:599px) and (prefers-reduced-motion:reduce), (max-width:599px) and (max-height:699px) {
  .services .service-card { position:relative; top:auto; height:auto; min-height:0; margin-bottom:24px; }
  .services .service-card .body,.services .service-card .service-destination { display:inline-flex; }
  .services .service-card .body { display:block; }
}

/* Section 7B: a grounded guide and deliberate conversion hierarchy. */
.checklist { position:relative; isolation:isolate; overflow:clip; background:radial-gradient(ellipse at 22% 35%,#41403955,transparent 62%),linear-gradient(115deg,#181b19,#0d0e0e 78%); padding-block:104px; }
.checklist::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.17; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence baseFrequency='.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h240v240H0z' filter='url(%23s)' opacity='.6'/%3E%3C/svg%3E"); }
.checklist-grid { grid-template-columns:1fr 1fr; column-gap:64px; }
.checklist-heading .eyebrow { margin-bottom:28px; font-size:12px; letter-spacing:.18em; }
.checklist-heading .section-heading { font-size:clamp(44px,4.5vw,70px); line-height:.98; letter-spacing:-.05em; margin-bottom:24px; }
.checklist-dot { color:var(--px-gold); }
.checklist-heading .subheading { max-width:38ch; font-size:clamp(18px,1.45vw,22px); line-height:1.45; }
.checklist-action>.body { border:0; padding-top:0; margin-top:32px; max-width:49ch; font-size:18px; line-height:1.5; color:#d5d5ce; }
.checklist-action>.body::before { content:""; display:block; width:64px; height:1px; background:var(--px-gold); margin-bottom:32px; }
.checklist .booklet-art { min-height:700px; position:relative; isolation:isolate; align-self:center; overflow:visible; }
.checklist .booklet-art::before { content:""; position:absolute; z-index:-1; inset:6% 6% 2% -14%; transform:rotate(14deg); background:linear-gradient(125deg,#47463d,#262a24 45%,#151a16); border:1px solid #6b6a5544; box-shadow:0 16px 0 #131711,0 20px 2px #080b08,-6px 34px 35px #030503a0; }
.checklist .booklet-art::after { content:""; position:absolute; z-index:-1; inset:6% 6% 2% -14%; transform:rotate(14deg); opacity:.32; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.075' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h210v210H0z' filter='url(%23r)'/%3E%3C/svg%3E"); }
.checklist .booklet { width:clamp(360px,32vw,480px); height:clamp(500px,43vw,645px); transform:rotate(-8deg) rotateY(4deg); margin:0; background:#ada28d; box-shadow:1px 2px 0 #797262,3px 4px 0 #e1d7c2,5px 6px 0 #a69d89,7px 9px 0 #292b24,0 12px 10px #03050399,8px 30px 35px #03050399; }
.checklist .booklet::before { inset:12px -12px -7px 12px; background:repeating-linear-gradient(0deg,#c2b7a2 0 1px,#ddd4bf 1px 3px); transform:rotate(2deg); }
.checklist .booklet-cover { padding:40px 36px; background:linear-gradient(110deg,#181c19,#242824 55%,#141815); border-color:#474c4255; box-shadow:inset 3px 0 1px #62675b55,inset 10px 0 4px #050906,1px 1px 0 #73786b33; }
.checklist .booklet-cover::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.27; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='b'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' filter='url(%23b)'/%3E%3C/svg%3E"); }
.checklist .booklet-cover .brand-logo { transform:scale(1); height:58px; flex-shrink:0; }
.checklist .booklet-cover .brand-logo img { filter:url(#header-logo-light); }
.checklist .booklet-title { margin-top:72px; font-size:clamp(35px,3.7vw,55px); line-height:1.02; text-transform:uppercase; letter-spacing:-.035em; }
.checklist .booklet-title span { display:block; }
.checklist .booklet-rule { margin-top:32px; background:#92978a; width:85%; }
.checklist .booklet-mark { margin-bottom:8px; width:64px; }
.checklist .form-field label { font-size:12px; margin-bottom:8px; color:var(--px-white); }
.checklist .form-field input { min-height:56px; border-color:var(--px-rule-dark); background:var(--px-carbon); transition:border-color 160ms var(--ease); }
.checklist .form-field input:hover,.checklist .form-field input:focus { border-color:var(--px-gold); }
.checklist .form-field input:focus-visible { outline:2px solid var(--px-gold); outline-offset:3px; }
.checklist .form-field input[aria-invalid="true"] { border-color:var(--px-gold); }
.checklist #checklist-form .button { min-height:58px; }
.checklist #checklist-form .button:focus-visible { background:#eda01d; }
.checklist #checklist-form .button:focus-visible .arrow { transform:translateX(4px); }
@media (min-width:900px) and (max-width:1199px) {
 .checklist-grid { column-gap:40px; }
 .checklist .booklet { width:330px; height:480px; }
 .checklist .booklet-art { min-height:560px; }
 .checklist .booklet-cover { padding:32px 28px; }
 .checklist .booklet-title { font-size:36px; margin-top:64px; }
}
@media (max-width:899px) {
 .checklist { padding-block:72px; }
 .checklist-grid { grid-template-columns:1fr; max-width:640px; }
 .checklist-heading { text-align:center; }
 .checklist-heading .eyebrow { display:flex; justify-content:center; align-items:center; }
 .checklist-heading .section-heading { font-size:clamp(38px,6.2vw,54px); }
 .checklist-heading .subheading { margin-inline:auto; max-width:36ch; font-size:18px; }
 .checklist .booklet-art { height:380px; min-height:0; width:100%; margin-block:32px 28px; }
 .checklist .booklet-art::before,.checklist .booklet-art::after { inset:6% 13% 3%; }
 .checklist .booklet { width:240px; height:330px; transform:rotate(-8deg); }
 .checklist .booklet-cover { padding:20px; }
 .checklist .booklet-cover .brand-logo { transform:scale(.62); transform-origin:left top; height:38px; }
 .checklist .booklet-title { font-size:29px; margin-top:34px; }
 .checklist .booklet-rule { margin-top:20px; }
 .checklist .booklet-mark { width:36px; margin-bottom:0; }
 .checklist-action>.body { text-align:center; max-width:50ch; margin:0 auto; font-size:17px; }
 .checklist-action>.body::before { margin:0 auto 28px; }
}
@media (max-width:599px) {
 .checklist { padding-block:64px; }
 .checklist-heading .eyebrow { font-size:10px; letter-spacing:.13em; }
 .checklist-heading .section-heading { font-size:clamp(37px,10.2vw,44px); }
 .checklist-heading .subheading { font-size:17px; }
 .checklist .booklet-art { height:350px; margin-block:28px; }
 .checklist .booklet { width:224px; height:310px; }
 .checklist .booklet-title { font-size:27px; }
 .checklist .form-field input { min-height:54px; }
}

/* Second comparison refinement: controlled lines and quieter mineral texture. */
.checklist-heading .heading-line { display:block; white-space:nowrap; }
.checklist-delivery { display:block; }
.checklist .booklet-art::after { opacity:.18; }
.checklist .form-field input { border-color:var(--px-graphite); }
.checklist .form-field input:hover,.checklist .form-field input:focus,.checklist .form-field input[aria-invalid="true"] { border-color:var(--px-gold); }
@media (min-width:900px) { .checklist-action>.body { max-width:46ch; } }
/* Section 7B final composition: keep the product prominent, bring the form forward. */
@media (min-width:900px) {
 .checklist .booklet { transform:rotate(-8deg) rotateY(4deg) scale(.94); }
}
@media (max-width:899px) {
 .checklist .booklet-art { height:310px; margin-block:20px; }
 .checklist .booklet { transform:rotate(-8deg) scale(.82); }
 .checklist .booklet-art::before,.checklist .booklet-art::after { inset:9% 18% 7%; }
 .checklist-action>.body { line-height:1.45; }
 .checklist-action>.body::before { display:none; }
 .checklist #checklist-form { margin-top:24px; }
}
@media (max-width:599px) {
 .checklist-heading .section-heading { font-size:clamp(35px,9.7vw,42px); margin-bottom:20px; }
 .checklist .booklet-art { height:280px; margin-block:16px 20px; }
 .checklist .booklet-art::before,.checklist .booklet-art::after { inset:10% 18% 8%; }
}

/* Footer fidelity: tagline-led desktop and a bespoke mobile closing lockup. */
.site-footer { background:radial-gradient(ellipse at 50% 10%,#24272444,transparent 75%),var(--px-carbon); padding:56px 0 32px; }
.site-footer::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.12; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence baseFrequency='.6' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h220v220H0z' filter='url(%23f)'/%3E%3C/svg%3E"); }
.footer-content { padding-top:40px; }
.footer-lockup { display:none; }
.footer-tagline { font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.24em; color:var(--px-white); margin-bottom:32px; }
.site-footer .contact-row { display:flex; justify-content:center; align-items:center; gap:0; }
.site-footer .contact-row>* { display:inline-flex; align-items:center; gap:12px; padding:0 32px; font-size:18px; line-height:1.5; }
.site-footer .contact-row>*+* { border-left:1px solid var(--px-rule-dark); }
.footer-contact-icon { width:19px; height:19px; flex-shrink:0; }
.footer-watermark { opacity:.025; width:850px; height:760px; }
.footer-watermark img { width:2950px; left:-1912px; top:-962px; }
.site-footer .footer-primary>* { color:var(--px-white); position:relative; transition:color 200ms var(--ease); }
.site-footer .footer-primary>*::after { content:""; position:absolute; bottom:5px; left:0; right:0; height:1px; background:var(--px-gold); transform:scaleX(0); transform-origin:left; transition:transform 200ms var(--ease); }
.site-footer .footer-primary>*:hover,.site-footer .footer-primary>a:focus-visible { color:var(--px-gold); }
.site-footer .footer-primary>*:hover::after,.site-footer .footer-primary>a:focus-visible::after { transform:scaleX(1); }
.footer-services-title { font-size:11px; letter-spacing:.2em; }
.site-footer .footer-services a { color:var(--px-white); transition:color 200ms var(--ease); }
.site-footer .footer-services a:hover,.site-footer .footer-services a:focus-visible { color:var(--px-gold); text-decoration:underline; text-underline-offset:5px; }
.site-footer .footer-legal { padding:24px 24px 0; color:var(--px-muted-dark); }
.site-footer .footer-legal .unavailable { color:var(--px-muted-dark); }
.footer-legal>div { gap:0; }
.footer-legal>div>* { padding-inline:16px; }
.footer-legal>div>*+* { border-left:1px solid var(--px-rule-dark); }
.site-footer .footer-legal .unavailable:hover { color:var(--px-gold); }
@media (max-width:899px) {
 .site-footer { padding:48px 0 calc(28px + env(safe-area-inset-bottom)); }
 .footer-content { border-top:0; padding-top:20px; }
 .footer-lockup { display:flex; align-items:center; justify-content:center; gap:14px; text-transform:uppercase; font-size:15px; letter-spacing:.24em; color:var(--px-white); margin-bottom:20px; }
 .footer-x { display:block; width:43px; height:38px; flex-shrink:0; background:var(--px-gold); mask:url('logo/Logo-removebg.png') -97.2px -48.9px / 150px 150px no-repeat; }
 .footer-tagline { font-size:9px; letter-spacing:.13em; margin-bottom:32px; }
 .site-footer .contact-row { flex-direction:column; gap:10px; }
 .site-footer .contact-row>* { font-size:17px; padding:0; border:0; }
 .footer-contact-icon { display:none; }
 .footer-watermark { opacity:.012; top:26%; }
 .footer-primary { padding-block:20px; margin-top:28px; }
 .footer-primary>* { font-size:11px; letter-spacing:.075em; }
 .footer-services { margin-bottom:28px; }
 .site-footer .footer-services a { min-height:40px; padding-block:8px; font-size:14px; }
 .site-footer .footer-legal { padding:24px 0 0; gap:8px; font-size:10px; }
 .footer-legal>div { justify-content:center; flex-wrap:nowrap; gap:0; }
 .footer-legal>div>* { padding-inline:9px; white-space:nowrap; }
}
@media (max-width:399px) {
 .footer-lockup { font-size:13px; gap:10px; letter-spacing:.19em; }
 .footer-legal>div>* { padding-inline:7px; font-size:9px; }
}

/* Reference comparison: isolate the supplied X without neighbouring lettering. */
.footer-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.footer-watermark { width:760px; height:715px; color:var(--px-white); opacity:.025; }
.footer-watermark>svg { width:100%; height:100%; }
.footer-x { background:none; mask:none; color:var(--px-gold); }
@media (min-width:900px) {
 .site-footer { padding-block:80px 40px; }
 .footer-content { padding-top:40px; }
 .footer-tagline { font-size:14px; margin-bottom:36px; }
 .footer-primary { padding:44px 24px 32px; }
 .footer-services { padding-inline:24px; margin-bottom:48px; }
 .footer-legal>div>*+* { border:0; position:relative; }
 .footer-legal>div>*+*::before { content:""; position:absolute; left:0; top:50%; height:14px; width:1px; background:var(--px-rule-dark); transform:translateY(-50%); }
}
@media (max-width:899px) {
 .footer-watermark { width:480px; height:452px; top:26%; opacity:.012; }
 .footer-x { width:38px; height:36px; }
 .footer-legal>div>*+* { border:0; position:relative; }
 .footer-legal>div>*+*::before { content:""; position:absolute; left:0; top:50%; height:12px; width:1px; background:var(--px-rule-dark); transform:translateY(-50%); }
}