.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}.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}}.process{position:relative;background-color:var(--bg-2);background-image:linear-gradient(color-mix(in srgb,var(--line) 55%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 55%,transparent) 1px,transparent 1px);background-size:56px 56px;background-position:-1px -1px}.process:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 55%,transparent 40%,var(--bg-2) 100%)}.process .wrap{position:relative}.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0, 1fr));gap:0;counter-reset:none}.flow-step{position:relative;display:grid;justify-items:center;align-content:start;padding-inline:8px}.fs-node{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent),0 10px 26px color-mix(in srgb,var(--accent) 22%,transparent);transition:background .35s,color .35s,box-shadow .35s}.fs-node b{font-family:var(--f-latin);font-style:italic;font-weight:500;font-size:28px;line-height:1;letter-spacing:.02em;font-variant-numeric:lining-nums}.flow-step:hover .fs-node{background:var(--accent);color:var(--hover-fg);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 30px color-mix(in srgb,var(--accent) 35%,transparent)}.fs-card{position:relative;width:100%;margin-top:26px;padding:26px 22px 24px;background:var(--card);border:1px solid var(--line);border-radius:10px;display:grid;gap:8px;align-content:start;text-align:left;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}.fs-card:before{content:"";position:absolute;left:50%;top:-26px;width:2px;height:26px;margin-left:-1px;background:var(--accent);opacity:.55}.fs-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-soft));opacity:.9}.flow-step:hover .fs-card{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 18%,transparent)}.fs-icon{width:38px;height:38px;color:var(--accent);display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);margin-bottom:4px}.fs-icon svg{width:22px;height:22px;display:block}.fs-en{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.fs-card h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:21px;letter-spacing:.05em;line-height:1.5}.fs-card p{margin:0;font-size:14px;line-height:1.85;color:var(--muted)}.flow-step:not(:last-child):after{content:"";position:absolute;z-index:1;top:31px;left:calc(50% + 44px);width:calc(100% - 88px);height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 9px,transparent 9px 18px);background-size:18px 2px;animation:flow-dash 1.1s linear infinite}.flow-step:not(:last-child):before{content:"";position:absolute;z-index:1;top:25px;left:calc(150% - 52px);width:11px;height:11px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}@keyframes flow-dash{to{background-position:18px 0}}.js .flow-step.rv:after,.js .flow-step.rv:before{opacity:0}.js .flow-step.rv.in:after,.js .flow-step.rv.in:before{opacity:1;transition:opacity .6s ease calc(var(--i, 0) * 110ms + 700ms)}@media (prefers-reduced-motion:reduce){.flow-step:not(:last-child):after{animation:none}}@media (max-width:900px){.flow{grid-template-columns:1fr;gap:0}.flow-step{grid-template-columns:64px minmax(0, 1fr);gap:0 18px;justify-items:stretch;align-items:start;padding:0 0 30px}.fs-node{grid-row:1;width:56px;height:56px;margin-left:4px}.fs-node b{font-size:24px}.fs-card{margin-top:0}.fs-card:before{left:-19px;top:27px;width:18px;height:2px;margin-left:0}.flow-step:not(:last-child):after{top:64px;left:31px;width:2px;height:calc(100% - 64px);background:repeating-linear-gradient(180deg,var(--accent) 0 9px,transparent 9px 18px);background-size:2px 18px;animation-name:flow-dash-v}.flow-step:not(:last-child):before{top:auto;bottom:22px;left:26px;width:11px;height:11px;transform:rotate(135deg)}@keyframes flow-dash-v{to{background-position:0 18px}}}@media (min-width:901px){.flow-step{grid-template-rows:auto 1fr}.fs-card{height:100%}}