.hero{background:linear-gradient(180deg,#02142a 0%,#04274b 52%,#05325c 100%)}.hero .rays{position:absolute;inset:-10% -10% 30% -10%;z-index:-1;pointer-events:none;opacity:.9;background:repeating-linear-gradient(104deg,rgba(150,220,255,0) 0 46px,rgba(150,220,255,.075) 70px,rgba(150,220,255,0) 120px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,transparent 78%);transform-origin:70% 0;animation:sway 14s ease-in-out infinite alternate}@keyframes sway{from{transform:rotate(-2.5deg) translateX(-1.5%)}to{transform:rotate(2.5deg) translateX(1.5%)}}.hero .bubbles{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bubbles .b{position:absolute;bottom:-40px;border-radius:50%;border:1px solid rgba(190,235,255,.45);background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.5),rgba(255,255,255,0) 42%);animation:rise var(--d,16s) linear var(--dl,0s) infinite;opacity:0}@keyframes rise{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:.75}50%{transform:translate3d(var(--sx,18px),-55vh,0)}92%{opacity:.5}100%{transform:translate3d(calc(var(--sx, 18px) * -1), -112vh, 0);opacity:0}}.wave-div{position:relative;height:72px;overflow:hidden;margin-top:-1px}.wave-div svg{position:absolute;left:0;bottom:-1px;width:200%;height:100%;fill:var(--bg)}.wave-div .w1{opacity:.45;animation:wave 20s linear infinite}.wave-div .w2{animation:wave 12s linear infinite reverse}@keyframes wave{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.hero .rays,.bubbles .b,.wave-div svg{animation:none}.bubbles{display:none}}.hero-stats.is4{grid-template-columns:repeat(4,minmax(0, 1fr));margin-top:clamp(48px, 8vw, 96px)}.hero-stats.is4 b small{font-size:.38em}.cw-note{margin:0;padding-bottom:26px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;color:var(--deep-muted)}.cw-note a{color:var(--deep-accent);border-bottom:1px solid currentColor}@media (max-width:720px){.hero-stats.is4{grid-template-columns:repeat(2,minmax(0, 1fr))}.hero-stats.is4>div{grid-template-columns:1fr;padding:22px 0 24px;gap:4px}.hero-stats.is4>div+div{border-left:0;padding-left:0;border-top:0}.hero-stats.is4>div:nth-child(even){border-left:1px solid var(--deep-line);padding-left:18px}.hero-stats.is4>div:nth-child(n+3){border-top:1px solid var(--deep-line)}}.feature{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);gap:clamp(28px, 4.5vw, 64px);margin-bottom:clamp(64px, 9vw, 112px);align-items:start}.fp{display:grid;gap:26px}.fp-shot{display:block;position:relative}.fp-shot .shot{aspect-ratio:2/1;border:1px solid var(--deep-line);box-shadow:0 30px 80px rgba(0,40,90,.55),0 0 0 1px rgba(76,201,232,.08)}.fp-shot:hover .shot img{transform:scale(1.04)}.fp-shot .shot:after{content:"SITE ↗";background:var(--deep-accent);color:var(--on-accent)}.fp-shot:hover .shot:after{opacity:1;transform:none}.fp-body{display:grid;gap:14px}.fp-body .label{color:var(--deep-accent)}.fp-body h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(28px, 3.6vw, 46px);line-height:1.3;letter-spacing:.05em;color:var(--deep-fg);display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.fp-body .pill{border-color:var(--deep-line);color:var(--deep-muted)}.fp-body .pill.real{background:var(--deep-accent);color:var(--on-accent);border-color:var(--deep-accent)}.fp-lead{margin:0;color:var(--deep-muted);max-width:58ch}.fp-points{list-style:none;margin:4px 0 0;padding:0;display:grid;border-top:1px solid var(--deep-line)}.fp-points li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--deep-line);font-size:14.5px;line-height:1.8;color:var(--deep-fg)}.fp-points li:before{content:"";position:absolute;left:0;top:1.5em;width:16px;height:1px;background:var(--deep-accent)}.fp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.index .fp-actions .btn.ghost{color:var(--deep-fg)}.fp-cases{position:sticky;top:96px;border:1px solid var(--deep-line);border-radius:8px;padding:clamp(22px, 3vw, 34px);display:grid;gap:16px;align-content:start;background:linear-gradient(160deg,rgba(76,201,232,.1),rgba(76,201,232,0) 60%);position:relative}.fp-cases:before{content:"";position:absolute;left:-1px;top:28px;width:3px;height:54px;background:var(--deep-accent);border-radius:2px}.fp-cases .label{color:var(--deep-accent)}.fp-cases-lead{margin:0;color:var(--deep-muted);font-size:14.5px;line-height:1.9}.case{display:grid;grid-template-columns:124px minmax(0, 1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--deep-line);border-radius:6px;background:rgba(4,24,46,.5);transition:border-color .3s,transform .35s,background .3s}.case:hover{border-color:var(--deep-accent);transform:translateY(-3px);background:rgba(8,38,68,.8)}.case .shot{aspect-ratio:16/10;border-radius:3px}.case .shot:after{display:none}.case-body{display:grid;gap:6px;min-width:0}.case-body b{font-family:var(--f-display);font-weight:500;font-size:17px;letter-spacing:.04em;line-height:1.5;color:var(--deep-fg)}.case-meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.case-meta .pill{border-color:var(--deep-line);color:var(--deep-muted)}.case-meta .pill.real{background:var(--deep-accent);color:var(--on-accent);border-color:var(--deep-accent)}.case-meta em{font-style:normal;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;color:var(--deep-accent)}.case-cn{font-size:12.5px;line-height:1.7;color:var(--deep-muted)}.case .ar{color:var(--deep-accent);font-size:20px}@media (max-width:960px){.feature{grid-template-columns:1fr}}@media (max-width:520px){.case{grid-template-columns:96px minmax(0, 1fr)}.case .ar{display:none}}.idx-head{display:grid;gap:8px;margin:0 0 26px}.idx-head .label{color:var(--deep-accent)}.idx-head h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(24px, 3vw, 36px);letter-spacing:.05em;color:var(--deep-fg);line-height:1.4}.idx-head h3 em{font-family:var(--f-latin);font-style:italic;font-weight:400;color:var(--deep-accent)}.ring-wrap{margin-top:clamp(72px, 10vw, 130px)}.ring-stage{position:relative;height:clamp(330px, 42vw, 460px);margin-inline:calc(var(--gutter) * -1);overflow-x:auto;overflow-y:hidden}.ring{display:flex;gap:16px;padding:14px var(--gutter);width:max-content}.ring-card{position:relative;display:block;flex:none;width:260px;border:1px solid var(--ring-line);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(8,38,68,.92),rgba(3,18,36,.96));box-shadow:0 0 36px rgba(60,170,230,.25),inset 0 0 24px rgba(76,201,232,.08);color:#fff}.rc-shot{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b2f52}.rc-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;-webkit-user-drag:none;user-select:none}.rc-name{display:flex;align-items:center;justify-content:space-between;gap:10px;height:46px;padding:0 14px;font-family:var(--f-display);font-size:15px;letter-spacing:.06em;border-top:1px solid var(--ring-line);background:linear-gradient(90deg,rgba(8,38,68,.98),rgba(8,38,68,.55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-name:after{content:"↗";color:var(--deep-accent);font-family:var(--f-mono)}.ring-wrap.is-3d .ring-stage{perspective:1750px;perspective-origin:50% 36%;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.ring-wrap.is-3d .ring-stage.dragging{cursor:grabbing}.ring-wrap.is-3d .ring{--cw:clamp(210px, 23vw, 300px);position:absolute;left:50%;top:44%;width:0;height:0;padding:0;display:block;transform-style:preserve-3d;transform:translateZ(calc(var(--r, 520px) * -1)) rotateX(-8deg) rotateY(var(--ry, 0deg));will-change:transform}.ring-wrap.is-3d .ring-card{position:absolute;width:var(--cw);left:calc(var(--cw) / -2);top:-110px;transform:rotateY(calc(var(--i) * var(--step, 30deg))) translateZ(var(--r, 520px));backface-visibility:visible;transition:opacity .5s,filter .5s,box-shadow .3s}.ring-wrap.is-3d .ring-card.is-back{opacity:.3;filter:saturate(.5) blur(1.2px)}.ring-wrap.is-3d .ring-card:hover{box-shadow:0 0 56px rgba(76,201,232,.55),inset 0 0 24px rgba(76,201,232,.12)}.ring-wrap.is-3d .ring-card:before,.ring-wrap.is-3d .ring-card:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--deep-accent);pointer-events:none;z-index:2}.ring-wrap.is-3d .ring-card:before{left:6px;top:6px;border-right:0;border-bottom:0}.ring-wrap.is-3d .ring-card:after{right:6px;top:6px;border-left:0;border-bottom:0}.ring-floor{display:none}.ring-wrap.is-3d .ring-floor{display:block;position:absolute;left:50%;bottom:3%;width:min(980px, 92%);height:190px;transform:translateX(-50%) rotateX(74deg);pointer-events:none;background:radial-gradient(closest-side,rgba(76,201,232,.38),rgba(76,201,232,0) 72%),repeating-radial-gradient(circle at 50% 50%,rgba(76,201,232,.4) 0 1px,transparent 1px 38px);-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}.ring-ctrl{display:none;align-items:center;justify-content:center;gap:22px;margin-top:10px}.ring-wrap.is-3d .ring-ctrl{display:flex}.rc-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--deep-line);background:rgba(8,38,68,.6);color:var(--deep-accent);font-family:var(--f-mono);font-size:16px;cursor:pointer;transition:border-color .25s,background .25s,color .25s}.rc-btn:hover{border-color:var(--deep-accent);background:var(--deep-accent);color:var(--on-accent)}.rc-hint{font-family:var(--f-mono);font-size:11px;letter-spacing:.24em;color:var(--deep-muted)}@media (max-width:720px){.ring-wrap.is-3d .ring{--cw:200px}.ring-wrap.is-3d .ring-card{top:-96px}.ring-wrap.is-3d .ring-stage{height:330px}}@media (max-width:960px){.fp-cases{position:static}}