:root{
  --max:1180px;
  --mx:0px; --my:0px;
  --ocean:#031421; --cyan:#81e6ff; --paper:#eee8db; --ink:#090807;
  --gold:#c99b4b; --gold2:#f2c974; --glass:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#05080c;color:white;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.safe{width:min(var(--max),calc(100% - 36px));margin:0 auto;position:relative;z-index:6}

/* Nav 保持 V4 原结构与文案不变 */
.nav{position:fixed;z-index:80;left:6vw;top:22px;width:calc(100% - 12vw);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.nav>*{pointer-events:auto}.brand,.navlinks,.topcta{backdrop-filter:blur(18px);background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.22)}.brand{border-radius:999px;padding:12px 20px;display:flex;align-items:center;gap:12px;font-weight:900;font-size:15px;opacity:calc((var(--scroll-p, 0) - 0.8) * 5)}.brand img{width:32px;height:29px;object-fit:contain}.navlinks{border-radius:999px;padding:8px;display:flex;gap:4px}.navlinks a{font-size:14px;color:rgba(255,255,255,.72);padding:11px 18px;border-radius:999px}.navlinks a:hover{background:rgba(255,255,255,.1);color:white}.topcta{border-radius:999px;padding:14px 22px;background:rgba(255,255,255,.9);color:#07111b;font-size:15px;font-weight:900}

.label{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:9px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.78);font-weight:900}.label.dark{border-color:rgba(0,0,0,.12);background:rgba(255,255,255,.5);color:rgba(0,0,0,.60)}


/* HERO V4：首屏保留 V4 逻辑 */
.hero{min-height:100svh;position:relative;overflow:hidden;background:#031421;display:block;scroll-snap-align:none}.hero-bg{position:absolute;inset:-4%;background:url('./assets/dive_bg.png') center/cover no-repeat;filter:saturate(1.10) contrast(1.02);transform:translate(calc(var(--mx)*-.010),calc(var(--my)*-.010)) scale(1.07);transition:transform .12s linear}.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,10,20,.30) 0%,rgba(0,16,29,.10) 38%,rgba(2,28,43,.02) 72%,rgba(1,14,25,.18) 100%),radial-gradient(circle at 26% 46%,rgba(0,0,0,.15),transparent 34%)}.hero::before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 76% 18%,rgba(125,211,252,.28),transparent 30%),radial-gradient(circle at 18% 70%,rgba(14,165,233,.16),transparent 30%);mix-blend-mode:screen;pointer-events:none}.hero-stage{position:absolute;inset:0;z-index:5;pointer-events:none}.hero-brand{position:fixed;z-index:82;left:6vw;top:26vh;display:flex;flex-direction:column;align-items:center;gap:16px;transform:translate(calc(var(--mx)*-.024 + var(--scroll-p,0) * 20px),calc(var(--my)*-.017 + var(--scroll-p,0) * var(--flip-ty,-200px))) scale(calc(1 + var(--scroll-p,0) * (var(--flip-scale,0.16) - 1)));transform-origin:left top;transition:none;pointer-events:none;opacity:calc(1 - max(0, var(--scroll-p, 0) - 0.5) * 2)}.hero-logo{width:clamp(160px,18vw,340px);opacity:calc(0.75 * (1 - var(--scroll-p, 0) * 1.33));transform:rotate(-1.5deg);filter:drop-shadow(0 20px 28px rgba(0,0,0,.22))}.hero-logo-w{position:absolute;top:0;left:50%;width:clamp(160px,18vw,340px);transform:translateX(-50%) rotate(-1.5deg);opacity:calc(var(--scroll-p, 0) * 1.33);filter:drop-shadow(0 20px 28px rgba(0,0,0,.22));pointer-events:none}.hero-geek{width:clamp(160px,18vw,320px);opacity:calc(0.34 - var(--scroll-p,0) * 0.85);filter:drop-shadow(0 20px 28px rgba(0,0,0,.22)) brightness(1.8);transition:none}.hero-diver{position:absolute;z-index:6;right:0;top:13.5vh;width:clamp(680px,58vw,1160px);max-height:78vh;object-fit:contain;filter:drop-shadow(0 38px 50px rgba(0,0,0,.36));transform:translate(calc(var(--mx)*.032),calc(var(--my)*.024)) rotate(calc(var(--mx)*.00055deg));transition:transform .08s linear;animation:floatDiver 5.6s ease-in-out infinite alternate}.hero-vignette{position:absolute;inset:0;z-index:7;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16));pointer-events:none}.bubbles{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}.bubble{position:absolute;bottom:-40px;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.56);animation:rise linear infinite}.bubble:nth-child(1){left:8%;animation-duration:9s}.bubble:nth-child(2){left:21%;animation-duration:13s;animation-delay:2s;width:7px;height:7px}.bubble:nth-child(3){left:44%;animation-duration:10s;animation-delay:1s}.bubble:nth-child(4){left:73%;animation-duration:15s;animation-delay:3s;width:6px;height:6px}.bubble:nth-child(5){left:89%;animation-duration:11s;animation-delay:4s}.bubble:nth-child(6){left:58%;animation-duration:16s;animation-delay:5s;width:8px;height:8px}.bubble:nth-child(7){left:35%;animation-duration:12s;animation-delay:1.5s;width:5px;height:5px}.bubble:nth-child(8){left:67%;animation-duration:14s;animation-delay:2.5s;width:6px;height:6px}.bubble:nth-child(9){left:15%;animation-duration:10s;animation-delay:3.5s;width:7px;height:7px}.bubble:nth-child(10){left:82%;animation-duration:17s;animation-delay:0.5s;width:4px;height:4px}.bubble:nth-child(11){left:48%;animation-duration:13s;animation-delay:4.5s;width:6px;height:6px}.bubble:nth-child(12){left:25%;animation-duration:15s;animation-delay:6s;width:5px;height:5px}@keyframes rise{to{transform:translate3d(30px,-110vh,0);opacity:0}}@keyframes floatDiver{from{margin-top:0}to{margin-top:-16px}}
.hero-cta{position:absolute;z-index:6;left:6vw;bottom:10vh;pointer-events:auto}.hero-cta .label{margin-bottom:22px}.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:900;border:1px solid rgba(255,255,255,.22);transition:.25s;backdrop-filter:blur(12px);color:white}.btn.primary{background:var(--cyan);color:#06111a;border:0}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.22)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px;margin-top:22px}.stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:22px;padding:17px}.stat b{display:block;font-size:24px}.stat span{font-size:12px;color:rgba(255,255,255,.58)}

/* V5 shared screen system */
.screen{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 0 56px;background:#111;scroll-snap-align:center}.screen-bg{position:absolute;inset:-2%;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.02);z-index:0}.screen::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.screen .safe{z-index:5}.screen-copy{position:relative;z-index:6}.glass-card{border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(10,7,4,.50),rgba(10,7,4,.24));backdrop-filter:blur(20px);box-shadow:0 40px 120px rgba(0,0,0,.32);border-radius:32px;padding:42px}.paper-card{border:1px solid rgba(0,0,0,.10);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.42));backdrop-filter:blur(14px);box-shadow:0 40px 110px rgba(75,62,42,.16);border-radius:34px;padding:42px;color:#191510}.screen h2{margin:18px 0 0;font-size:clamp(40px,5.2vw,76px);line-height:1.08;letter-spacing:-.07em;font-family:"Songti SC","Noto Serif CJK SC","STSong","SimSun",serif}.screen p{margin:22px 0 0;font-size:18px;line-height:1.85}.gold-line{width:66px;height:2px;background:linear-gradient(90deg,var(--gold2),transparent);margin:22px 0 0}.ambient-bubbles{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.55}.ambient-bubbles i{position:absolute;display:block;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.38),rgba(255,255,255,.04));box-shadow:0 0 30px rgba(255,255,255,.08)}.ambient-bubbles i:nth-child(1){width:18px;height:18px;left:18%;top:18%}.ambient-bubbles i:nth-child(2){width:24px;height:24px;left:52%;top:34%}.ambient-bubbles i:nth-child(3){width:13px;height:13px;right:14%;top:22%}.ambient-bubbles i:nth-child(4){width:9px;height:9px;left:8%;bottom:22%}
.fg{position:absolute;z-index:4;object-fit:contain;pointer-events:none;filter:drop-shadow(0 28px 42px rgba(0,0,0,.22));will-change:transform}

/* Screen 2 */
.about{background:#0a0603;color:#fff}.about .screen-bg{background-image:url('./assets/2s.webp');filter:saturate(.94) contrast(1.05) brightness(.78)}.about::before{background:linear-gradient(90deg,rgba(3,2,1,.90) 0%,rgba(8,5,3,.70) 43%,rgba(8,5,3,.30) 74%,rgba(5,3,2,.58) 100%),radial-gradient(circle at 20% 70%,rgba(201,155,75,.16),transparent 32%)}.about .screen-copy{width:min(820px,66vw);margin-left:6vw}.about .label{border-color:rgba(201,155,75,.30);color:#ffd889;background:rgba(201,155,75,.08)}.about p{color:rgba(255,255,255,.72)}.mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.mini{border:1px solid rgba(201,155,75,.28);background:rgba(0,0,0,.20);border-radius:18px;padding:17px 18px;display:flex;gap:13px;align-items:center;color:rgba(255,255,255,.86);line-height:1.45}.mini b{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(201,155,75,.52);border-radius:13px;color:var(--gold2);font-size:15px}

/* Screen 3 */
.zen{background:#ded8cf;color:#191510}.zen .screen-bg{background-image:url('./assets/3b.webp');filter:saturate(.95) contrast(1.02) brightness(.98);transform:scale(1.02) scaleX(-1)}.zen::before{background:linear-gradient(90deg,rgba(238,232,219,.10) 0%,rgba(238,232,219,.46) 58%,rgba(238,232,219,.78) 100%),radial-gradient(circle at 82% 24%,rgba(255,255,255,.45),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.02) 24%,rgba(0,0,0,.08) 100%)}.zen-stage{position:absolute;z-index:4;left:6.8vw;bottom:5vh;width:min(46vw,760px);max-height:72vh;pointer-events:none}.zen-stage .zen-f{position:relative;width:100%;height:100%;max-height:72vh;left:auto;bottom:auto;object-fit:contain;filter:drop-shadow(0 26px 35px rgba(58,46,31,.18));transform:translate(calc(var(--mx)*.007),calc(var(--my)*.004))}.zen .screen-copy{width:min(660px,54vw);margin-left:auto;margin-right:6vw}.zen .label.dark{color:#9a6e27;background:rgba(255,255,255,.40)}.zen p{color:rgba(0,0,0,.66)}.zen-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}.zen-item{display:flex;gap:15px;align-items:center;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.54);border-radius:18px;padding:15px 18px;font-size:16px;font-weight:750;color:rgba(0,0,0,.72);box-shadow:0 16px 40px rgba(86,72,50,.08)}.zen-item i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(201,155,75,.42);color:#a77933;font-style:normal}

/* Screen 4: material 5 */
.services{background:#f0ede7;color:#191510}.services .screen-bg{background-image:url('./assets/5b.webp');filter:saturate(.95) brightness(1.02)}.services::before{background:radial-gradient(circle at 79% 48%,rgba(201,155,75,.18),transparent 30%),radial-gradient(circle at 14% 16%,rgba(255,255,255,.80),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.35) 58%,rgba(255,255,255,.20))}.services::after{content:"";position:absolute;z-index:2;right:4vw;top:24vh;width:40vw;height:40vw;border:1px solid rgba(201,155,75,.16);border-radius:50%;box-shadow:inset 0 0 80px rgba(255,255,255,.50);pointer-events:none}.services-f{right:9vw;bottom:0;width:min(30vw,470px);max-height:74vh;filter:drop-shadow(0 26px 40px rgba(55,45,35,.18));transform:translate(calc(var(--mx)*.006),calc(var(--my)*.004))}.services .screen-copy{width:min(820px,64vw);margin-left:6vw}.services .label.dark{color:#9a6e27;background:rgba(255,255,255,.46)}.services p{max-width:520px;color:rgba(0,0,0,.62)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.card{border:1px solid rgba(201,155,75,.20);background:rgba(255,255,255,.62);backdrop-filter:blur(10px);border-radius:22px;padding:20px;min-height:140px;box-shadow:0 18px 50px rgba(75,62,42,.08);transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(75,62,42,.14)}.icon{width:42px;height:42px;border-radius:15px;border:1px solid rgba(201,155,75,.35);display:grid;place-items:center;color:#a77933;margin-bottom:13px;font-size:21px}.card h3{font-size:19px;margin:0;color:#15120f}.card p{font-size:13px;line-height:1.7;margin:8px 0 0;color:rgba(0,0,0,.58)}

/* Screen 5: material 4 */
.attitude{background:#eee3ca;color:#18120b}.attitude .screen-bg{background-image:url('./assets/4b.webp');filter:saturate(.96) contrast(1.03)}.attitude::before{background:linear-gradient(90deg,rgba(241,230,205,.12) 0%,rgba(241,230,205,.34) 48%,rgba(241,230,205,.72) 100%),radial-gradient(circle at 23% 62%,rgba(0,0,0,.09),transparent 36%)}.attitude-f{left:10.5vw;bottom:0;width:min(32vw,520px);max-height:100vh;object-position:bottom center;filter:drop-shadow(0 34px 28px rgba(0,0,0,.15));transform:translate(calc(var(--mx)*.004),calc(var(--my)*.004))}.attitude .screen-copy{width:min(560px,50vw);margin-left:46vw;margin-right:auto}.attitude .label.dark{color:#9a6e27;background:rgba(255,255,255,.28)}.attitude h2{font-size:clamp(46px,6vw,82px)}.attitude p{color:rgba(0,0,0,.68)}.attitude .btns{margin-top:32px}.btn.inkbtn{background:#19120a;color:#f2d59e;border-color:rgba(0,0,0,.24)}.btn.paperbtn{color:#8f672d;border-color:rgba(143,103,45,.38);background:rgba(255,255,255,.32)}.quote-line{display:flex;align-items:center;gap:10px;color:rgba(0,0,0,.48);font-size:13px;margin-top:28px}.quote-line::before{content:'\201C';font-family:Georgia,serif;font-size:40px;color:rgba(201,155,75,.72);line-height:1}.quote-line::after{content:'\201D';font-family:Georgia,serif;font-size:40px;color:rgba(201,155,75,.72);line-height:1}



/* V6 polish: cards keep their original layout positions; only surface, depth and scene motion are enhanced */
.glass-card,.paper-card,.mini,.zen-item,.card,.quote-line,.btn{position:relative;isolation:isolate}.glass-card,.paper-card,.mini,.zen-item,.card{overflow:hidden}.glass-card{border-color:rgba(255,216,137,.28);background:linear-gradient(145deg,rgba(12,8,4,.66),rgba(20,13,7,.34) 48%,rgba(255,230,171,.10));box-shadow:0 42px 120px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(201,155,75,.12)}.glass-card::before,.paper-card::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1}.glass-card::before{background:radial-gradient(circle at 18% 8%,rgba(242,201,116,.26),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.14),transparent 36%,rgba(255,255,255,.05) 68%,transparent)}.glass-card::after{content:"";position:absolute;left:-26%;top:-18%;width:52%;height:132%;background:linear-gradient(100deg,transparent,rgba(255,233,172,.16),transparent);transform:rotate(12deg);animation:cardSheen 9s ease-in-out infinite;pointer-events:none}.paper-card{border-color:rgba(144,105,49,.18);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(249,244,232,.60) 44%,rgba(255,255,255,.38));box-shadow:0 42px 110px rgba(75,62,42,.19),inset 0 1px 0 rgba(255,255,255,.72)}.paper-card::before{background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.86),transparent 32%),linear-gradient(135deg,rgba(201,155,75,.10),transparent 42%),repeating-linear-gradient(90deg,rgba(0,0,0,.020) 0 1px,transparent 1px 17px);opacity:.72}.mini{border-color:rgba(242,201,116,.34);background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 46px rgba(0,0,0,.14);transition:transform .28s ease,border-color .28s ease,background .28s ease}.mini::after,.zen-item::after,.card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 42%,rgba(242,201,116,.12));opacity:.55;pointer-events:none}.mini:hover{transform:translateY(-2px);border-color:rgba(242,201,116,.54);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05))}.mini b,.zen-item i,.icon{background:linear-gradient(145deg,rgba(242,201,116,.20),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px rgba(143,103,45,.10)}.zen-item{border-color:rgba(143,103,45,.14);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.43));box-shadow:0 18px 50px rgba(86,72,50,.10),inset 0 1px 0 rgba(255,255,255,.78);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.zen-item:hover{transform:translateX(-2px);border-color:rgba(167,121,51,.30);box-shadow:0 24px 60px rgba(86,72,50,.14),inset 0 1px 0 rgba(255,255,255,.82)}.card{border-color:rgba(167,121,51,.20);background:linear-gradient(150deg,rgba(255,255,255,.80),rgba(255,255,255,.48) 58%,rgba(242,201,116,.12));box-shadow:0 20px 58px rgba(75,62,42,.10),inset 0 1px 0 rgba(255,255,255,.74);transform-style:preserve-3d}.card:hover{transform:translateY(-5px) scale(1.012);border-color:rgba(167,121,51,.34);box-shadow:0 30px 80px rgba(75,62,42,.18),inset 0 1px 0 rgba(255,255,255,.78)}.card .icon{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(242,201,116,.20));box-shadow:0 13px 26px rgba(143,103,45,.13),inset 0 1px 0 rgba(255,255,255,.8)}.card h3{letter-spacing:-.02em}.attitude .btns .btn{box-shadow:0 16px 38px rgba(57,41,22,.14),inset 0 1px 0 rgba(255,255,255,.14)}.quote-line{display:flex;align-items:center;gap:10px;color:rgba(0,0,0,.48);font-size:13px;margin-top:28px}

