:root{--ink:#08141b;--ocean:#0c202c;--paper:#e8eced;--white:#f7fbfa;--muted:#9fadb5;--lime:#b2f97d;--cyan:#75e2e5;--line:rgba(13,36,46,.18);--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:#102020}.skip{position:fixed;top:-200px;left:18px;z-index:110;background:white;padding:12px}.skip:focus{top:12px}.container{width:min(100% - 96px,1440px);margin-inline:auto}.progress{position:fixed;z-index:120;left:0;top:0;width:0;height:3px;background:var(--lime);pointer-events:none}
.topbar{position:absolute;z-index:40;top:0;left:0;right:0;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 max(48px,calc((100vw - 1440px)/2));color:var(--white);border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;font-family:'Manrope',sans-serif;font-size:21px;letter-spacing:-.09em;font-weight:800}.brand-accent{color:var(--lime)}.brand-symbol{width:38px;height:38px;border:1px solid rgba(177,249,125,.55);border-radius:50%;display:grid;place-items:center}.brand-symbol svg{width:27px;height:27px;fill:none;stroke:var(--lime);stroke-width:2.4;stroke-linejoin:round}.brand-symbol circle{fill:var(--lime);stroke:none}.navlinks{display:flex;gap:35px;font-size:13px;font-weight:600}.navlinks a{opacity:.76;transition:opacity .2s}.navlinks a:hover{opacity:1}.nav-actions{display:flex;align-items:center;gap:20px}.nav-badge{border:1px solid rgba(177,249,125,.5);color:var(--lime);font-size:10px;letter-spacing:.16em;font-weight:800;padding:11px 15px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 9px var(--lime)}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:22px;height:2px;background:#fff;margin:4px}
.hero{height:min(920px,100svh);min-height:680px;background:#08151f;position:relative;overflow:hidden;color:var(--white);display:flex;flex-direction:column;justify-content:center}.hero-photo{position:absolute;inset:0;background-image:url('assets/fish-hero.png');background-position:center center;background-size:cover;filter:saturate(.85)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,20,.91) 0%,rgba(5,13,20,.64) 39%,rgba(5,13,20,.04) 76%),linear-gradient(0deg,rgba(3,12,20,.9) 0%,transparent 19%,transparent 69%,rgba(0,0,0,.15) 100%)}.hero-content{position:relative;z-index:2;padding-top:80px}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.2em;display:inline-flex;align-items:center;gap:15px}.eyebrow.light{color:var(--lime)}.eyebrow.dark{color:#356252}.eyebrow-line{width:29px;height:1px;background:currentColor}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(46px,6.4vw,112px);line-height:1.06;letter-spacing:-.09em;font-weight:800;margin:30px 0 24px;max-width:1080px}.hero h1 em{font-family:var(--serif);color:var(--lime);font-weight:400;letter-spacing:-.045em}.hero-content>p{max-width:495px;color:#c3cfd1;font-size:16px;line-height:1.82}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#08151b}.button-primary:hover{background:#d4ffb9}.button-ghost{border:1px solid rgba(255,255,255,.48);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.08)}.hero-bottom{position:absolute;bottom:34px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#a7b6bf;letter-spacing:.2em;font-size:10px;font-weight:700}.scroll-mark{display:flex;align-items:center;gap:18px}.scroll-mark span:last-child{font-size:23px;font-weight:400;color:#fff}
.section-pad{padding:136px 0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:67px}.section-index{color:#7e9595;font-size:10px;letter-spacing:.17em;font-weight:800}.concept{background:#e9eeee}.concept-layout{display:grid;grid-template-columns:1.42fr 1fr;gap:7vw;align-items:start}.concept h2,.league h2,.contact h2{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(54px,6.5vw,116px);line-height:1.03;letter-spacing:-.097em;margin:0}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.concept-aside{padding-top:18px}.concept-aside>p{font-size:19px;line-height:1.7;font-weight:500;color:#31464d;margin:0 0 56px}.micro-features{border-top:1px solid var(--line)}.micro-features>div{display:grid;grid-template-columns:56px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;color:#24383e}.feature-number{font-size:11px;color:#608582;letter-spacing:.12em}
.replay-panel{background:#081720;color:#f2f9f7;padding:110px 0 125px;position:relative;overflow:hidden}.replay-panel:before{content:'';position:absolute;right:-15%;top:-30%;height:790px;width:790px;border-radius:50%;background:radial-gradient(circle,rgba(34,87,94,.18),transparent 63%)}.replay-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:center;position:relative}.replay-grid h2{font:800 clamp(44px,5vw,85px)/1.07 'Manrope',sans-serif;letter-spacing:-.08em;margin:28px 0}.replay-grid h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;color:var(--lime)}.replay-grid p{color:#adbdc4;font-size:16px;line-height:1.85;max-width:470px}.replay-meter{border:1px solid rgba(117,226,229,.25);padding:21px;background:linear-gradient(150deg,rgba(13,35,46,.86),rgba(9,26,35,.94));box-shadow:0 30px 100px rgba(0,0,0,.24)}.meter-top,.meter-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#a8bcc2}.pulse{display:flex;align-items:center;gap:9px;color:#c6ead5}.pulse i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime)}.meter-rings{height:330px;display:grid;place-items:center}.ring-one,.ring-two,.ring-core{border-radius:50%;display:grid;place-items:center}.ring-one{width:260px;height:260px;border:1px solid rgba(117,226,229,.15);box-shadow:0 0 0 38px rgba(117,226,229,.023),0 0 0 78px rgba(117,226,229,.015)}.ring-two{width:178px;height:178px;border:1px dashed rgba(117,226,229,.55);animation:spin 30s linear infinite}.ring-core{width:125px;height:125px;background:radial-gradient(circle at 35% 30%,#3c797b,#0b2633);box-shadow:0 0 45px rgba(117,226,229,.15)}.ring-core svg{width:38px;height:38px;fill:var(--lime);transform:translateX(3px);animation:anti 30s linear infinite}.meter-code{font-family:'Manrope',sans-serif;color:var(--lime);font-size:18px}.meter-wave{display:flex;gap:7px;height:68px;align-items:center;border-top:1px solid rgba(255,255,255,.11);margin-top:15px;justify-content:center}.meter-wave span{width:2px;background:var(--cyan);opacity:.6;height:var(--h,13px)}.meter-wave span:nth-child(3n){--h:32px}.meter-wave span:nth-child(4n){--h:48px}.meter-wave span:nth-child(7n){--h:21px}.replay-meter small{display:block;text-align:right;font-size:9px;color:#6e8a91}
.league{background:#f6f7f4}.league-title{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin-bottom:68px}.league-title h2{margin-top:20px}.league-flag{display:inline-block;background:#142b34;color:#f6f8ef;padding:10px 12px;font-size:11px;letter-spacing:.15em;font-weight:800}.league-title p{color:#43595a;font-size:18px;line-height:1.8;max-width:410px}.league-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.league-card{height:390px;padding:31px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card-label{font-size:11px;letter-spacing:.14em;font-weight:800}.league-card p{font-size:15px;line-height:1.58;max-width:240px}.league-leader{background:#c6f5aa;color:#12302e}.league-big{font-family:'Manrope',sans-serif;font-size:clamp(75px,9vw,132px);font-weight:800;letter-spacing:-.12em}.league-big span{font-family:var(--serif);font-weight:400}.card-corner{position:absolute;right:31px;bottom:35px;font-size:34px}.league-verify{background:#132d37;color:#f3faf7}.league-verify p{color:#d4e3e1}.check-illustration svg{width:125px;fill:none;stroke:#a7f2ce;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.league-score{background:#dce5e3;color:#193037}.score-number{font-family:'Manrope',sans-serif;font-size:clamp(65px,7vw,105px);font-weight:800;letter-spacing:-.09em}.score-number span{font-family:'DM Sans',sans-serif;font-size:16px;letter-spacing:.08em}.league-score a{align-self:flex-start;font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.league-note{margin-top:24px;color:#718182;font-size:12px;line-height:1.6;display:flex;gap:12px;align-items:flex-start}.league-note span{color:#2b9f76}
.manifesto{position:relative;background:#0d252d;color:#f7fbfa;padding:155px 0 145px;overflow:hidden}.manifesto:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 87px,rgba(166,248,144,.055) 88px 89px,transparent 90px 170px);opacity:.4}.manifesto-inner{position:relative}.manifesto p{font:800 clamp(44px,5.5vw,98px)/1.18 'Manrope',sans-serif;letter-spacing:-.08em;margin:45px 0 65px}.manifesto em{font:400 .92em/1.2 var(--serif);color:var(--lime);letter-spacing:-.05em}.manifesto-meta{letter-spacing:.18em;font-size:10px;color:#8fa8ae;font-weight:800}
.contact{background:#e4ebeb}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{font-size:clamp(48px,5vw,84px)}.contact p{color:#486064;font-size:16px;line-height:1.8;max-width:405px;margin-top:28px}.contact-links{border-top:1px solid var(--line)}.contact-links>a{display:grid;grid-template-columns:1fr auto;column-gap:20px;padding:26px 0;border-bottom:1px solid var(--line);transition:padding-left .2s}.contact-links>a:hover{padding-left:7px}.contact-links a span{grid-column:1;font-size:12px;color:#638283;font-weight:700;margin-bottom:8px}.contact-links a strong{grid-column:1;display:block;overflow-wrap:anywhere;font-size:20px;letter-spacing:-.035em}.contact-links a b{grid-column:2;grid-row:1 / 3;align-self:center;font-size:25px;font-weight:400}
.footer{background:#06131b;color:#f5faf7;padding:65px 0 27px}.footer-top{display:flex;align-items:end;justify-content:space-between;padding-bottom:70px}.footer-top p{color:#9ab0b7;font:italic 24px var(--serif);margin:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid rgba(255,255,255,.15);padding-top:24px;color:#7f969d;font-size:11px}.footer-bottom nav{display:flex;gap:25px}.footer-bottom a:hover{color:var(--lime)}.back-top{white-space:nowrap}
.legal-main{background:#eef3f2;min-height:100svh}.legal-header{padding:180px 0 70px;background:#0a202b;color:#f5fbfa}.legal-header h1{font:800 clamp(43px,6vw,86px)/1.07 'Manrope',sans-serif;letter-spacing:-.075em;margin:18px 0}.legal-header p{color:#aec2c4;max-width:680px;line-height:1.8}.legal-content{padding:65px 0 125px}.legal-layout{display:grid;grid-template-columns:230px minmax(0,730px);gap:9vw}.legal-nav{position:sticky;top:20px;align-self:start;display:grid;gap:17px;font-size:12px;font-weight:700;color:#567176}.legal-nav a:hover{color:#07181f}.legal-prose{font-size:15px;line-height:1.85;color:#314a50}.legal-prose h2{font:800 28px/1.25 'Manrope',sans-serif;letter-spacing:-.05em;color:#071a21;margin:44px 0 13px}.legal-prose h2:first-child{margin-top:0}.legal-prose ul{padding-left:22px}.legal-prose li{margin:8px 0}.legal-prose a{text-decoration:underline;text-underline-offset:3px;color:#166d66}.legal-prose .notice{border-left:3px solid #c1a568;background:#fff9e9;padding:17px 20px;color:#6d5127;font-size:13px;margin-bottom:32px}.legal-prose .legal-cta{display:inline-block;margin-top:15px;padding:14px 18px;background:#142f34;color:white;text-decoration:none;font-weight:800}.legal-meta{font-size:12px;color:#aec0c2}.legal-footer .footer-top{padding-bottom:25px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes anti{to{transform:translateX(3px) rotate(-360deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:980px){.container{width:min(100% - 64px,1440px)}.topbar{padding:0 32px}.navlinks{gap:18px}.concept-layout,.replay-grid,.contact-layout{gap:55px}.league-gallery{grid-template-columns:repeat(2,1fr)}.league-score{grid-column:1/-1;height:290px}.league-title{grid-template-columns:1fr 1fr;gap:30px}.contact h2{font-size:56px}.legal-layout{grid-template-columns:160px minmax(0,1fr);gap:45px}}
@media(max-width:680px){.container{width:min(100% - 38px,1440px)}.topbar{padding:0 19px;height:77px}.brand{font-size:19px}.brand-symbol{width:33px;height:33px}.nav-badge{font-size:8px;letter-spacing:.09em;padding:9px}.menu-button{display:block}.navlinks{position:absolute;top:77px;left:0;right:0;padding:22px;background:#0b202b;display:none;flex-direction:column;gap:0;border-bottom:1px solid #375663}.navlinks.open{display:flex}.navlinks a{padding:15px 0;opacity:1;border-bottom:1px solid rgba(255,255,255,.08)}.hero{height:795px;min-height:720px;max-height:1000px;justify-content:flex-end;padding-bottom:126px}.hero-photo{background-position:60% center}.hero-vignette{background:linear-gradient(0deg,#06141d 0%,rgba(5,18,27,.92) 25%,rgba(5,18,27,.33) 80%),linear-gradient(90deg,rgba(7,20,29,.45),transparent)}.hero-content{padding-top:0}.hero h1{font-size:clamp(42px,10.5vw,72px);margin:20px 0}.hero-content>p{font-size:14px;line-height:1.7}.eyebrow{font-size:9px;letter-spacing:.15em}.hero-buttons{gap:8px}.button{padding:16px;font-size:11px;gap:12px}.hero-bottom{bottom:23px;font-size:8px}.scroll-mark span:first-child{display:none}.section-pad{padding:83px 0}.section-top{margin-bottom:35px}.section-index{font-size:8px;text-align:right;max-width:125px;line-height:1.7}.concept-layout,.replay-grid,.league-title,.contact-layout,.legal-layout{display:block}.concept h2,.league h2,.contact h2{font-size:clamp(45px,11vw,76px)}.concept-aside{padding-top:32px}.concept-aside>p{font-size:16px;margin-bottom:30px}.micro-features>div{grid-template-columns:40px 1fr}.replay-panel{padding:85px 0}.replay-grid h2{font-size:clamp(42px,10vw,75px)}.replay-grid p{font-size:14px}.replay-meter{margin-top:43px}.meter-rings{height:250px}.ring-one{width:198px;height:198px;box-shadow:0 0 0 25px rgba(117,226,229,.023),0 0 0 48px rgba(117,226,229,.015)}.ring-two{width:146px;height:146px}.ring-core{width:99px;height:99px}.league-title p{font-size:15px;margin:27px 0 32px}.league-gallery{display:block}.league-card{height:285px;margin-bottom:10px}.league-score{height:300px}.league-big{font-size:100px}.league-note{font-size:11px}.manifesto{padding:95px 0}.manifesto p{font-size:clamp(38px,9.5vw,69px)}.contact-layout>div:last-child{margin-top:40px}.contact h2{font-size:clamp(42px,10vw,65px)}.contact-links a strong{font-size:18px}.footer{padding:44px 0 25px}.footer-top{display:block;padding-bottom:40px}.footer-top p{margin-top:22px;font-size:20px}.footer-bottom{display:block;font-size:10px}.footer-bottom nav{margin:23px 0;flex-wrap:wrap;gap:15px}.legal-header{padding:135px 0 50px}.legal-header h1{font-size:45px}.legal-content{padding:50px 0 90px}.legal-nav{position:static;display:flex;flex-wrap:wrap;gap:9px 16px;margin-bottom:36px;border-bottom:1px solid var(--line);padding-bottom:22px}.legal-prose{font-size:14px}.legal-prose h2{font-size:24px}}
/* FishReplay visual identity: shared with the mobile app icon and landing page. */
.brand-symbol{background:url('assets/fishreplay-logo-officiel.png') center/contain no-repeat;border:0!important;border-radius:0!important}
.brand-symbol svg{display:none!important}