/* ═══════════════════════════════════════════════════════
   EMBER v3 — "Shop Manual" design system
   Paper + ink + one can of orange spray paint.
   ═══════════════════════════════════════════════════════ */
:root{
  --paper:#F1EBDD; --paper-2:#E9E2D0; --card:#FFFDF6;
  --ink:#171310; --muted:#6b6257;
  --orange:#FF4D00; --orange-deep:#D63E00;
  --night:#141110; --night-ink:#EDE7DC; --night-muted:#B9B1A4;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:15px;line-height:1.65;}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");}
.display{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:.95;}
.hand{font-family:'Caveat',cursive;font-size:1.5em;color:var(--orange-deep);}
a{color:inherit;}
img{max-width:100%;}

/* ── header ── */
header.bar{border-bottom:3px solid var(--ink);background:var(--paper);display:flex;align-items:stretch;justify-content:space-between;position:sticky;top:0;z-index:50;}
.h-cell{padding:14px 20px;border-right:3px solid var(--ink);display:flex;align-items:center;gap:10px;}
.h-cell:last-child{border-right:none;border-left:3px solid var(--ink);}
.logo{display:flex;align-items:center;text-decoration:none;}
.logo-img{height:32px;width:auto;display:block;}
.logo .spark{color:var(--orange);}
.h-note{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);}
nav.main{display:flex;align-items:center;gap:26px;padding:0 24px;font-size:13px;text-transform:uppercase;letter-spacing:1px;}
nav.main a{text-decoration:none;border-bottom:2px solid transparent;padding:4px 0;}
nav.main a:hover, nav.main a.on{border-bottom-color:var(--orange);}

/* Industries dropdown */
.nav-drop{position:relative;display:flex;align-items:center;height:100%;}
.nav-drop .caret{font-size:10px;color:var(--muted);}
.nav-drop .drop{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--paper);border:3px solid var(--ink);min-width:200px;padding:6px 0;z-index:70;box-shadow:6px 6px 0 rgba(23,19,16,.15);}
.nav-drop:hover .drop,.nav-drop:focus-within .drop{display:block;}
.nav-drop .drop a{display:block;padding:9px 18px;border-bottom:none;white-space:nowrap;}
.nav-drop .drop a:hover{background:var(--paper-2);color:var(--orange-deep);}
.call-btn{background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;padding:10px 18px;font-size:13px;letter-spacing:1px;text-transform:uppercase;}
.call-btn:hover{background:var(--orange);color:#fff;}

/* ── type + common ── */
.ticket-no{font-size:12px;text-transform:uppercase;letter-spacing:2px;display:inline-block;border:2px solid var(--ink);padding:4px 12px;margin-bottom:26px;background:var(--paper-2);}
.hl{position:relative;white-space:nowrap;color:var(--paper);box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.hl::before{content:'';position:absolute;left:-2%;right:-3%;top:12%;bottom:6%;background:var(--orange);opacity:.85;z-index:-1;transform:skew(-8deg) rotate(-1deg);}
.btn{font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:16px 26px;border:3px solid var(--ink);color:var(--ink);display:inline-block;}
.btn-solid{background:var(--orange);color:#fff;box-shadow:5px 5px 0 var(--ink);transition:transform .12s, box-shadow .12s;}
.btn-solid:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);}
.btn-ghost{background:transparent;box-shadow:5px 5px 0 rgba(23,19,16,.18);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;}
section{padding:80px 5vw;}
.sec-head{display:flex;align-items:baseline;gap:22px;margin-bottom:46px;border-bottom:3px solid currentColor;padding-bottom:14px;}
.sec-no{font-family:'Anton';font-size:52px;color:var(--orange);}
.sec-title{font-size:clamp(30px,4vw,54px);}
.sec-note{margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);}
.dark .sec-note{color:#8b8378;}

/* ── hero ── */
.hero{padding:70px 5vw 60px;display:grid;grid-template-columns:7fr 5fr;gap:50px;align-items:center;}
.hero h1{font-size:clamp(46px,7.2vw,104px);margin-bottom:28px;}
.hero p.sub{max-width:520px;margin-bottom:14px;}
.hero .place{font-size:13px;color:var(--muted);margin-bottom:34px;}
.hero-slim{padding:70px 5vw 50px;max-width:900px;}
.hero-slim h1{font-size:clamp(40px,6vw,84px);margin-bottom:24px;}

/* ── polaroid / stamps / tape ── */
.polaroid{background:#fff;padding:14px 14px 48px;box-shadow:0 12px 28px -10px rgba(23,19,16,.35);transform:rotate(2.4deg);position:relative;max-width:440px;justify-self:end;}
.polaroid img{width:100%;display:block;filter:saturate(.92) contrast(1.04);}
.polaroid .cap{position:absolute;bottom:10px;left:0;right:0;text-align:center;}
.tape{position:absolute;width:110px;height:30px;background:rgba(255,214,140,.65);border-left:1px dashed rgba(0,0,0,.12);border-right:1px dashed rgba(0,0,0,.12);top:-14px;left:50%;transform:translateX(-50%) rotate(-3deg);}
.stamp{position:absolute;right:-18px;top:-24px;transform:rotate(8deg);border:3px solid var(--orange-deep);color:var(--orange-deep);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:2px;padding:6px 12px;background:rgba(241,235,221,.9);z-index:2;}

/* ── ticker ── */
.ticker{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--paper-2);overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:12px 0;font-size:14px;text-transform:uppercase;letter-spacing:2px;text-align:center;}
.ticker span{display:inline-block;padding:0 18px;}
.ticker b{color:var(--orange-deep);}
.ticker::-webkit-scrollbar{display:none;}

/* ── dark sections ── */
.dark{background:var(--night);color:var(--night-ink);}
.dark-cut-both{clip-path:polygon(0 0,100% 22px,100% 100%,0 calc(100% - 22px));}
.dark-cut-top{clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);}
.dark p.muted, .dark .muted{color:var(--night-muted);}

