:root{--ink:#0b0d0c;--paper:#f4f4ed;--white:#fff;--acid:#c8ff3d;--line:#c8cabf;--muted:#64675f;--rust:#ef5b34;--max:1240px;--shadow:8px 8px 0 var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--ink);position:sticky;top:0;background:rgba(244,244,237,.94);backdrop-filter:blur(14px);z-index:20}
.brand{text-decoration:none;font-weight:950;letter-spacing:-.08em;font-size:1.35rem}.brand span{color:var(--rust)}
nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-weight:750;font-size:.9rem}.nav-cta{background:var(--ink);color:white;border:0;padding:12px 16px;font-weight:850;cursor:pointer}.nav-cta span{color:var(--acid)}
main>section{padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.hero{min-height:560px;display:grid;grid-template-columns:1.5fr .5fr;gap:8vw;align-items:center;padding-top:72px;padding-bottom:72px;border-bottom:1px solid var(--ink);overflow:hidden}
.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}
h1,h2{margin:0;line-height:.92;letter-spacing:-.065em}h1{font-size:clamp(4.1rem,9vw,8.4rem);max-width:900px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink)}
.hero-deck{font-size:clamp(1.1rem,2vw,1.45rem);max-width:620px;margin:32px 0;color:#292c29}
.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span{border:1px solid var(--ink);padding:7px 11px;font-size:.78rem;font-weight:750;background:white}
.hero-ticket{background:var(--acid);border:1px solid var(--ink);box-shadow:var(--shadow);padding:30px;min-height:360px;display:flex;flex-direction:column;transform:rotate(2deg);position:relative}.ticket-kicker,.ticket-no{font-size:.72rem;font-weight:900;letter-spacing:.15em}.hero-ticket strong{font-size:4rem;line-height:.85;letter-spacing:-.06em;margin:32px 0}.hero-ticket p{margin:auto 0 22px;font-weight:750}.ticket-no{align-self:flex-end}
.workspace{padding-top:88px;padding-bottom:110px}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:48px}.section-heading h2{font-size:clamp(2.8rem,6vw,5.4rem)}.section-heading>p{font-size:1.1rem;max-width:520px;margin:0;color:var(--muted)}
.tool-tabs{display:flex;border-bottom:1px solid var(--ink)}.tool-tabs button{flex:1;text-align:left;padding:20px;border:0;background:transparent;font-size:1rem;font-weight:900;cursor:pointer;color:var(--muted)}.tool-tabs button+button{border-left:1px solid var(--ink)}.tool-tabs button[aria-selected=true]{background:var(--acid);color:var(--ink)}.tool-tabs span{margin-right:18px;font-size:.73rem;letter-spacing:.1em}
.tool-panel{display:none;grid-template-columns:1fr 1fr;border:1px solid var(--ink);border-top:0;background:white}.tool-panel.active{display:grid}.input-card,.output-card{padding:34px;min-width:0}.input-card{border-right:1px solid var(--ink);background:var(--paper)}.card-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:28px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
label,legend{font-weight:820;font-size:.86rem}label{display:block;margin-bottom:22px}input,select{width:100%;margin-top:8px;border:1px solid var(--ink);background:white;border-radius:0;padding:13px 14px;min-height:49px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:2px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.money-input{display:grid;grid-template-columns:72px 1fr}.money-input select{border-right:0}.money-input input{margin-left:0}input[type=range]{appearance:none;height:7px;min-height:7px;padding:0;background:linear-gradient(90deg,var(--ink) var(--range,12%),#d9dbd2 var(--range,12%));border:0;margin-top:18px}input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:var(--acid);border:2px solid var(--ink);border-radius:50%}.range-value{display:flex;justify-content:space-between;font-weight:650;margin-top:10px}.range-value span{color:var(--muted);font-weight:500;font-size:.8rem}fieldset{border:0;padding:0;margin:0 0 28px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px}.choice-row label{margin:0}.choice-row input{position:absolute;opacity:0;pointer-events:none}.choice-row span{display:block;text-align:center;padding:11px;border:1px solid var(--ink);border-right:0;background:white}.choice-row label:last-child span{border-right:1px solid var(--ink)}.choice-row input:checked+span{background:var(--ink);color:white}.check-label{display:flex;gap:12px;align-items:center}.check-label input{width:21px;height:21px;margin:0;accent-color:var(--ink)}
.button{border:1px solid var(--ink);padding:13px 18px;min-height:50px;font-weight:900;cursor:pointer}.primary{background:var(--acid);box-shadow:4px 4px 0 var(--ink)}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.secondary{background:white}.dark{background:var(--ink);color:white;width:100%}
.output-card{display:flex;flex-direction:column}.subject{background:var(--ink);color:white;padding:13px 16px;margin:0 0 24px;font-weight:780}.message{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.72;font-size:.9rem;flex:1}.output-actions{display:flex;gap:18px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.output-actions span{font-size:.78rem;color:var(--muted)}.quote-total{padding:12px 0 26px;border-bottom:1px solid var(--ink);margin-bottom:26px}.quote-total span,.quote-total small{display:block}.quote-total strong{display:block;font-size:4.2rem;line-height:1;letter-spacing:-.06em;margin:6px 0}.quote-total small{color:var(--muted)}
.playbook{background:var(--ink);color:white;padding-top:90px;padding-bottom:100px}.inverse>p{color:#bfc3bb}.inverse .eyebrow{color:var(--acid)}.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #535750}.timeline li{padding:24px 24px 0 0;position:relative}.timeline li+li{border-left:1px solid #535750;padding-left:24px}.timeline span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--acid);font-weight:900}.timeline strong{display:block;font-size:1.25rem;margin:14px 0 8px}.timeline p{color:#bfc3bb;font-size:.9rem;margin:0}
.pack{display:grid;grid-template-columns:.35fr 1.2fr .65fr;gap:5vw;align-items:center;padding-top:90px;padding-bottom:90px;background:var(--acid);border-bottom:1px solid var(--ink)}.pack-stamp{aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.pack-stamp span{font-size:.67rem;letter-spacing:.13em;font-weight:900}.pack-stamp strong{font-size:2.7rem;letter-spacing:-.06em}.pack-copy h2{font-size:clamp(2.6rem,5vw,5rem)}.pack-copy>p{max-width:660px}.pack-copy ul{columns:2;padding-left:20px;font-weight:750}.pack-action{border:1px solid var(--ink);background:var(--paper);padding:26px;box-shadow:var(--shadow)}.pack-action p{margin-top:0}.pack-action small{display:block;color:var(--muted);font-size:.72rem;margin-top:14px}
footer{max-width:var(--max);margin:auto;min-height:160px;padding:36px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{color:var(--muted)}footer>div{display:flex;gap:20px}footer>div a{font-size:.85rem}
dialog{border:1px solid var(--ink);max-width:520px;width:calc(100% - 32px);padding:36px;box-shadow:10px 10px 0 var(--ink)}dialog::backdrop{background:rgba(11,13,12,.74)}dialog h2{font-size:2.8rem}dialog>p{color:var(--muted)}dialog small{display:block;color:var(--muted);margin-top:20px}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:2rem;cursor:pointer}.form-status{font-size:.85rem;min-height:24px}.honeypot{position:absolute;left:-10000px}.legal{max-width:760px;margin:0 auto;padding:72px 24px}.legal .brand{display:inline-block;margin-bottom:64px}.legal h1{font-size:clamp(3rem,8vw,6rem);margin-bottom:36px}.legal h2{font-size:1.5rem;margin-top:36px;letter-spacing:-.03em}.legal p{font-size:1.05rem;color:#3f423e}.text-link{display:inline-block;margin-top:30px;font-weight:900}.legal .button{display:inline-block;text-decoration:none;margin-top:24px}
@media(max-width:900px){nav>a{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero-ticket{display:none}.section-heading{grid-template-columns:1fr;gap:22px}.tool-panel.active{grid-template-columns:1fr}.input-card{border-right:0;border-bottom:1px solid var(--ink)}.timeline{grid-template-columns:1fr 1fr}.timeline li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #535750;margin-top:24px;padding-top:24px}.timeline li:nth-child(4){border-top:1px solid #535750;margin-top:24px;padding-top:24px}.pack{grid-template-columns:.4fr 1fr}.pack-action{grid-column:1/-1}}
@media(max-width:600px){.site-header{height:66px;padding:0 16px}.nav-cta{padding:9px 11px;font-size:.8rem}main>section{padding-left:16px;padding-right:16px}h1{font-size:3.65rem}h1 em{-webkit-text-stroke:1.5px var(--ink)}.hero{min-height:auto;padding-top:52px;padding-bottom:56px}.hero-deck{font-size:1.05rem}.workspace{padding-top:62px;padding-bottom:72px}.section-heading h2{font-size:3.1rem}.tool-tabs button{font-size:.83rem;padding:15px 10px}.tool-tabs span{display:none}.input-card,.output-card{padding:22px 18px}.field-pair{grid-template-columns:1fr}.output-actions{align-items:flex-start;flex-direction:column}.output-actions .button{width:100%}.timeline{grid-template-columns:1fr}.timeline li+li,.timeline li:nth-child(3),.timeline li:nth-child(4){border-left:0;border-top:1px solid #535750;padding:22px 0 0;margin-top:22px}.pack{grid-template-columns:1fr;padding-top:68px}.pack-stamp{width:130px}.pack-copy ul{columns:1}.pack-action{grid-column:auto}footer{align-items:flex-start;flex-direction:column}.choice-row span{font-size:.78rem;padding:10px 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
