:root{color-scheme:dark;--bg:#090d14;--panel:#111925;--ink:#f3f2ec;--muted:#a2acb9;--accent:#70e4df;--gold:#c5e178}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1260px,calc(100% - 72px));margin:auto}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:20px;top:20px;background:#fff;color:#000;padding:12px;z-index:100}.site-header{height:82px;display:flex;align-items:center;gap:48px;padding:0 max(36px,calc((100vw - 1260px)/2));border-bottom:1px solid #ffffff17;background:#090d14e8;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{height:39px;width:45px;display:grid;place-items:center;background:var(--accent);color:#0a1119;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px;transform:skew(-8deg)}.brand-mark span{font-size:16px;align-self:end;margin-bottom:4px}.brand-name{font:800 25px/.8 'Barlow Condensed',sans-serif;letter-spacing:2px}.brand-name small{display:block;margin-top:7px;font:600 8px/1 'DM Sans',sans-serif;letter-spacing:2.4px;color:#96a5b4;text-transform:uppercase}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a{font-size:13px;color:#b8c2cc}.site-header nav a:hover,.footer a:hover{color:var(--accent)}.nav-shop{border:1px solid #6adbd6;padding:12px 17px;color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.nav-shop span{margin-left:12px}.nav-shop:hover{background:var(--accent);color:#081018}.menu-button{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 67% 49%,#183b47 0,#111d29 28%,#090d14 65%)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#7cb8c420 1px,transparent 1px),linear-gradient(90deg,#7cb8c420 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-glow{position:absolute;width:550px;height:550px;right:6%;top:15%;border:1px solid #54d7d033;border-radius:50%;box-shadow:0 0 0 95px #54d7d009,0 0 0 190px #54d7d006}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative;padding:75px 0 98px}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:2.7px;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:11px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #70e4df1c}.hero h1,.section h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-1.8px}.hero h1{font-size:clamp(65px,7.2vw,117px);font-weight:800;line-height:.9;margin:29px 0 24px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:540px;color:#b6c0cb;font-size:16px;line-height:1.75}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 20px;font-size:12px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:#081018}.button.secondary{border:1px solid #64747d;color:#e3ebea}.button.secondary:hover{background:#ffffff12}.hero-note{display:flex;align-items:center;gap:13px;color:#8095a1;font-size:10px;font-weight:700;letter-spacing:1.4px;margin-top:54px}.hero-note .line{height:1px;width:27px;background:var(--accent)}.hero-art{position:relative;transform:rotate(2deg);max-width:550px}.art-frame{aspect-ratio:1/.98;border:1px solid #71e4df73;background:#0d1823;box-shadow:0 25px 85px #0008,0 0 55px #4edbd221;overflow:hidden}.frame-top{height:42px;border-bottom:1px solid #ffffff2a;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#7ca9ae;font-size:9px;font-weight:700;letter-spacing:1.5px}.frame-dots{display:flex;gap:5px}.frame-dots i{display:block;height:5px;width:5px;border:1px solid #70e4df;border-radius:50%}.art-content{position:relative;height:calc(100% - 42px);padding:42px 38px;background:radial-gradient(circle at 74% 70%,#2b6370 0,transparent 31%),repeating-linear-gradient(0deg,transparent,transparent 29px,#70e4df0c 30px),linear-gradient(135deg,#122b36,#0b151e)}.art-kicker{font-size:9px;letter-spacing:2px;color:#9accce}.art-heading{font:800 clamp(42px,5vw,77px)/.9 'Barlow Condensed',sans-serif;margin-top:28px}.art-heading span{color:var(--accent)}.art-bars{position:absolute;left:38px;bottom:80px;display:flex;align-items:end;gap:7px;height:48px}.art-bars b{width:10px;background:#70e4df}.art-bars b:nth-child(1){height:17px}.art-bars b:nth-child(2){height:43px}.art-bars b:nth-child(3){height:29px}.art-bars b:nth-child(4){height:38px}.art-circle{position:absolute;right:21px;bottom:57px;display:grid;place-items:center;width:170px;height:170px;border:2px solid #80ebe1;border-radius:50%;color:#80ebe1;font:800 75px 'Barlow Condensed',sans-serif;box-shadow:0 0 35px #70e4df44,inset 0 0 30px #70e4df1a;transform:rotate(-13deg)}.art-circle span{font-size:44px;align-self:end;margin-bottom:22px}.art-footer{position:absolute;bottom:18px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:9px;color:#9abfc1;letter-spacing:1.3px}.floating-label{position:absolute;right:-30px;bottom:-22px;background:#e7edd7;color:#142024;padding:15px 20px;font-size:10px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:10px;transform:rotate(-2deg);box-shadow:0 15px 35px #0006}.diamond{color:#26545e}.floating-line{width:22px;height:1px;background:#526c6b}.ticker{background:var(--accent);color:#0b1a1d;white-space:nowrap;overflow:hidden;padding:13px 0;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:3px}.ticker div{width:max-content;animation:marquee 30s linear infinite}.ticker span{padding:0 60px}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding-top:100px;padding-bottom:100px}.intro{position:relative}.section-heading{display:flex;justify-content:space-between;gap:50px}.section h2{font-size:clamp(51px,5vw,76px);line-height:.97;margin:15px 0 0}.section h2 span{color:var(--accent)}.section-lead{max-width:580px;line-height:1.75;color:var(--muted);font-size:15px;margin:28px 0 34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#111a26;border:1px solid #283543;min-height:480px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:#6ddbd58c}.card-top{display:flex;justify-content:space-between;padding:22px;color:#a8bbc2;font-size:10px;font-weight:700;letter-spacing:1.5px}.card-arrow{font-size:19px;color:var(--accent)}.phone-visual,.pet-visual,.fish-visual{height:260px;display:grid;place-items:center;position:relative;overflow:hidden}.phone-visual{background:radial-gradient(circle,#265265,#121b29 63%)}.phone-shell{width:130px;height:234px;border:5px solid #455360;border-radius:23px;background:linear-gradient(145deg,#132e4f,#030814);box-shadow:13px 20px 35px #000a,-3px -3px 0 #8aa0a1;transform:rotate(-12deg);position:relative;padding:14px}.phone-notch{position:absolute;top:5px;left:35px;width:52px;height:10px;border-radius:0 0 9px 9px;background:#03060a}.phone-time{font-size:9px;color:#fff}.phone-orb{width:70px;height:70px;border-radius:50%;margin:42px auto 21px;background:radial-gradient(circle at 30% 20%,#7df4ed,#184f75 60%,#08111b);box-shadow:0 0 30px #6be8e180}.phone-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phone-apps i{height:18px;border-radius:5px;background:#4c7e8b99}.card-copy{padding:22px 25px 28px;margin-top:auto}.card-copy h3{font:800 35px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.card-copy p{color:#a7b5c0;font-size:13px;line-height:1.6;min-height:43px}.card-copy a,.text-link{display:inline-flex;gap:25px;align-items:center;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:12px}.pet-visual{background:radial-gradient(circle at 50% 70%,#697748,#243239 49%,#111a26)}.pet-halo{position:absolute;border:1px solid #c8e19870;border-radius:50%;width:235px;height:235px}.pet-shape{position:relative;width:145px;height:155px;border-radius:46% 46% 42% 42%;background:linear-gradient(130deg,#cfd99d,#859f67);box-shadow:15px 15px 0 #0d2021,0 30px 40px #0006}.pet-ear{position:absolute;top:-19px;width:62px;height:86px;border-radius:16px 70px 10px 10px;background:#c5d49b}.pet-ear.left{left:-14px;transform:rotate(-24deg)}.pet-ear.right{right:-14px;transform:rotate(24deg)}.pet-eye{position:absolute;top:74px;width:12px;height:13px;background:#172924;border-radius:50%}.pet-eye.left{left:39px}.pet-eye.right{right:39px}.pet-nose{position:absolute;top:100px;left:64px;width:17px;height:13px;border-radius:50%;background:#24372d}.pet-plate{position:absolute;bottom:14px;color:#c4dc9f;font-size:9px;letter-spacing:2px}.fish-visual{background:linear-gradient(#142c39,#0b1724)}.water{position:absolute;left:-8%;width:120%;height:40px;border:2px solid #6ddbd544;border-radius:50%;transform:rotate(-7deg)}.w1{top:45px}.w2{top:95px}.w3{top:146px}.fish-icon{font-size:140px;color:#7fe7de;text-shadow:0 0 50px #57d9d6;transform:rotate(25deg) scaleX(1.45)}.ripple{position:absolute;width:240px;height:45px;border:2px solid #80e7df66;border-radius:50%;bottom:25px}.visual-note{color:#6e7c89;font-size:11px;margin:20px 0 0}.manifesto{background:#111b26;border-top:1px solid #263540;border-bottom:1px solid #263540}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.manifesto-grid>div:last-child{padding-top:30px}.manifesto-grid p:not(.kicker){color:#aab7c2;font-size:16px;line-height:1.8}.manifesto-bottom{border-top:1px solid #ffffff1d;margin-top:75px;padding-top:25px;display:flex;justify-content:space-between;color:#78919a;font-size:10px;letter-spacing:2px;font-weight:700}.cta{padding-top:95px;padding-bottom:95px}.cta-box{position:relative;overflow:hidden;min-height:430px;padding:72px;background:linear-gradient(110deg,#287c80,#14444e 65%,#122631);border:1px solid #60dcd276}.cta .kicker{color:#d9f5cb}.cta h2{font-size:clamp(60px,6vw,88px);margin-top:20px}.cta h2 span{color:#cbefad}.cta-box>p:not(.kicker){color:#c6e1df;max-width:530px;line-height:1.7}.cta-orbit{position:absolute;width:550px;height:550px;border:1px solid #bbf1c255;border-radius:50%;right:-100px;top:-70px;box-shadow:0 0 0 72px #c6f9b30b,0 0 0 144px #c6f9b308;pointer-events:none}.button.light{background:#e6f1d8;color:#10272b}.button.outline{border:1px solid #d5f2e3;color:#e6f7ee}.footer{padding-top:35px;padding-bottom:35px;border-top:1px solid #ffffff1d;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#84919e;font-size:11px}.footer>div{display:flex;gap:25px}.footer-brand{transform:scale(.8);transform-origin:left center}@media(max-width:1000px){.site-header{gap:22px}.site-header nav{gap:18px}.hero-inner{gap:25px}.hero h1{font-size:clamp(63px,7.3vw,93px)}}@media(max-width:760px){.wrap{width:min(100% - 36px,540px)}.site-header{padding:0 18px;height:72px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0d1721;padding:18px;flex-direction:column;border-bottom:1px solid #ffffff30}.site-header nav.open{display:flex}.nav-shop{margin-left:auto;padding:10px;font-size:10px}.menu-button{display:block;background:none;border:0;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:1px}.hero-inner{display:block;min-height:auto;padding-top:65px;padding-bottom:65px}.hero h1{font-size:clamp(64px,12vw,91px)}.hero-copy>p{font-size:14px}.hero-art{margin:60px auto 0;max-width:470px}.floating-label{right:0}.section{padding-top:70px;padding-bottom:70px}.section-heading{display:block}.cards{grid-template-columns:1fr}.card{min-height:430px}.manifesto-grid{grid-template-columns:1fr;gap:25px}.manifesto-grid>div:last-child{padding-top:0}.manifesto-bottom{gap:20px;flex-wrap:wrap;margin-top:45px}.cta-box{padding:48px 25px;min-height:430px}.cta-orbit{right:-320px}.footer{flex-wrap:wrap}.footer>span{order:3;width:100%}}@media(max-width:420px){.brand-name{font-size:20px}.brand-name small{font-size:6px}.brand-mark{width:39px;height:35px}.nav-shop{display:none}.menu-button{margin-left:auto}.hero h1{font-size:61px}.art-heading{font-size:45px}.art-circle{width:125px;height:125px;font-size:54px}.art-circle span{font-size:30px}.art-footer{font-size:7px}}