:root{--ink:#12263F;--teal:#0F7C86;--mist:#EDF4F5;--gold:#E8B93C;--line:#D3E0E3;--bg:#FAFCFC;--tx:#1d2b3a}
@media(prefers-color-scheme:dark){:root{--ink:#E6EEF5;--teal:#4FC3CC;--mist:#16242F;--line:#2A3D4B;--bg:#0E1820;--tx:#D5E0E8}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--tx)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.2}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0}h2{font-size:1.6rem;margin-top:2em}
a{color:var(--teal)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:#fff}header nav a{color:#12263F}header nav a:hover{color:#0F7C86}
header .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.logo{font:700 1.4rem Georgia,serif;color:var(--ink);text-decoration:none}.logo b{color:var(--teal)}
nav a{margin-right:18px;color:var(--tx);text-decoration:none}nav a:hover{color:var(--teal)}
.hero{padding:56px 0 28px;text-align:center}.hero p.lead{max-width:60ch;font-size:1.15rem;margin:0 auto 22px}.btn{display:inline-block;padding:12px 26px;border-radius:999px;background:var(--teal);color:#fff;text-decoration:none;font-weight:600;margin:4px}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.tool{background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:22px;margin:24px 0}
.tool .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
label{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}
input,select{width:100%;padding:10px;font:inherit;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--tx)}
button{margin-top:14px;padding:11px 26px;border-radius:999px!important;font:600 1rem system-ui;background:var(--teal);color:#fff;border:0;border-radius:6px;cursor:pointer}
.out{margin-top:16px;font-size:1.1rem}.out strong{color:var(--ink);font-size:1.5rem}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:28px 0}
.split>div{border-left:4px solid var(--teal);padding:4px 0 4px 18px}.split>div+div{border-color:var(--gold)}
ul.links{columns:2;padding-left:18px}
.note{font-size:.9rem;opacity:.85;border-top:1px solid var(--line);padding-top:12px}
footer{margin-top:60px;border-top:1px solid var(--line);padding:28px 0;font-size:.92rem}
footer a{margin-right:14px}
.cta{background:var(--mist);border-left:4px solid var(--gold);padding:16px 20px;margin:28px 0}.cta p{margin:0 0 10px}.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:24px 0}.svc>div{border-top:3px solid var(--teal);padding-top:10px}.svc h3{margin:0 0 6px;font-size:1.15rem}.svc ul{padding-left:18px;margin:6px 0}.ad{min-height:90px;margin:24px 0;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.5}
@media(max-width:600px){ul.links{columns:1}}

:root{--glass:rgba(255,255,255,.55);--glass-b:rgba(255,255,255,.75);--shadow:0 8px 32px rgba(18,38,63,.12)}
@media(prefers-color-scheme:dark){:root{--glass:rgba(20,36,50,.55);--glass-b:rgba(255,255,255,.14);--shadow:0 8px 32px rgba(0,0,0,.4)}}
html{background:linear-gradient(135deg,#d9eff1 0%,#eaf1fa 45%,#f7f0df 100%);min-height:100%}
@media(prefers-color-scheme:dark){html{background:linear-gradient(135deg,#071218,#0c1b2a 55%,#14212b)}}
body{background:transparent;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(42vmax 42vmax at 12% 8%,rgba(15,124,134,.38),transparent 62%),radial-gradient(36vmax 36vmax at 88% 18%,rgba(18,38,63,.26),transparent 62%),radial-gradient(32vmax 32vmax at 72% 92%,rgba(232,185,60,.30),transparent 62%)}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.72);border-bottom:1px solid var(--glass-b)}
.hero,.tool,.cta,.svc>div,.split>div,footer,.note-card{background:var(--glass);border:1px solid var(--glass-b);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.5)}
header,.hero,.tool,.cta,.svc>div,.split>div,footer{-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.hero{margin-top:28px;padding:56px 24px 40px;border-radius:26px}
.tool{border-radius:20px;background:var(--glass)}
.cta{border-radius:16px;border-left:4px solid var(--gold)}
.split>div,.svc>div{border-radius:18px;padding:20px 22px}
.split>div{border-left:1px solid var(--glass-b);border-top:3px solid var(--teal)}.split>div+div{border-top-color:var(--gold)}
.svc>div{border-top:3px solid var(--teal)}
footer{margin-top:60px;border-radius:22px 22px 0 0;border-bottom:0}
input,select{background:rgba(255,255,255,.65);border:1px solid var(--glass-b);border-radius:12px;color:#12263F}
@media(prefers-color-scheme:dark){input,select{background:rgba(255,255,255,.1);color:var(--tx)}}
button,.btn{background:linear-gradient(135deg,#13909b,#0F7C86);box-shadow:0 4px 14px rgba(15,124,134,.35);border:1px solid rgba(255,255,255,.35)}
.btn.alt{background:var(--glass);color:var(--ink);box-shadow:none;border:1px solid var(--glass-b)}
article,.wrap>h1,.wrap>p,.wrap>ul,.wrap>ol,.wrap>h2{position:relative}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero,.tool,.cta,.svc>div,.split>div,footer{background:var(--bg)}header{background:#fff}}
@media(prefers-reduced-transparency:reduce){.hero,.tool,.cta,.svc>div,.split>div,footer{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

h2{scroll-margin-top:90px}main.wrap{padding-top:28px}
.hero,.tool,.cta,.svc>div,.split>div,.gloss div,footer{background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);box-shadow:0 12px 40px rgba(18,38,63,.14),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.2)}
@media(prefers-color-scheme:dark){.hero,.tool,.cta,.svc>div,.split>div,.gloss div,footer{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-color:rgba(255,255,255,.2);box-shadow:0 12px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25)}}
body::before{inset:-15%;animation:drift 26s ease-in-out infinite alternate;will-change:transform}
body::after{content:"";position:fixed;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(28vmax 28vmax at 30% 75%,rgba(15,124,134,.3),transparent 62%),radial-gradient(24vmax 24vmax at 80% 55%,rgba(232,185,60,.24),transparent 62%);animation:drift2 34s ease-in-out infinite alternate;will-change:transform}
@keyframes drift{to{transform:translate3d(4%,3%,0) scale(1.08) rotate(2deg)}}
@keyframes drift2{to{transform:translate3d(-5%,-4%,0) scale(1.12)}}
.hero,.tool,.cta,.svc>div,.split>div,.gloss div{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.hero::after,.tool::after,.cta::after,.svc>div::after,.split>div::after,.gloss div::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s ease}
.hero:hover::after,.tool:hover::after,.cta:hover::after,.svc>div:hover::after,.split>div:hover::after,.gloss div:hover::after{transform:translateX(130%)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.tool:hover,.cta:hover,.svc>div:hover,.split>div:hover,.gloss div:hover{transform:translateY(-5px);box-shadow:0 18px 48px rgba(18,38,63,.2),inset 0 1px 0 rgba(255,255,255,.95)}
.btn,button{transition:transform .2s ease,box-shadow .2s ease}
.btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,124,134,.5)}
.btn:active,button:active{transform:none}
.hero h1{background:linear-gradient(100deg,var(--ink),var(--teal),var(--ink));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 8s linear infinite}
@keyframes shine{to{background-position:200% center}}
@supports not (background-clip:text){.hero h1{color:var(--ink)}}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.pills a{padding:8px 18px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-b);text-decoration:none;color:var(--ink);font-weight:600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s,background .2s,color .2s}
.pills a:hover{background:var(--teal);color:#fff;transform:translateY(-2px)}
.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.gloss div{padding:14px 18px;border-radius:14px}.gloss b{color:var(--ink)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

h1,h2,h3,h4,button,input,select,textarea,th,td,.logo{font-family:inherit}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
main p,main li,main td,.gloss div{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
main p.lead{text-align:justify!important;margin-left:0!important}
.hero h1,.hero p,.hero p.lead{text-align:center!important}
.out,.out *,.cmp *,ul.links li,.pills,label,th,footer *{text-align:left}
.tool .row+.row{margin-top:12px}.svc p,.svc li,.split p,.split li,.gloss div,.cta p{text-align:left!important;hyphens:manual}
.cmp{width:100%;border-collapse:collapse;margin-top:6px}.cmp th,.cmp td{padding:8px 10px;border-bottom:1px solid var(--glass-b);font-size:.95rem}.cmp .best{background:rgba(232,185,60,.22);font-weight:700}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#13909b,#0F7C86);color:#fff;font-weight:700;font-size:.85rem;margin-bottom:8px;box-shadow:0 4px 12px rgba(15,124,134,.35)}
.illu{display:block;max-width:100%;height:auto;margin:18px auto 22px}

:root{--violet:#7C5CFF;--coral:#E5484D;--emerald:#10B981;--sky:#38BDF8;--blue:#2563EB;--amber:#F5B83D}
html{background:linear-gradient(135deg,#d3f1f5 0%,#e4e6ff 38%,#ffe6ea 68%,#fff2d3 100%)}
body::before{background:radial-gradient(42vmax 42vmax at 10% 8%,rgba(56,189,248,.45),transparent 62%),radial-gradient(38vmax 38vmax at 90% 14%,rgba(124,92,255,.38),transparent 62%),radial-gradient(34vmax 34vmax at 75% 92%,rgba(255,107,107,.32),transparent 62%)}
body::after{background:radial-gradient(30vmax 30vmax at 28% 78%,rgba(16,185,129,.34),transparent 62%),radial-gradient(26vmax 26vmax at 82% 55%,rgba(245,184,61,.32),transparent 62%)}
@media(prefers-color-scheme:dark){html{background:linear-gradient(135deg,#071218,#12112b 55%,#1d1220)}}
h2::after{content:"";display:block;width:60px;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,var(--teal),var(--violet),var(--coral))}
.hero h1{background-image:linear-gradient(100deg,#0F7C86,#2563EB,#7C5CFF,#E5484D,#0F7C86);background-size:220% auto}
@media(prefers-color-scheme:dark){.hero h1{background-image:linear-gradient(100deg,#5BD6E0,#7BA7FF,#B7A3FF,#FF9AA0,#5BD6E0)}}
.svc>div,.split>div{border-top:4px solid var(--c,#0F7C86);box-shadow:0 12px 36px rgba(18,38,63,.12),0 14px 34px color-mix(in srgb,var(--c,#0F7C86) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.95)}
.svc>div:nth-child(6n+1){--c:#0F7C86}.svc>div:nth-child(6n+2){--c:#7C5CFF}.svc>div:nth-child(6n+3){--c:#E5484D}.svc>div:nth-child(6n+4){--c:#10B981}.svc>div:nth-child(6n+5){--c:#2563EB}.svc>div:nth-child(6n+6){--c:#F5B83D}
.split>div{--c:#0F7C86}.split>div+div{--c:#E5484D;border-top-color:#E5484D}
.svc>div h3{color:var(--ink)}
.num{background:linear-gradient(135deg,var(--c,#0F7C86),color-mix(in srgb,var(--c,#0F7C86) 55%,#fff));box-shadow:0 6px 16px color-mix(in srgb,var(--c,#0F7C86) 45%,transparent)}
.pills a{border-width:1.5px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.35))}
.pills a:nth-child(5n+1){border-color:#0F7C86}.pills a:nth-child(5n+2){border-color:#7C5CFF}.pills a:nth-child(5n+3){border-color:#E5484D}.pills a:nth-child(5n+4){border-color:#10B981}.pills a:nth-child(5n+5){border-color:#2563EB}
.pills a:nth-child(5n+1):hover{background:#0F7C86}.pills a:nth-child(5n+2):hover{background:#7C5CFF}.pills a:nth-child(5n+3):hover{background:#E5484D}.pills a:nth-child(5n+4):hover{background:#0B8A62}.pills a:nth-child(5n+5):hover{background:#2563EB}
button,.btn{background:linear-gradient(135deg,#0F7C86,#2563EB 60%,#7C5CFF)}
.btn.alt{background:var(--glass);border:1.5px solid #7C5CFF;color:var(--ink)}
.cta{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(124,92,255,.16) 55%,rgba(255,107,107,.16));border-left:5px solid var(--amber)}
.tool{border-top:4px solid transparent;border-image:none;background-clip:padding-box}
.tool:nth-of-type(odd){box-shadow:0 12px 40px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.illu{padding:7px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(124,92,255,.35) 45%,rgba(255,107,107,.35));box-shadow:0 22px 60px rgba(124,92,255,.3),0 0 0 1px rgba(255,255,255,.85),0 0 46px rgba(56,189,248,.35);animation:floaty 7s ease-in-out infinite;transition:transform .4s ease,box-shadow .4s ease}
.illu:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 30px 70px rgba(124,92,255,.4),0 0 0 1px #fff,0 0 60px rgba(255,107,107,.4)}
@keyframes floaty{50%{transform:translateY(-9px)}}
.gloss div:nth-child(4n+1){border-left:4px solid #0F7C86}.gloss div:nth-child(4n+2){border-left:4px solid #7C5CFF}.gloss div:nth-child(4n+3){border-left:4px solid #E5484D}.gloss div:nth-child(4n+4){border-left:4px solid #10B981}
a{color:#1D5FD0}
@media(prefers-color-scheme:dark){a{color:#8FB4FF}}

:root{--ink:#EAF8FF;--teal:#5EEAD4;--mist:#0B2A3A;--gold:#FFD27A;--line:rgba(255,255,255,.18);--bg:#041824;--tx:#D3EAF4;--glass:rgba(255,255,255,.1);--glass-b:rgba(255,255,255,.26);--shadow:0 12px 40px rgba(0,0,0,.45)}
html{background:linear-gradient(180deg,#0e86a8 0%,#0a5f84 16%,#07405f 42%,#052b45 70%,#031624 100%) fixed}
body{color:var(--tx)}
body::before{inset:-10% -10% 0 -10%;background:repeating-linear-gradient(105deg,rgba(255,255,255,.1) 0 34px,rgba(255,255,255,0) 34px 130px),radial-gradient(60vmax 40vmax at 50% -10%,rgba(160,240,255,.4),transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%);animation:rays 14s ease-in-out infinite alternate}
@keyframes rays{from{transform:translateX(-3%) skewX(-4deg)}to{transform:translateX(3%) skewX(4deg)}}
body::after{background:radial-gradient(34vmax 34vmax at 20% 85%,rgba(45,212,191,.24),transparent 62%),radial-gradient(30vmax 30vmax at 85% 70%,rgba(99,102,241,.28),transparent 62%)}
header{background:rgba(3,22,36,.55);border-bottom:1px solid rgba(255,255,255,.2)}header nav a{color:#E6F6FF}header nav a:hover{color:#5EEAD4}
.hero,.tool,.cta,.svc>div,.split>div,.gloss div,footer,.bubble{background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.28);box-shadow:0 14px 44px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.svc>div,.split>div{border-top:4px solid var(--c,#5EEAD4);box-shadow:0 14px 44px rgba(0,0,0,.4),0 0 30px color-mix(in srgb,var(--c,#5EEAD4) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.svc>div:nth-child(6n+1){--c:#2DD4BF}.svc>div:nth-child(6n+2){--c:#A78BFA}.svc>div:nth-child(6n+3){--c:#FB7185}.svc>div:nth-child(6n+4){--c:#34D399}.svc>div:nth-child(6n+5){--c:#60A5FA}.svc>div:nth-child(6n+6){--c:#FBBF24}.split>div{--c:#2DD4BF}.split>div+div{--c:#FB7185;border-top-color:#FB7185}
.tool:nth-of-type(odd){box-shadow:0 14px 44px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.35)}
input,select{background:rgba(255,255,255,.93);color:#0B2230;border:1px solid rgba(255,255,255,.5)}input::placeholder{color:#5b7083}
.btn.alt{color:var(--ink);border-color:#A78BFA}.pills a{color:var(--ink);background:rgba(255,255,255,.1)}
.cta{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(124,92,255,.24) 60%,rgba(251,113,133,.2));border-left:5px solid #FFD27A}
.hero h1{background-image:linear-gradient(100deg,#7DF9E8,#FFFFFF,#FFB3C6,#FFE08A,#7DF9E8)}
a{color:#7DD3FC}a:hover{color:#BAE6FD}.note{color:#BFD9E6}.out strong,.gloss b{color:#fff}.cmp .best{background:rgba(255,210,122,.2)}.ad{border-color:rgba(255,255,255,.28);color:#cfe}
.illu{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(94,234,212,.22),rgba(167,139,250,.28));box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.35),0 0 50px rgba(94,234,212,.35)}
.remi{display:flex;align-items:center;gap:20px;margin:22px 0}.remi img{width:170px;height:auto;flex:none;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));animation:floaty 7s ease-in-out infinite}
main p,main li{text-shadow:0 1px 3px rgba(0,0,0,.4)}.hero p.lead{margin-left:auto!important;margin-right:auto!important;max-width:62ch}.bubble{position:relative;padding:16px 22px;border-radius:22px;font-size:1.05rem;text-align:left}.bubble::before{content:"";position:absolute;left:-11px;top:50%;margin-top:-10px;border:10px solid transparent;border-right-color:rgba(255,255,255,.28);border-left:0}
@media(max-width:620px){.remi{flex-direction:column;text-align:center}.bubble::before{display:none}}
.sea{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.cr{position:absolute;left:0;top:var(--t);width:var(--s);opacity:.34}.cr .in{animation:bob 4s ease-in-out infinite alternate}.cr svg{display:block;width:100%}.cr.ltr svg{transform:scaleX(-1)}
.cr.f{animation:swimR var(--d) linear var(--dl) infinite}.cr.f.ltr{animation-name:swimL}
@keyframes swimR{from{transform:translateX(112vw)}to{transform:translateX(-30vw)}}@keyframes swimL{from{transform:translateX(-30vw)}to{transform:translateX(112vw)}}@keyframes bob{to{transform:translateY(14px)}}
.cr.j{left:var(--l);opacity:.42;animation:rise var(--d) ease-in-out infinite alternate}.cr.j .in{animation:pulse 3s ease-in-out infinite}
@keyframes rise{from{transform:translate(0,14vh)}to{transform:translate(5vw,-14vh)}}@keyframes pulse{50%{transform:scale(1.08,.92)}}
.bb{position:absolute;bottom:-30px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),rgba(255,255,255,.06));animation:bub linear infinite}
@keyframes bub{from{transform:translateY(0);opacity:0}10%{opacity:.8}to{transform:translateY(-112vh) translateX(24px);opacity:0}}
.weed{position:absolute;left:0;bottom:0;width:100%;height:130px;opacity:.6}.w{transform-box:fill-box;transform-origin:50% 100%;animation:sway 5s ease-in-out infinite alternate}@keyframes sway{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.sea{display:none}}

:root{--dp:0;--tx:#E8F5FB;--ink:#FFFFFF}
html{background:linear-gradient(180deg,#0a4f70 0%,#06324d 14%,#041f35 34%,#02111f 60%,#010913 85%,#000508 100%) fixed}
body{color:#E8F5FB}
body::before{opacity:calc(1 - var(--dp)*.88)}
.depthfx{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120vmax 80vmax at 50% 125%,rgba(0,0,0,.7),transparent 70%),#00060e;opacity:calc(var(--dp)*.66)}
header{background:rgba(2,14,24,.72)}
main.wrap{width:calc(100% - 24px);margin:22px auto 30px;padding:30px 36px 44px;background:linear-gradient(180deg,rgba(2,18,32,.68),rgba(2,12,22,.78));border:1px solid rgba(255,255,255,.16);border-radius:30px;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 30px 80px rgba(0,0,0,.5)}
@media(max-width:700px){main.wrap{padding:20px 16px 30px;border-radius:20px}}
footer{background:rgba(2,14,26,.72)}
h1,h2,h3{color:#fff}a{color:#8BD8FF;text-underline-offset:3px}.note{color:#C7DFEA}
.hero .tagline{font-weight:700;color:#FFE08A;margin:-4px auto 18px}
.depth{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-weight:700;font-size:.8rem;margin-bottom:8px;color:#fff}
.snow{position:absolute;top:-10px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.55);animation:snow linear infinite}@keyframes snow{to{transform:translateY(112vh) translateX(30px)}}
.pl{position:absolute;border-radius:50%;background:#7DF9E8;box-shadow:0 0 14px 5px rgba(125,249,232,.7);opacity:calc(var(--dp)*.9);animation:pl 12s ease-in-out infinite alternate}@keyframes pl{to{transform:translate(34px,-46px)}}
.whale{position:absolute;left:0;top:28%;width:min(560px,70vw);opacity:calc(.14 + var(--dp)*.12);animation:whale 160s linear infinite}.whale svg,.angler svg{display:block;width:100%}@keyframes whale{from{transform:translateX(-60vw)}to{transform:translateX(125vw)}}
.angler{position:absolute;left:0;top:64%;width:150px;opacity:calc(var(--dp)*.95);animation:swimR 75s linear -12s infinite}
.meter{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:30;padding:10px 14px;border-radius:16px;background:rgba(2,18,32,.62);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;color:#cdeaf5;text-align:center;line-height:1.35;pointer-events:none}.meter b{display:block;font-size:1.05rem;color:#fff}
@media(max-width:1200px){.meter{display:none}}

[hidden]{display:none!important}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.chip{margin:0;padding:8px 18px;border-radius:999px!important;background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}
.chip.on{background:linear-gradient(135deg,#0F7C86,#2563EB 60%,#7C5CFF);border-color:transparent}

.socials{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.soc{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,background .2s,box-shadow .2s}
.soc:hover{transform:translateY(-3px) scale(1.07);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.soc-whatsapp:hover{background:#25D366}.soc-facebook:hover{background:#1877F2}.soc-instagram:hover{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}.soc-linkedin:hover{background:#0A66C2}.soc-x:hover,.soc-tiktok:hover{background:#111}.soc-youtube:hover{background:#F00}.soc-telegram:hover{background:#229ED9}.soc-email:hover{background:#0F7C86}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:waPulse 2.6s infinite}.wa-float svg{width:32px;height:32px}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6),0 8px 24px rgba(0,0,0,.45)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0),0 8px 24px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 8px 24px rgba(0,0,0,.45)}}