:root{color:#231f20;--ink:#231f20;--paper:#f4efe4;--paper2:#fff9ec;--cyan:#00a6c8;--magenta:#d83a7c;--yellow:#f3c432;--black:#191919;--rule:#2b272333;--green:#0d7f5f;background:#f4efe4;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg,#00a6c81a 0 12px,transparent 12px 24px,#d83a7c1a 24px 36px,transparent 36px 48px,#f3c43229 48px 60px,transparent 60px 72px), radial-gradient(circle at 84px 72px,#0000000f 0 2px,transparent 3px), var(--paper);min-height:100vh;color:var(--ink);background-size:72px 100%,168px 168px,auto;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#231f2014 1px,#0000 1px),linear-gradient(90deg,#231f2014 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}main{position:relative;overflow:hidden}.hero{padding:22px clamp(18px,4vw,64px) 56px}nav{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;margin-bottom:54px;padding-bottom:16px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-family:Georgia,serif;font-size:clamp(18px,2vw,26px);font-weight:900;display:flex}.brand span{border:3px solid var(--ink);background:conic-gradient(from 90deg,var(--cyan),var(--magenta),var(--yellow),var(--cyan));color:#fff;text-shadow:1px 1px #000;width:44px;height:44px;box-shadow:5px 5px 0 var(--ink);place-items:center;font-family:Avenir Next,Arial,sans-serif;display:grid}.navCta,.primary,.secondary{border:3px solid var(--ink);color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;box-shadow:5px 5px 0 var(--ink);background:var(--paper2);border-radius:0;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:900;text-decoration:none;transition:all .16s;display:inline-flex}.navCta,.primary{background:var(--yellow)}.secondary{background:#fff}.navCta:hover,.primary:hover,.secondary:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.heroGrid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.78fr);align-items:center;gap:34px;display:grid}.heroCopy h1{letter-spacing:-.07em;max-width:960px;margin:0 0 24px;font-family:Georgia,serif;font-size:clamp(42px,7vw,86px);line-height:.92}.sub{color:#4e4942;max-width:740px;margin:0 0 30px;font-size:clamp(18px,2.2vw,23px)}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.heroActions{flex-wrap:wrap;gap:12px;display:flex}.glass,.card,.planner,.lead,.result{background:var(--paper2);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.device{padding:22px;position:relative;transform:rotate(1.3deg)}.device:before{content:"PROOF";border:3px solid var(--magenta);color:var(--magenta);letter-spacing:.14em;padding:4px 9px;font-weight:900;position:absolute;top:18px;right:18px;transform:rotate(10deg)}.deviceTop{gap:8px;margin-bottom:20px;display:flex}.deviceTop span{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.deviceTop span:first-child{background:var(--cyan)}.deviceTop span:nth-child(2){background:var(--magenta)}.deviceTop span:nth-child(3){background:var(--yellow)}.miniTitle{align-items:center;gap:9px;margin-bottom:18px;font-size:22px;font-weight:900;display:flex}.pressSheet{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.pressSheet i{aspect-ratio:1.45;background:linear-gradient(135deg,#fff 0 48%,var(--cyan) 48% 52%,#fff 52%);border:2px solid var(--ink);display:block}.pressSheet i:nth-child(2n){background:linear-gradient(135deg,#fff 0 48%,var(--magenta) 48% 52%,#fff 52%)}.pressSheet i:nth-child(3n){background:linear-gradient(135deg,#fff 0 48%,var(--yellow) 48% 52%,#fff 52%)}.miniRow{border-top:2px dashed var(--rule);justify-content:space-between;gap:15px;padding:12px 0;display:flex}.miniRow span{color:#696258}.miniRow strong{text-align:right}section{padding:42px clamp(18px,4vw,64px)}.sectionHead{max-width:780px;margin-bottom:22px}.sectionHead h2{letter-spacing:-.05em;margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(28px,4vw,54px);line-height:1}.planner{margin:0 clamp(18px,4vw,64px);padding:28px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.jobCards{grid-template-columns:repeat(5,minmax(0,1fr))}.card{text-align:left;color:var(--ink);flex-direction:column;gap:10px;min-height:150px;padding:18px;display:flex}.card svg{color:var(--green)}button.card{cursor:pointer}.card.active{box-shadow:5px 5px 0 var(--ink);background:linear-gradient(135deg,#00a6c82e,#f3c43257);transform:translate(2px,2px)}.card strong{font-size:18px}.card span{color:#5e574e}.vendor:nth-child(2){background:#fff0f6}.vendor:nth-child(3){background:#eefcff}.vendor:nth-child(4){background:#fff7d1}.controlGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}label{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}input,select,textarea{border:3px solid var(--ink);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:0;margin-top:8px;padding:13px}input[type=range]{accent-color:var(--magenta);background:0 0;border:0;padding:0}.switch{border:3px solid var(--ink);background:#fff;align-items:center;gap:10px;padding:14px;display:flex}.switch input{width:auto;margin:0}.chipGrid{flex-wrap:wrap;gap:10px;display:flex}.chip{border:3px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:#fff;padding:10px 13px;font-weight:900}.chip.on{background:var(--cyan);color:#fff}.microHead{text-transform:uppercase;letter-spacing:.12em;margin:24px 0 10px;font-weight:900}.result{background:#fff;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:22px;display:flex}.result p{color:var(--magenta);text-transform:uppercase;letter-spacing:.12em;margin:0;font-weight:900}.result h3{margin:4px 0;font-family:Georgia,serif;font-size:30px}.result svg{color:var(--green)}.twoCol{grid-template-columns:1fr 1fr;gap:22px;display:grid}.twoCol .glass{padding:26px}.checks{padding-left:20px}.checks li{margin:10px 0}.brief pre{white-space:pre-wrap;border:2px dashed var(--ink);background:#fff;max-height:340px;padding:16px;overflow:auto}.full{width:100%}.lead{grid-template-columns:.85fr 1.15fr;gap:22px;margin:20px clamp(18px,4vw,64px) 70px;padding:28px;display:grid}.lead h2{margin:6px 0;font-family:Georgia,serif;font-size:clamp(30px,4vw,52px);line-height:1}.lead form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lead textarea{grid-column:1/-1;min-height:120px}.lead button{grid-column:1/-1}.lead p{color:#4e4942}.vendors .card{min-height:180px}@media (width<=980px){.heroGrid,.twoCol,.lead{grid-template-columns:1fr}.cards,.jobCards,.controlGrid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{flex-direction:column;align-items:flex-start}.device{transform:none}.lead,.planner{margin-inline:18px}}@media (width<=620px){.cards,.jobCards,.controlGrid,.lead form{grid-template-columns:1fr}.hero{padding-inline:18px}.heroCopy h1{font-size:42px}.navCta,.primary,.secondary{width:100%}.heroActions{display:grid}.brand span{width:38px;height:38px}.planner,.lead{padding:18px}.pressSheet{grid-template-columns:repeat(2,1fr)}}