.scene{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.scene-attitude{z-index:7}.scene i{position:absolute;display:block;pointer-events:none}.scene-about::before{content:"";position:absolute;left:4vw;top:18vh;width:42vw;height:42vw;border:1px solid rgba(242,201,116,.11);border-radius:50%;box-shadow:inset 0 0 70px rgba(242,201,116,.08);animation:ringBreathe 8s ease-in-out infinite}.scene-about::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 68%,rgba(242,201,116,.16),transparent 24%),radial-gradient(circle at 84% 18%,rgba(255,255,255,.08),transparent 20%);mix-blend-mode:screen;animation:sceneGlow 10s ease-in-out infinite alternate}.warm-dot{width:5px;height:5px;border-radius:50%;background:rgba(242,201,116,.74);box-shadow:0 0 26px rgba(242,201,116,.55);opacity:.45;animation:floatDust 11s ease-in-out infinite}.warm-dot:nth-child(1){left:16%;top:72%;animation-delay:-1s}.warm-dot:nth-child(2){left:42%;top:18%;animation-delay:-4s;width:4px;height:4px}.warm-dot:nth-child(3){right:21%;top:36%;animation-delay:-7s;width:7px;height:7px}.warm-dot:nth-child(4){right:10%;bottom:22%;animation-delay:-2.5s}.depth-line{height:1px;width:160px;background:linear-gradient(90deg,transparent,rgba(242,201,116,.24),transparent);filter:blur(.2px);animation:dataDrift 9s linear infinite}.depth-line:nth-child(5){right:14%;top:30%;animation-delay:-1s}.depth-line:nth-child(6){right:22%;top:54%;animation-delay:-5s;width:110px}.depth-line:nth-child(7){left:10%;bottom:18%;animation-delay:-3s;width:210px}.scene-zen{z-index:5;overflow:visible}.scene-zen::before{content:"";position:absolute;right:8vw;top:12vh;width:30vw;height:30vw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.42),transparent 62%);filter:blur(10px);animation:paperLight 9s ease-in-out infinite alternate}.zen-stage .tea-steam{position:absolute;z-index:5;bottom:24%;left:23.5%;width:44px;height:120px;border:0;border-radius:50%;filter:blur(.15px);opacity:.88;animation:steamRiseStrong 5.8s ease-in-out infinite;mix-blend-mode:multiply}.zen-stage .tea-steam::before,.zen-stage .tea-steam::after{content:"";position:absolute;inset:0;border-left:2px solid rgba(128,83,34,.50);border-radius:48% 52% 50% 46%;box-shadow:0 0 10px rgba(255,255,255,.72),0 0 16px rgba(143,103,45,.18);background:linear-gradient(to top,rgba(255,255,255,.28),rgba(255,255,255,0) 68%);-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 16%,#000 78%,transparent 100%);mask-image:linear-gradient(to top,transparent 0%,#000 16%,#000 78%,transparent 100%)}.zen-stage .tea-steam::after{left:22px;top:18px;height:78%;border-left-color:rgba(255,255,255,.78);filter:drop-shadow(0 0 4px rgba(128,83,34,.45));transform:scaleX(-1) rotate(5deg)}.zen-stage .tea-steam:nth-child(2){left:29.5%;bottom:22%;height:104px;width:36px;animation-delay:-1.9s}.zen-stage .tea-steam:nth-child(3){left:35.5%;bottom:24%;height:88px;width:28px;animation-delay:-3.8s}.zen-stage .tea-steam:nth-child(4)::before{border-left-color:rgba(255,255,255,.78)}.zen-stage .tea-steam:nth-child(4)::after{border-left-color:rgba(128,83,34,.50)}.paper-fleck{z-index:1;width:5px;height:5px;border-radius:1px;background:rgba(143,103,45,.18);transform:rotate(22deg);animation:paperFloat 12s ease-in-out infinite}.paper-fleck:nth-child(4){right:18%;top:24%;animation-delay:-1s}.paper-fleck:nth-child(5){right:31%;bottom:26%;animation-delay:-5s}.paper-fleck:nth-child(6){left:47%;top:62%;animation-delay:-8s}.scene-services::before{content:"";position:absolute;right:3vw;top:22vh;width:43vw;height:43vw;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(201,155,75,.18),transparent 28%,rgba(255,255,255,.24),transparent 54%);filter:blur(.3px);animation:slowSpin 18s linear infinite}.service-orbit{border:1px solid rgba(167,121,51,.18);border-radius:50%;right:7vw;top:25vh;width:36vw;height:36vw;animation:orbitPulse 8s ease-in-out infinite}.service-orbit:nth-child(2){right:12vw;top:32vh;width:25vw;height:25vw;animation-delay:-2.5s}.service-orbit:nth-child(3){right:18vw;top:39vh;width:14vw;height:14vw;animation-delay:-5s}.service-scan{left:0;right:0;top:18vh;height:1px;background:linear-gradient(90deg,transparent,rgba(201,155,75,.25),transparent);animation:serviceScan 7.6s ease-in-out infinite}.scene-attitude::before{content:"";position:absolute;left:8vw;bottom:6vh;width:38vw;height:34vw;border-radius:55% 45% 62% 38%;background:radial-gradient(circle at 42% 55%,rgba(17,13,9,.18),rgba(17,13,9,.05) 45%,transparent 70%);filter:blur(12px);animation:inkBreathe 9s ease-in-out infinite}.ink-drop{width:10px;height:10px;border-radius:50%;background:rgba(20,14,8,.22);filter:blur(.3px);animation:inkFloat 12s ease-in-out infinite}.ink-drop:nth-child(1){left:20%;top:22%;animation-delay:-2s}.ink-drop:nth-child(2){left:38%;bottom:25%;width:7px;height:7px;animation-delay:-5s}.ink-drop:nth-child(3){right:21%;top:18%;width:13px;height:13px;animation-delay:-8s}.ink-drop:nth-child(4){right:13%;bottom:18%;width:6px;height:6px;animation-delay:-1s}.brush-glint{left:14vw;bottom:16vh;width:46vw;height:2px;background:linear-gradient(90deg,transparent,rgba(17,13,9,.28),rgba(242,201,116,.18),transparent);transform:rotate(-7deg);animation:brushSweep 7.5s ease-in-out infinite}

@keyframes cardSheen{0%,58%,100%{transform:translateX(0) rotate(12deg);opacity:0}72%{opacity:1}88%{transform:translateX(300%) rotate(12deg);opacity:0}}@keyframes ringBreathe{0%,100%{transform:scale(.94);opacity:.36}50%{transform:scale(1.03);opacity:.72}}@keyframes sceneGlow{from{transform:translate3d(-12px,10px,0)}to{transform:translate3d(16px,-12px,0)}}@keyframes floatDust{0%,100%{transform:translate3d(0,0,0);opacity:.22}50%{transform:translate3d(28px,-48px,0);opacity:.72}}@keyframes dataDrift{0%{transform:translateX(44px);opacity:0}24%,68%{opacity:.68}100%{transform:translateX(-96px);opacity:0}}@keyframes paperLight{from{transform:translate3d(0,0,0) scale(.96);opacity:.62}to{transform:translate3d(-24px,16px,0) scale(1.05);opacity:.95}}@keyframes steamRise{0%{transform:translateY(30px) translateX(0) scaleX(.75);opacity:0}30%{opacity:.50}100%{transform:translateY(-70px) translateX(35px) scaleX(1.2);opacity:0}}@keyframes steamRiseStrong{0%{transform:translate3d(0,26px,0) scaleX(.72) rotate(-2deg);opacity:0}18%{opacity:.78}48%{opacity:.92}74%{opacity:.54}100%{transform:translate3d(30px,-96px,0) scaleX(1.18) rotate(5deg);opacity:0}}@keyframes paperFloat{0%,100%{transform:translate3d(0,0,0) rotate(18deg);opacity:.18}50%{transform:translate3d(-26px,-36px,0) rotate(62deg);opacity:.52}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes orbitPulse{0%,100%{transform:scale(.96);opacity:.26}50%{transform:scale(1.04);opacity:.56}}@keyframes serviceScan{0%,100%{transform:translateY(0);opacity:0}18%,72%{opacity:.56}50%{transform:translateY(50vh)}}@keyframes inkBreathe{0%,100%{transform:scale(.96) rotate(-3deg);opacity:.42}50%{transform:scale(1.05) rotate(2deg);opacity:.72}}@keyframes inkFloat{0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:.12}42%{opacity:.32}70%{transform:translate3d(18px,-58px,0) scale(1.1);opacity:.20}}@keyframes brushSweep{0%,100%{transform:translateX(-16px) rotate(-7deg);opacity:.14}50%{transform:translateX(26px) rotate(-7deg);opacity:.54}}

/* Modal */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.modal.open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:1;background:white;border-radius:24px;padding:28px 28px 22px;box-shadow:0 40px 100px rgba(0,0,0,.35);transform:scale(.88) translateY(18px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);max-width:min(420px,90vw);text-align:center;color:#1a1a1a}.modal.open .modal-card{transform:scale(1) translateY(0)}.modal-card img{width:100%;max-width:320px;border-radius:12px;display:block;margin:0 auto}.modal-card p{margin:14px 0 0;font-size:15px;color:#555}.modal-close{position:absolute;top:10px;right:14px;width:36px;height:36px;border:none;background:none;font-size:28px;line-height:1;color:#999;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:.2s}.modal-close:hover{background:rgba(0,0,0,.06);color:#333}

@media(prefers-reduced-motion:reduce){.scene i,.scene::before,.scene::after,.glass-card::after,.screen-bg,.fg,.hero-diver,.bubble{animation:none!important;transition:none!important}}