:root{--ink:oklch(16% .014 63);--ink-2:oklch(22% .018 63);--paper:oklch(96% .018 75);--muted:oklch(71% .025 72);--orange:oklch(70% .19 48);--gold:oklch(79% .12 82);--line:color-mix(in oklch,var(--paper) 16%,transparent);--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Karla",sans-serif;font-size:1rem;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--paper);color:var(--ink)}.skip:focus{top:1rem}.kicker{margin:0;color:var(--orange);font-size:.78rem;font-weight:700;letter-spacing:.16em}.campaign-ribbon{display:flex;justify-content:space-between;gap:var(--space-md);padding:.55rem clamp(1rem,4vw,4rem);background:var(--orange);color:var(--ink);font-size:.72rem;letter-spacing:.12em}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:6.5rem;padding:var(--space-md) clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:var(--space-md);text-decoration:none}.client-logo{width:4rem;height:4rem;object-fit:cover;border-radius:50%}.brand-x{color:var(--muted);font-size:1.25rem}.oc-logo{width:8.5rem;height:4.8rem;object-fit:contain}.header-directions{padding:.85rem 1.15rem;border:1px solid var(--paper);text-decoration:none;font-weight:700}.header-directions:hover,.header-directions:focus-visible{background:var(--paper);color:var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(32rem,1.05fr);min-height:calc(100svh - 9rem);border-bottom:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg);padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5.5rem)}.hero h1{display:flex;flex-direction:column;margin:0;font-family:"Anton",sans-serif;font-weight:400;line-height:.85;letter-spacing:-.035em}.hero h1 span{font-size:clamp(4rem,8vw,8.8rem);color:var(--paper)}.hero h1 strong{font-size:clamp(4.7rem,9.5vw,10.4rem);color:var(--orange);font-weight:400;white-space:nowrap}.hero-deck{max-width:38rem;margin:0;color:color-mix(in oklch,var(--paper) 76%,var(--ink));font-size:clamp(1.05rem,1.5vw,1.3rem)}.code-lockup{display:grid;grid-template-columns:1fr auto;gap:.15rem var(--space-lg);align-items:end;padding:var(--space-lg);background:var(--paper);color:var(--ink)}.code-lockup span{font-size:.75rem;font-weight:700;letter-spacing:.13em}.code-lockup strong{grid-column:1;font-family:"Anton",sans-serif;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:400;line-height:1;letter-spacing:.035em}.code-lockup button{grid-column:2;grid-row:1/3;padding:.75rem 1rem;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font-weight:700}.code-lockup button:hover,.code-lockup button:focus-visible{background:var(--ink);color:var(--paper)}.hero-actions{display:flex;align-items:stretch;gap:var(--space-sm)}.primary-action{display:flex;flex:1;flex-direction:column;padding:1rem 1.25rem;background:var(--orange);color:var(--ink);text-decoration:none}.primary-action span{font-size:.72rem;letter-spacing:.1em}.primary-action strong{font-size:1.18rem}.secondary-action{display:grid;place-items:center;padding:1rem 1.25rem;border:1px solid var(--line);text-decoration:none;font-weight:700}.primary-action:hover,.primary-action:focus-visible{background:var(--gold)}.secondary-action:hover,.secondary-action:focus-visible{border-color:var(--paper)}.store-line{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--line)}.store-line p{margin:0;color:var(--muted);font-size:.9rem}.store-line strong{color:var(--paper)}.hero-visual{position:relative;min-height:40rem;margin:0;overflow:hidden;background:var(--ink-2)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.75rem 1rem;background:color-mix(in oklch,var(--ink) 85%,transparent);font-size:.8rem}
.market{display:grid;grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,7rem);padding:clamp(5rem,10vw,9rem) clamp(1rem,5vw,5.5rem);background:var(--paper);color:var(--ink)}.market-heading{align-self:center}.market h2,.claim h2,.products h2{margin:var(--space-md) 0 var(--space-lg);font-family:"Anton",sans-serif;font-size:clamp(3.2rem,6vw,7rem);font-weight:400;line-height:.92;letter-spacing:-.025em}.market h2 em,.claim h2 em,.products h2 em{color:var(--orange);font-style:normal}.market-heading>p:last-child{max-width:32rem;font-size:1.1rem}.market-widget{min-width:0;padding:var(--space-md);background:var(--ink);color:var(--paper)}.tradingview-widget-container{min-height:460px;overflow:hidden}.market-widget>p{margin:.75rem .25rem 0;color:var(--muted);font-size:.8rem}
.claim{padding:clamp(5rem,10vw,9rem) clamp(1rem,5vw,5.5rem);background:var(--orange);color:var(--ink)}.claim .kicker{color:var(--ink)}.claim h2 em{color:var(--paper)}.claim-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:var(--space-3xl) 0;padding:0;border-top:1px solid var(--ink);list-style:none}.claim-steps li{display:flex;flex-direction:column;gap:var(--space-sm);min-height:15rem;padding:var(--space-lg);border-bottom:1px solid var(--ink)}.claim-steps li+li{border-left:1px solid var(--ink)}.claim-steps span{font-size:.78rem;font-weight:700}.claim-steps strong{margin-top:auto;font-family:"Anton",sans-serif;font-size:2rem;font-weight:400}.claim-steps p{max-width:20rem;margin:0}.claim-map{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--ink);color:var(--paper);text-decoration:none;font-size:1.2rem;font-weight:700}.claim-map:hover,.claim-map:focus-visible{background:var(--paper);color:var(--ink)}
.products{padding:clamp(5rem,10vw,9rem) clamp(1rem,5vw,5.5rem)}.products-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-xl);align-items:end;margin-bottom:var(--space-3xl)}.products-heading .kicker{grid-column:1/-1}.products-heading h2{margin:0}.products-heading>p:last-child{max-width:24rem;margin:0 0 .6rem;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md)}.product{grid-column:span 4;margin:0;background:var(--ink-2)}.product-wide{grid-column:span 8}.product-tall{grid-row:span 2}.product img{width:100%;height:32rem;object-fit:cover}.product-tall img{height:48rem}.product figcaption{padding:var(--space-md);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.destination{display:grid;grid-template-columns:1fr 1fr;min-height:38rem;background:var(--paper);color:var(--ink)}.destination-copy,.destination-action{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem)}.destination-copy{border-right:1px solid color-mix(in oklch,var(--ink) 25%,transparent)}.destination h2{margin:var(--space-md) 0 var(--space-xl);font-family:"Anton",sans-serif;font-size:clamp(4rem,8vw,9rem);font-weight:400;line-height:.84;letter-spacing:-.035em}.destination address{font-style:normal;font-size:1.1rem}.destination-action{background:var(--orange)}.destination-action p{margin:0 0 var(--space-sm);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.destination-action>strong{font-family:"Anton",sans-serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:400;line-height:1}.destination-action>a:not(.small-call){margin-top:var(--space-2xl);padding:1.15rem 1.25rem;background:var(--ink);color:var(--paper);text-align:center;text-decoration:none;font-weight:700}.small-call{margin-top:var(--space-lg);text-align:center;font-weight:700}
footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl) clamp(1rem,5vw,5.5rem);border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}footer img{width:7.5rem;height:4.5rem;object-fit:contain}.mobile-action{display:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-visual{min-height:34rem}.market{grid-template-columns:1fr}.claim-steps{grid-template-columns:1fr}.claim-steps li{min-height:auto}.claim-steps li+li{border-left:0}.products-heading{grid-template-columns:1fr}.product{grid-column:span 6}.product-wide{grid-column:span 12}.destination{grid-template-columns:1fr}.destination-copy{border-right:0;border-bottom:1px solid color-mix(in oklch,var(--ink) 25%,transparent)}}
@media(max-width:650px){body{padding-bottom:5rem}.campaign-ribbon span:last-child{display:none}.site-header{min-height:5rem}.client-logo{width:3rem;height:3rem}.oc-logo{width:6.5rem;height:3.8rem}.header-directions{display:none}.hero{min-height:auto}.hero-copy{padding-top:var(--space-3xl)}.hero h1 span{font-size:clamp(3.5rem,20vw,6rem)}.hero h1 strong{font-size:clamp(3.8rem,20vw,6.3rem);white-space:normal}.code-lockup{grid-template-columns:1fr}.code-lockup button{grid-column:1;grid-row:auto;margin-top:.5rem}.hero-actions{flex-direction:column}.store-line{grid-template-columns:1fr}.hero-visual{min-height:24rem}.market,.claim,.products{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.market-widget{padding:.5rem}.claim-steps{margin:var(--space-xl) 0}.product-grid{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-sm)}.product,.product-wide,.product-tall{flex:0 0 82vw;scroll-snap-align:start}.product img,.product-tall img{height:26rem}.destination-copy,.destination-action{padding:var(--space-2xl) var(--space-md)}footer{padding-bottom:6rem}.mobile-action{position:fixed;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:.7rem 1rem;background:var(--paper);color:var(--ink);box-shadow:0 -8px 30px color-mix(in oklch,var(--ink) 25%,transparent)}.mobile-action div{display:flex;flex-direction:column}.mobile-action span{font-size:.62rem;letter-spacing:.1em}.mobile-action strong{font-family:"Anton",sans-serif;font-size:1.4rem;line-height:1}.mobile-action a{padding:.8rem 1rem;background:var(--orange);text-decoration:none;font-weight:700}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Live showcase and social follow */
.live-hub{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);min-height:46rem;background:var(--ink-2);border-bottom:1px solid var(--line)}
.live-stage{position:relative;display:grid;place-items:center;min-height:46rem;overflow:hidden;background:oklch(12% .012 63)}
.live-stage::before{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in oklch,var(--orange) 18%,transparent),transparent 42%),repeating-linear-gradient(90deg,transparent 0 8rem,color-mix(in oklch,var(--paper) 5%,transparent) 8rem calc(8rem + 1px));content:"";pointer-events:none}
.live-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);width:min(80%,42rem)}
.live-signal{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;letter-spacing:.15em}
.live-signal i{width:.7rem;height:.7rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 .4rem color-mix(in oklch,var(--orange) 20%,transparent)}
.live-placeholder>strong{font-family:"Anton",sans-serif;font-size:clamp(4rem,8vw,8.5rem);font-weight:400;line-height:.85;letter-spacing:-.03em}
.live-placeholder p{max-width:35rem;margin:0;color:var(--muted);font-size:1.08rem}
.live-time{padding-top:var(--space-md);border-top:1px solid var(--line);color:var(--gold);font-weight:700}
.live-stage iframe{position:absolute;z-index:2;width:100%;height:100%;border:0;background:var(--ink)}
.live-copy{display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg);padding:clamp(3rem,6vw,6rem)}
.live-copy h2{margin:0;font-family:"Anton",sans-serif;font-size:clamp(3.5rem,6vw,7rem);font-weight:400;line-height:.9;letter-spacing:-.025em}
.live-copy h2 em{color:var(--orange);font-style:normal}
.live-copy>p:not(.kicker){max-width:34rem;margin:0;color:var(--muted);font-size:1.08rem}
.live-copy>p strong{color:var(--paper)}
.live-external{padding:1rem 1.2rem;background:var(--orange);color:var(--ink);text-align:center;text-decoration:none;font-weight:700}
.follow-block{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}
.follow-block>span{font-size:.74rem;font-weight:700;letter-spacing:.14em}
.follow-block nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.follow-block nav a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.follow-block nav a:hover,.follow-block nav a:focus-visible{color:var(--orange)}
.follow-block nav a>span{color:var(--muted);font-size:.85rem}

@media(max-width:1000px){.live-hub{grid-template-columns:1fr}.live-stage{min-height:34rem}}
@media(max-width:650px){.live-stage{min-height:28rem}.live-placeholder{width:calc(100% - 2rem)}.live-placeholder>strong{font-size:clamp(3.7rem,19vw,5.8rem)}.live-copy{padding:var(--space-2xl) var(--space-md)}.follow-block nav a{align-items:flex-start;flex-direction:column;gap:.1rem}}