/* Composition: portrait stays flat; the independent Web scene owns all strong motion. */
.hero-scene-v2{--scene-cyan:#69e8ff;--scene-magenta:#ea65e8;--scene-ease:cubic-bezier(.22,1,.36,1);isolation:isolate}
.hero-scene-v2 .hero-main{min-height:51vw}
.hero-scene-v2 .hero-body{z-index:2}
.hero-scene-v2 .hero-signature{top:auto;bottom:7.5vw;right:-1.5vw;width:15vw;z-index:1}
.hero-scene-v2 .hero-signature p{font-size:1.8vw}
.hero-scene-v2 .hero-signature p span{white-space:nowrap}
.hero-scene-v2 .hero-signature small{margin-left:3vw}
.hero-scene-v2 .scene-stage{position:absolute;z-index:1;top:15.2vw;left:47%;width:52%;font-family:var(--font);color:white}
.hero-scene-v2 .scene-space{position:relative;width:100%;aspect-ratio:720/440;perspective:1100px;isolation:isolate}
.hero-scene-v2 .scene-pointer{position:absolute;inset:0;perspective:inherit;transform-style:flat}
.hero-scene-v2 .scene-browser-pose{position:absolute;left:7%;top:32%;width:64%;transform:rotateY(-8deg) rotateX(3deg);transform-style:preserve-3d;z-index:3}
.hero-scene-v2 .scene-browser{border:2px solid #82e9ff;border-radius:12px;overflow:hidden;background:#071b30;box-shadow:0 0 0 3px #2b58ae88,0 0 24px #00b9ef77,0 18px 48px #000a,5px 6px 0 #583ed966;backface-visibility:hidden}
.hero-scene-v2 .scene-browser-bar{height:23px;display:flex;align-items:center;gap:5px;padding:0 9px;background:linear-gradient(105deg,#133f67,#142a4b);font:500 7px/1.2 var(--font);letter-spacing:.13em;color:#c1def5;white-space:nowrap}
.hero-scene-v2 .scene-browser-bar i{width:5px;height:5px;border-radius:50%;background:#6fabc4}
.hero-scene-v2 .scene-browser-bar i:first-child{background:#ed69b7}.hero-scene-v2 .scene-browser-bar i:nth-child(2){background:#94cee5}.hero-scene-v2 .scene-browser-bar i:nth-child(3){background:#50e9c2}
.hero-scene-v2 .scene-browser-bar span{margin:auto}.hero-scene-v2 .scene-browser-bar b{width:9px;height:7px;border:1px solid #8cbed5}
.hero-scene-v2 .scene-surface{position:relative;background:#071b30;aspect-ratio:480/300;overflow:hidden}
.hero-scene-v2 .scene-site{position:absolute;inset:0;background:#f7fbff;color:#102744}
.hero-scene-v2 .scene-site-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:12%;padding:0 5%;font:600 clamp(5px,.5vw,10px)/1 var(--font);background:#fff}
.hero-scene-v2 .scene-site-header>strong{display:flex;flex:0 0 auto;align-items:center;width:clamp(76px,8vw,132px);max-width:34%;padding:0;background:transparent;line-height:0}
.hero-scene-v2 .scene-site-header>strong img{display:block;width:100%;height:auto;object-fit:contain}
.hero-scene-v2 .scene-site-header>b{padding:5px 7px;border-radius:12px;background:#176cff;color:white;font-size:.85em}
.hero-scene-v2 .scene-site-hero{position:relative;height:61%;overflow:hidden;background:#eaf4fc}
.hero-scene-v2 .scene-photo{position:absolute;inset:0;overflow:hidden;transform-origin:right center}
.hero-scene-v2 .scene-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-scene-v2 .scene-hero-backplate{position:absolute;inset:0 45% 0 0;background:#eef7fd;opacity:0;pointer-events:none}
.hero-scene-v2 .scene-site-title{position:absolute;left:6%;top:15%;font-size:clamp(16px,1.8vw,34px);font-weight:750;line-height:1.35;letter-spacing:.03em;color:white}
.hero-scene-v2 .scene-site-text{position:absolute;left:6%;top:58%;margin:0;font-size:clamp(5px,.54vw,11px);font-weight:500;color:#e0f2fc}
.hero-scene-v2 .scene-site-cta{position:absolute;left:6%;bottom:10%;display:flex;gap:18px;align-items:center;border-radius:20px;padding:6px 12px;background:#036bff;color:#fff;font-size:clamp(6px,.58vw,12px);font-weight:650;line-height:1.2}
.hero-scene-v2 .scene-site-mark{position:absolute;right:4%;bottom:11%;font:500 clamp(9px,.85vw,18px)/1.35 var(--font);color:white}
.hero-scene-v2 .scene-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;height:27%;padding:3% 5% 2%;background:#fff}
.hero-scene-v2 .scene-site-cards>div{position:relative;border-top:2px solid #bce1f6;padding-top:3px;overflow:hidden}
.hero-scene-v2 .scene-site-cards strong{display:block;font-size:clamp(6px,.65vw,12px);line-height:1.5}
.hero-scene-v2 .scene-site-cards small{display:block;color:#647b8e;font-size:clamp(4px,.46vw,9px);line-height:1.5}
.hero-scene-v2 .scene-card-art{display:block;position:absolute;right:0;top:3px;width:16%;height:10px;background:#7adbf4;opacity:.5;transform:skewX(-20deg)}
.hero-scene-v2 .scene-card-art--data{background:#798bea}.hero-scene-v2 .scene-card-art--ai{background:#e586e3}
.hero-scene-v2 .scene-wireframe{position:absolute;inset:0;width:100%;height:100%;stroke:#77daff;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:0;opacity:0;pointer-events:none;z-index:2}
.hero-scene-v2 .scene-highlight{position:absolute;left:5%;top:24%;width:48%;height:34%;border:2px solid #68e8ff;border-radius:4px;box-shadow:0 0 10px #42d8ff88,inset 0 0 8px #42d8ff33;pointer-events:none;opacity:0;z-index:3;transform-origin:left top}
.hero-scene-v2 .scene-helper{position:absolute;left:8%;top:0;width:34%;padding:12px;border:1px solid #74cefc;border-radius:10px;background:linear-gradient(130deg,#092b4bf2,#041d38f5);box-shadow:0 10px 25px #0007,inset 0 0 16px #1383b526;z-index:4;transform:rotateY(-10deg);backface-visibility:hidden}
.hero-scene-v2 .scene-helper-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 clamp(6px,.63vw,12px)/1.3 var(--font);letter-spacing:.11em;color:#b0eaff;margin-bottom:9px}
.hero-scene-v2 .scene-helper-top i{width:5px;height:5px;border-radius:50%;background:#68e8ff;box-shadow:0 0 5px #68e8ff}
.hero-scene-v2 .scene-delivery{opacity:0}
.hero-scene-v2 .scene-search-field{display:flex;align-items:center;gap:5px;padding:6px 5px;border:1px solid #6691b2;border-radius:5px;background:#fff;color:#17304d;font-size:clamp(6px,.65vw,12px);white-space:nowrap}
.hero-scene-v2 .scene-search-field>span{font-size:.8em;color:#577f97}.hero-scene-v2 .scene-search-field>b{margin-left:auto;font-size:14px}
.hero-scene-v2 .scene-search-result{margin-top:8px;font-size:clamp(5px,.55vw,11px)}
.hero-scene-v2 .scene-search-result small{display:inline-block;padding:1px 4px;border:1px solid #78b8df;color:#8de8ff;font-size:.8em;margin-right:5px}
.hero-scene-v2 .scene-search-result strong{font-size:1em;font-weight:600;line-height:1.4}
.hero-scene-v2 .scene-search-result>span{display:block;height:3px;margin-top:4px;background:#396082;border-radius:2px;width:88%}
.hero-scene-v2 .scene-search-result>span:last-child{width:65%}
.hero-scene-v2 .scene-chart{height:75px;position:relative;border-bottom:1px solid #467895}
.hero-scene-v2 .scene-bars{position:absolute;inset:5px 2px 0;display:flex;align-items:flex-end;justify-content:space-around;gap:8%}
.hero-scene-v2 .scene-bars i{height:var(--bar-height);width:9%;background:linear-gradient(#74eaff,#2668c7);transform-origin:center bottom;border-radius:2px 2px 0 0}
.hero-scene-v2 .scene-chart-graph{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-scene-v2 .scene-chart-grid{stroke:#517da4;stroke-opacity:.3;stroke-width:.5}.hero-scene-v2 .scene-chart-line{stroke:#ed82f2;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
.hero-scene-v2 .scene-chart-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:clamp(5px,.52vw,10px);color:#a6c8df}
.hero-scene-v2 .scene-analysis>p{margin:8px 0 0;font-size:clamp(6px,.6vw,12px);color:#d0efff}
.hero-scene-v2 .scene-dataflow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.hero-scene-v2 .scene-flow-guide{stroke:#3b92c7;stroke-width:1;stroke-opacity:.3}
.hero-scene-v2 .scene-flow-send,.hero-scene-v2 .scene-flow-return{stroke:url(#scene-flow-color);stroke-width:2;stroke-linecap:round;stroke-dasharray:45 900;opacity:0}
.hero-scene-v2 .scene-packet{fill:#c9f8ff;filter:drop-shadow(0 0 4px #09cfff);opacity:0}
.hero-scene-v2 .scene-depth-grid{position:absolute;left:3%;right:0;bottom:0;height:35%;background:repeating-linear-gradient(90deg,#2b98bf22 0 1px,transparent 1px 11%),repeating-linear-gradient(0deg,#2b98bf22 0 1px,transparent 1px 24%);transform:rotateX(67deg);transform-origin:bottom;opacity:.5;z-index:0;pointer-events:none}
.hero-scene-v2 .scene-toolbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;gap:10px;padding:3% 4% 0}
.hero-scene-v2 .scene-toolbar>p{margin:0;font-size:11px;letter-spacing:.05em;color:#c1e3f2}
.hero-scene-v2 .scene-toolbar>div{display:flex;gap:7px}
.hero-scene-v2 .scene-toolbar button{min-height:44px;padding:7px 13px;font:600 11px/1.3 var(--font);border:1px solid #72b3d7;border-radius:999px;background:#06213ce8;color:#dff6ff;cursor:pointer}
.hero-scene-v2 .scene-toolbar button[hidden]{display:none}
.hero-scene-v2 .hero-support{position:relative;z-index:2}
.hero-scene-v2 .support-steps{gap:1.8vw}
.hero-scene-v2 .support-steps li+li:before{left:-1.1vw;top:18px}
.hero-scene-v2 .support-steps button{display:block;width:100%;min-height:68px;min-width:0;padding:9px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dfebfb;text-align:center;line-height:1.5;font-family:var(--font);cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}
.hero-scene-v2 .support-steps button:disabled{cursor:default;opacity:1}
.hero-scene-v2 .support-steps button[aria-pressed="true"]{background:linear-gradient(120deg,#1383c847,#583eb139);border-color:#7adcf1;box-shadow:inset 0 -2px #69dcff;color:white}
.hero-scene-v2 .scene-step-title{display:block;font-weight:700;font-size:clamp(14px,1.08vw,22px)}
.hero-scene-v2 .scene-step-description{display:block;font-size:clamp(10px,.77vw,16px);line-height:1.6;white-space:normal}
.hero-scene-v2 :is(a,button):focus-visible{outline:3px solid #a8efff;outline-offset:4px}
.hero-scene-v2 .hero-actions a{transition:transform .23s var(--scene-ease),box-shadow .23s,border-color .23s,background-color .23s}
.hero-scene-v2 .hero-actions .icon{transition:transform .23s var(--scene-ease)}
.hero-scene-v2 .hero-actions a:is(:hover,:focus-visible){border-color:#d5fbff;box-shadow:0 0 30px #49cfff66}
.hero-scene-v2 .hero-actions a:is(:hover,:focus-visible) .icon{transform:translateX(6px)}
.hero-scene-v2 .hero-actions .button--outline:is(:hover,:focus-visible){background:#153b5b;box-shadow:0 0 16px #49cfff33}
.hero-scene-v2 .hero-service{transition:transform .23s var(--scene-ease),border-color .23s,box-shadow .23s}
.hero-scene-v2 .hero-service:is(:hover,:focus-visible){transform:translateY(-3px);border-color:#a5e8ff;box-shadow:0 0 18px #49cfff44}
.hero-scene-v2 .hero-title-result .gradient-text{position:relative}
.hero-scene-v2 .hero-title-result .gradient-text:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent,#d3f4ff4d,transparent);pointer-events:none}
.hero-scene-v2[data-scene-highlight] .gradient-text:after{animation:scene-title-light .8s var(--scene-ease) both}
@keyframes scene-title-light{0%{opacity:0;transform:translateX(-60%)}30%{opacity:1}100%{opacity:0;transform:translateX(60%)}}
.hero-scene-v2[data-scene-quality="light"] .scene-browser{box-shadow:0 0 0 2px #2b58ae88,0 8px 20px #0008}
.hero-scene-v2[data-scene-quality="light"] .scene-packet{filter:none}
.hero-scene-v2[data-scene-quality="light"] .scene-depth-grid{display:none}
.hero-scene-v2[data-scene-engine="static"] .scene-analysis{opacity:0}
.hero-scene-v2[data-scene-engine="static"][data-scene-stage="deliver"] .scene-delivery,.hero-scene-v2[data-scene-engine="static"][data-scene-stage="analyze"] .scene-analysis,.hero-scene-v2[data-scene-engine="static"][data-scene-stage="improve"] .scene-analysis{opacity:1}
.hero-scene-v2[data-scene-engine="static"][data-scene-stage="improve"] .scene-photo{clip-path:inset(0 0 0 51%)}
.hero-scene-v2[data-scene-engine="static"][data-scene-stage="improve"] .scene-hero-backplate{opacity:1}
.hero-scene-v2[data-scene-engine="static"][data-scene-stage="improve"] .scene-site-title{color:#173953}
.hero-scene-v2[data-scene-engine="static"][data-scene-stage="improve"] .scene-site-text{color:#546e81}
@media(max-width:1150px) and (min-width:651px){.hero-scene-v2 .hero-main{min-height:75vw}.hero-scene-v2 .scene-stage{left:49%;width:51%;top:29vw}.hero-scene-v2 .scene-space{aspect-ratio:1.4}.hero-scene-v2 .hero-signature{top:29vw;bottom:auto;width:15vw}.hero-scene-v2 .hero-signature p{font-size:2vw}.hero-scene-v2 .scene-helper{width:40%;padding:8px}.hero-scene-v2 .scene-browser-pose{left:2%;width:75%}.hero-scene-v2 .scene-toolbar{flex-wrap:wrap}.hero-scene-v2 .scene-toolbar>p{font-size:10px}.hero-scene-v2 .scene-chart{height:55px}}
@media(max-width:980px) and (min-width:651px){.hero-scene-v2 .hero-main{min-height:102vw}.hero-scene-v2 .scene-stage{top:47vw;left:35%;width:65%}.hero-scene-v2 .hero-signature{top:45vw;width:18vw}.hero-scene-v2 .hero-signature p{font-size:2.4vw}.hero-scene-v2 .scene-site-title{font-size:2.2vw}}
@media(max-width:650px){
 .hero-scene-v2 .hero-main{min-height:0}
 .hero-scene-v2 .hero-signature{top:275px;bottom:auto;right:-7px;width:104px}.hero-scene-v2 .hero-signature p{font-size:18px}.hero-scene-v2 .hero-signature small{margin-left:37px}
 .hero-scene-v2 .scene-stage{position:relative;left:auto;top:auto;width:100%;margin:2px 0 28px}
 .hero-scene-v2 .scene-space{aspect-ratio:1.12;perspective:800px}
 .hero-scene-v2 .scene-browser-pose{top:34%;left:4%;width:88%}
 .hero-scene-v2 .scene-browser{border-radius:9px;box-shadow:0 0 0 2px #2b58ae88,0 0 15px #00b9ef55,0 12px 25px #0008}
 .hero-scene-v2 .scene-browser-bar{height:20px;font-size:5px;gap:4px}.hero-scene-v2 .scene-browser-bar i{width:4px;height:4px}
 .hero-scene-v2 .scene-site-header{font-size:5px}
 .hero-scene-v2 .scene-site-header>b{padding:3px 5px}
 .hero-scene-v2 .scene-site-title{font-size:19px}.hero-scene-v2 .scene-site-text{font-size:6px}.hero-scene-v2 .scene-site-cta{font-size:7px;padding:5px 8px;gap:9px}.hero-scene-v2 .scene-site-mark{font-size:9px}
 .hero-scene-v2 .scene-site-cards strong{font-size:7px}.hero-scene-v2 .scene-site-cards small{font-size:5px}
 .hero-scene-v2 .scene-helper{width:47%;left:9%;padding:9px;border-radius:8px}.hero-scene-v2 .scene-helper-top{font-size:7px;margin-bottom:6px}.hero-scene-v2 .scene-search-field{font-size:7px;padding:5px}.hero-scene-v2 .scene-search-result{font-size:6px;margin-top:6px}.hero-scene-v2 .scene-chart{height:55px}.hero-scene-v2 .scene-chart-labels{font-size:6px}.hero-scene-v2 .scene-analysis>p{font-size:7px}
 .hero-scene-v2 .scene-toolbar{padding:10px 0 0;gap:5px}.hero-scene-v2 .scene-toolbar>p{font-size:9px}.hero-scene-v2 .scene-toolbar button{font-size:10px;padding:7px 10px}
 .hero-scene-v2 .support-steps{gap:10px}.hero-scene-v2 .support-steps button{padding:8px 1px;min-height:84px}.hero-scene-v2 .scene-step-title{font-size:12px;white-space:nowrap}.hero-scene-v2 .scene-step-description{font-size:10px}.hero-scene-v2 .support-steps li+li:before{left:-8px;top:20px;width:5px;height:5px}
 .hero-scene-v2 .scene-depth-grid{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-scene-v2 .hero-actions a:is(:hover,:focus-visible) .icon,.hero-scene-v2 .hero-service:is(:hover,:focus-visible){transform:none}.hero-scene-v2[data-scene-highlight] .gradient-text:after{animation:none}}