/* checklist grid */
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid rgba(237,231,220,.25);}
.prob{padding:28px;border:1px solid rgba(237,231,220,.25);position:relative;}
.prob:hover{background:rgba(255,77,0,.07);}
.prob .tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;display:block;}
.prob h3{font-family:'Anton';font-size:21px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;}
.prob p{font-size:14px;color:var(--night-muted);}
.prob .check{position:absolute;top:20px;right:20px;width:22px;height:22px;border:2px solid rgba(237,231,220,.4);}
.prob:hover .check::after{content:'✕';color:var(--orange);display:block;text-align:center;line-height:20px;font-weight:700;}

/* work-order cards */
.do-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.do-card{border:3px solid var(--ink);background:var(--paper-2);color:var(--ink);padding:30px;position:relative;box-shadow:8px 8px 0 rgba(23,19,16,.15);}
.do-card:nth-child(2){transform:rotate(-.6deg);}
.do-card:nth-child(3){transform:rotate(.5deg);}
.do-card .no{font-family:'Anton';color:var(--orange);font-size:30px;}
.do-card h3{font-family:'Anton';text-transform:uppercase;font-size:24px;margin:8px 0 14px;}
.do-card ul{list-style:none;font-size:14px;}
.do-card li{padding:8px 0;border-top:1px dashed rgba(23,19,16,.35);}
.do-card li::before{content:'» ';color:var(--orange-deep);font-weight:700;}
.do-card a.more{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}

