:root{--ink:#e9ffff;--muted:#9bc2c5;--line:rgba(161,231,226,.16);--teal:#45e5d0;--cyan:#71d9ff;--night:#021216;--deep:#02080d;--surface:#0b5261;--card:#08262b;--sand:#f2d49b;--max:1180px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(#0b4653 0,#05262d 20%,#03171b 44%,#02090e 100%);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:10px 16px;background:#fff;color:#000;border-radius:8px}.skip-link:focus{top:16px}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(rgba(1,22,27,.76),rgba(1,22,27,.2));backdrop-filter:blur(18px);transition:.25s}.site-header.is-scrolled{height:68px;background:rgba(2,17,21,.94)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:32px;height:32px;border:1px solid var(--teal);border-radius:50%;position:relative;box-shadow:0 0 28px rgba(69,229,208,.25)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(69,229,208,.55)}.brand-mark:before{inset:6px}.brand-mark:after{inset:12px;background:var(--teal)}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand small{color:#83b6b7;font-size:9px;letter-spacing:.22em}.site-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#b8d0d1}.site-nav a{position:relative;padding:9px 0}.site-nav a:after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:3px;background:var(--teal);transition:.25s}.site-nav a:hover:after,.site-nav a.is-current:after{right:0}.site-nav .nav-external{padding:9px 15px;border:1px solid var(--line);border-radius:999px}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px}.hero{height:min(900px,100vh);min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden;background:#052d36}.hero-water{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,49,57,.04) 0,rgba(2,29,35,.28) 52%,rgba(1,15,19,.9) 100%),url('/assets/underwater-hero.webp') center/cover no-repeat;transform:scale(1.03)}.sun-rays{position:absolute;left:-5%;top:-10%;width:55%;height:70%;background:conic-gradient(from 200deg at 20% 0%,transparent 0deg,rgba(255,239,180,.22) 8deg,transparent 17deg,rgba(181,247,244,.12) 25deg,transparent 38deg);filter:blur(8px);mix-blend-mode:screen;transform:rotate(-8deg);animation:rays 9s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#03171b)}.hero-copy{position:relative;z-index:3;width:min(var(--max),calc(100% - 48px));padding-top:40px}.eyebrow{margin:0 0 18px;color:#7ee4df;font-size:11px;font-weight:700;letter-spacing:.22em}.hero h1{max-width:820px;margin:0;font-size:clamp(50px,7vw,96px);line-height:1.03;letter-spacing:-.055em;font-weight:720;text-shadow:0 3px 25px rgba(0,18,26,.35)}h1 em,h2 em{font-style:normal;color:var(--teal)}.hero-lead{max-width:600px;margin:28px 0 0;color:#c3dedf;font-size:17px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;transition:.25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);border-color:var(--teal);color:#042124;box-shadow:0 12px 35px rgba(69,229,208,.18)}.button-ghost{background:rgba(2,21,25,.4);backdrop-filter:blur(10px)}.signal-cluster{position:absolute;z-index:4;inset:0;pointer-events:none}.signal{position:absolute;display:grid;place-items:center;border:1px solid rgba(197,255,250,.25);background:rgba(2,30,36,.46);box-shadow:inset 0 0 30px rgba(96,231,225,.12),0 12px 60px rgba(0,0,0,.18);backdrop-filter:blur(9px);border-radius:48% 52% 55% 45%;color:#d8ffff;font-size:11px;animation:float 5s ease-in-out infinite}.signal:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(126,228,223,.13);border-radius:52% 48% 45% 55%}.signal-gpt{right:21%;top:28%;width:90px;height:90px}.signal-claude{right:9%;top:49%;width:76px;height:76px;animation-delay:-2s}.signal-gemini{left:7%;top:31%;width:70px;height:70px;animation-delay:-3.4s}.signal-claw{right:27%;bottom:15%;width:86px;height:86px;animation-delay:-1s}.depth-meter{position:absolute;z-index:5;right:26px;top:32%;bottom:22%;display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(225,255,252,.6);font-size:9px;letter-spacing:.12em}.depth-meter i{height:100%;width:1px;background:linear-gradient(var(--teal),rgba(69,229,208,.05));position:relative}.depth-meter i:before{content:"";position:absolute;left:-3px;top:35%;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 16px var(--teal)}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#91b6b7;font-size:9px;letter-spacing:.22em}.scroll-cue i{display:block;width:1px;height:30px;background:linear-gradient(var(--teal),transparent)}.section{position:relative;padding:120px max(24px,calc((100vw - var(--max))/2))}.section-shelf{background:#03171b}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.section-heading h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-.045em}.section-heading p{margin:0;color:#9fc2c4}.text-link{color:#7fe4de;font-size:13px;font-weight:700}.feature-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.feature-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,49,55,.84),rgba(3,25,29,.92));border-radius:var(--radius);overflow:hidden;transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(112,226,218,.38);box-shadow:0 22px 60px rgba(0,0,0,.25)}.card-hit{position:absolute;z-index:3;inset:0}.feature-main{grid-row:span 2;display:grid;grid-template-rows:285px 1fr}.feature-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 65% 55%,rgba(69,229,208,.17),transparent 20%),linear-gradient(140deg,#0a3e47,#03171b)}.feature-visual:before{content:"";position:absolute;inset:-50%;background:repeating-radial-gradient(circle at center,transparent 0 54px,rgba(112,226,218,.1) 55px 56px);transform:perspective(400px) rotateX(62deg) translateY(10%)}.radar-ring{position:absolute;width:160px;height:160px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(85,239,223,.36);border-radius:50%;box-shadow:0 0 70px rgba(69,229,208,.12)}.radar-ring:after{content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(113,217,255,.25)}.radar-dot{position:absolute;left:64%;top:34%;width:8px;height:8px;background:#69f4de;border-radius:50%;box-shadow:0 0 0 7px rgba(105,244,222,.12),0 0 22px #69f4de}.feature-content,.compact-card{padding:30px}.card-meta{display:flex;align-items:center;gap:12px;color:#83a9aa;font-size:10px;letter-spacing:.1em}.tag{color:#8fe9df;border:1px solid rgba(69,229,208,.24);border-radius:999px;padding:4px 8px}.tag-project{color:#f6d89b;border-color:rgba(246,216,155,.3)}.tag-failure{color:#ffb197;border-color:rgba(255,177,151,.3)}.feature-card h3{margin:17px 0 11px;font-size:clamp(21px,2.3vw,31px);line-height:1.35;letter-spacing:-.035em}.compact-card h3{font-size:22px}.feature-card p{margin:0;color:#9dbbbc;font-size:14px}.read-more{display:inline-flex;margin-top:24px;color:#d9ffff;font-size:12px;font-weight:700}.read-more b{margin-left:7px;color:var(--teal)}.section-current{background:linear-gradient(180deg,#03171b,#020d12);border-top:1px solid rgba(255,255,255,.04)}.depth-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.depth-card{position:relative;padding:35px 24px 42px;border-right:1px solid var(--line);min-height:300px;transition:.3s}.depth-card:last-child{border:0}.depth-card:hover{background:rgba(69,229,208,.045);transform:translateY(-5px)}.depth-card>span{float:right;color:rgba(132,207,203,.35);font-family:Georgia,serif;font-size:34px}.depth-card small{display:block;color:#5ba7a6;font-size:9px;letter-spacing:.2em}.depth-card h3{margin:82px 0 12px;font-size:21px}.depth-card p{color:#88a8aa;font-size:13px}.section-proof{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;min-height:720px;background:radial-gradient(circle at 76% 50%,rgba(36,155,151,.15),transparent 30%),#020b10;border-top:1px solid var(--line)}.proof-copy h2,.profile-copy h2{margin:0;font-size:clamp(36px,4.4vw,62px);line-height:1.15;letter-spacing:-.05em}.proof-copy>p:not(.eyebrow),.profile-copy>p:not(.eyebrow){max-width:620px;color:#9ebcbd}.proof-metrics{display:flex;gap:40px;margin-top:30px}.proof-metrics div{display:flex;flex-direction:column}.proof-metrics strong{font-family:Georgia,serif;font-size:37px;color:var(--teal);font-weight:400}.proof-metrics span{color:#7f9fa0;font-size:11px}.proof-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center}.core{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#4ce8d6,#08505a 64%,#03191e);font:700 25px Georgia,serif;color:#eaffff;box-shadow:0 0 70px rgba(69,229,208,.24)}.orbit{position:absolute;border:1px solid rgba(112,226,218,.18);border-radius:50%;animation:spin 18s linear infinite}.orbit i{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0b3036;border:1px solid rgba(112,226,218,.25);color:#a8d4d3;font-style:normal;font-size:10px}.orbit-1{inset:26%}.orbit-2{inset:15%;animation-duration:26s;animation-direction:reverse}.orbit-3{inset:4%;animation-duration:34s}.orbit-1 i{top:-24px;left:50%}.orbit-2 i{right:-24px;top:50%}.orbit-3 i{bottom:-24px;left:30%}.section-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:linear-gradient(#020b10,#02070b);border-top:1px solid var(--line)}.profile-index{font:italic 700 clamp(70px,10vw,150px)/.82 Georgia,serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(104,218,210,.22)}.profile-copy .text-link{display:inline-block;margin-top:18px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:40px;padding:55px max(24px,calc((100vw - var(--max))/2));background:#010609;border-top:1px solid var(--line);color:#7d9a9b}.site-footer strong{color:#ddfafa}.site-footer p{margin:7px 0;font-size:12px}.footer-links{display:flex;gap:22px;font-size:12px}.copyright{grid-column:1/-1;padding-top:30px;border-top:1px solid rgba(255,255,255,.06)}

.page-hero{padding:170px max(24px,calc((100vw - var(--max))/2)) 82px;background:radial-gradient(circle at 78% 15%,rgba(63,217,204,.13),transparent 25%),linear-gradient(#07343e,#03171b);border-bottom:1px solid var(--line)}.page-hero h1{margin:0;font-size:clamp(48px,7vw,88px);letter-spacing:-.06em;line-height:1}.page-hero>p:last-child{max-width:660px;margin:24px 0 0;color:#a8c8c9}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.filter-chip{border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:#a7c4c5;font-size:12px}.filter-chip.is-active,.filter-chip:hover{background:var(--teal);color:#032024;border-color:var(--teal)}.archive-list{display:grid;gap:0;border-top:1px solid var(--line)}.archive-item{position:relative;display:grid;grid-template-columns:145px 1fr 120px;gap:30px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.archive-item:hover h2{color:var(--teal)}.archive-item .card-hit{inset:0}.archive-type{font-size:10px;letter-spacing:.16em;color:#76c9c4}.archive-item h2{margin:0;font-size:24px;line-height:1.3;transition:.2s}.archive-item p{margin:8px 0 0;color:#8baaaa;font-size:13px}.archive-date{text-align:right;color:#6e8b8d;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{position:relative;min-height:420px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#0a3036,#04191e);overflow:hidden;display:flex;flex-direction:column}.project-card:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-90px;border:1px solid rgba(90,225,215,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(90,225,215,.025),0 0 0 75px rgba(90,225,215,.018)}.project-card h2{margin:auto 0 12px;font-size:30px;line-height:1.25}.project-card p{color:#92b0b1}.project-result{display:flex;gap:28px;margin-top:22px}.project-result strong{display:block;color:var(--teal);font:400 27px Georgia,serif}.project-result span{font-size:10px;color:#7e9a9b}.article-shell{background:linear-gradient(#07343e 0,#03171b 360px,#020b10 100%);min-height:100vh}.article-header{max-width:900px;margin:auto;padding:170px 24px 55px}.article-header h1{margin:12px 0 20px;font-size:clamp(40px,6vw,68px);line-height:1.13;letter-spacing:-.05em}.article-deck{max-width:720px;color:#afd0d0;font-size:18px}.article-meta{display:flex;gap:15px;color:#739697;font-size:11px}.article-body{max-width:820px;margin:auto;padding:70px 24px 130px;color:#c1d6d6}.article-body h2{margin:64px 0 18px;color:#f1ffff;font-size:30px;letter-spacing:-.035em}.article-body h3{margin:38px 0 12px;color:#e8ffff}.article-body p,.article-body li{font-size:16px;line-height:1.95}.article-body ul{padding-left:20px}.article-body blockquote{margin:40px 0;padding:28px;border-left:2px solid var(--teal);background:rgba(64,202,192,.06);color:#e0ffff;font-size:19px}.fact-box{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:40px 0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.fact-box div{padding:22px;background:#062126}.fact-box strong{display:block;color:var(--teal);font:400 30px Georgia,serif}.fact-box span{font-size:11px;color:#87a8a9}.source-box{margin-top:60px;padding:22px;border:1px solid var(--line);border-radius:14px;color:#87a7a8;font-size:12px}.reading-progress{position:fixed;z-index:70;left:0;top:0;height:2px;width:0;background:var(--teal);box-shadow:0 0 8px var(--teal)}

@keyframes float{50%{transform:translateY(-13px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rays{to{transform:rotate(-3deg) scale(1.07)}}@media(max-width:900px){.site-header{height:66px}.nav-toggle{display:block}.site-nav{position:absolute;left:16px;right:16px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 20px;background:rgba(2,17,21,.98);border:1px solid var(--line);border-radius:16px}.site-nav.is-open{display:flex}.hero{min-height:680px}.signal-gemini{display:none}.feature-grid,.section-proof,.section-profile{grid-template-columns:1fr}.feature-main{grid-row:auto}.depth-cards{grid-template-columns:repeat(2,1fr)}.depth-card:nth-child(2){border-right:0}.depth-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.proof-orbit{max-width:480px;width:100%;margin:auto}.project-grid{grid-template-columns:1fr}.archive-item{grid-template-columns:110px 1fr}.archive-date{display:none}}@media(max-width:580px){.brand small{display:none}.section{padding-top:84px;padding-bottom:84px}.hero-copy{width:calc(100% - 36px)}.hero h1{font-size:46px}.hero-lead{font-size:15px}.signal-gpt{right:6%;top:22%;width:64px;height:64px}.signal-claude{right:7%;top:57%;width:58px;height:58px}.signal-claw{right:24%;bottom:11%;width:65px;height:65px}.depth-meter{display:none}.section-heading{align-items:start;gap:20px}.section-heading>.text-link{display:none}.feature-main{grid-template-rows:210px 1fr}.feature-content,.compact-card{padding:23px}.depth-cards{grid-template-columns:1fr}.depth-card{min-height:230px;border-right:0;border-bottom:1px solid var(--line)!important}.depth-card:last-child{border-bottom:0!important}.depth-card h3{margin-top:48px}.section-proof{gap:25px}.proof-metrics{gap:22px}.proof-orbit{max-width:330px}.section-profile{gap:30px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.archive-item{grid-template-columns:1fr;gap:8px}.archive-item h2{font-size:21px}.project-card{min-height:360px}.fact-box{grid-template-columns:1fr}.page-hero{padding-top:135px}.article-header{padding-top:135px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* v1.1 — one continuous dive from surface to seafloor */
[hidden]{display:none!important}
.metrics-note{max-width:900px;color:var(--muted);font-size:13px;line-height:1.8;margin:28px 0 0}
.archive-empty{padding:28px 0;color:var(--muted);border-top:1px solid var(--line)}
.case-flow{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.case-flow span{padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:rgba(69,229,208,.06);font-size:14px;color:var(--ink)}
.case-related{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
:target{scroll-margin-top:90px}
.page-hero h1,.article-header h1,.article-body h2,.project-card h2,.archive-item h2{word-break:keep-all;overflow-wrap:anywhere}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
body{
  background:
    radial-gradient(circle at 14% 18%,rgba(41,183,190,.12),transparent 25%),
    linear-gradient(180deg,#0a4b57 0,#07343e 17%,#04272f 35%,#02171e 59%,#010b12 82%,#01070b 100%);
}

.ocean-atmosphere{position:fixed;z-index:1;inset:0;pointer-events:none;overflow:hidden;opacity:.72}
.ocean-atmosphere i{position:absolute;bottom:-30px;width:4px;height:4px;border-radius:50%;background:rgba(184,255,249,.42);box-shadow:0 0 10px rgba(102,237,228,.45);animation:bubble-rise 15s linear infinite}
.ocean-atmosphere i:nth-child(1){left:8%;animation-delay:-4s;animation-duration:18s}
.ocean-atmosphere i:nth-child(2){left:19%;width:7px;height:7px;animation-delay:-12s;animation-duration:22s}
.ocean-atmosphere i:nth-child(3){left:37%;animation-delay:-8s;animation-duration:17s}
.ocean-atmosphere i:nth-child(4){left:51%;width:6px;height:6px;animation-delay:-18s;animation-duration:25s}
.ocean-atmosphere i:nth-child(5){left:67%;animation-delay:-3s;animation-duration:20s}
.ocean-atmosphere i:nth-child(6){left:78%;width:8px;height:8px;animation-delay:-16s;animation-duration:28s}
.ocean-atmosphere i:nth-child(7){left:89%;animation-delay:-10s;animation-duration:19s}
.ocean-atmosphere i:nth-child(8){left:96%;width:5px;height:5px;animation-delay:-6s;animation-duration:23s}

.site-header{z-index:80}.hero,.section,.site-footer{z-index:2}
.hero{height:min(850px,100vh);min-height:700px;background:#063844}
.hero-water{filter:saturate(.96) contrast(1.03);transform:scale(1.02);animation:ocean-breathe 14s ease-in-out infinite alternate}
.hero:after{height:52%;background:linear-gradient(transparent,rgba(5,37,45,.72) 45%,#052e37 100%)}
.hero-copy{padding-top:18px}
.hero h1{max-width:790px;font-size:clamp(52px,6.4vw,88px)}
.hero-lead{font-size:18px;color:#d0e6e7}
.signal{animation:creature-swim 8s ease-in-out infinite;border-radius:55% 45% 57% 43%;box-shadow:inset 0 0 34px rgba(96,231,225,.15),0 12px 60px rgba(0,0,0,.18)}
.signal:after{content:"";position:absolute;left:20%;right:20%;top:100%;height:24px;background:linear-gradient(90deg,transparent 0,rgba(135,237,230,.19) 25%,transparent 34%,rgba(135,237,230,.14) 58%,transparent 70%,rgba(135,237,230,.16) 85%,transparent);clip-path:polygon(0 0,100% 0,83% 100%,70% 10%,53% 95%,37% 10%,18% 100%)}
.scroll-cue{bottom:38px}

.section{padding-top:94px;padding-bottom:94px;isolation:isolate}
.section:after{content:attr(data-zone);position:absolute;z-index:-1;right:max(18px,calc((100vw - var(--max))/2 - 70px));top:54px;color:rgba(157,232,226,.34);font-size:10px;letter-spacing:.18em;writing-mode:vertical-rl}
.section-heading{margin-bottom:36px}
.section-heading h2{font-size:clamp(36px,3.8vw,52px)}
.section-heading>p{font-size:15px;line-height:1.8}
.section-shelf{overflow:hidden;background:
  radial-gradient(ellipse at 10% 0,rgba(42,151,161,.18),transparent 35%),
  radial-gradient(ellipse at 82% 25%,rgba(28,132,142,.09),transparent 24%),
  linear-gradient(180deg,#052e37,#04262e)}
.section-shelf:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(103deg,transparent 0 115px,rgba(118,225,219,.025) 116px 117px,transparent 118px 230px);transform:skewY(-3deg)}

.feature-grid{gap:22px}
.feature-card,.depth-card,.project-card{--mx:50%;--my:50%;isolation:isolate}
.feature-card:before,.depth-card:before,.project-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(280px circle at var(--mx) var(--my),rgba(95,243,226,.15),transparent 62%);opacity:0;transition:opacity .28s}
.feature-card:hover:before,.depth-card:hover:before,.project-card:hover:before{opacity:1}
.feature-card{background:linear-gradient(145deg,rgba(10,61,68,.9),rgba(3,31,37,.95));box-shadow:0 24px 70px rgba(0,15,20,.18)}
.feature-main{grid-template-rows:250px 1fr}
.feature-content,.compact-card{padding:34px}
.feature-card p{font-size:15px;line-height:1.8;color:#b2cdce}
.compact-card h3{font-size:24px}

.drifter{position:absolute;z-index:4;pointer-events:none;display:grid;place-items:center;color:rgba(220,255,251,.72);font-size:8px;letter-spacing:.12em}
.drifter-jelly{width:74px;height:55px;border-radius:52% 48% 42% 45%;border:1px solid rgba(121,230,222,.22);background:radial-gradient(circle at 45% 26%,rgba(99,238,226,.18),rgba(4,40,48,.2) 65%,transparent);box-shadow:inset 0 12px 26px rgba(91,239,226,.08),0 0 45px rgba(43,183,177,.08);animation:jelly-drift 13s ease-in-out infinite}
.drifter-jelly:before,.drifter-jelly:after{content:"";position:absolute;top:95%;width:20px;height:55px;border-left:1px solid rgba(126,222,217,.2);border-radius:50%;transform:rotate(10deg)}
.drifter-jelly:before{left:19px}.drifter-jelly:after{right:9px;height:43px;transform:rotate(-13deg)}
.drifter-one{right:5%;top:22%}.drifter-two{left:7%;top:19%;animation-delay:-6s}

.section-current{overflow:hidden;background:
  radial-gradient(ellipse at 90% 45%,rgba(41,124,140,.13),transparent 30%),
  linear-gradient(180deg,#04262e,#031a22)}
.current-lines{position:absolute;z-index:-1;inset:0;opacity:.36;overflow:hidden}
.current-lines i{position:absolute;left:-15%;width:130%;height:180px;border-top:1px solid rgba(109,223,215,.11);border-radius:50%;animation:current-drift 14s ease-in-out infinite alternate}
.current-lines i:nth-child(1){top:18%}.current-lines i:nth-child(2){top:45%;animation-delay:-5s}.current-lines i:nth-child(3){top:72%;animation-delay:-9s}
.depth-cards{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(2,22,28,.28);backdrop-filter:blur(8px)}
.depth-card{min-height:260px;padding:31px 27px 34px;overflow:hidden}
.depth-card:nth-child(1){background:linear-gradient(180deg,rgba(15,92,99,.17),transparent)}
.depth-card:nth-child(2){background:linear-gradient(180deg,rgba(10,68,78,.14),transparent)}
.depth-card:nth-child(3){background:linear-gradient(180deg,rgba(7,45,57,.14),transparent)}
.depth-card:nth-child(4){background:linear-gradient(180deg,rgba(3,29,39,.18),transparent)}
.depth-card h3{margin-top:58px;font-size:23px}.depth-card p{font-size:14px;line-height:1.75;color:#9fbfc0}

.section-proof{min-height:640px;overflow:hidden;background:
  radial-gradient(circle at 76% 50%,rgba(36,155,151,.2),transparent 29%),
  radial-gradient(ellipse at 12% 100%,rgba(15,75,83,.22),transparent 37%),
  linear-gradient(180deg,#031a22,#020f16)}
.section-proof:before{content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-75px;height:190px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 62% 10%,rgba(47,139,133,.13),transparent 12%),linear-gradient(165deg,transparent 28%,rgba(4,33,39,.84) 29%);filter:drop-shadow(0 -15px 35px rgba(22,104,104,.09))}
.proof-copy>p:not(.eyebrow),.profile-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#aec9ca}
.proof-orbit{max-width:460px;justify-self:center}

.section-profile{min-height:570px;overflow:hidden;background:
  radial-gradient(circle at 18% 72%,rgba(30,117,113,.11),transparent 24%),
  linear-gradient(180deg,#020f16,#01080d)}
.seafloor-glow{position:absolute;z-index:-1;inset:auto -10% -140px;height:280px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,135,127,.17),rgba(2,13,18,.94) 58%,transparent 70%);filter:blur(4px)}
.profile-index{color:rgba(3,14,18,.35);-webkit-text-stroke:1px rgba(104,218,210,.25);text-shadow:0 0 40px rgba(48,163,158,.06)}
.profile-copy h2{font-size:clamp(38px,4vw,58px)}
.site-footer{position:relative;z-index:2;background:#010609}

.section:not(.is-visible) .section-heading,.section:not(.is-visible) .feature-grid,.section:not(.is-visible) .depth-cards,.section:not(.is-visible) .proof-copy,.section:not(.is-visible) .proof-orbit,.section:not(.is-visible) .profile-copy,.section:not(.is-visible) .profile-index{opacity:.25;transform:translateY(18px)}
.section .section-heading,.section .feature-grid,.section .depth-cards,.section .proof-copy,.section .proof-orbit,.section .profile-copy,.section .profile-index{transition:opacity .7s ease,transform .7s ease}

@keyframes bubble-rise{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.55}50%{transform:translate3d(14px,-52vh,0)}90%{opacity:.25}100%{transform:translate3d(-8px,-108vh,0);opacity:0}}
@keyframes ocean-breathe{to{transform:scale(1.045) translateY(-5px)}}
@keyframes creature-swim{0%,100%{transform:translate(0,0) rotate(-1deg)}35%{transform:translate(7px,-14px) rotate(2deg)}70%{transform:translate(-5px,-6px) rotate(-2deg)}}
@keyframes jelly-drift{0%,100%{transform:translate(0,0) rotate(-2deg)}45%{transform:translate(-18px,-28px) rotate(3deg)}70%{transform:translate(7px,-17px) rotate(1deg)}}
@keyframes current-drift{to{transform:translateX(8%) scaleY(.8)}}

@media(max-width:900px){
  .section{padding-top:82px;padding-bottom:82px}
  .section:after{right:10px}
  .drifter-one{right:-18px}.drifter-two{left:-25px}
  .section-proof{min-height:0}
}
@media(max-width:580px){
  .hero{min-height:720px}.hero h1{font-size:44px}.hero-lead{font-size:16px}
  .section{padding-top:72px;padding-bottom:72px}
  .section:after{display:none}
  .section-heading h2{font-size:34px}
  .feature-content,.compact-card{padding:25px}
  .feature-card p{font-size:14px}
  .drifter{opacity:.45}
  .proof-copy>p:not(.eyebrow),.profile-copy>p:not(.eyebrow){font-size:15px}
}
@media(prefers-reduced-motion:reduce){.ocean-atmosphere{display:none}.section:not(.is-visible) *{opacity:1!important;transform:none!important}}

/* v2 — cinematic dive homepage */
.home-v2{background:#01070b;color:#efffff}
.home-v2 .site-header{background:linear-gradient(180deg,rgba(1,9,14,.72),rgba(1,9,14,.08));border-bottom-color:rgba(255,255,255,.08)}
.home-v2 .site-header.is-scrolled{background:rgba(1,9,14,.88)}
.dive-journey{position:relative;overflow:hidden;background:#01070b}
.v2-scene{position:relative;min-height:900px;overflow:hidden;isolation:isolate}
.v2-scene:after{content:attr(data-depth-label);position:absolute;z-index:8;right:25px;top:50%;color:rgba(217,255,252,.66);font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}
.v2-scene-bg{position:absolute;z-index:-3;inset:0;width:100%;height:calc(100% + 50px);object-fit:cover;object-position:center;transform:translate3d(0,var(--scene-shift,0),0) scale(1.015);will-change:transform}
.fur-canvas{position:absolute;z-index:-3;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .35s ease}
.v2-scene.has-fur-canvas .fur-canvas{opacity:1}
.v2-scene.has-fur-canvas .v2-scene-bg{opacity:0}
.scene-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(1,7,12,.7) 0,rgba(1,8,13,.26) 48%,rgba(1,8,13,.05) 74%),linear-gradient(180deg,rgba(2,8,12,.02) 55%,#021019 100%)}
.v2-kicker{margin:0 0 18px;color:#84f3e5;font-size:10px;font-weight:750;letter-spacing:.24em}
.v2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.v2-button{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 23px;border:1px solid rgba(209,255,251,.27);border-radius:999px;background:rgba(2,17,23,.34);backdrop-filter:blur(14px);font-size:13px;font-weight:750;transition:transform .25s,border-color .25s,background .25s}
.v2-button:hover{transform:translateY(-3px);border-color:#79ecdf}
.v2-button.is-light{background:#ecfffc;color:#042025;border-color:#ecfffc;box-shadow:0 15px 45px rgba(54,222,210,.15)}
.mobile-break{display:none}

.surface-scene{min-height:max(760px,100svh)}
.surface-scene .v2-scene-bg{object-position:center center;transform:translate3d(0,calc(var(--scene-shift,0px) + 38px),0) scale(1.045)}
.surface-copy{position:absolute;z-index:4;left:max(32px,calc((100vw - var(--max))/2));top:50%;width:min(650px,48vw);transform:translateY(-43%)}
.surface-copy h1{margin:0;font-size:clamp(55px,6.3vw,94px);font-weight:720;line-height:1.01;letter-spacing:-.06em;text-shadow:0 8px 40px rgba(0,8,13,.52)}
.surface-copy h1 em{font-style:normal;color:#57efdc}
.headline-line{display:block;white-space:nowrap}
.home-v2 h2,.home-v2 h3,.home-v2 p{word-break:keep-all;overflow-wrap:anywhere}
.home-v2 a:focus-visible,.home-v2 button:focus-visible{outline:2px solid #84f3e5;outline-offset:5px}
.surface-copy>p:not(.v2-kicker){max-width:570px;margin:27px 0 0;color:#d1e7e8;font-size:17px;line-height:1.85;text-shadow:0 3px 18px #001018}
.float-caption{position:absolute;z-index:4;left:64.2%;top:44%;display:flex;align-items:center;gap:11px;color:#b7fffa;font-size:8px;letter-spacing:.2em;animation:float-caption 4s ease-in-out infinite}
.float-caption i{display:block;width:50px;height:1px;background:linear-gradient(90deg,#61eadc,transparent)}
.dive-cue{position:absolute;z-index:5;left:50%;bottom:32px;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);color:rgba(218,255,252,.65);font-size:8px;letter-spacing:.24em}
.dive-cue i{width:1px;height:42px;background:linear-gradient(#7cf0e3,transparent);animation:dive-pulse 2s ease-in-out infinite}

.dive-progress{position:fixed;z-index:60;right:18px;top:29%;bottom:25%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:rgba(211,255,251,.52);font-size:8px;letter-spacing:.12em;pointer-events:none}
.dive-progress i{position:absolute;top:22px;bottom:22px;width:1px;background:rgba(116,233,224,.16)}
.dive-progress i:after{content:"";position:absolute;left:0;top:0;width:1px;height:var(--dive-progress,0%);background:#77f0e2;box-shadow:0 0 12px #51ddcf}

.creature-scene{min-height:1000px}
/* Independent transparent animals; never distort the labels or the whole scene. */
.marine-stage{position:absolute;inset:0;z-index:1;pointer-events:none;--drift-x:12px;--drift-y:10px}
.marine-slot{position:absolute;aspect-ratio:1;animation:marine-drift var(--swim-time,18s) ease-in-out infinite;animation-delay:var(--swim-delay,0s);animation-play-state:paused}
.marine-stage.is-swimming .marine-slot{animation-play-state:running}
.marine-sprite{display:block;width:100%;height:100%;background-image:url('marine-sprites-v3.webp');background-size:200% 200%;background-repeat:no-repeat}
.marine-whale{left:18%;top:16%;width:min(32%,360px);--swim-time:22s;--swim-delay:-6s}
.marine-jelly{left:59%;top:20%;width:min(25%,280px);--swim-time:16s;--swim-delay:-3s}
.marine-ray{left:23%;top:50%;width:min(28%,300px);--swim-time:20s;--swim-delay:-10s}
.marine-crab{left:60%;top:54%;width:min(23%,280px);--swim-time:25s;--swim-delay:-8s;--drift-y:4px}
.marine-whale .marine-sprite{background-position:0 0}
.marine-jelly .marine-sprite{background-position:100% 0}
.marine-ray .marine-sprite{background-position:0 100%}
.marine-crab .marine-sprite{background-position:100% 100%}
@keyframes marine-drift{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(var(--drift-x),calc(-1 * var(--drift-y))) rotate(1deg)}}
.creature-scene .v2-scene-bg{filter:saturate(1.06) brightness(.8)}
.creature-scene .scene-shade{background:linear-gradient(180deg,#021019 0,rgba(1,10,16,.05) 22%,rgba(1,10,16,.02) 68%,#010b12 100%)}
.creature-heading{position:absolute;z-index:5;left:max(32px,calc((100vw - var(--max))/2));top:88px;max-width:560px}
.creature-heading h2{margin:0;font-size:clamp(34px,4.2vw,62px);line-height:1.12;letter-spacing:-.05em;text-shadow:0 7px 30px #010810}
.creature-label{position:absolute;z-index:5;display:flex;flex-direction:column;padding-left:15px;border-left:1px solid rgba(117,241,231,.65);text-shadow:0 3px 20px #000}
.creature-label strong{font:500 clamp(22px,2vw,30px) Georgia,serif;color:#f2ffff}
.creature-label span{margin-top:5px;color:#8ddfd9;font-size:9px;letter-spacing:.14em}
.label-gpt{left:27%;top:34%}.label-claude{right:18%;top:31%}.label-gemini{left:29%;top:61%}.label-claw{right:23%;top:62%}

.records-scene{min-height:1120px}
.records-scene .v2-scene-bg{filter:saturate(.96) brightness(.68);object-position:center bottom;transform:translate3d(0,var(--scene-shift,0),0) scale(1.08)}
.records-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#010b12 0,rgba(1,10,16,.45) 20%,rgba(1,9,14,.25) 70%,#020c12 100%),radial-gradient(circle at 20% 35%,rgba(38,183,173,.13),transparent 28%)}
.records-heading{position:absolute;z-index:4;left:max(32px,calc((100vw - var(--max))/2));top:85px}
.records-heading h2{margin:0;font:500 clamp(52px,6vw,88px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.records-heading>p:last-child{margin:16px 0 0;color:#a9c7c7;font-size:15px}
.editorial-records{position:absolute;z-index:5;left:50%;top:290px;width:min(var(--max),calc(100% - 64px));height:690px;transform:translateX(-50%)}
.editorial-card{--tilt-x:0deg;--tilt-y:0deg;position:absolute;overflow:hidden;padding:35px 38px;border:1px solid rgba(212,255,251,.18);transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease,border-color .25s,box-shadow .25s}
.editorial-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(63,239,221,.2),transparent 56%);opacity:0;transition:opacity .25s}
.editorial-card:hover{border-color:rgba(116,241,229,.65);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.editorial-card:hover:before{opacity:1}
.editorial-card h3{position:relative;margin:88px 0 14px;font-size:clamp(25px,2.35vw,34px);line-height:1.35;letter-spacing:-.045em}
.editorial-card>p:not(.card-type){position:relative;max-width:520px;margin:0;font-size:14px;line-height:1.75}
.editorial-card{padding-bottom:90px}
.editorial-number{position:absolute;right:31px;top:25px;font:400 38px Georgia,serif;opacity:.35}
.card-type{position:relative;margin:0;font-size:9px;font-weight:700;letter-spacing:.16em}
.editorial-arrow{position:absolute;right:32px;bottom:28px;display:grid;place-items:center;width:43px;height:43px;border:1px solid currentColor;border-radius:50%;font-size:18px}
.card-white{left:0;top:0;width:51%;min-height:380px;background:#f3faf8;color:#04161b;transform:perspective(1000px) rotate(-2deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:0 30px 90px rgba(0,0,0,.32)}
.card-white .card-type{color:#236d6b}.card-white>p:not(.card-type){color:#496463}
.card-glass{right:3%;top:52px;width:38%;min-height:315px;background:rgba(4,31,39,.58);backdrop-filter:blur(20px);color:#ebffff;transform:perspective(1000px) rotate(2.5deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.card-glass h3{margin-top:64px;font-size:clamp(22px,2vw,29px)}
.card-dark{right:11%;bottom:0;width:34%;min-height:280px;background:rgba(1,12,18,.82);backdrop-filter:blur(18px);color:#edffff;transform:perspective(1000px) rotate(-1.5deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.card-dark h3{margin-top:58px;font-size:clamp(22px,2vw,28px)}
.all-records-link{position:absolute;z-index:6;left:max(32px,calc((100vw - var(--max))/2));bottom:76px;color:#dffffb;font-size:13px;font-weight:750}.all-records-link span{margin-left:10px;color:#69e7da}

.proof-scene{min-height:930px}
.proof-scene .v2-scene-bg{object-position:center}
.proof-shade{background:linear-gradient(90deg,rgba(1,6,10,.88) 0,rgba(1,7,11,.7) 34%,rgba(1,7,11,.12) 65%),linear-gradient(180deg,#020c12 0,transparent 25%,rgba(1,6,10,.2) 68%,#01080d 100%)}
.proof-v2-copy{position:absolute;z-index:5;left:max(32px,calc((100vw - var(--max))/2));top:50%;width:min(570px,44vw);transform:translateY(-47%)}
.proof-v2-copy h2{margin:0;font-size:clamp(45px,5vw,72px);line-height:1.09;letter-spacing:-.055em}.proof-v2-copy h2 em{font-style:normal;color:#56eadb}
.proof-v2-copy>p:not(.v2-kicker){max-width:530px;margin:24px 0 0;color:#b8d1d2;font-size:16px;line-height:1.85}
.proof-v2-metrics{display:flex;gap:42px;margin-top:31px}.proof-v2-metrics div{display:flex;flex-direction:column}.proof-v2-metrics strong{font:400 38px Georgia,serif;color:#69efe1}.proof-v2-metrics span{color:#87a9a9;font-size:10px}
.proof-object-label{position:absolute;z-index:5;right:15%;top:69%;display:flex;flex-direction:column;text-shadow:0 3px 20px #000}.proof-object-label span{color:#6fe9dc;font-size:8px;letter-spacing:.22em}.proof-object-label strong{margin-top:8px;font:500 24px Georgia,serif}.proof-object-label i{position:absolute;right:calc(100% + 15px);top:18px;width:80px;height:1px;background:linear-gradient(90deg,transparent,#76ecdf)}

.operator-v2{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;min-height:620px;padding:100px max(32px,calc((100vw - var(--max))/2));overflow:hidden;background:radial-gradient(circle at 14% 62%,rgba(29,128,120,.14),transparent 25%),#01070b;border-top:1px solid rgba(143,235,228,.12)}
.operator-v2:before{content:"";position:absolute;inset:auto -5% -35% -5%;height:70%;background:radial-gradient(ellipse,rgba(17,82,79,.2),transparent 65%);filter:blur(20px)}
.operator-index{font:italic 700 clamp(72px,10vw,150px)/.82 Georgia,serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(104,218,210,.24)}
.operator-copy{position:relative}.operator-copy h2{margin:0;font-size:clamp(38px,4.2vw,60px);line-height:1.16;letter-spacing:-.05em}.operator-copy>p:not(.v2-kicker){max-width:650px;color:#a9c4c5;font-size:16px;line-height:1.9}.operator-copy>a{display:inline-flex;margin-top:19px;color:#83eee4;font-size:13px;font-weight:750}.operator-copy>a span{margin-left:10px}
.v2-footer{background:#010609}

.reveal-v2{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.72,.2,1)}
.reveal-v2.is-visible{opacity:1;transform:translateY(0)}
.surface-copy.reveal-v2{transform:translateY(calc(-43% + 28px))}
.surface-copy.reveal-v2.is-visible{transform:translateY(-43%)}
.proof-v2-copy.reveal-v2{transform:translateY(calc(-47% + 28px))}
.proof-v2-copy.reveal-v2.is-visible{transform:translateY(-47%)}
.editorial-card.reveal-v2.is-visible.card-white{transform:perspective(1000px) rotate(-2deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.editorial-card.reveal-v2.is-visible.card-glass{transform:perspective(1000px) rotate(2.5deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.editorial-card.reveal-v2.is-visible.card-dark{transform:perspective(1000px) rotate(-1.5deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}

@keyframes float-caption{50%{transform:translateY(-9px)}}
@keyframes dive-pulse{0%,100%{opacity:.35;transform:scaleY(.75);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}

@media(max-width:980px){
  .surface-copy{width:58vw}.surface-copy h1{font-size:clamp(52px,7vw,76px)}
  .creature-heading{top:78px;max-width:520px}
  .label-gpt{left:18%}.label-claude{right:12%}.label-gemini{left:19%}.label-claw{right:16%}
  .editorial-card{padding:28px 28px 90px}.editorial-records{width:calc(100% - 46px)}
  .proof-v2-copy{width:50vw}.proof-object-label{right:9%}
}

@media(max-width:720px){
  .dive-progress{display:none}.v2-scene:after{display:none}.mobile-break{display:block}
  .v2-scene{min-height:780px}.surface-scene{min-height:800px}
  .surface-scene .v2-scene-bg{object-position:62% center}
  .scene-shade{background:linear-gradient(180deg,rgba(1,8,13,.06) 25%,rgba(1,8,13,.62) 54%,#021019 100%)}
  .surface-copy,.surface-copy.reveal-v2,.surface-copy.reveal-v2.is-visible{left:22px;right:22px;top:auto;bottom:88px;width:auto;transform:none}
  .surface-copy h1{font-size:clamp(44px,13vw,62px)}.surface-copy>p:not(.v2-kicker){font-size:15px;line-height:1.7}
  .float-caption{left:auto;right:9%;top:42%}.dive-cue{display:none}
  .creature-scene{min-height:920px}.creature-scene .v2-scene-bg{object-position:52% center}
  .creature-heading{left:22px;right:22px;top:70px}.creature-heading h2{font-size:36px}
  .creature-label strong{font-size:21px}.creature-label span{font-size:8px}
  .label-gpt{left:12%;top:34%}.label-claude{right:7%;top:32%}.label-gemini{left:12%;top:64%}.label-claw{right:9%;top:65%}
  .records-scene{min-height:1450px}.records-heading{left:22px;right:22px;top:72px}.records-heading h2{font-size:58px}
  .editorial-records{top:250px;left:22px;right:22px;width:auto;height:auto;transform:none;display:grid;gap:22px}
  .editorial-card,.card-white,.card-glass,.card-dark{position:relative;inset:auto;width:100%;min-height:300px;transform:none!important}
  .editorial-card h3{margin-top:70px;font-size:26px}.card-white{order:1}.card-glass{order:2}.card-dark{order:3}
  .all-records-link{left:22px;bottom:50px}
  .records-scene{min-height:0;padding:72px 22px 50px}
  .records-heading{position:relative;left:auto;right:auto;top:auto}
  .editorial-records{position:relative;top:auto;left:auto;right:auto;margin:48px 0 36px}
  .editorial-card{padding-bottom:90px}
  .all-records-link{position:relative;left:auto;bottom:auto;display:inline-flex}
  .surface-copy .v2-kicker{font-size:9px;letter-spacing:.15em;line-height:1.7}
  .surface-copy>p:not(.v2-kicker){color:#e2f2f2;text-shadow:0 2px 12px #001018}
  .proof-scene{min-height:960px}.proof-scene .v2-scene-bg{object-position:68% center}
  .proof-shade{background:linear-gradient(180deg,rgba(1,6,10,.05) 20%,rgba(1,6,10,.34) 43%,#01080d 84%)}
  .proof-v2-copy,.proof-v2-copy.reveal-v2,.proof-v2-copy.reveal-v2.is-visible{left:22px;right:22px;top:auto;bottom:66px;width:auto;transform:none}.proof-v2-copy h2{font-size:43px}.proof-v2-copy>p:not(.v2-kicker){font-size:15px}
  .proof-object-label{right:10%;top:47%}.proof-v2-metrics{gap:25px}
  .proof-v2-metrics{flex-wrap:wrap;gap:18px 25px}
  .operator-v2{grid-template-columns:1fr;gap:30px;min-height:650px;padding:80px 22px}.operator-index{font-size:82px}.operator-copy h2{font-size:39px}.operator-copy>p:not(.v2-kicker){font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .v2-scene-bg{transform:none!important}.reveal-v2{opacity:1;transform:none}.float-caption,.dive-cue i{animation:none}
  .surface-scene .v2-scene-bg{transform:translateY(38px) scale(1.045)!important}
}

/* Touch layouts: readable copy, reachable controls, and native vertical scroll. */
@media (pointer:coarse){
  .v2-scene-bg{will-change:auto}
  .site-nav a,.nav-toggle,.filter-chip,.text-link{min-height:44px}
  .nav-toggle{min-width:64px}
  .fur-canvas{pointer-events:none}
}
@media (min-width:721px) and (max-width:1024px){
  .surface-copy{width:58vw}
  .surface-copy h1{font-size:clamp(48px,6.5vw,68px);line-height:1.08}
  .surface-copy>p:not(.v2-kicker){font-size:16px}
  .proof-v2-copy{width:54vw}
  .operator-v2{gap:36px;padding-left:28px;padding-right:28px}
}
@media (max-width:720px){
  .surface-scene{min-height:max(780px,100svh)}
  .surface-copy,.surface-copy.reveal-v2,.surface-copy.reveal-v2.is-visible{position:relative;left:auto;right:auto;bottom:auto;top:auto;margin:0;padding:320px 22px 64px}
  .surface-copy h1{font-size:clamp(36px,10.5vw,60px);line-height:1.08}
  .hero-actions{gap:10px}
  .hero-actions .button{min-height:48px;padding:0 18px}
  .records-heading h2{font-size:clamp(38px,10vw,58px)}
  .operator-copy h2{font-size:clamp(29px,8vw,39px)}
  .article-body{overflow-wrap:anywhere}
  .case-flow{flex-wrap:wrap}
  .site-footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
}

/* Mobile finish: shorter reading rhythm and separate artwork from headings. */
@media (max-width:720px){
  .creature-scene{min-height:850px}
  .creature-heading{top:58px}
  .creature-heading h2{font-size:clamp(28px,7.7vw,36px);max-width:440px}
  .creature-scene .v2-scene-bg,.creature-scene .fur-canvas{inset:220px 0 auto;height:570px;transform:none;object-position:center}
  .label-gpt{top:43%;left:9%}.label-claude{top:42%;right:7%}
  .label-gemini{top:73%;left:9%}.label-claw{top:74%;right:7%}
  .creature-label strong{font-size:20px}
  .creature-label span{font-size:9px;letter-spacing:.06em}
  .records-scene{padding-top:58px;padding-bottom:44px}
  .editorial-records{margin-top:30px;gap:16px}
  .editorial-card,.card-white,.card-glass,.card-dark{min-height:0;padding:25px 25px 82px}
  .editorial-card h3,.card-glass h3,.card-dark h3{margin-top:38px;font-size:24px;line-height:1.4}
  .editorial-number{top:20px;right:24px;font-size:30px}
  .editorial-arrow{right:24px;bottom:22px;width:44px;height:44px}
  .proof-scene{min-height:0;padding:0 22px 58px}
  .proof-scene .v2-scene-bg,.proof-scene .fur-canvas{inset:0 0 auto;height:440px;transform:none;object-position:right center}
  .proof-shade{background:linear-gradient(180deg,rgba(1,6,10,.08),rgba(1,6,10,.12) 250px,#01080d 440px)}
  .proof-v2-copy,.proof-v2-copy.reveal-v2,.proof-v2-copy.reveal-v2.is-visible{position:relative;inset:auto;width:auto;padding-top:450px;transform:none}
  .proof-v2-copy h2{font-size:clamp(32px,8.8vw,43px)}
  .proof-object-label{top:350px;right:8%}
  .proof-object-label strong{font-size:21px}
  .operator-v2{min-height:0;padding:52px 22px 58px;gap:24px}
  .operator-index{font-size:52px;line-height:.9}
  .operator-copy>a{min-height:44px;align-items:center}
}

/* Keep captions outside the moving silhouettes at every breakpoint. */
.creature-scene .label-gpt{top:55%;left:27%}
.creature-scene .label-claude{top:52%;right:18%}
.creature-scene .label-gemini{top:85%;left:29%}
.creature-scene .label-claw{top:85%;right:23%}
@media(max-width:720px){
  .marine-stage{inset:220px 0 auto;height:570px;--drift-x:6px;--drift-y:8px}
  .marine-whale{left:4%;top:2%;width:min(45%,220px)}
  .marine-jelly{left:54%;top:1%;width:min(41%,220px)}
  .marine-ray{left:5%;top:45%;width:min(45%,220px)}
  .marine-crab{left:56%;top:47%;width:min(39%,200px)}
  .creature-scene .label-gpt{top:56%;left:9%}
  .creature-scene .label-claude{top:55%;right:7%}
  .creature-scene .label-gemini{top:85%;left:9%}
  .creature-scene .label-claw{top:84%;right:7%}
}
@media(prefers-reduced-motion:reduce){.marine-slot{animation:none!important;transform:none!important}}