@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;600;700&display=swap');
:root{--lime:#78d64b;--black:#090b0b;--paper:#f1f0eb;--line:#2a2d2d;--muted:#9da29f}
*{box-sizing:border-box}html,body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif}body{min-height:100vh}
.shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 80% 25%,#1b211d 0,transparent 26%),var(--black)}
nav{height:96px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:150px;height:auto;object-fit:contain}
.nav-cta{color:var(--black);background:var(--lime);padding:14px 18px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.06em}.nav-cta span{margin-left:20px}
.hero{min-height:590px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:5vw;padding:70px clamp(24px,5vw,80px)}
.status{font-size:11px;letter-spacing:.16em;font-weight:800;color:#c9cdca;margin-bottom:28px}.status i{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:10px;box-shadow:0 0 18px var(--lime)}
h1{font:700 clamp(54px,7vw,108px)/.9 Oswald,Impact,sans-serif;letter-spacing:-.045em;margin:0;text-transform:uppercase}h1 em{font-style:normal;color:var(--lime)}
.lead{max-width:590px;color:#b6bbb8;font-size:16px;line-height:1.7;margin:30px 0}
.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a{padding:17px 21px;font-size:11px;font-weight:900;text-decoration:none;letter-spacing:.04em}.primary{background:var(--lime);color:#0a0c0b}.primary span{margin-left:28px}.secondary{color:#fff;border:1px solid #5d625f}
.graphic{position:relative;height:430px;min-width:360px}.sheet{position:absolute;width:270px;height:355px;border:1px solid #444}.sheet.back{right:8%;top:0;background:#141817;transform:rotate(7deg)}.sheet.back span{position:absolute;bottom:18px;right:18px;color:#343936;font:700 48px Oswald}.sheet.front{right:22%;top:28px;background:var(--paper);color:#0a0c0b;padding:28px;transform:rotate(-4deg);box-shadow:0 28px 70px #000}.sheet.front small{font-size:7px;letter-spacing:.18em}.sheet.front strong{display:block;font:700 70px/.82 Oswald;margin-top:44px}.sheet.front strong+strong{color:var(--lime);margin-top:0}.bars{display:flex;height:34px;margin-top:48px}.bars i{flex:1}.bars i:nth-child(1){background:#00a9e0}.bars i:nth-child(2){background:#ec008c}.bars i:nth-child(3){background:#fff200}.bars i:nth-child(4){background:#111}.measure{position:absolute;bottom:5px;right:19%;width:300px;border-top:1px solid #5b605d;color:#777d79;font-size:8px;letter-spacing:.18em;padding-top:8px;display:flex;justify-content:space-between}.registration{position:absolute;color:var(--lime);font-size:28px}.r1{top:0;left:15%}.r2{bottom:10%;right:5%}
.ticker{background:var(--lime);color:#0b0d0c;transform:rotate(-1.2deg) scale(1.03);padding:15px 0;white-space:nowrap;font:700 13px Oswald;letter-spacing:.08em;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:move 16s linear infinite;will-change:transform}.ticker-track span{display:block;flex:none}.ticker b{margin:0 24px}@keyframes move{to{transform:translateX(-50%)}}
.order{padding:95px clamp(24px,5vw,80px) 80px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-bottom:1px solid var(--line)}.number{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.18em}.order h2{font:700 clamp(38px,4.4vw,68px)/.95 Oswald;margin:18px 0 0}.order-copy{padding-top:25px}.order-copy p{color:#aeb3b0;line-height:1.75;max-width:650px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.chips span{border:1px solid #3c413e;padding:8px 10px;font-size:8px;font-weight:800;letter-spacing:.12em}.order-copy>a{display:inline-block;color:var(--lime);font-weight:800;text-decoration:none;margin-top:10px;border-bottom:1px solid #3f7130;padding-bottom:6px}.order-copy>a b{margin-left:25px}
footer{min-height:110px;padding:30px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;color:#777d79;font-size:9px;letter-spacing:.11em}footer strong,footer span{display:block;color:#aeb3b0;margin-bottom:5px}.footer-note{text-align:center}.footer-note b{color:var(--lime);margin:0 10px}
@media(max-width:800px){nav{height:78px}.hero{grid-template-columns:1fr;padding-top:55px}.graphic{height:360px;margin-top:10px}.sheet.front{right:20%;width:230px;height:310px}.sheet.front strong{font-size:58px}.sheet.back{width:230px;height:310px}.order{grid-template-columns:1fr;gap:25px}.order-copy{padding-top:0}footer{grid-template-columns:1fr;gap:18px}.footer-note{text-align:left}.nav-cta{padding:12px;font-size:9px}.brand img{width:128px}}
@media(max-width:470px){.graphic{min-width:0}.sheet.front{right:14%}.sheet.back{right:4%}.measure{right:9%;width:260px}.hero{min-height:auto}h1{font-size:52px}.lead{font-size:14px}}
.quote-modal{width:min(760px,calc(100% - 28px));max-height:92vh;overflow:auto;border:1px solid #343936;background:#0d100f;color:#fff;padding:0;box-shadow:0 35px 120px #000}
.quote-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
.modal-close{position:absolute;right:20px;top:16px;border:0;background:transparent;color:#8b918d;font-size:32px;cursor:pointer}
.modal-head{padding:38px 42px 24px;border-bottom:1px solid var(--line)}
.modal-head h2{font:700 clamp(34px,5vw,58px)/.95 Oswald;margin:12px 0;color:#fff}.modal-head p{color:#9da29f;max-width:600px;margin:0;line-height:1.6}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:30px 42px 40px}.field{display:flex;flex-direction:column;gap:7px}.field.wide,.form-note,.form-submit,.form-status{grid-column:1/-1}
.field label{font-size:9px;font-weight:900;letter-spacing:.14em;color:#b9bdbb}.field label small{color:#666;font-size:7px;margin-left:5px}
.field input,.field select,.field textarea{width:100%;border:1px solid #343936;background:#151817;color:#fff;border-radius:0;padding:13px 14px;font:500 13px Inter;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime)}
.field textarea{resize:vertical}.form-note{font-size:9px;line-height:1.5;color:#747a76}.form-submit{border:0;cursor:pointer;justify-content:space-between}.form-status{margin:0;color:var(--lime);font-size:11px}
body.modal-open{overflow:hidden}
@media(max-width:620px){.quote-form{grid-template-columns:1fr;padding:24px}.modal-head{padding:32px 24px 20px}.field{grid-column:1/-1}}

.site-controls{margin-left:auto;display:flex;align-items:center;gap:6px}.control-select,.control-btn{height:36px;border:1px solid #343936;background:#111413;color:#d9ddda;font:800 9px Inter;letter-spacing:.08em;padding:0 10px;cursor:pointer}.control-btn{min-width:38px}.control-btn:hover,.control-select:hover{border-color:var(--lime);color:var(--lime)}.text-size{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.font-large{font-size:112.5%}html.font-xlarge{font-size:125%}
html.light body,html.light .shell{background:#f1f0eb;color:#111}.light .shell{background:radial-gradient(circle at 80% 25%,#e2e6df 0,transparent 26%),#f1f0eb}.light nav{border-color:#d0d4ce}.light .control-select,.light .control-btn{background:#fff;color:#111;border-color:#c8ccc6}.light h1,.light .order h2{color:#111}.light .lead,.light .order-copy p{color:#555c57}.light .status{color:#4f5652}.light footer{color:#626863;border-color:#d0d4ce}.light footer strong,.light footer span{color:#333}.light .secondary{color:#111;border-color:#777}.light .quote-modal{background:#f1f0eb;color:#111}.light .modal-head h2{color:#111}.light .modal-head p{color:#555}.light .field input,.light .field select,.light .field textarea{background:#fff;color:#111;border-color:#c9cdc7}.light .field label{color:#444}.light .modal-close{color:#444}
@media(max-width:720px){.site-controls{gap:4px}.control-select,.control-btn{height:32px;padding:0 7px}.control-btn{min-width:32px}}

.field-error{min-height:12px;color:#ff746c;font-size:9px;line-height:1.3}.field input:invalid:not(:placeholder-shown){border-color:#ff746c}.field input:valid:not(:placeholder-shown){border-color:#5f8d4a}

.upload-box{border:1px dashed #4a504c;background:#121514;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.2s}.upload-box:hover{border-color:var(--lime);background:#161a17}.upload-box strong{color:var(--lime);font-size:10px;letter-spacing:.1em}.upload-box span{font-size:9px;color:#9da29f;letter-spacing:0}.upload-box .upload-meta{color:#6f7672}.file-list{font-size:9px;color:var(--lime);line-height:1.5}.ready-check{display:flex;align-items:center;gap:9px;font-size:10px;color:#aeb3b0;cursor:pointer}.ready-check input{accent-color:var(--lime)}

/* Light theme contrast fixes */
.light .brand img{filter:none;opacity:1}


.light .number,.light .order-copy>a,.light .upload-box strong,.light .form-status{color:#4d9f2e}
.light .chips span{color:#252825;border-color:#8f968f}
.light .quote-modal{border-color:#b9beb8}
.light .modal-head{border-color:#c9cdc7}
.light .field label,.light .ready-check{color:#303530}
.light .field label small{color:#666d67}
.light .upload-box{background:#111513;border-color:#4a504c}
.light .upload-box span{color:#d2d6d2}
.light .upload-box .upload-meta{color:#aab0ab}
.light .form-note{color:#5c635e}
.light .modal-close{border:1px solid #a9aea9}

.legal{max-width:820px;margin:0 auto;padding:70px 28px 100px;color:#d8ddda;line-height:1.75}.legal>a{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.12em;text-decoration:none}.legal h1{font:700 clamp(48px,8vw,86px)/.95 Oswald;margin:42px 0 12px;color:#fff}.legal h2{font:700 25px/1.1 Oswald;color:#fff;margin:42px 0 10px}.legal p{color:#aab0ac}.light .legal{color:#222}.light .legal h1,.light .legal h2{color:#111}.light .legal p{color:#4d534f}footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--lime)}

/* Seamless marquee: each half is an identical self-contained loop */
.ticker-track{display:flex;width:max-content;animation:marquee 18s linear infinite}
.ticker-track span{flex:none;padding-right:24px}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker{transform:none}}

/* Gap-proof ticker: two identical sets, each wider than the viewport */
.ticker-track{display:flex;width:max-content;animation:marquee-set 20s linear infinite}
.ticker-set{display:flex;flex:none;white-space:nowrap}
.ticker-set>span{display:block;flex:none;padding-right:0}
@keyframes marquee-set{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Keep marquee copies on one physical line */
.ticker-track{align-items:center}
.ticker-set{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}
.ticker-set>span{display:inline-block;white-space:nowrap;width:max-content}

/* Launch accessibility and mobile pass */
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
button,a,select,input,textarea{touch-action:manipulation}
@media(max-width:760px){
  nav{height:auto;min-height:74px;padding:14px 18px;gap:10px;flex-wrap:wrap}
  .brand img{width:112px}
  .site-controls{order:2;margin-left:auto}
  .nav-cta{padding:12px 14px;font-size:9px}
  .hero{grid-template-columns:1fr;padding:64px 20px 72px;min-height:auto}
  h1{font-size:clamp(54px,15vw,82px)}
  .lead{max-width:36rem}
  .visual{margin-top:20px;min-height:300px}
  .sheet{width:min(58vw,240px)}
  .ticker{padding:12px 0}
  .order{grid-template-columns:1fr;gap:34px;padding:70px 20px}
  .order h2{font-size:clamp(48px,13vw,70px)}
  footer{gap:18px;flex-wrap:wrap;padding:24px 20px}
  .quote-modal{width:calc(100% - 16px);max-height:96dvh}
  .quote-form{padding:22px 18px 28px;gap:14px}
  .modal-head{padding:28px 18px 18px}
  .modal-head h2{font-size:40px;padding-right:30px}
  .turnstile-wrap{overflow-x:auto}
}
@media(max-width:480px){
  .site-controls{width:auto}
  .control-select,.control-btn{font-size:8px}
  .nav-cta{width:100%;order:3;text-align:center}
  .hero{padding-top:48px}
  .visual{min-height:250px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

footer .legal-links{display:flex;gap:14px;align-items:center}
@media(max-width:760px){
  footer{display:grid;grid-template-columns:1fr;align-items:start}
  footer>div,footer>span{width:100%}
  footer .legal-links{display:flex;flex-wrap:wrap;gap:10px 18px}
  footer .legal-links a{display:inline-block}
}

/* Keep primary actions available while browsing */
nav{position:sticky;top:0;z-index:1000}

/* Final live header/footer corrections */
.site-header{position:sticky;top:0;z-index:1000;background:var(--black)}
.light .site-header{background:#f1f0eb}
.site-header nav{position:relative;top:auto;z-index:auto}
footer{grid-template-columns:1fr 1fr auto;position:relative;padding-bottom:48px}
.footer-right{text-align:right}
.copyright{position:absolute;left:clamp(24px,5vw,80px);bottom:18px;color:#777d79}
.light .copyright{color:#626863}
@media(max-width:760px){
 .site-header{position:sticky;top:0}
 footer{grid-template-columns:1fr;padding-bottom:58px}
 .footer-right{text-align:left}
 .copyright{left:20px;bottom:20px}
}

/* Sticky header must live outside .shell because .shell clips overflow */
.site-header{position:sticky!important;top:0!important;z-index:9999!important;width:100%;background:var(--black)}
.site-header nav{background:inherit}
.light .site-header{background:#f1f0eb}

/* Definitive sticky nav: viewport-level fixed bar */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483647!important;background:var(--black);transform:none!important}
body{padding-top:96px}
.light .site-header{background:#f1f0eb}
@media(max-width:800px){body{padding-top:78px}}
@media(max-width:760px){body{padding-top:74px}.site-header nav{min-height:74px}}

.light .brand img{content:url("/assets/logo-light.svg");filter:none!important}