@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root { --ink:#07110d; --panel:#0c1812; --panel-2:#102219; --lime:#d8924a; --green:#a95d2c; --mint:#f1dfce; --paper:#eff4ed; --muted:#9ca9a0; --line:rgb(241 223 206 / 14%); --sans:'DM Sans',sans-serif; --display:'Manrope',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; }
.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; }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 14px; background:var(--lime); color:var(--ink); transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header { position:fixed; z-index:50; inset:0 0 auto; display:grid; grid-template-columns:220px 1fr 220px; align-items:center; height:92px; padding:0 4.5vw; border-bottom:1px solid transparent; transition:.3s ease; }
.site-header[data-scrolled] { height:74px; background:rgb(7 17 13 / 90%); border-color:var(--line); backdrop-filter:blur(18px); }
.brand img { display:block; width:154px; height:auto; }
.site-nav { display:flex; justify-content:center; gap:40px; }
.site-nav a, footer nav a { color:#dbe4dc; font-size:13px; text-decoration:none; }
.site-nav a { position:relative; padding:9px 0; }
.site-nav a::after { content:''; position:absolute; inset:auto 100% 0 0; height:1px; background:var(--lime); transition:.25s; }
.site-nav a:hover::after,.site-nav a:focus-visible::after { right:0; }
.header-cta { justify-self:end; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:56px; padding:0 24px; border:1px solid var(--lime); background:var(--lime); color:#09120e; font-weight:600; font-size:14px; text-decoration:none; transition:.2s ease; }
.button span { font-size:18px; }
.button:hover,.button:focus-visible { background:#efa75f; transform:translateY(-2px); box-shadow:0 12px 36px rgb(216 146 74 / 16%); }
.button-small { min-height:42px; padding:0 17px; gap:12px; font-size:12px; }
.menu-toggle { display:none; background:none; border:0; color:white; }
.hero { position:relative; min-height:850px; height:100svh; max-height:1050px; display:flex; align-items:center; overflow:hidden; padding:110px 7vw 60px; }
.hero-backdrop { position:absolute; inset:0; background:linear-gradient(90deg,#07110d 7%,rgb(7 17 13 / 91%) 38%,rgb(7 17 13 / 25%) 75%),linear-gradient(0deg,#07110d 0%,transparent 26%),url('/static/scenes/ocean-cliffs-v1/broadcast-calibration-v5/tee-to-green-clean.png') center right/cover no-repeat; filter:saturate(.7) brightness(.68); transform:scale(1.02); }
.hero::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 70% 45%,transparent 0 28%,rgb(6 16 11 / 22%) 54%,rgb(6 16 11 / 75%) 100%); }
.hero-orbit { position:absolute; z-index:1; border:1px solid rgb(216 146 74 / 17%); border-radius:50%; pointer-events:none; }
.orbit-one { width:650px; height:650px; right:-150px; top:10%; }
.orbit-two { width:820px; height:820px; right:-250px; top:0; border-color:rgb(255 255 255 / 8%); }
.hero-content { position:relative; z-index:3; width:min(720px,57vw); margin-top:25px; }
.eyebrow { margin:0 0 24px; color:var(--lime); font-size:11px; font-weight:600; letter-spacing:.17em; text-transform:uppercase; }
.hero .eyebrow { display:flex; align-items:center; gap:11px; }
.hero .eyebrow span { width:24px; height:1px; background:var(--lime); }
h1,h2,h3 { margin:0; font-family:var(--display); font-weight:500; letter-spacing:-.045em; }
h1 { max-width:750px; font-size:clamp(66px,7.2vw,116px); line-height:.92; }
h1 em,.practice-panel h2 em { color:var(--lime); font-style:normal; }
.hero-copy { max-width:570px; margin:32px 0 0; color:#c0cac2; font-size:clamp(17px,1.45vw,21px); line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:33px; margin-top:38px; }
.text-link { display:inline-flex; gap:18px; color:#e3e9e4; font-size:13px; text-decoration:none; border-bottom:1px solid #667269; padding:12px 0; }
.hero-trust { display:flex; gap:0; margin-top:50px; color:#aeb8b0; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.hero-trust span { padding:0 22px; border-left:1px solid #59635c; }
.hero-trust span:first-child { padding-left:0; border:0; }
.shot-card { position:absolute; z-index:4; width:min(385px,29vw); right:6vw; bottom:11%; padding:17px; border:1px solid rgb(255 255 255 / 18%); background:rgb(7 17 13 / 74%); box-shadow:0 28px 80px rgb(0 0 0 / 45%); backdrop-filter:blur(18px); }
.shot-card-top,.shot-verdict { display:flex; align-items:center; justify-content:space-between; font-size:10px; letter-spacing:.13em; }
.shot-card-top span { display:flex; align-items:center; gap:8px; color:#bcc8be; }.shot-card-top i { width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);}.shot-card-top b{font-weight:500;color:var(--lime)}
.flight-window { position:relative; height:196px; margin:15px 0; overflow:hidden; background:linear-gradient(#142d20,#09150f 70%); border:1px solid var(--line); }
.flight-window::before { content:''; position:absolute; left:10%; right:10%; bottom:18%; height:36%; border-radius:50%; background:radial-gradient(ellipse,#387337 0,#173a25 45%,transparent 72%); transform:perspective(200px) rotateX(55deg); }
.target-ring { position:absolute; left:66%; top:54%; border:1px solid rgb(216 146 74 / 40%); border-radius:50%; transform:translate(-50%,-50%) rotateX(60deg); }.ring-a{width:92px;height:44px}.ring-b{width:48px;height:24px}
.flight-path { position:absolute; width:170px; height:105px; left:26%; top:26%; border-top:2px solid var(--lime); border-radius:50%; transform:rotate(-6deg); filter:drop-shadow(0 0 5px var(--lime)); }
.ball { position:absolute; width:7px;height:7px;left:65%;top:39%;border-radius:50%;background:white;box-shadow:0 0 9px white; }.pin{position:absolute;left:69%;top:50%;width:1px;height:38px;background:white}.pin::after{content:'';position:absolute;width:18px;height:10px;background:var(--lime);clip-path:polygon(0 0,100% 40%,0 100%)}
.shot-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.shot-metrics div{display:grid;gap:1px}.shot-metrics span{color:#829087;font-size:8px;letter-spacing:.08em}.shot-metrics strong{font:500 23px var(--display)}.shot-metrics small{font-size:8px;color:#98a49b}.shot-verdict{margin-top:15px;padding-top:13px;border-top:1px solid var(--line);color:#89968d}.shot-verdict strong{color:var(--lime);font-weight:500;text-transform:uppercase}
.scroll-note { position:absolute; z-index:3; bottom:38px; left:4.5vw; display:flex; align-items:center; gap:10px; color:#76847a; font-size:9px; letter-spacing:.2em; writing-mode:vertical-rl; }.scroll-note span{height:44px;width:1px;background:#67756b}
.signal-bar { min-height:110px; display:flex; align-items:center; justify-content:center; gap:5.5vw; border-block:1px solid var(--line); color:#d7dfd9; font:500 clamp(11px,1vw,14px) var(--display); letter-spacing:.2em; }.signal-bar i{width:4px;height:4px;border-radius:50%;background:var(--lime)}
.section { padding:140px 7vw; }.product-section{background:#09150f}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end;max-width:1260px;margin:0 auto 70px}.section-heading h2,.practice-panel h2,.access-section h2{font-size:clamp(44px,5vw,76px);line-height:1.02}.section-heading>p{margin:0 0 7px;color:var(--muted);font-size:17px;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1260px;margin:auto}.feature{position:relative;min-height:470px;padding:42px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.feature-wide{grid-column:span 2;min-height:520px;display:grid;grid-template-columns:40% 60%;align-items:center}.feature-number{display:block;margin-bottom:60px;color:var(--lime);font:500 11px var(--display);letter-spacing:.16em}.feature h3{font-size:32px}.feature p{max-width:440px;color:var(--muted);font-size:15px;line-height:1.7}.feature a{display:inline-flex;gap:15px;margin-top:20px;color:var(--lime);font-size:13px;text-decoration:none}.mini-stage{position:relative;align-self:stretch;overflow:hidden;background:radial-gradient(circle at 65% 50%,#6b4026 0,transparent 6%),linear-gradient(155deg,#142c1e 0,#0b1710 60%)}.mini-horizon{position:absolute;inset:60% -10% auto;height:2px;background:rgb(216 146 74 / 15%);transform:rotate(-5deg)}.mini-path{position:absolute;width:310px;height:200px;left:20%;top:22%;border-top:2px solid var(--lime);border-radius:50%;transform:rotate(-8deg);filter:drop-shadow(0 0 7px var(--lime))}.mini-dot{position:absolute;width:9px;height:9px;left:70%;top:32%;background:white;border-radius:50%;box-shadow:0 0 14px white}.mini-data{position:absolute;right:25px;bottom:25px;display:grid}.mini-data b{font:500 48px var(--display)}.mini-data span{color:var(--lime);font-size:9px;letter-spacing:.14em}
.dispersion{position:absolute;left:42px;right:42px;bottom:35px;height:185px;background:radial-gradient(ellipse at center,rgb(216 146 74 / 17%),transparent 55%)}.axis{position:absolute;background:rgb(255 255 255 / 10%)}.axis.x{left:0;right:0;top:50%;height:1px}.axis.y{top:0;bottom:0;left:50%;width:1px}.dispersion span{position:absolute;left:var(--x);top:var(--y);width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgb(216 146 74 / 60%)}.dispersion i{position:absolute;left:27%;top:12%;width:46%;height:73%;border:1px solid rgb(216 146 74 / 30%);border-radius:50%;transform:rotate(-19deg)}
.feature-accent{background:var(--mint);color:#23160d}.feature-accent .feature-number{color:#8d4b21}.feature-accent p{color:#675345}.matrix{position:absolute;left:42px;right:42px;bottom:38px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);border-left:1px solid rgb(35 22 13 / 15%);border-top:1px solid rgb(35 22 13 / 15%)}.matrix>*{display:grid;place-items:center;min-height:42px;margin:0;border-right:1px solid rgb(35 22 13 / 15%);border-bottom:1px solid rgb(35 22 13 / 15%);font-style:normal}.matrix span,.matrix b{font-size:10px;letter-spacing:.08em}.matrix b{font-weight:500}.matrix em{font:500 18px var(--display)}
.practice-section{min-height:820px;display:grid;grid-template-columns:58% 42%;background:#07110d}.practice-image{min-height:700px;background:linear-gradient(90deg,transparent 65%,#07110d 100%),linear-gradient(0deg,#07110d 0%,transparent 25%),url('/static/assets/shot-stage-ocean-cliffs-v1.png') center/cover no-repeat;filter:saturate(.75)}.practice-panel{align-self:center;padding:80px 8vw 80px 3vw}.practice-panel>p:not(.eyebrow){color:var(--muted);line-height:1.7}.practice-panel ul{list-style:none;padding:0;margin:45px 0 0}.practice-panel li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.practice-panel li>span{color:var(--lime);font-size:10px}.practice-panel li div{display:grid;gap:5px}.practice-panel li strong{font:500 16px var(--display)}.practice-panel li small{color:#87958b;font-size:13px}
.proof-section{background:#eef3ec;color:#102016}.proof-quote{text-align:center;max-width:900px;margin:0 auto 105px}.quote-mark{display:block;color:#b86e32;font:500 82px Georgia;line-height:.7}.proof-quote blockquote{margin:25px 0;font:500 clamp(34px,4vw,60px)/1.14 var(--display);letter-spacing:-.04em}.proof-quote p{color:#667168}.proof-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfd8d0;max-width:1260px;margin:auto}.proof-cards article{padding:42px;background:#eef3ec}.proof-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:45px;border:1px solid #aebcaf;border-radius:50%;color:#a95d2c;font-size:22px}.proof-cards h3{font-size:22px}.proof-cards p{color:#69766c;line-height:1.65}
.access-section{position:relative;min-height:690px;display:grid;place-items:center;padding:120px 20px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 110%,#55331f,transparent 48%),#07110d}.access-section::before,.access-section::after{content:'';position:absolute;border:1px solid rgb(216 146 74 / 10%);border-radius:50%}.access-section::before{width:650px;height:650px}.access-section::after{width:900px;height:900px}.access-content{position:relative;z-index:2}.access-content img{width:85px;height:85px;object-fit:contain;margin-bottom:28px}.access-content>p:not(.eyebrow){color:var(--muted);font-size:17px}.access-content .button{margin-top:28px}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:50px 5vw;border-top:1px solid var(--line);color:#89968d}footer .footer-brand img{width:145px;display:block}footer>p{font-size:9px;letter-spacing:.32em}footer nav{justify-self:end;display:flex;gap:25px}footer small{grid-column:1/-1;text-align:center;font-size:10px;color:#627068}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media (max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-nav{position:absolute;inset:74px 0 auto;display:none;flex-direction:column;gap:0;padding:20px 5vw;background:#09150f;border-bottom:1px solid var(--line)}.site-nav[data-open]{display:flex}.site-nav a{padding:15px 0}.menu-toggle{display:grid;gap:5px;width:44px;height:44px;place-content:center}.menu-toggle span:not(.sr-only){display:block;width:22px;height:1px;background:white}.header-cta{display:none}.hero-content{width:66vw}.shot-card{width:310px;right:3vw}.feature-wide{grid-template-columns:45% 55%}.practice-section{grid-template-columns:50% 50%}}
@media (max-width:760px){.site-header{height:74px;padding:0 22px}.brand img{width:132px}.hero{min-height:800px;height:auto;padding:130px 22px 70px;align-items:flex-start}.hero-backdrop{background:linear-gradient(0deg,#07110d 16%,rgb(7 17 13 / 55%) 58%,rgb(7 17 13 / 75%)),url('/static/scenes/ocean-cliffs-v1/broadcast-calibration-v5/tee-to-green-clean.png') 62% center/cover}.hero-content{width:100%}h1{font-size:clamp(56px,17vw,78px)}.hero-copy{font-size:16px;max-width:440px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-trust{display:none}.shot-card{position:relative;width:100%;right:auto;bottom:auto;margin-top:60px}.scroll-note{display:none}.signal-bar{gap:4vw;min-height:85px}.signal-bar p:nth-of-type(even),.signal-bar i:nth-of-type(even){display:none}.section{padding:90px 22px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.section-heading h2,.practice-panel h2,.access-section h2{font-size:clamp(40px,12vw,57px)}.feature-grid{grid-template-columns:1fr}.feature,.feature-wide{grid-column:auto;min-height:500px;padding:28px;display:block}.feature-wide{min-height:650px}.feature-number{margin-bottom:40px}.mini-stage{height:280px;margin-top:35px}.dispersion,.matrix{left:28px;right:28px}.practice-section{display:flex;flex-direction:column}.practice-image{min-height:440px;order:2;background-position:center}.practice-panel{padding:90px 22px 30px}.proof-cards{grid-template-columns:1fr}.proof-cards article{padding:32px}.proof-icon{margin-bottom:28px}.proof-quote{margin-bottom:70px}.access-section{min-height:620px}footer{grid-template-columns:1fr auto;padding:38px 22px}footer>p{display:none}footer nav{gap:15px}footer small{text-align:left}.orbit-one{right:-450px}.orbit-two{right:-590px}}
@media (max-width:430px){.signal-bar{justify-content:space-around}.signal-bar p{font-size:9px}.mini-path{left:4%;width:230px}.shot-metrics strong{font-size:20px}footer nav a:nth-child(2){display:none}}