:root{--hold:#0E1022;--cyan:#3FE3D2;--paper:#EAF2F1;--dim:#9BA6BF;--rule:#2A3150;--gut:clamp(14px,4vw,40px);--bs:min(calc((100dvh - 118px) / 4.35),37vw,240px);}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{overflow-x:clip;background:var(--hold);color:var(--paper);font-family:"Barlow Semi Condensed",system-ui,sans-serif;font-weight:500;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;}.page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);}.band{overflow:hidden;border-bottom:2px solid var(--cyan);white-space:nowrap;color:var(--cyan);font-family:"Saira Stencil One",sans-serif;text-transform:uppercase;font-size:clamp(12px,1.6vw,15px);letter-spacing:.14em;line-height:1;padding:10px 0;}.band-track{display:inline-flex;animation:band 70s linear infinite;will-change:transform}.band-run{display:inline-flex;align-items:center;gap:1.4em;padding-right:1.4em}.band-run i{width:.55em;height:.55em;background:var(--cyan);display:inline-block}@keyframes band{to{transform:translateX(-50%)}}.sheet{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas: "brand logo" "brand promise" "brand crate" "brand gap" "brand act";padding:0 var(--gut) 0 0;}h1{display:contents;font-weight:400}.brand{grid-area:brand;writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Saira Stencil One",sans-serif;font-weight:400;text-transform:uppercase;font-size:var(--bs);translate:0 .3em;position:relative;z-index:2;line-height:.86;letter-spacing:-.01em;color:var(--cyan);padding:0 .04em 0 .02em;border-left:2px solid var(--cyan);text-align:left;align-self:stretch;}.logo{grid-area:logo;justify-self:start;margin:var(--gut) 0 0 var(--gut);width:clamp(60px,12vw,128px);height:auto;aspect-ratio:1;display:block;}.promise{grid-area:promise;display:block;margin:clamp(14px,2.4vh,28px) 0 0 var(--gut);font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:clamp(22px,4.4vw,54px);line-height:1;letter-spacing:-.01em;max-width:13ch;color:var(--paper);text-transform:uppercase;}.crate{grid-area:crate;margin:clamp(14px,2.6vh,30px) 0 0 var(--gut);max-width:420px;border:2px solid var(--paper);}.crate-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--paper);color:var(--hold);font-family:"Saira Stencil One",sans-serif;text-transform:uppercase;font-size:clamp(13px,1.5vw,16px);letter-spacing:.12em;padding:6px 10px 5px;}.crate ol{list-style:none;counter-reset:c}.crate li{counter-increment:c;display:grid;grid-template-columns:2.1em 1fr;align-items:baseline;border-top:1px solid var(--rule);padding:6px 10px;font-size:clamp(15px,1.7vw,19px);line-height:1.2;color:var(--paper);}.crate li:first-child{border-top:0}.crate li::before{content:counter(c,decimal-leading-zero);font-family:"Saira Stencil One",sans-serif;color:var(--cyan);font-size:.9em;}.act{grid-area:act;margin:18px 0 var(--gut) var(--gut)}.cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:0 22px;width:100%;max-width:420px;background:var(--cyan);color:var(--hold);text-decoration:none;font-family:"Saira Stencil One",sans-serif;text-transform:uppercase;font-size:clamp(16px,1.9vw,21px);letter-spacing:.06em;line-height:1.1;border:2px solid var(--cyan);transition:background-color .15s ease,color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;}.cta:active{transform:translateY(1px)}.cta:focus-visible{outline:3px solid var(--paper);outline-offset:4px}@media (hover:hover){.cta:hover{background:var(--hold);color:var(--cyan)}}.foot{border-top:2px solid var(--cyan);position:relative;z-index:1;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom)) calc(var(--bs) * .98 + var(--gut));font-size:clamp(12px,1.3vw,14px);color:var(--dim);line-height:1.35;display:flex;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;}@media (min-width:900px){.sheet{grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas: "brand logo logo" "brand promise crate" "brand act act";column-gap:clamp(24px,3vw,48px);padding-right:clamp(32px,5vw,80px);}.promise{align-self:end;margin-top:0;font-size:clamp(40px,4.4vw,72px)}.crate{align-self:end;margin:0}.act{margin-top:clamp(24px,4vh,48px)}.cta{width:auto}}@media (prefers-reduced-motion:reduce){.band-track{animation:none}.cta{transition:none}}