/* receipts / packages */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:start;}
.pkg{background:#fff;color:var(--ink);border:2px solid var(--ink);padding:30px 26px 26px;position:relative;box-shadow:0 14px 30px -14px rgba(23,19,16,.4);}
.pkg::before,.pkg::after{content:'';position:absolute;left:0;right:0;height:10px;
  background:linear-gradient(45deg,transparent 33.333%,#fff 33.333%,#fff 66.667%,transparent 66.667%),linear-gradient(-45deg,transparent 33.333%,#fff 33.333%,#fff 66.667%,transparent 66.667%);
  background-size:14px 20px;}
.pkg::before{top:-10px;transform:rotate(180deg);}
.pkg::after{bottom:-10px;}
.pkg h3{font-family:'Anton';text-transform:uppercase;font-size:26px;}
.pkg .tagline{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--orange-deep);margin-bottom:16px;}
.pkg .price{font-family:'Anton';font-size:52px;line-height:1;}
.pkg .per{font-size:13px;color:#4a433c;}
.pkg .pricenote{font-size:12px;color:#4a433c;margin-top:4px;}
.pkg .for{font-size:13px;background:var(--paper);border-left:4px solid var(--orange);padding:10px 12px;margin:16px 0;}
.pkg ul{list-style:none;font-size:13.5px;margin-bottom:22px;}
.pkg li{padding:7px 0;border-bottom:1px dashed rgba(23,19,16,.25);}
.pkg li::before{content:'✓ ';color:var(--orange-deep);font-weight:700;}
.pkg .btn{display:block;text-align:center;}
.pkg-pop{transform:rotate(-1deg) scale(1.02);border-width:3px;}
.pop-stamp{position:absolute;top:-16px;right:14px;transform:rotate(6deg);background:var(--orange);color:#fff;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:7px 14px;border:2px solid var(--ink);z-index:2;}

/* story card */
.story-card{background:var(--card);color:var(--ink);border:1px solid rgba(23,19,16,.3);padding:44px 46px;box-shadow:0 16px 40px -18px rgba(23,19,16,.4);transform:rotate(-.4deg);position:relative;}
.story-card::before{content:'';position:absolute;top:-12px;left:60px;width:110px;height:28px;background:rgba(255,214,140,.65);transform:rotate(-2deg);}
.story-card p{margin-bottom:18px;}
.story-card .first::first-letter{font-family:'Anton';font-size:54px;float:left;line-height:.85;padding-right:10px;color:var(--orange-deep);}
.sig{font-family:'Caveat';font-size:34px;color:var(--ink);}

/* trust strip */
.trust{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap;padding:34px 5vw;border-bottom:3px solid var(--ink);background:var(--paper);}
.trust img{height:44px;width:auto;filter:grayscale(1) contrast(1.1);opacity:.8;}
.trust .t-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);width:100%;text-align:center;margin-bottom:4px;}

/* FAQ */
.faq{max-width:820px;margin:0 auto;}
.faq details{border:2px solid var(--ink);background:var(--card);margin-bottom:14px;}
.faq summary{cursor:pointer;font-weight:600;padding:18px 20px;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::after{content:'+';font-family:'Anton';font-size:22px;color:var(--orange-deep);}
.faq details[open] summary::after{content:'–';}
.faq details p{padding:0 20px 18px;font-size:14px;color:#4a433c;}

/* note strip */
.note-strip{border:2px dashed var(--ink);background:var(--paper-2);padding:18px 22px;font-size:13.5px;max-width:1100px;margin:40px auto 0;}

/* forms */
.form{max-width:640px;}
.form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin:18px 0 6px;}
.form input,.form select,.form textarea{width:100%;border:2px solid var(--ink);background:var(--card);padding:13px 14px;font-family:inherit;font-size:15px;}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid rgba(255,77,0,.5);}

/* CTA */
.cta{background:var(--night);color:var(--night-ink);text-align:center;}
.cta h2{font-size:clamp(40px,6vw,84px);margin-bottom:18px;}
.cta p{max-width:520px;margin:0 auto 34px;color:var(--night-muted);}
.cta .phone{font-family:'Anton';font-size:30px;letter-spacing:2px;display:block;margin-top:26px;color:var(--orange);text-decoration:none;}

/* footer */
footer.site{padding:44px 5vw 26px;padding-bottom:110px;border-top:3px solid var(--ink);background:var(--paper);}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;margin-bottom:30px;}
.f-grid h4{font-family:'Anton';text-transform:uppercase;font-size:16px;letter-spacing:1px;margin-bottom:12px;}
.f-grid ul{list-style:none;font-size:13px;}
.f-grid li{padding:4px 0;}
.f-grid a{text-decoration:none;}
.f-grid a:hover{color:var(--orange-deep);}
.f-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);border-top:2px solid var(--ink);padding-top:18px;}

.nav-toggle{display:none;background:none;border:none;font-family:'Anton';font-size:22px;cursor:pointer;padding:0 18px;color:var(--ink);}
@media (max-width:1024px){
  .do-grid,.prob-grid,.pkg-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .do-grid,.prob-grid,.pkg-grid{grid-template-columns:1fr;}
  .hl{white-space:normal;}
  .sec-head{flex-wrap:wrap;}
  .sec-note{margin-left:0;width:100%;}
  /* Calendly floating badge covers form fields on small screens */
  .calendly-badge-widget{display:none !important;}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;}
  .polaroid{justify-self:start;margin-top:10px;}
  .h-note{display:none;}
  .nav-toggle{display:block;}
  nav.main{display:none;}
  nav.main.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);padding:10px 24px 18px;gap:14px;z-index:60;}
  nav.main.open .nav-drop{flex-direction:column;align-items:flex-start;height:auto;}
  nav.main.open .nav-drop .drop{display:block;position:static;transform:none;border:none;box-shadow:none;background:none;min-width:0;padding:6px 0 0 16px;}
  nav.main.open .nav-drop .caret{display:none;}
  header.bar{flex-wrap:wrap;position:sticky;}
  .f-grid{grid-template-columns:1fr 1fr;}
}

/* legal pages */
.legal h1,.legal h2{font-family:'Anton';text-transform:uppercase;letter-spacing:.5px;margin:34px 0 12px;font-size:24px;}
.legal h3{font-family:'Anton';text-transform:uppercase;font-size:18px;margin:24px 0 10px;}
.legal p{margin-bottom:14px;font-size:14px;}
.legal ul,.legal ol{margin:0 0 16px 22px;font-size:14px;}
.legal li{margin-bottom:6px;}

@media (max-width:900px){.report-split{grid-template-columns:1fr !important;}}