:root{--ink:#0b1f33;--ink2:#3d5166;--mut:#6b7c8d;--bg:#f6f4ef;--alt:#ece8de;--card:#fff;--navy:#04121f;--navy2:#0a2236;--or:#f28c28;--or2:#d9721a;--teal:#1fb5a8;--line:#e2ddd1;--r:18px;--sh:0 1px 2px rgba(4,18,31,.06),0 10px 30px -12px rgba(4,18,31,.18);--wrap:1240px;--pad:clamp(20px,4vw,40px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,picture{max-width:100%;display:block}img{height:auto}
a{color:#0d6e66;text-underline-offset:3px}a:hover{color:var(--or2)}
h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif;line-height:1.12;letter-spacing:-.015em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.3rem,4.6vw,4rem);font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}.h3{font-size:1.5rem}
p{margin:0 0 1em;text-wrap:pretty}
.center>img{margin:0 auto 20px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}.narrow{max-width:820px}.center{text-align:center}
[hidden]{display:none!important}
.skip{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a.skip:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;background:#fff;padding:10px 16px;border-radius:10px;z-index:100}
.pbar{background:var(--or);color:#1a0d00;text-align:center;font-size:13px;font-weight:600;padding:6px}
.hdr{position:sticky;top:0;z-index:40;background:rgba(4,18,31,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.hdr-in{display:flex;align-items:center;gap:24px;height:72px}
.logo{flex:none;display:flex;align-items:center;gap:10px;font:800 1.35rem Outfit,sans-serif;color:#fff;text-decoration:none;letter-spacing:-.02em;white-space:nowrap}.logo span{color:var(--or)}.logo:hover{color:#fff}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center;min-width:0}
.nav a{color:#cfdbe6;text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:999px;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{color:#fff;background:rgba(255,255,255,.08)}
.menu-btn{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.menu-btn span:first-child,.menu-btn span:first-child:before,.menu-btn span:first-child:after{content:"";position:absolute;left:11px;width:22px;height:2px;background:#fff;border-radius:2px;transition:.25s}
.menu-btn span:first-child{top:21px}.menu-btn span:first-child:before{left:0;top:-7px}.menu-btn span:first-child:after{left:0;top:7px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 Inter,sans-serif;padding:14px 22px;border-radius:999px;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}.btn-sm{font-size:14px;padding:10px 16px}.btn-lg{font-size:17px;padding:17px 28px}
.btn-o{background:var(--or);color:#1d0f00}.btn-o:hover{background:#ffa043;color:#1d0f00;box-shadow:0 8px 24px -8px rgba(242,140,40,.7)}
.btn-d{background:var(--navy);color:#fff}.btn-d:hover{background:var(--navy2);color:#fff}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}.btn-line:hover{background:var(--ink);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{background:#fff;color:var(--navy)}
.cta{flex:none;margin-left:10px}
.eyebrow{font:700 12.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--or2);margin-bottom:14px}.eyebrow.light{color:var(--or)}
.lead{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--ink2);max-width:720px}
.hero{position:relative;min-height:min(86vh,820px);display:flex;align-items:center;color:#fff;background:var(--navy);overflow:hidden}
.hero-bg,.hero-bg picture,.hero-bg img{position:absolute;inset:0;width:100%;height:100%}.hero-bg img{object-fit:cover;object-position:72% 50%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.94) 0%,rgba(4,18,31,.78) 36%,rgba(4,18,31,.15) 70%,rgba(4,18,31,0) 100%),linear-gradient(0deg,rgba(4,18,31,.6),transparent 30%)}
.hero-in{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:110px}.hero h1{max-width:700px}.hero .lead{color:#d7e2ec;max-width:580px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.ribbon{background:var(--navy);border-top:1px solid rgba(255,255,255,.06);padding:18px 0 22px;position:relative}
.ribbon-track{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:0 max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad)));scroll-snap-type:x proximity;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ribbon-track::-webkit-scrollbar{display:none}
.sp{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#cfdbe6;font-size:13.5px;font-weight:600;scroll-snap-align:start;white-space:nowrap}
.sp picture,.sp img{width:84px;height:84px;border-radius:50%;object-fit:cover}.sp picture{border:2px solid rgba(255,255,255,.15);overflow:hidden;transition:border-color .2s,transform .2s}.sp:hover{color:#fff}.sp:hover picture{border-color:var(--or);transform:translateY(-2px)}
.sec{padding:clamp(64px,8vw,104px) 0}.sec-alt{background:var(--alt)}
.dark{background:var(--navy);color:#e8eff5}.dark h2{color:#fff}.dark .lead{color:#c3d2df}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}.sec-head h2{margin-bottom:.25em}.sec-lead{color:var(--ink2);max-width:640px;margin:0}
.sec-link{font-weight:600;white-space:nowrap;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--or);padding-bottom:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
a.card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(4,18,31,.06),0 22px 40px -16px rgba(4,18,31,.3);color:var(--ink)}
.cimg{position:relative;aspect-ratio:4/3;overflow:hidden;background:#dfe7ea}.cimg picture,.cimg img{width:100%;height:100%;object-fit:cover}
.cbody{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.cbody p{color:var(--ink2);font-size:15.5px;margin-bottom:16px}.cbody h3{margin-bottom:.35em}
.ctags{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0d8a80;margin-bottom:8px}
.more{margin-top:auto;font-weight:600;font-size:15px;color:var(--ink)}.more:after{content:" \2192";color:var(--or2)}
.gicon{position:absolute;left:14px;bottom:14px;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.94);display:grid;place-items:center;font-size:22px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.ggrid.g3{grid-template-columns:repeat(3,1fr)}.ggrid.g4{grid-template-columns:repeat(4,1fr)}
.itile{display:grid;place-items:center;color:#0d6e66;background:radial-gradient(circle at 30% 20%,#e9f7f4,#d2e8e4)}
.itile-food,.itile-timer{color:#b4561a;background:radial-gradient(circle at 30% 20%,#fff2e3,#f6dcc0)}.itile-rock,.itile-wood,.itile-stand,.itile-tank{color:#5b4a33;background:radial-gradient(circle at 30% 20%,#f4efe5,#e3d8c5)}
.itile svg{width:64px;height:64px}
.icard .btn{align-self:flex-start;margin-top:auto}
.carousel{position:relative}
.ctrl{max-width:var(--wrap);margin:-84px auto 28px;padding:0 var(--pad);display:flex;justify-content:flex-end;gap:10px;pointer-events:none}
.cbtn{pointer-events:auto;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--ink);box-shadow:var(--sh);transition:.15s}.cbtn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.cbtn:disabled{opacity:.35;cursor:default}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,26vw,340px);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad)));padding:6px max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad))) 28px;scrollbar-width:thin;scrollbar-color:#c9c2b2 transparent;outline:0}
.track>*{scroll-snap-align:start}
.sec-bleed .sec-head{padding-right:120px}
.catcard .cimg{aspect-ratio:16/10}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
.btile{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:2px;align-items:start;padding:22px;border-radius:var(--r);background:#fff;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .2s}
.btile:hover{transform:translateY(-3px);color:var(--ink)}.btile .bi{grid-row:span 2;font-size:26px;width:52px;height:52px;border-radius:14px;background:#fdf0e1;display:grid;place-items:center}.btile b{font:700 1.08rem Outfit,sans-serif}.btile span:last-child{color:var(--ink2);font-size:15px;line-height:1.5}
.ipick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.chip-btn{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;font:600 15.5px Inter,sans-serif;color:var(--ink);text-align:left;transition:.15s}
.chip-btn picture,.chip-btn img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none}.chip-btn:hover{border-color:#b9b2a2}.chip-btn[aria-pressed=true]{border-color:var(--or);background:#fff6ec;box-shadow:0 0 0 4px rgba(242,140,40,.15)}
.ires{margin-top:26px}.ires .rgrid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:16px;align-items:stretch}
.ires a.rl{display:block;padding:18px 20px;border-radius:14px;background:#fff;box-shadow:var(--sh);text-decoration:none;color:var(--ink)}.ires a.rl b{display:block;font-family:Outfit;font-size:1.1rem}.ires a.rl span{font-size:14.5px;color:var(--ink2)}
.ires .btn{align-self:center}
.other-home{display:block;margin-top:16px;max-width:520px}
.join-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.ticks{list-style:none;padding:0;margin:0 0 28px}.ticks li{padding-left:30px;position:relative;margin:8px 0}.ticks li:before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/11px no-repeat}
.mock-wrap{position:relative;padding-bottom:40px}
.rot{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.rimg{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.rimg.on{opacity:1}.rimg img{width:100%;height:100%;object-fit:cover}
.mock{position:absolute;left:-28px;bottom:0;width:min(330px,80%);background:#fff;color:var(--ink);border-radius:20px;padding:20px;box-shadow:0 24px 50px -16px rgba(0,0,0,.45)}
.mock-tag{position:absolute;top:-12px;right:16px;background:var(--teal);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.mock-top{display:flex;gap:12px;align-items:center;margin-bottom:14px}.mock-top b{display:block;font-family:Outfit;font-size:1.1rem}.mock-top small{color:var(--mut)}
.av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--or),#c2410c);color:#fff;font-weight:800;display:grid;place-items:center;font-family:Outfit}
.mock-stats{display:flex;gap:8px;margin-bottom:12px}.mock-stats span{flex:1;background:var(--bg);border-radius:12px;padding:8px;text-align:center;font-size:12.5px;color:var(--ink2)}.mock-stats b{display:block;font-size:1.2rem;color:var(--ink);font-family:Outfit}
.mock-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.mock-tags i{font-style:normal;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#e5f5f3;color:#0d6e66}
.mock p{font-size:14px;color:var(--ink2);margin:0}
.join-grid.light .mock{left:auto;right:-10px}.join-grid.light .mock-wrap{padding-bottom:0}.join-grid.light .mock{position:relative;left:auto;right:auto;margin:-90px 0 0 auto}.mock-wrap .note{margin-top:14px}
.cmini{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:8px 8px 4px}.cmini-h{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:12px 14px 6px}
.crow{display:flex;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid #f0ece3}.crow:first-of-type{border-top:0}.crow b{display:block;font-family:Outfit}.crow small{display:block;color:var(--ink2);font-size:13.5px;line-height:1.45}.crow .tally{margin-left:auto}
.init{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font:800 1.05rem Outfit,sans-serif;color:#fff;background:linear-gradient(135deg,#0d6e66,#1fb5a8)}
.crow:nth-child(odd) .init,.ccard:nth-child(even) .init{background:linear-gradient(135deg,#c2410c,#f28c28)}.ccard:nth-child(3n) .init{background:linear-gradient(135deg,#0a2236,#2e5476)}
.tally{font-size:13px;color:var(--mut);white-space:nowrap;font-weight:500}.tally.has{color:#0d6e66;font-weight:700}
.lp-head{display:flex;gap:16px;align-items:center;margin-bottom:22px}.lp-head p{margin:0;color:var(--ink2)}
.badge{display:inline-block;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.clist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ccard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px;display:flex;flex-direction:column;gap:14px}.ccard h3{margin:0 0 .25em}.ccard p{font-size:15px;color:var(--ink2);margin:0 0 10px}
.cc-body{flex:1}.clink{font-weight:600;font-size:15px}.clink:after{content:" \2197"}
.cc-vote{display:flex;align-items:center;gap:12px;border-top:1px solid #f0ece3;padding-top:14px}
.vdlg{border:0;border-radius:22px;padding:28px;max-width:420px;width:calc(100% - 32px);box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}.vdlg::backdrop{background:rgba(4,18,31,.55)}
.vdlg input[type=email]{width:100%;margin:6px 0 16px}.vrow{display:flex;gap:10px}
.stores,.slist{list-style:none;padding:0;margin:0 0 24px}.stores li,.slist li{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;border-radius:14px;padding:14px 18px;margin-bottom:10px;box-shadow:0 1px 2px rgba(4,18,31,.05)}
.stores b,.slist b{display:block;font-family:Outfit}.stores span,.slist span{color:var(--ink2);font-size:14.5px}.stores a{font-weight:600;white-space:nowrap}
.slist li{display:block}.sgroup h3{margin:22px 0 10px;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.rounded img{border-radius:24px;box-shadow:var(--sh)}
.faq details{background:#fff;border-radius:14px;margin-bottom:10px;box-shadow:0 1px 2px rgba(4,18,31,.05)}
.faq summary{cursor:pointer;padding:16px 48px 16px 20px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:20px;top:12px;font-size:24px;color:var(--or2);transition:.2s}.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding:0 20px 18px;margin:0;color:var(--ink2)}
.adwrap{margin:0 auto}.adlabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:6px;text-align:center}
.ad{border:2px dashed #c9c2b2;border-radius:16px;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;background:repeating-linear-gradient(135deg,#faf8f3,#faf8f3 12px,#f3f0e8 12px,#f3f0e8 24px)}
.ad b{font:700 1.2rem Outfit}.ad small{color:var(--mut)}.ad a{font-size:14px;font-weight:600}
.adwrap.wide .ad{min-height:180px}.adwrap.wide{max-width:970px}
.who{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center}.who img{width:100%}
.phero{background:var(--navy);color:#fff;padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.phero h1{max-width:900px}.phero .lead{color:#c8d6e2}.phero .eyebrow{color:var(--or)}
.phero.has-img .phero-bg,.phero.has-img .phero-bg picture,.phero.has-img .phero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero.has-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.95) 0%,rgba(4,18,31,.82) 45%,rgba(4,18,31,.35) 100%)}
.phero .wrap{position:relative;z-index:1}.phero.has-img{padding:clamp(80px,9vw,130px) 0 clamp(64px,7vw,100px)}
.crumbs{font-size:14px;color:#9fb3c4;margin-bottom:22px}.crumbs a{color:#cfdbe6;text-decoration:none}.crumbs a:hover{color:#fff}.crumbs span{margin:0 4px}.crumbs span[aria-current]{margin:0;color:#9fb3c4}
.filter{display:flex;align-items:center;gap:14px;margin-bottom:30px;flex-wrap:wrap}.filter label{font-weight:700}
select,input,textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid #d6d0c3;border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
select:focus,input:focus,textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(31,181,168,.18)}
.filter select,.filter input{width:auto;min-width:260px}.fcount{color:var(--mut);font-size:15px}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;padding:clamp(22px,3vw,34px);border-radius:22px;box-shadow:var(--sh)}
.cform>.btn{justify-self:start;grid-column:1/-1}.fld{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14.5px;font-weight:600;min-width:0}.fld i{font-weight:400;color:var(--mut);font-style:normal}.fld.full,.cform .fmsg,.cform fieldset{grid-column:1/-1}
.fld.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500}.fld.check input{width:20px;height:20px;min-height:0;margin-top:2px;flex:none;accent-color:var(--or2)}
fieldset.picker{border:0;padding:0;margin:0}fieldset.picker legend{font-weight:600;font-size:14.5px;margin-bottom:8px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative}.chip input{position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;padding:0;opacity:0;pointer-events:none}.chip span{display:inline-block;padding:9px 14px;border-radius:999px;border:1.5px solid #d6d0c3;font-weight:600;font-size:14.5px;cursor:pointer;background:#fff;transition:.15s}
.chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.chip input:focus-visible+span{box-shadow:0 0 0 4px rgba(31,181,168,.3)}
.other-fld{margin-top:12px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmsg{margin:0;font-weight:600;min-height:1.2em}.fmsg.ok{color:#0d7a5f}.fmsg.err{color:#b42318}
.news{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:380px}.news input[type=email]{flex:1;min-width:0;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}.news input::placeholder{color:#8ea3b6}.news .fmsg{flex-basis:100%;color:#9fe3d9;font-size:14px}
.ftr{background:#020b14;color:#9fb3c4;padding:72px 0 40px;font-size:15px}
.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.ftr h4{color:#fff;font-size:1rem;margin-bottom:14px}.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin:8px 0}.ftr a{color:#cfdbe6;text-decoration:none}.ftr a:hover{color:var(--or)}
.fbrand p{max-width:360px;margin-top:14px}.disc{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding-top:24px;font-size:13.5px;color:#7a8fa3}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start}
.prose{font-size:18px;line-height:1.75}.prose h2{font-size:clamp(1.5rem,2.2vw,2rem);margin:1.7em 0 .5em}.prose h2:first-child{margin-top:0}.prose h3{margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.4em 0}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;margin:1.2em 0 1.6em;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.prose th{background:var(--navy);color:#fff;text-align:left;font-weight:600}.prose th,.prose td{padding:12px 14px;border-bottom:1px solid #efeae0;vertical-align:top}
.callout{background:#e8f6f4;border-left:4px solid var(--teal);padding:16px 20px;border-radius:12px;margin:1.4em 0;font-size:16.5px}.callout.warn{background:#fff3e6;border-color:var(--or)}
.steps{counter-reset:s;list-style:none;padding:0!important}.steps li{counter-increment:s;position:relative;padding:14px 18px 14px 64px;background:#fff;border-radius:14px;margin:10px 0;box-shadow:0 1px 2px rgba(4,18,31,.05)}
.steps li:before{content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--or);color:#1d0f00;font:800 15px/32px Outfit;text-align:center}
.kit{list-style:none;padding:0!important}.kit li{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;padding:16px 18px;border-radius:14px;margin:10px 0;box-shadow:0 1px 2px rgba(4,18,31,.05)}.kit b{display:block}.kit span{font-size:15px;color:var(--ink2)}
.note{font-size:14.5px;color:var(--mut)}
.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}.toc{background:#fff;border-radius:16px;padding:20px 22px;box-shadow:var(--sh);font-size:15px}.toc ol{margin:10px 0 0;padding-left:1.2em}.toc li{margin:6px 0}.toc a{text-decoration:none;color:var(--ink2)}.toc a:hover{color:var(--or2)}
.side-cta{background:var(--navy);color:#cfdbe6;border-radius:16px;padding:22px}.side-cta b{color:#fff;font-family:Outfit;font-size:1.15rem}.side-cta p{font-size:15px;margin:6px 0 14px}
.pkgs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pkg{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sh);border:2px solid transparent;display:flex;flex-direction:column}.pkg.hot{border-color:var(--or);background:#fffaf3;grid-column:span 2}.slots>.adwrap{width:100%;max-width:970px;margin:0 auto}
.pk-for{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0d8a80;margin-bottom:8px}.pkg h3{margin-bottom:8px}
.price{font:800 2.2rem Outfit;margin-bottom:10px;letter-spacing:-.02em}.price small{font-size:1rem;font-weight:600;color:var(--mut)}.pkg p{font-size:15px;color:var(--ink2);margin:0}
.slots{display:grid;gap:28px}.slot-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:700px;margin:0 auto;width:100%}
ol.next{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}ol.next li{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:10px}ol.next b{font:700 1.15rem Outfit}ol.next span{color:var(--ink2);font-size:15.5px;flex:1}ol.next .btn{align-self:flex-start}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pill{padding:9px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px}.pill:hover{border-color:var(--or)}
.sform input{font-size:19px;padding:16px 20px}.sres{list-style:none;padding:0;margin-top:20px}.sres li{background:#fff;border-radius:14px;padding:16px 20px;margin-bottom:10px;box-shadow:0 1px 2px rgba(4,18,31,.05)}.sres a{font-weight:700;font-family:Outfit;font-size:1.1rem;text-decoration:none}.sres p{margin:4px 0 0;color:var(--ink2);font-size:15px}
.empty{color:var(--ink2)}
.swim{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.swim img{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media (max-width:1480px){.hdr-in{gap:16px}.nav a{padding:8px 9px;font-size:14.5px}}
@media (max-width:1260px){.nav a{padding:8px 7px;font-size:14px}}
@media (max-width:1180px){.cta{display:none}}
@media (max-width:1020px){
 .menu-btn{display:block}.nav{position:absolute;top:72px;left:0;right:0;background:var(--navy);flex-direction:column;align-items:stretch;padding:12px var(--pad) 22px;gap:2px;display:none;border-bottom:1px solid rgba(255,255,255,.08)}
 .nav.open{display:flex}.nav a{padding:12px 14px;font-size:16px}.cta{display:none}
 .ggrid,.ggrid.g4{grid-template-columns:repeat(2,1fr)}.ggrid.g3{grid-template-columns:repeat(2,1fr)}.bgrid{grid-template-columns:repeat(2,1fr)}.ipick{grid-template-columns:repeat(2,1fr)}
 .two,.join-grid,.art-grid{grid-template-columns:1fr}.side{position:static}.clist{grid-template-columns:repeat(2,1fr)}.pkgs{grid-template-columns:repeat(2,1fr)}ol.next{grid-template-columns:repeat(2,1fr)}
 .fcols{grid-template-columns:1fr 1fr}.ires .rgrid{grid-template-columns:1fr}.mock{left:12px}.join-grid.light .mock{right:12px}
}
@media (max-width:640px){
 body{font-size:16px}.pkg.hot{grid-column:auto}.ggrid,.ggrid.g3,.ggrid.g4,.bgrid,.clist,.pkgs,ol.next,.ipick{grid-template-columns:1fr}.cform{grid-template-columns:1fr}.who{grid-template-columns:1fr;text-align:left}.who img{max-width:180px}
 .hero{min-height:640px}.hero:after{background:linear-gradient(0deg,rgba(4,18,31,.96) 0%,rgba(4,18,31,.82) 50%,rgba(4,18,31,.3) 100%)}.hero-bg img{object-position:70% 30%}.hero-in{padding-top:180px;padding-bottom:60px}
 .sec-head{flex-direction:column;align-items:flex-start}.sec-bleed .sec-head{padding-right:0}.ctrl{margin:-8px auto 14px;justify-content:flex-start}.track{grid-auto-columns:82vw}
 .fcols{grid-template-columns:1fr}.slot-pair{grid-template-columns:1fr}.kit li,.stores li{flex-direction:column;align-items:flex-start}.mock{position:relative;left:0;right:0;width:100%;margin-top:-40px}.join-grid.light .mock{right:0}.mock-wrap{padding-bottom:0}
 .filter select,.filter input{min-width:0;width:100%}.prose table{display:block;overflow-x:auto}.prose{font-size:17px}.logo{font-size:1.2rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.swim{display:none}}
/* restored original homepage components + split hero */
.hero-split{display:block;min-height:0;padding:clamp(36px,4.5vw,64px) 0 clamp(40px,5vw,72px);background:radial-gradient(1200px 600px at 80% 20%,#0d3a52 0%,var(--navy) 60%)}
.hero-split:after{display:none}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.hero-split h1{font-size:clamp(2.2rem,1.3rem + 2.6vw,3.6rem);max-width:640px}.hero-split h1 em{font-style:normal;background:linear-gradient(90deg,var(--or),#ffd23f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-split .lead{color:#d7e2ec;max-width:580px}
.kicker{display:inline-block;background:rgba(31,181,168,.14);color:#8ff3e8;border:1px solid rgba(31,181,168,.45);padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;margin-bottom:20px;letter-spacing:.03em}
.hero-fig{margin:0;position:relative}
.hero-fig picture{display:block;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -24px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.1);background:#0a2236}
.hero-fig img{display:block;width:100%;height:auto;aspect-ratio:2896/1720;object-fit:contain}
.hero-fig figcaption{margin-top:12px;color:#9fb4c6;font-size:14px}.hero-fig figcaption i{color:#cfe0ee}
.stats{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}
.stats div{border-left:3px solid var(--or);padding-left:12px}.stats b{display:block;font-family:Outfit;font-size:1.45rem;color:#fff}.stats span{color:#a9c1d6;font-size:14px}
.bigsearch{display:flex;gap:10px;max-width:600px;background:#fff;border-radius:999px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.3);margin:22px 0 4px}
.bigsearch input{flex:1;border:0;font:inherit;padding:10px 18px;border-radius:999px;outline:none;color:var(--ink);min-width:0;background:transparent}
.ribbon-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#9fb4c6;font:700 12.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.ribbon-h a{color:var(--or);letter-spacing:0;text-transform:none;font-size:14px}
.adtop{padding-top:28px}
.grid{display:grid;gap:24px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card>.b{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.pickcat .pc-img picture,.pickcat .pc-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pickcat ul{margin:0 0 20px;padding-left:20px}.pickcat li{margin:4px 0}.pickcat li a{color:var(--ink)}.pickcat h3 a{color:inherit;text-decoration:none}.pickcat .btn{margin-top:auto;align-self:flex-start}
.quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.quick span{font-weight:700;color:var(--mut);margin-right:4px}
.tag{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.tag:hover{border-color:var(--or)}
.tank-card .tag,.creator .tag{font-size:12px;padding:3px 10px;align-self:flex-start;margin-bottom:10px;background:#f0ece3}.tag.real{background:#e3f6f3;border-color:#b8e6df;color:#0d6e66}
.guide-card{padding:26px;color:inherit}.guide-card:hover{transform:translateY(-4px)}
.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(135deg,#fff1e0,#d9f5f1);color:var(--or2)}.icon svg{width:26px;height:26px}
.guide-card .num{font-family:Outfit;font-weight:800;color:var(--teal);font-size:14px;letter-spacing:.1em;margin-bottom:6px}
.guide-card p{color:var(--ink2);margin:0 0 14px}.more{margin-top:auto;font-weight:700;color:var(--or2)}
.creator{text-align:center;position:relative;padding:26px 22px;align-items:center}
.dark .creator{background:#0a2236;color:#e8eff5;border:1px solid rgba(255,255,255,.08)}.dark .creator h3{color:#fff}
.avatar{width:84px;height:84px;border-radius:50%;margin:10px auto 14px;display:grid;place-items:center;font-family:Outfit;font-weight:800;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--or),var(--teal));border:4px solid rgba(255,255,255,.9)}
.rank{position:absolute;top:14px;left:14px;background:var(--or);color:var(--navy);font-weight:800;border-radius:10px;padding:2px 10px;font-size:13px}.creator .tag{position:absolute;top:12px;right:12px;margin:0}
.cdesc{color:#c6d8e8;font-size:15px;margin:0 0 12px}.crow2{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:14px}.clink{color:var(--or);font-weight:600;font-size:14.5px}
.dark .tally{color:#9fb4c6}.dark .tally.has{color:#8ff3e8}
.claim{background:linear-gradient(135deg,#0b3550,#0e6e7e);color:#fff;border-radius:var(--r);padding:34px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:36px}.claim h3{color:#fff}.claim p{color:#d4ecf3;margin:0;max-width:640px}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.split>picture img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.check{list-style:none;padding:0;margin:18px 0 26px}.check li{padding-left:32px;position:relative;margin:10px 0}
.check li:before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10l3 3 7-7' stroke='%23ffffff' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") center/14px no-repeat}
.tank-card{color:inherit}.tank-card:hover{transform:translateY(-4px)}.tank-card .cimg picture,.tank-card .cimg img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.tank-card .ph{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(135deg,#0b3550,#0e6e7e);color:#fff;text-align:center;padding:20px}.tank-card .ph b{display:block;font-family:Outfit;font-size:1.25rem}.tank-card .ph span{color:#cfe6ee;font-size:14px}
.tank-card p{color:var(--ink2);margin:0 0 12px}
.meet{flex-direction:row;align-items:center;gap:22px;padding:28px}.meet img{width:140px;height:auto;flex:none}.meet p{color:var(--ink2);margin:0}
.who-l img{width:150px;height:auto;margin-bottom:12px}
.logo img{width:58px;height:auto;flex:none;display:block}
@media (max-width:640px){.logo img{width:48px}}
.adrow{align-items:center}.adrow .card{padding:28px}.adrow .card p{color:var(--ink2)}
/* Ozzy chat, restored from the original Finn helper */
.ozzy-fab{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:flex-end;gap:10px;transition:opacity .3s,transform .3s}
.ozzy-fab.away{opacity:0;transform:translateY(30px);pointer-events:none}
.ozzy-tip{background:#fff;color:var(--ink);border-radius:16px 16px 4px 16px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-weight:600;font-size:15px;max-width:230px;opacity:0;transform:translateY(10px);transition:.4s;pointer-events:none}.ozzy-tip.show{opacity:1;transform:none;pointer-events:auto}
.ozzy-btn{width:84px;height:84px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#1fb5a8,#04121f);box-shadow:0 12px 30px rgba(4,18,31,.45);cursor:pointer;padding:10px;display:grid;place-items:center}.ozzy-btn img{width:100%;height:auto}
.chat{position:fixed;right:22px;bottom:118px;width:380px;max-height:min(600px,72vh);background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(4,18,31,.4);z-index:81;display:none;flex-direction:column;overflow:hidden}.chat.open{display:flex}
.chat-h{background:linear-gradient(135deg,#04121f,#0e6e7e);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}.chat-h img{width:52px}.chat-h b{display:block;font-family:Outfit;font-size:1.1rem}.chat-h small{color:#bfe3ea}
.chat-h button{margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px}
.chat-b{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;background:#f6f4ef}
.msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5}.msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.msg.me{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg a{font-weight:700;color:var(--or2)}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{border:1px solid #e0c9a8;background:#fff;color:#7a3f06;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.chips button:hover{background:#fff6ec}
.chat-f{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-f input{flex:1;padding:11px 14px;border-radius:999px;border:1px solid #d5cfc2;font:inherit;font-size:15px;min-width:0}
.chat-note{font-size:11.5px;color:var(--mut);text-align:center;padding:0 12px 10px}
/* species pages */
.sp-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.sp-fig{margin:0}.sp-fig picture{display:block;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}.sp-fig img{display:block;width:100%;height:auto}
.qf{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:22px;flex-wrap:wrap}.qf li{border-left:3px solid var(--or);padding-left:12px;color:#d7e2ec;font-size:15px;max-width:220px}.qf b{display:block;color:#fff;font-family:Outfit}
.facts{width:100%;border-collapse:collapse;font-size:16px}.facts th,.facts td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}.facts th{width:34%;color:var(--ink);background:#f3f1ec;white-space:nowrap}
.spgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.spcard .cimg picture,.spcard .cimg img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.spcard .cbody{padding:16px 18px}.spcard h3{margin:0 0 6px;font-size:1.1rem}
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hero-grid,.sp-grid,.split,.g2,.g3{grid-template-columns:1fr}.hero-fig,.sp-fig{order:-1}.split{gap:32px}}
@media (max-width:640px){.g4{grid-template-columns:1fr}.bigsearch{flex-direction:column;border-radius:18px}.bigsearch .btn{width:100%}.stats{gap:16px 22px}.ozzy-btn{width:64px;height:64px;padding:8px}.ozzy-fab{right:14px;bottom:14px}.chat{right:10px;left:10px;width:auto;bottom:90px}.meet{flex-direction:column;text-align:center}.facts th{white-space:normal}.claim{padding:24px}}