@font-face{font-family:Montserrat;src:url("assets/Montserrat-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--navy:#061b29;--navy-2:#0b2b3d;--paper:#f5f7f1;--white:#fff;--mint:#c8f85a;--cyan:#6ee9de;--ink:#123145;--muted:#465f6a;--line:#bfcac7;--gutter:clamp(22px,5.4vw,86px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 Montserrat,"Segoe UI",sans-serif}
::selection{background:var(--mint);color:var(--navy)}
a{color:inherit;text-decoration:none;text-underline-offset:.25em}
a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
button,input,textarea{font:inherit;caret-color:var(--navy)}
.skip-link{position:absolute;top:-100px;left:14px;z-index:100;background:var(--mint);color:var(--navy);padding:9px 14px}.skip-link:focus{top:12px}
.page-gutter{padding-inline:var(--gutter)}
.site-header{height:84px;display:flex;align-items:center;gap:4vw;background:var(--paper);border-bottom:1px solid #d9dfd7}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:29px;font-weight:800;letter-spacing:-.035em;line-height:1}
.brand-sep{color:#218d84}
.brand-symbol,.pilot-side-mark{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:30px;height:30px;transform:rotate(-12deg);flex:none}
.brand-symbol span,.pilot-side-mark span{border:2px solid currentColor;border-radius:2px}.brand-symbol span:nth-child(2),.pilot-side-mark span:nth-child(2){border-color:#2daca3}.brand-symbol span:nth-child(3),.pilot-side-mark span:nth-child(3){border-color:#2daca3}
.site-header nav{display:flex;gap:36px;margin-left:auto;font-size:13px;font-weight:650}.site-header nav a:hover{color:#197f78}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p{margin-top:0}
h1,h2{font-weight:750;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
.hero{position:relative;isolation:isolate;min-height:calc(100svh - 84px);max-height:1000px;overflow:hidden;background:#123d50 url("assets/trout-ras-poster.jpg") center/cover no-repeat;color:var(--white);display:flex;align-items:flex-start}
.hero-heading{position:relative;z-index:2;width:100%;padding-block:clamp(98px,12vh,145px) 90px;pointer-events:none}
.hero-heading a{pointer-events:auto}
.hero h1{font-size:clamp(48px,5.9vw,82px);margin:0 0 32px;max-width:970px;text-shadow:0 3px 22px rgba(1,18,31,.3)}
.hero h1 span{color:var(--mint);font-size:.79em}
.hero-intro{border-top:2px solid var(--mint);padding-top:20px;max-width:440px}.hero-intro p{font-size:clamp(16px,1.35vw,20px);line-height:1.55;margin:0 0 22px;color:#e7f3f0}.hero-intro a{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:750;padding-bottom:6px;border-bottom:1px solid var(--mint);color:var(--mint)}.hero-intro a:hover{color:var(--white);border-color:var(--white)}
.integral-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:5px;width:178px;height:44px;padding:5px 9px;background:linear-gradient(105deg,#16465e,#286c86);color:var(--white);flex:none;cursor:pointer;transition:filter .18s}
.integral-brand:hover{filter:brightness(1.12)}
.integral-symbol{width:32px;height:32px;flex:none}
.integral-wordmark{display:flex;flex-direction:column;gap:2px;font-size:10px;font-weight:750;line-height:1.05;letter-spacing:.04em}.integral-wordmark span{color:var(--mint)}.integral-wordmark strong{font-size:16px;font-weight:800;letter-spacing:.015em}
.video-window{position:absolute;inset:0;z-index:0;overflow:hidden;background:#204b61 url("assets/trout-ras-poster.jpg") center/cover no-repeat;color:var(--white);touch-action:pan-y}
.hero-video,.video-tint,.detection-layer{position:absolute;inset:0;width:100%;height:100%}
.hero-video{object-fit:cover;object-position:center;z-index:0}.video-tint{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,20,32,.83),rgba(2,20,32,.64) 38%,rgba(2,20,32,.1) 76%),linear-gradient(0deg,rgba(2,20,32,.62),transparent 24%,transparent 78%,rgba(2,20,32,.18))}
.detection-layer{z-index:2;pointer-events:none}
.video-topline,.video-bottomline{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:11px;font:700 clamp(9px,.9vw,13px)/1.3 Montserrat,sans-serif;letter-spacing:.11em;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.video-topline{top:24px}.video-topline-right{margin-left:auto}.live-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(200,248,90,.18)}
.video-bottomline{bottom:19px;color:#eef9fa}.video-bottomline span:last-child{margin-left:auto}
.interaction-hint{border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:4px;text-transform:none;letter-spacing:.02em}
.hero.is-interacting .interaction-hint{color:var(--mint);border-color:var(--mint)}
.statement{padding-block:clamp(85px,9vw,150px);background:var(--navy);color:var(--white)}
.statement-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin-bottom:clamp(70px,8vw,125px)}
.statement h2,.result h2,.pilot h2{font-size:clamp(42px,4.7vw,76px);margin:0}
.statement-head p{color:#d7e9e9;font-size:clamp(17px,1.35vw,20px);line-height:1.65;max-width:490px;margin:0}
.pathway{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4b7178;gap:18px}
.pathway>div{position:relative;padding:20px 20px 0 0;min-height:170px}.pathway>div::before{content:"";position:absolute;top:-4px;width:7px;height:7px;background:var(--mint);border-radius:50%}
.pathway-index{color:var(--cyan);font-size:12px;letter-spacing:.1em;font-weight:750;display:block;margin-bottom:19px}
.pathway strong{display:block;font-size:clamp(19px,1.8vw,28px);line-height:1.2;margin-bottom:10px}
.pathway small{display:block;color:#bdd3d6;font-size:13px;line-height:1.5;max-width:195px}
.result{padding-block:clamp(85px,9vw,155px);background:#dcece5}
.result-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end;margin-bottom:clamp(60px,7vw,110px)}
.result-heading p{font-size:clamp(17px,1.3vw,19px);line-height:1.65;color:#36535f;max-width:410px;margin:0}
.result-output{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}
.result-output>div{border-top:2px solid var(--navy);padding-top:22px}.output-glyph{display:block;color:#217d7b;margin-bottom:32px}.output-glyph svg{width:44px;height:44px}
.result-output strong{display:block;font-size:clamp(18px,1.8vw,27px);line-height:1.2;margin-bottom:11px}.result-output p{font-size:14px;color:#46606b;line-height:1.55;margin:0}
.pilot{padding-block:clamp(85px,9vw,145px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:9vw;background:var(--mint);color:var(--navy)}
.pilot-copy p{font-size:clamp(17px,1.5vw,22px);line-height:1.65;max-width:650px;margin:35px 0 34px}
.pilot-button{background:var(--navy);color:var(--white);display:inline-flex;gap:42px;align-items:center;padding:16px 19px;font-weight:750;font-size:14px;transition:background .2s}.pilot-button:hover{background:#206d69}
.pilot-side{border-top:2px solid var(--navy);padding-top:20px;display:flex;flex-direction:column;justify-content:space-between;gap:80px}
.pilot-side-mark{width:62px;height:62px;gap:5px;color:var(--navy)}.pilot-side-mark span{border-width:3px}.pilot-side-mark span:nth-child(2),.pilot-side-mark span:nth-child(3){border-color:#1e827d}
.pilot-side p{font-size:15px;line-height:1.65;max-width:340px;margin:0}
.footer{background:#04141f;color:var(--white);padding-top:74px;padding-bottom:25px}
.footer-main{display:flex;justify-content:space-between;gap:50px;min-height:210px}.brand-footer{font-size:34px}.brand-footer .brand-sep{color:var(--mint)}.brand-footer .brand-symbol span:nth-child(2),.brand-footer .brand-symbol span:nth-child(3){border-color:var(--mint)}
.footer-main p{color:#bdd4d5;margin:21px 0 0;max-width:300px}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-links a{font-size:clamp(18px,2vw,27px);font-weight:650;letter-spacing:-.025em}.footer-links a:hover{color:var(--mint)}
.footer-bottom{border-top:1px solid #40606d;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#bdd4d5;font-size:12px}.footer-bottom a:hover{color:var(--mint)}
@media(max-width:950px){.site-header nav{display:none}.integral-brand{margin-left:auto}.hero-heading,.statement-head,.result-heading,.pilot{grid-template-columns:1fr;gap:30px}.hero-intro{max-width:620px}.result-output{gap:22px}.pilot-side{gap:40px}}
@media(max-width:650px){.site-header{height:68px}.brand{font-size:24px}.brand-symbol{width:27px;height:27px}.hero-intro p{font-size:16px}.hero-video{object-fit:cover}.video-topline,.video-bottomline{left:16px;right:16px;font-size:8px}.video-topline{top:12px}.video-topline-right,.video-bottomline span:last-child{display:none}.video-bottomline{bottom:10px}.statement,.result,.pilot{padding-block:78px}.statement h2,.result h2,.pilot h2{font-size:clamp(39px,9vw,55px)}.statement-head{margin-bottom:48px}.pathway{grid-template-columns:repeat(2,1fr);gap:22px 14px}.pathway>div{min-height:130px;padding-right:0}.pathway strong{font-size:20px}.result-heading{margin-bottom:45px}.result-output{grid-template-columns:1fr;gap:30px}.output-glyph{margin-bottom:15px}.result-output>div{padding-top:15px}.pilot-copy p{margin:28px 0}.pilot-side{border-top:1px solid}.pilot-side-mark{width:42px;height:42px}.footer{padding-top:58px}.footer-main{display:block;min-height:300px}.footer-links{margin-top:45px}.footer-links a{font-size:clamp(16px,4.8vw,22px)}.footer-bottom{flex-wrap:wrap}}
@media(max-width:650px){.hero{min-height:calc(100svh - 68px)}.hero-heading{padding-block:105px 140px}.hero h1{font-size:clamp(42px,10.7vw,58px);margin-bottom:32px}.hero-intro{max-width:320px;padding-top:15px}.hero-intro p{font-size:15px;line-height:1.52}.video-window{aspect-ratio:auto}.video-tint{background:linear-gradient(180deg,rgba(2,20,32,.82),rgba(2,20,32,.66) 40%,rgba(2,20,32,.28) 75%,rgba(2,20,32,.66)),linear-gradient(90deg,rgba(2,20,32,.55),transparent)}.video-topline{top:14px}.video-bottomline{bottom:18px;align-items:flex-end;gap:12px}.video-bottomline span:last-child{display:block;margin-left:auto;text-align:right;max-width:140px}.interaction-hint{font-size:8px}.hero-video{object-position:center}}
@media(max-width:650px){.integral-brand{width:153px;height:40px;gap:3px;padding:4px 6px}.integral-symbol{width:30px;height:30px}.integral-wordmark{font-size:9px}.integral-wordmark strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.integral-brand,.pilot-button{transition:none}}