@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#0040c1;--ink:#202124;--muted:#647080;--paper:#fff;--soft:#f4f7fc;--line:#dce3ed;--nav-height:88px;font-family:Inter,Arial,sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-touch-callout:none}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #4388ff;outline-offset:5px}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,p,figure{margin:0}button{border:0}h1,h2{letter-spacing:-.065em;line-height:1.03;font-weight:650}h2{font-size:clamp(38px,4.6vw,66px)}p{line-height:1.7}.page-width{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.section-space{padding-block:112px}.eyebrow{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.blue{color:var(--blue)}.soft-ink{color:#84909f}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:12px 20px;background:white;border:2px solid var(--blue);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:var(--nav-height);display:flex;align-items:center;gap:50px;padding:0 56px;max-width:1600px;margin:auto;background:#fff;position:relative;z-index:5}.wordmark{width:235px;display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:650;flex-shrink:0;line-height:1}.brand-s{display:block;position:relative;width:26px;height:44px}.brand-s img{width:100%;height:100%;object-fit:contain}.brand-s{background:var(--blue);mask:url('assets/brand/castoff-fishing-s.png') center / contain no-repeat}.brand-s img{opacity:0}.desktop-nav{display:flex;gap:36px;margin-left:auto;font-size:12px;font-weight:550}.desktop-nav a{padding:16px 0;transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.header-cta{display:flex;align-items:center;gap:30px;min-height:42px;font-size:12px;font-weight:600;border:1px solid #ced7e5;border-radius:30px;padding:0 20px}.header-cta span{font-size:20px;color:var(--blue)}.header-cta:hover{background:var(--soft)}
.hero{isolation:isolate;position:relative;min-height:750px;height:calc(100svh - 88px);max-height:990px;background:#1e3840;color:white;overflow:hidden}.hero-image,.hero-image img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.hero-image img{object-fit:cover;object-position:50% 49%}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(7,27,38,.77),rgba(7,27,38,.35) 44%,rgba(7,27,38,0) 74%),linear-gradient(0deg,rgba(4,27,36,.6),transparent 35%)}.hero-content{padding-top:74px;position:relative;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.hero-eyebrow{display:flex;align-items:center;gap:13px;color:#e1eef3;margin-bottom:27px}.little-line{width:27px;height:1px;background:currentColor}h1{font-size:clamp(70px,7.5vw,110px);line-height:.99;font-weight:620;max-width:700px;letter-spacing:-.07em}.last-line{white-space:nowrap}.blue-dot{color:#62a0ff}.hero-description{font-size:18px;font-weight:400;line-height:1.6;color:#eef3f7;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:14px 23px;border-radius:30px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button-blue{color:white;background:var(--blue)}.button-blue:hover{background:#1254dc;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.hero .button{margin-top:27px}.hero-release{font-size:10px;color:#d2dce1;letter-spacing:.01em;margin-top:13px}.hero-bottom{display:flex;position:absolute;bottom:68px;left:0;right:0;justify-content:space-between;align-items:center;z-index:3}.location-caption{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:450;letter-spacing:.03em}.location-caption svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.motion-toggle{display:flex;gap:9px;align-items:center;color:white;background:#142b3590;backdrop-filter:blur(8px);border:1px solid #ffffff40;border-radius:30px;min-height:38px;padding:8px 14px;font-size:10px}.motion-toggle:hover{background:#142b35}.motion-symbol{font-size:13px}.water-canvas{position:absolute;left:0;bottom:0;width:100%;height:44%;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.6}.hero-waves{position:absolute;bottom:-1px;left:0;width:100%;height:64px;z-index:1;overflow:visible}.wave-back{fill:#ffffff56;animation:wave-drift 15s ease-in-out infinite alternate}.wave-front{fill:#fff;animation:wave-drift 18s ease-in-out infinite alternate-reverse}@keyframes wave-drift{to{transform:translateX(100px)}}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.intro h2{margin-top:22px}.intro-copy{max-width:440px;padding-top:2px}.intro-copy p{font-size:16px;color:#647080;margin-bottom:18px}.intro-copy p:first-of-type{font-size:21px;line-height:1.55;letter-spacing:-.025em;color:var(--ink);font-weight:500}.intro-fish{object-fit:contain;width:114px;height:61px;transform:rotate(-7deg);margin-bottom:21px}.text-link{font-size:12px;display:inline-flex;gap:35px;align-items:center;padding:12px 0 9px;border-bottom:1px solid var(--blue);font-weight:650;color:var(--blue)}.text-link span{font-size:18px}.app-section{background:var(--soft);padding:100px 0 32px;overflow:hidden}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.app-story h2{margin:22px 0}.section-description{color:var(--muted);font-size:14px;max-width:360px}.feature-tabs{margin-top:28px}.feature-tab{position:relative;display:flex;text-align:left;gap:16px;align-items:flex-start;width:100%;padding:23px 0;border-top:1px solid #d8e1ee;background:transparent;color:#6a7480}.feature-tab:last-child{border-bottom:1px solid #d8e1ee}.step-number{font-size:10px;font-weight:650;padding-top:4px}.feature-tab>span:nth-child(2){flex:1}.feature-tab strong{display:block;font-size:14px;line-height:1.55;letter-spacing:-.02em;font-weight:600}.feature-tab>span:nth-child(2)>span{display:none;font-size:11px;line-height:1.6;margin-top:8px;color:var(--muted);max-width:295px}.feature-tab.active{color:var(--blue)}.feature-tab.active>span:nth-child(2)>span{display:block}.feature-arrow{font-size:20px;padding-right:2px}.feature-tab:not(.active):hover{color:var(--blue)}.app-art{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:30px;padding-bottom:20px;isolation:isolate}.app-art-rings{position:absolute;width:550px;height:550px;top:90px;border:1px solid #dce5f4;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#c9dcff90,transparent 68%)}.app-art-rings i{position:absolute;border:1px solid #d7e3f5;border-radius:50%;inset:12%;}.app-art-rings i:nth-child(2){inset:-13%}.app-art-rings i:nth-child(3){inset:-27%}.app-art-rings i:nth-child(4){inset:-42%;border-color:#e7edf7}.app-label{font-size:9px;letter-spacing:.06em;font-weight:600;display:flex;gap:8px;align-items:center;color:#55657a;background:#ffffffc9;border:1px solid #e0e7f1;border-radius:25px;padding:10px 16px;margin-bottom:18px;z-index:2}.status-dot{width:5px;height:5px;background:var(--blue);border-radius:100%}.phone-frame{padding:6px;background:#202830;border:2px solid #738190;box-shadow:0 30px 45px -20px #233b6c45,0 5px 10px #20376520;border-radius:39px;position:relative;width:282px;overflow:hidden}.phone-frame img{width:100%;height:auto;border-radius:30px}.phone-camera{display:none;position:absolute;z-index:2;left:50%;transform:translateX(-50%);width:72px;height:14px;top:8px;border-radius:0 0 15px 15px;background:#202830}.screen-panel{position:relative;z-index:1;border-radius:40px}.screen-panel[hidden]{display:none}.screen-caption{margin-top:24px;font-size:9px;letter-spacing:.015em;color:#5c697c;position:relative;z-index:2}.art-fish{position:absolute;object-fit:contain;z-index:2;filter:drop-shadow(0 8px 5px #3d567214);pointer-events:none}.art-fish-trout{right:-20px;top:160px;width:140px;transform:rotate(-14deg);animation:fish-drift 9s ease-in-out infinite alternate}.art-fish-bass{left:-25px;bottom:115px;width:150px;transform:rotate(12deg);animation:fish-drift 11s ease-in-out infinite alternate-reverse}@keyframes fish-drift{to{translate:0 -9px;rotate:3deg}}.practice-note{margin-top:75px;padding-top:23px;border-top:1px solid #d8e1ee;display:flex;align-items:center;gap:24px}.small-tag{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;white-space:nowrap;color:var(--blue)}.practice-note p{font-size:10px;color:#667284;line-height:1.5}
.outdoors-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.outdoors-heading h2{margin-top:20px}.outdoors-heading>p{font-size:13px;color:var(--muted);padding-bottom:3px}.photo-story-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.photo-story{position:relative;overflow:hidden;border-radius:3px;color:white;min-height:500px;background:#213a38}.photo-story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a24dd,transparent 70%);pointer-events:none}.photo-story img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1s}.photo-story:hover img{transform:scale(1.025)}.photo-story-large img{object-position:48% 50%}.photo-story-small img{object-position:49% 50%}.photo-story figcaption{position:absolute;bottom:36px;left:36px;right:28px;z-index:1}.photo-story .eyebrow{font-size:9px;color:#d0dbe1;margin-bottom:15px}.photo-story h3{font-size:37px;line-height:1.08;letter-spacing:-.05em;font-weight:550}.photo-story figcaption>p{font-size:11px;color:#d9e4e7;margin-top:14px}.release-story{display:flex;align-items:center;gap:28px;padding:42px 0 0}.release-icon{width:68px;flex-shrink:0}.release-icon svg{stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.release-story h3{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:7px}.release-story p{font-size:12px;color:var(--muted);max-width:560px}.release-signature{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--blue);font-weight:550;letter-spacing:-.02em}
.coming-section{background:#082c69;color:white;position:relative;overflow:hidden;padding:105px 0 98px;isolation:isolate}.coming-content{text-align:center;position:relative;z-index:2}.coming-content>.eyebrow{color:#acbfde;font-size:9px}.coming-content h2{font-size:clamp(46px,5.8vw,80px);margin:26px 0 23px}.coming-content>p:not(.eyebrow):not(.store-note){font-size:13px;color:#c3d2e7;line-height:1.8}.coming-status{display:inline-flex;gap:13px;align-items:center;border:1px solid #7e9cc45e;background:#f3f7ff0b;border-radius:12px;padding:18px 25px;font-size:13px;font-weight:550;margin-top:30px}.coming-status svg{width:19px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.status-divider{margin:0 10px;color:#7e9cc4}.store-note{font-size:9px;color:#a9bfdf;margin-top:17px}.coming-water{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 0,#2c69bc44,transparent 65%);z-index:0;overflow:hidden}.coming-water i{position:absolute;width:1400px;height:750px;border:1px solid #7eace92a;border-radius:50%;top:5%;left:45%;transform:rotate(-26deg);animation:water-ring 15s ease-in-out infinite alternate}.coming-water i:nth-child(2){width:1250px;height:630px;top:12%;left:49%;animation-delay:-3s}.coming-water i:nth-child(3){width:1080px;height:510px;top:19%;left:53%;animation-delay:-5s}.coming-water i:nth-child(4){width:910px;height:390px;top:26%;left:57%;animation-delay:-7s}.coming-water i:nth-child(5){width:740px;height:270px;top:33%;left:61%;animation-delay:-9s}@keyframes water-ring{to{transform:translate(-90px,40px) rotate(-20deg)}}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-block:85px}.faq-section h2{font-size:36px;letter-spacing:-.05em;margin-top:20px}.faq-list{padding-top:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:13px;font-weight:550;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:70px;padding:18px 0}summary::-webkit-details-marker{display:none}summary span{font-size:25px;font-weight:300;color:var(--blue);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;color:var(--muted);line-height:1.8;padding:0 35px 23px 0}
.site-footer{border-top:1px solid var(--line);padding:40px 0 25px}.footer-main{display:flex;align-items:center;gap:38px}.footer-main .wordmark{width:195px;font-size:20px}.footer-main .brand-s{height:36px;width:23px}.footer-main p{font-size:11px;color:var(--muted)}.back-top{font-size:11px;margin-left:auto;display:flex;align-items:center;gap:20px}.back-top span{font-size:20px;color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:40px;color:#747d88;font-size:9px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.reveal{opacity:1}.motion-ready .reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.motion-ready .reveal.pending{opacity:0;transform:translateY(22px)}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal.pending{opacity:1;transform:none}.credits-page{max-width:850px;padding-block:70px}.credits-page h1{font-size:48px;margin-bottom:26px}.credits-page h2{font-size:26px;letter-spacing:-.03em;margin-top:35px;margin-bottom:15px}.credits-page p,.credits-page li{font-size:14px;color:var(--muted);line-height:1.8}.credits-page a{text-decoration:underline;color:var(--blue);text-underline-offset:3px}.credits-page ul{padding-left:20px}.credits-page li{margin-bottom:18px}
@media(min-width:1600px){.site-header{padding-inline:0;max-width:1280px}}
@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.site-header{padding-inline:36px;gap:32px}.hero{min-height:740px}.hero-content{padding-top:70px}h1{font-size:88px}.intro{gap:65px}.app-layout{gap:50px}.app-art-rings{width:430px;height:430px;top:130px}.art-fish-trout{right:-22px;width:115px}.art-fish-bass{left:-16px;width:130px}.photo-story{min-height:450px}.photo-story h3{font-size:33px}.release-signature{display:none}.faq-section{gap:60px}}
@media(max-width:760px){:root{--nav-height:72px;scroll-padding-top:24px}.page-width{width:calc(100% - 40px)}.site-header{padding-inline:20px;gap:16px;justify-content:space-between}.wordmark{width:187px;font-size:20px}.brand-s{width:23px;height:35px}.desktop-nav{display:none}.header-cta{font-size:10px;padding:0 12px;min-height:37px;gap:13px}.header-cta span{font-size:16px}.hero{height:calc(100svh - 72px);min-height:690px;max-height:880px}.hero-image img{object-position:62% 50%}.hero-shade{background:linear-gradient(90deg,#09202fc7,#09202f26 95%),linear-gradient(0deg,#071e28aa,transparent 50%)}.hero-content{padding-top:56px}.hero-eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:25px}.little-line{width:19px}h1{font-size:76px;max-width:450px}.hero-description{font-size:16px;margin-top:27px}.hero .button{margin-top:25px;min-height:50px;font-size:12px;padding-inline:20px;gap:40px}.hero-release{font-size:9px;margin-top:15px}.hero-bottom{bottom:57px}.location-caption{font-size:8px;gap:5px}.motion-toggle{font-size:9px;min-height:37px;padding:7px 10px}.hero-waves{height:42px}.section-space{padding-block:70px}.intro{grid-template-columns:1fr;gap:32px}.intro h2{font-size:47px;margin-top:18px}.intro-copy{max-width:100%;position:relative}.intro-fish{position:absolute;right:4px;top:-91px;width:100px;height:60px}.intro-copy p:first-of-type{font-size:18px;max-width:330px}.intro-copy p{font-size:13px;max-width:410px}.text-link{font-size:11px;padding-top:4px}.app-section{padding:65px 0 28px}.app-layout{grid-template-columns:1fr;gap:30px}.app-story h2{font-size:48px;margin:18px 0}.app-story h2 br:nth-of-type(2){display:none}.section-description{font-size:13px;max-width:350px}.feature-tabs{margin-top:25px}.feature-tab{padding-block:19px;gap:15px}.feature-tab strong{font-size:13px}.feature-tab>span:nth-child(2)>span{font-size:11px}.app-art{padding-top:12px;padding-bottom:0}.phone-frame{width:264px;border-radius:35px}.phone-frame img{border-radius:27px}.app-art-rings{width:390px;height:390px;top:115px}.art-fish-trout{right:-4px;top:140px;width:95px}.art-fish-bass{left:-2px;bottom:130px;width:105px}.screen-caption{font-size:9px;margin-top:23px}.practice-note{margin-top:42px;align-items:flex-start;flex-direction:column;gap:10px;padding-top:22px}.practice-note p{font-size:10px;line-height:1.6;max-width:470px}.outdoors-heading{display:block;margin-bottom:28px}.outdoors-heading h2{font-size:44px}.outdoors-heading>p{font-size:12px;margin-top:23px}.photo-story-grid{grid-template-columns:1fr;gap:17px}.photo-story{min-height:420px}.photo-story-small{min-height:360px}.photo-story figcaption{left:26px;bottom:28px;right:20px}.photo-story h3{font-size:34px}.photo-story figcaption>p{font-size:11px}.release-story{padding-top:30px;gap:17px;align-items:flex-start}.release-icon{width:47px;margin-top:4px}.release-story h3{font-size:14px;line-height:1.5}.release-story p{font-size:11px}.coming-section{padding:76px 0 74px}.coming-content h2{font-size:48px;margin:24px 0}.coming-content>p:not(.eyebrow):not(.store-note){font-size:12px;max-width:330px;margin-inline:auto}.coming-content>p br{display:none}.coming-content>.eyebrow{font-size:8px}.coming-status{font-size:11px;padding:16px 18px;gap:10px}.status-divider{margin:0 8px}.store-note{font-size:8px;max-width:280px;margin-inline:auto}.coming-water i{left:-15%;top:20%}.coming-water i:nth-child(n+2){left:0}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:65px}.faq-section h2{font-size:34px;margin-top:15px}.faq-section h2 br{display:none}summary{font-size:12px;min-height:65px}.faq-list details>p{font-size:12px}.site-footer{padding-top:30px}.footer-main{flex-wrap:wrap;gap:14px 30px}.footer-main .wordmark{width:178px;font-size:19px}.footer-main p{font-size:10px}.back-top{font-size:10px;margin-left:0;width:100%;margin-top:8px;gap:18px}.footer-bottom{flex-wrap:wrap;row-gap:16px;padding-top:25px;font-size:8px}.footer-bottom>span:last-child{width:100%}.credits-page{padding-block:45px}.credits-page h1{font-size:39px}.credits-page h2{font-size:23px}}
@media(max-width:370px){.site-header{padding-inline:16px}.wordmark{width:164px;font-size:18px}.header-cta{font-size:9px;gap:8px;padding-inline:10px}.page-width{width:calc(100% - 34px)}.hero{min-height:665px}.hero-content{padding-top:45px}h1{font-size:66px}.hero-eyebrow{font-size:7px}.hero-description{font-size:14px}.hero-release{font-size:8px}.hero-bottom{gap:8px}.location-caption{font-size:7px}.motion-toggle{font-size:8px}.intro h2{font-size:41px}.intro-fish{width:72px;right:0;top:-80px}.app-story h2{font-size:43px}.feature-tab strong{font-size:12px}.feature-tab{gap:11px}.phone-frame{width:249px}.art-fish-trout{right:-16px;width:86px}.art-fish-bass{left:-15px;width:91px}.outdoors-heading h2{font-size:40px}.coming-content h2{font-size:41px}.coming-content>.eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.water-canvas{display:none}.motion-ready .reveal.pending{opacity:1;transform:none}}

.screen-panel-detail{min-height:610px;display:flex;align-items:center;z-index:3}.detail-frame{width:340px;border-radius:18px;background:white;border:1px solid #d8e2f0;box-shadow:0 30px 50px -25px #233b6c30;overflow:hidden}.detail-eyebrow{padding:24px 24px 18px;font-size:17px;letter-spacing:-.035em;font-weight:600;color:var(--ink)}.detail-crop{height:318px;width:100%;overflow:hidden;position:relative}.detail-crop img{width:100%;max-width:none;position:absolute;top:-113px;left:0}.detail-caption{padding:17px 22px 22px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:760px){.screen-panel-detail{min-height:571px}.detail-frame{width:300px}.detail-crop{height:281px}.detail-crop img{top:-100px}.detail-eyebrow{font-size:16px;padding:21px 21px 17px}}
@media(max-width:370px){.screen-panel-detail{min-height:539px}.detail-frame{width:280px}.detail-crop{height:262px}.detail-crop img{top:-94px}}

.header-cta,.motion-toggle,.text-link,.back-top{min-height:44px}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;margin-block:-15px;padding:12px 0}
/* Decorative water and ripples must never cover the adjacent controls. */
.app-art-rings,.hero-waves,.coming-water{pointer-events:none}.detail-crop img{height:auto}