/* Ten Four Works brand layer (Oct 2026 guidelines). Loaded last; :not(#_) lifts specificity above the older component rules. */
body{font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.55;background:var(--mint);color:var(--ink)}
.wrap{max-width:1264px;padding:0 32px}
.section{padding:96px 0}
::selection{background:var(--coral);color:#fff}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* Type: one Bungee display line per screen, Bricolage headings in sentence case, DM Sans body, Space Mono codes */
h1:not(#_),.display:not(#_){font-family:Bungee,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.05;font-size:clamp(2.25rem,5vw,4.5rem);max-width:none}
h1:not(#_) em{font-style:normal;color:var(--coral)}
.article-header h1:not(#_){font-family:'Bricolage Grotesque','Arial Black',sans-serif;font-weight:800;text-transform:none;letter-spacing:-.01em;line-height:1.1;font-size:clamp(2rem,4vw,3rem)}
h2:not(#_){font-family:'Bricolage Grotesque','Arial Black',sans-serif;font-weight:800;text-transform:none;letter-spacing:-.01em;line-height:1.1;font-size:clamp(1.75rem,3vw,2.25rem)}
h2:not(#_) em{font-style:normal;color:var(--coral)}
.article-body h2:not(#_),.offer-terms h2:not(#_),.checkout-preview h2:not(#_),.activation-steps h2:not(#_),.onboarding-next h2:not(#_),.consultation-outcomes h2:not(#_),.consultation-card h2:not(#_),.story-active-head h2:not(#_),.story-demo .section-head h2:not(#_){font-size:1.5rem}
h3:not(#_){font-family:'Bricolage Grotesque','Arial Black',sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.mono,.eyebrow,.hero-note,.fine-print.mono{font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:13px;line-height:1.5}
.eyebrow{color:var(--teal);font-weight:400}
.eyebrow:before{background:var(--coral);border-radius:50%;width:10px;height:10px}
.section-head{border-bottom:4px double var(--teal);padding-bottom:24px}
p,li{font-size:inherit}
.fine-print,.sample-disclosure,.preview-disclosure,.plan-trial-note{font-size:14px;color:var(--muted)}
a:not([class]),.article-body a,.faq-answer a,.fine-print a,.offer-terms a,.onboarding-next a{color:var(--teal)}
a:not([class]):hover,.article-body a:hover,.fine-print a:hover,.offer-terms a:hover{text-decoration:underline}
em{font-style:normal}

/* Buttons: teal fill with the 4px offset shade; the press collapses it */
.btn:not(#_){background:var(--teal);color:#fff;border:0;border-radius:8px;padding:12px 20px;min-height:48px;font:600 16px/1.3 'DM Sans',system-ui,sans-serif;box-shadow:4px 4px 0 var(--deep);transform:none;transition:box-shadow .15s ease-out,transform .15s ease-out,background .15s ease-out}
.btn:not(#_):hover{background:var(--deep);box-shadow:6px 6px 0 var(--coral-ink);transform:none}
.btn:not(#_):active{box-shadow:0 0 0 var(--deep);transform:translate(4px,4px)}
.btn-outline:not(#_),.btn-light:not(#_){background:transparent;color:var(--teal);border:2px solid var(--teal);box-shadow:none}
.btn-outline:not(#_):hover,.btn-light:not(#_):hover{background:var(--cream);color:var(--teal);box-shadow:none}
.btn .icon{color:inherit}
.text-link:not(#_){color:var(--teal);border-bottom:0;text-decoration:none;font-weight:600;font-size:16px;padding:4px 0}
.text-link:not(#_):hover{text-decoration:underline;color:var(--teal)}
.icon{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--teal)}
.billing-picker button{border-radius:8px;font-weight:600}
.billing-picker button[aria-pressed=true]{background:var(--teal);color:#fff}

/* Header: mint bar, logo left, 2px ink rule appears on scroll */
.site-header:not(#_){background:var(--mint);border-bottom:2px solid transparent;transition:border-color .15s ease-out}
.site-header.is-scrolled:not(#_){border-bottom-color:var(--ink)}
.site-header:after{display:none}
.nav:not(#_){height:136px;align-items:center}
.wordmark img{height:108px;width:auto;display:block}
.site-header .wordmark{padding:12px 0}
.nav-links a:not(.btn){font-weight:600;font-size:16px}
.nav-links a[aria-current=page]:not(.btn){color:var(--teal)}
.mobile-toggle{color:var(--teal)}

/* Footer: deep green, cream text, reversed logo, Space Mono legal line */
.footer:not(#_){background:var(--deep);color:var(--cream);padding:64px 0 24px}
.footer :is(a,p,span,div){color:var(--cream)}
.footer .wordmark img{height:96px;width:auto}
.footer-copy:not(#_){color:var(--cream);font-size:16px;max-width:360px}
.footer-links .mono:not(#_){color:var(--teal-light)}
.footer-links a:not(#_):hover{color:var(--coral);text-decoration:underline}
.footer-bottom:not(#_){border-top:2px solid rgba(250,238,218,.25);font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:48px}
.footer-bottom a:not(#_){color:var(--teal-light)}

/* Bands: mint by default, cream and deep green for contrast */
.story-demo:not(#_),.pricing-preview:not(#_),.faq-section:not(#_),.hardware-offer:not(#_),.compact-how:not(#_),.inspection-scope:not(#_),.trial-timeline:not(#_),.landing-trial-section:not(#_),.consultation-value:not(#_),.use-case-section:not(#_){background:var(--cream)}
.first-report-setup:not(#_),.notes-section:not(#_),.signal-section:not(#_){background:var(--mint)}
.closing:not(#_),.dark:not(#_){background:var(--deep);color:var(--cream)}
.closing :is(h2,p,span,.mono):not(.btn),.closing .eyebrow:not(#_){color:var(--cream)}
.closing .eyebrow:before{background:var(--coral)}
.closing-number:not(#_){font-family:Bungee,Impact,sans-serif;font-size:clamp(5rem,11vw,10rem);color:rgba(216,90,48,.22);letter-spacing:0;right:32px;top:50%;transform:translateY(-50%) rotate(-4deg)}
.story-banner :is(h2,p){color:var(--cream)}
.story-banner .text-link:not(#_){color:var(--cream)}
.story-badge:not(#_){background:var(--coral);color:var(--ink);border:0;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:24px}
.story-shade:not(#_){background:rgba(4,52,44,.72)}

/* Shapes: 12px cards and fields, 8px buttons, 24px panels and image frames, 2px borders, no shadows */
.offer-card:not(#_),.note-card:not(#_),.pricing-teaser:not(#_),.landing-price:not(#_),.inspection-state:not(#_),.use-case-link:not(#_),.faq-item:not(#_),.consultation-plan:not(#_),.capture-output:not(#_),.inspection-evidence-note:not(#_),.article-end:not(#_),.onboarding-next:not(#_),.plan-note:not(#_),.trade-example:not(#_),.story-output:not(#_),.preview-paper:not(#_),.offer-top-note:not(#_),.crew-form:not(#_),.inspection-scope-end:not(#_){border-radius:12px;box-shadow:none}
.offer-card:not(#_),.note-card:not(#_),.pricing-teaser:not(#_),.landing-price:not(#_),.inspection-state:not(#_),.use-case-link:not(#_),.consultation-plan:not(#_),.article-end:not(#_),.onboarding-next:not(#_){background:var(--cream);border:2px solid var(--ink);padding:28px}
.story-demo .story-output:not(#_),.faq-section .faq-item:not(#_),.pricing-preview .pricing-teaser:not(#_){background:#fff}
.offer-card:not(#_):hover,.note-card:not(#_):hover,.use-case-link:not(#_):hover{transform:none;box-shadow:4px 4px 0 var(--deep);border-color:var(--ink)}
.offer-card-featured:not(#_){border-color:var(--teal);box-shadow:4px 4px 0 var(--teal)}
.faq-item:not(#_){border:2px solid var(--teal);padding:4px 20px;margin-bottom:12px}
.faq-item summary{font-family:'Bricolage Grotesque','Arial Black',sans-serif;font-weight:700;font-size:1.125rem}
.about-image:not(#_),.trade-hero figure:not(#_),.note-art:not(#_),.hardware-visual:not(#_),.story-banner:not(#_),.landing-document:not(#_),.pdf-sheet-preview:not(#_),.preview-phone:not(#_),.story-phone:not(#_),.how-hero-photo:not(#_){border-radius:24px;overflow:hidden}
.product-preview:not(#_){border-radius:24px;background:var(--cream);border:2px solid var(--ink);box-shadow:none}
.benefit:not(#_),.trial-beats article:not(#_),.capture-modes article:not(#_),.activation-steps article:not(#_),.setup-steps li:not(#_){border-top:2px solid var(--teal)}
.benefit-symbol:not(#_){color:var(--teal)}
.signal-steps span:not(#_){border:2px solid var(--teal);border-radius:4px;color:var(--teal)}
.signal-steps b:not(#_){color:var(--coral-ink)}

/* Prices in Bungee teal; badges in Space Mono caps */
.offer-price strong:not(#_),.landing-plan-amount [data-plan-price]:not(#_),.trial-zero:not(#_){font-family:Bungee,Impact,sans-serif;font-weight:400;color:var(--teal);letter-spacing:0}
.offer-recommend:not(#_),.review-label:not(#_),.preview-example-label:not(#_),.capture-corner b:not(#_){font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--coral);color:var(--ink);padding:4px 8px;border-radius:4px;border:0}
.preview-paper-state:not(#_),.phone-state:not(#_),.form-doc-status:not(#_),.pdf-page-count:not(#_){font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--teal);color:#fff;padding:4px 8px;border-radius:4px}
.plan-hardware:not(#_){color:var(--coral-ink);font-weight:600}
.inspection-status i{border-radius:50%}

/* Forms: white fields, 2px ink border, 12px corners, 48px tall */
input:not([type=range]):not([type=checkbox]):not(#_),select:not(#_),textarea:not(#_){background:#fff;border:2px solid var(--ink);border-radius:12px;min-height:48px;padding:12px 14px;color:var(--ink)}
input:not(#_):focus-visible,select:not(#_):focus-visible,textarea:not(#_):focus-visible{border-color:var(--teal);outline:4px solid var(--mint-deep);outline-offset:0}
label:not(#_){font-weight:600;font-size:14px}

/* Motion: nothing moves unless the user moved it, except the first-load hero */
.reveal:not(#_),.js-motion .reveal:not(#_){opacity:1;transform:none;transition:none}
@keyframes t4-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes t4-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.site-header .wordmark img{animation:t4-drop .2s ease-out both}
.hero h1,.subhero h1,.ad-landing-hero h1,.consultation-hero h1{animation:t4-rise .2s ease-out .2s both}
@media(prefers-reduced-motion:reduce){.site-header .wordmark img,.hero h1,.subhero h1,.ad-landing-hero h1,.consultation-hero h1{animation:none}.btn:not(#_){transition:none}}

@media(max-width:850px){.nav:not(#_){height:104px}.wordmark img{height:80px}.site-header .wordmark{padding:8px 0}.section{padding:56px 0}}
@media(max-width:620px){.wrap{padding:0 20px}body{font-size:16px}.footer .wordmark img{height:80px}.btn:not(#_){min-height:48px}}

/* Booking card: the one deep-green card, cream text, coral shade so the button reads on it */
.consultation-card:not(#_){background:var(--deep);color:var(--cream);border:2px solid var(--deep);border-radius:12px}
.consultation-card:not(#_) .btn{box-shadow:4px 4px 0 var(--coral-ink)}
.consultation-card:not(#_) .btn:hover{background:var(--teal);box-shadow:6px 6px 0 var(--coral-ink)}
.consultation-avatar:not(#_){background:var(--teal);color:#fff}
h1:not(#_) br{display:inline}
.hero-note:not(#_){font-size:13px}
.preview-paper-state:not(#_),.phone-state:not(#_),.preview-example-label:not(#_){white-space:nowrap}
@media(max-width:620px){.preview-paper-state:not(#_),.phone-state:not(#_),.preview-example-label:not(#_){font-size:11px;letter-spacing:.04em}}

/* Round three */
.hero-actions:not(#_){align-items:center}
.hero-actions .text-link:not(#_){display:inline-flex;align-items:center;gap:8px;line-height:1;padding:0}
.text-link .icon{width:18px;height:18px}
.signal-section:not(#_){padding:48px 0}
.benefit-number{display:none}
.about-image img:not(#_){object-position:center top}
.story-badge b:not(#_){display:block;font-size:1.35rem;margin-top:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-preview-controls{display:none}
.product-preview:not(#_){font-size:15px;padding:24px}
.preview-step-label:not(#_){font-size:15px;margin-bottom:12px}
.preview-step-label:not(#_) b{font-size:12px}
.preview-phone-job:not(#_) strong{font-size:18px}.preview-phone-job:not(#_) span{font-size:14px}
.preview-voice:not(#_) .mono{font-size:11px}.preview-voice blockquote:not(#_){font-size:15px;line-height:1.5}
.preview-paper h3:not(#_){font-size:21px}.preview-record-id:not(#_){font-size:13px}
.preview-paper dt:not(#_){font-size:12px}.preview-paper dd:not(#_){font-size:15px;margin:4px 0 8px}.preview-source:not(#_){font-size:11px}
.preview-open:not(#_){font-size:14px;padding:12px 14px}
/* Booking: calendar in a dialog from any CTA; /start/ shows it inline */
.book-dialog:not(#_){width:min(96vw,980px);height:min(92vh,880px);padding:0;border:2px solid var(--ink);border-radius:24px;background:#fff;overflow:hidden;color:var(--ink)}
.book-dialog[open]{display:grid;grid-template-rows:auto 1fr}
.book-dialog::backdrop{background:rgba(4,52,44,.72)}
.book-bar{display:flex;align-items:center;gap:16px;padding:12px 12px 12px 20px;background:var(--mint);border-bottom:2px solid var(--ink)}
.book-bar .mono{flex:1;color:var(--teal)}
.book-bar a{color:var(--teal);font-weight:600;font-size:14px}
.book-close{width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:var(--cream);font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
.book-dialog .booking-frame{width:100%;height:100%;border:0;display:block;background:#fff}
.booking-section:not(#_){padding-top:48px}
.booking-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:start}
.booking-copy .check-list{margin:24px 0;display:flex;flex-direction:column;gap:12px}
.booking-embed{background:var(--cream);border:2px solid var(--ink);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px}
.booking-embed .consultation-meta:not(#_){margin:0;color:var(--ink);align-items:center}
.booking-embed .consultation-meta:not(#_)>*{border-color:var(--ink);color:var(--ink)}
.booking-embed .consultation-meta:not(#_)>strong:first-child{border:0;padding:0;font:700 18px/1.2 'Bricolage Grotesque','Arial Black',sans-serif;flex:1}
.booking-embed .booking-frame{width:100%;height:720px;border:0;border-radius:16px;background:#fff}
.booking-embed .consultation-calendar-note{font-size:14px;color:var(--muted)}
@media(max-width:850px){.booking-grid{grid-template-columns:1fr}.booking-embed .booking-frame{height:640px}}