:root{--bg:#050505;--bg-soft:#090b0f;--bg-panel:#0d1117;--text:#f5f7fa;--muted:#9aa4b2;--line:#ffffff1f;--blue:#4da3ff;--cyan:#7dd3fc;--ice:#c8f7ff;--max:1180px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);min-height:100%}body{min-height:100%;color:var(--text);background:radial-gradient(circle at 50% 0,#4da3ff24,#0000 34rem),linear-gradient(#050505 0%,#090b0f 44%,#050505 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif;overflow-x:hidden}body:before{z-index:80;pointer-events:none;content:"";opacity:.16;mix-blend-mode:screen;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:#050505;background:var(--ice)}.site-shell{min-height:100vh;position:relative;overflow:clip}.section{padding:clamp(84px,12vw,170px) 24px;position:relative}.section--full{align-items:center;min-height:100vh;display:flex}.container{width:min(100%, var(--max));margin:0 auto}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:700}.display{letter-spacing:0;max-width:980px;margin:0;font-size:clamp(44px,8vw,108px);font-weight:760;line-height:.98}.section-title{letter-spacing:0;max-width:920px;margin:0;font-size:clamp(36px,6vw,82px);font-weight:740;line-height:1.05}.section-copy{max-width:760px;color:var(--muted);margin:28px 0 0;font-size:clamp(17px,2vw,22px);line-height:1.85}.button{min-height:50px;color:var(--text);cursor:pointer;transition:transform .24s var(--ease), border-color .24s var(--ease), background .24s var(--ease);background:#ffffff0f;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;display:inline-flex}.button:hover{background:#7dd3fc24;border-color:#c8f7ffb3;transform:translateY(-2px)}.button--primary{color:#041018;background:linear-gradient(135deg, var(--ice), var(--blue));border-color:#0000}.button--primary:hover{background:linear-gradient(135deg, #fff, var(--cyan));border-color:#0000}.orbital-bg{pointer-events:none;background:radial-gradient(circle at 74% 22%,#4da3ff33,#0000 28rem),radial-gradient(circle at 18% 80%,#7dd3fc1f,#0000 32rem);position:absolute;inset:0}.scroll-progress{z-index:120;background:linear-gradient(90deg, var(--blue), var(--ice));transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0}.header{z-index:110;color:#f5f7faeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#050505d1,#0505057a);border-bottom:1px solid #ffffff14;align-items:center;gap:22px;height:76px;padding:0 clamp(18px,4vw,44px);display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{background:radial-gradient(circle, var(--ice) 0 9%, transparent 10%), radial-gradient(circle, transparent 0 45%, #4da3ff4d 47%, transparent 52%);border:1px solid #c8f7ffa3;border-radius:50%;width:34px;height:34px;box-shadow:0 0 28px #4da3ff57}.brand strong,.brand small{line-height:1.1;display:block}.brand strong{letter-spacing:.06em;text-transform:uppercase;font-size:14px}.brand small{color:var(--muted);letter-spacing:.08em;margin-top:3px;font-size:11px}.desktop-nav{align-items:center;gap:2px;margin-left:auto;display:flex}.nav-link,.nav-cta,.menu-button,.mobile-menu button{color:inherit;cursor:pointer;background:0 0;border:0}.nav-link{color:#f5f7faad;transition:color .2s var(--ease);padding:10px 12px;font-size:13px}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-cta{min-height:42px;color:var(--ice);background:#7dd3fc14;border:1px solid #c8f7ff5c;border-radius:999px;padding:0 16px}.menu-button{place-items:center;width:48px;height:48px;margin-left:auto;display:none}.mobile-menu{display:none}.hero{min-height:100svh;padding:120px 24px 86px;position:relative;overflow:hidden}.hero-scene,.hero-shade{position:absolute;inset:0}.hero-scene{z-index:0;opacity:.76;transform:translate(18%)}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#050505f0 0%,#0505059e 42%,#05050529 100%),linear-gradient(#0000 72%,#050505db 100%)}.agent-scene-fallback{background:radial-gradient(circle at 72% 42%,#4da3ff38,#0000 22rem),radial-gradient(circle at 65% 44%,#0000 0 5rem,#7dd3fc33 5.05rem 5.2rem,#0000 5.25rem 8.5rem,#4da3ff2e 8.55rem 8.7rem,#0000 8.75rem),#050505;position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-kicker{color:var(--cyan);letter-spacing:.28em;margin:0 0 24px;font-size:clamp(12px,1.2vw,14px);font-weight:700}.hero-title{max-width:1030px}.hero-copy{color:#f5f7fac2;max-width:720px;margin:28px 0 0;font-size:clamp(18px,2.2vw,25px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:42px;display:flex}.scroll-cue{z-index:3;color:#f5f7faad;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;animation:1.8s ease-in-out infinite cue-bob;display:inline-flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue span{letter-spacing:.22em;font-size:11px}@keyframes cue-bob{50%{transform:translate(-50%,8px)}}.vision-section{background:#050505;min-height:100vh}.vision-lines{gap:clamp(24px,4vw,48px);margin-top:clamp(58px,9vw,120px);display:grid}.vision-line{color:#f5f7fae6;max-width:1050px;font-size:clamp(28px,5vw,70px);font-weight:680;line-height:1.16}.problem-section{background:linear-gradient(#050505,#0a0d12)}.problem-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:72px;display:grid}.problem-item{min-height:330px;transition:transform .26s var(--ease), background .26s var(--ease);background:radial-gradient(circle at 20% 10%,#4da3ff00,#0000 18rem),#050505;padding:clamp(28px,4vw,48px)}.problem-item:hover{background:radial-gradient(circle at 18% 10%,#4da3ff2e,#0000 18rem),#07090d;transform:translateY(-8px)}.problem-item span,.flow-step span,.service-copy span,.advantage-item span,.audience-item span{color:var(--cyan);letter-spacing:.2em;font-size:13px;font-weight:760}.problem-item h3{margin:84px 0 18px;font-size:clamp(28px,3vw,42px);line-height:1.08}.problem-item p{color:var(--muted);margin:0;font-size:18px;line-height:1.75}.opc-section{background:#090b0f;overflow:hidden}.opc-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:center;gap:clamp(44px,8vw,100px);display:grid}.opc-network{aspect-ratio:1;width:min(100%,520px);margin-left:auto;position:relative}.opc-lines{stroke:#7dd3fc57;stroke-width:1px;fill:none;width:100%;height:100%;animation:28s linear infinite slow-spin;position:absolute;inset:0}@keyframes slow-spin{to{transform:rotate(360deg)}}.opc-center,.opc-node{z-index:2;background:#050505b8;border:1px solid #c8f7ff57;border-radius:999px;place-items:center;display:grid;position:absolute;box-shadow:0 0 34px #4da3ff2e}.opc-center{width:152px;height:152px;color:var(--ice);font-size:20px;font-weight:760;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.opc-node{color:#f5f7fae0;width:118px;height:48px;font-size:14px}.opc-node[data-index="0"]{top:4%;left:calc(50% - 59px)}.opc-node[data-index="1"]{top:25%;right:4%}.opc-node[data-index="2"]{bottom:18%;right:8%}.opc-node[data-index="3"]{bottom:3%;left:calc(50% - 59px)}.opc-node[data-index="4"]{bottom:18%;left:8%}.opc-node[data-index="5"]{top:25%;left:4%}.opc-flow{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(6,1fr);gap:1px;margin-top:92px;display:grid}.flow-step{background:#050505d1;min-height:130px;padding:22px}.flow-step strong{margin-top:30px;font-size:20px;display:block}.service-section{background:#050505}.service-intro{background:linear-gradient(#050505,#0d1117)}.service-row{border-top:1px solid var(--line);background:#0d1117;align-items:center;min-height:72vh;padding:clamp(72px,10vw,150px) 24px;display:flex}.service-row:nth-of-type(2n){background:#050505}.service-row-inner{grid-template-columns:1fr .85fr;align-items:center;gap:clamp(42px,7vw,96px);display:grid}.service-row:nth-of-type(odd) .service-copy{order:2}.service-copy h3{margin:28px 0 20px;font-size:clamp(34px,5vw,72px);line-height:1.04}.service-copy p{max-width:610px;color:var(--muted);margin:0;font-size:clamp(17px,2vw,22px);line-height:1.82}.service-visual{place-items:center;min-height:360px;display:grid}.abstract-core{aspect-ratio:1;background:radial-gradient(circle,#c8f7ffd6 0 4%,#0000 5%),radial-gradient(circle,#0000 0 35%,#4da3ff47 35.5% 36%,#0000 36.5% 100%);border:1px solid #ffffff1f;border-radius:50%;width:min(76vw,380px);animation:24s linear infinite slow-spin;position:relative;box-shadow:inset 0 0 90px #4da3ff24,0 0 90px #4da3ff1f}.abstract-core i{transform:rotate(calc(var(--r,0) * 1deg)) scaleY(.38);border:1px solid #7dd3fc47;border-radius:50%;position:absolute;inset:18%}.abstract-core i:first-child{--r:0}.abstract-core i:nth-child(2){--r:60}.abstract-core i:nth-child(3){--r:120}.audience-section{background:#050505}.audience-list{border-top:1px solid var(--line);margin-top:70px}.audience-item{border-bottom:1px solid var(--line);transition:padding-left .26s var(--ease), background .26s var(--ease);background:radial-gradient(circle at 0%,#4da3ff00,#0000 20rem);grid-template-columns:80px 1fr .85fr;align-items:center;gap:28px;padding:clamp(30px,5vw,58px) 0;display:grid}.audience-item:hover{background:radial-gradient(circle at 0%,#4da3ff29,#0000 22rem);padding-left:18px}.audience-item h3{margin:0;font-size:clamp(28px,4.5vw,62px);line-height:1.04}.audience-item p{color:var(--muted);margin:0;font-size:18px;line-height:1.7}.journey-section{background:linear-gradient(#090b0f,#050505)}.timeline{grid-template-columns:repeat(5,1fr);gap:0;margin-top:86px;display:grid;position:relative}.timeline:before,.timeline:after{content:"";height:1px;position:absolute;top:22px;left:0;right:0}.timeline:before{background:var(--line)}.timeline:after{width:calc((var(--active-step) + 1) * 20%);background:linear-gradient(90deg, var(--blue), var(--ice));transition:width .5s var(--ease);right:auto}.timeline-step article{padding:62px 24px 0 0;position:relative}.timeline-step article:before{z-index:2;content:"";width:17px;height:17px;transition:transform .3s var(--ease), background .3s var(--ease);background:#050505;border:1px solid #c8f7ff75;border-radius:50%;position:absolute;top:14px;left:0}.timeline-step.is-active article:before{background:var(--ice);transform:scale(1.24);box-shadow:0 0 28px #7dd3fcbf}.timeline-step span{color:var(--cyan);letter-spacing:.18em;font-size:12px;font-weight:740}.timeline-step h3{margin:16px 0 12px;font-size:clamp(23px,2.6vw,34px)}.timeline-step p{color:var(--muted);margin:0;line-height:1.75}.advantage-section{background:#050505}.advantage-list{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:76px;display:grid}.advantage-item{background:#090b0f;min-height:260px;padding:clamp(28px,4vw,46px)}.advantage-item h3{margin:42px 0 14px;font-size:clamp(26px,3.4vw,46px);line-height:1.08}.advantage-item p{max-width:520px;color:var(--muted);margin:0;font-size:18px;line-height:1.75}.cooperation-section{background:#0d1117}.cooperation-layout{grid-template-columns:1.2fr .8fr .8fr;align-items:start;gap:clamp(34px,5vw,70px);display:grid}.cooperation-column{border-top:1px solid var(--line);padding-top:24px}.cooperation-column h3{color:var(--ice);letter-spacing:.12em;margin:0 0 26px;font-size:16px}.cooperation-column p{color:#f5f7fadb;border-bottom:1px solid #ffffff14;margin:0;padding:18px 0;font-size:clamp(18px,2.2vw,26px);line-height:1.35}.final-cta{background:#050505;overflow:hidden}.final-mail{margin-top:46px}.email-line{color:var(--muted);margin:26px 0 0;font-size:clamp(18px,2vw,22px)}.footer{border-top:1px solid var(--line);color:#f5f7fab8;background:#050505;padding:44px 24px}.footer-inner{justify-content:space-between;gap:36px;display:flex}.footer strong{color:var(--text);font-size:18px}.footer p{margin:10px 0 0;line-height:1.55}.footer a{color:var(--ice)}.grid-bg{pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:80px 80px;animation:18s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 45%,#000,#0000 72%)}@keyframes grid-drift{0%{transform:translate(0,0)}to{transform:translate(-80px,-80px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.section{padding:76px 18px}.section--full{min-height:100svh}.display{font-size:clamp(42px,13vw,64px)}.section-title{font-size:clamp(34px,10vw,52px)}.section-copy{font-size:16px;line-height:1.75}}@media (max-width:1024px){.desktop-nav,.nav-cta{display:none}.menu-button{display:grid}.mobile-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .22s var(--ease), transform .22s var(--ease);background:#050505f0;border-radius:18px;gap:4px;padding:16px;display:grid;position:fixed;top:76px;left:12px;right:12px;transform:translateY(-16px)}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu button{min-height:50px;color:var(--text);text-align:left;border-bottom:1px solid #ffffff14;padding:0 8px}.opc-layout,.service-row-inner,.cooperation-layout{grid-template-columns:1fr}.opc-network{margin:0 auto}.opc-flow{grid-template-columns:repeat(3,1fr)}.service-row:nth-of-type(odd) .service-copy{order:0}.audience-item{grid-template-columns:60px 1fr}.audience-item p{grid-column:2}.timeline{grid-template-columns:1fr;gap:26px}.timeline:before,.timeline:after{width:1px;height:auto;inset:0 auto 0 8px}.timeline:after{height:calc((var(--active-step) + 1) * 20%);width:1px;transition:height .5s var(--ease)}.timeline-step article{padding:0 0 0 42px}.timeline-step article:before{top:5px;left:0}}@media (max-width:768px){.header{height:68px;padding:0 16px}.brand small{display:none}.mobile-menu{top:68px}.hero{padding:104px 18px 82px}.hero-shade{background:linear-gradient(#050505cc,#0505057a 42%,#050505f0),linear-gradient(90deg,#050505d6,#0505056b)}.hero-scene{opacity:.68;transform:translate(18%)}.hero-copy br,.final-cta .section-copy br{display:none}.hero-actions,.button{width:100%}.scroll-cue{left:18px;transform:none}@keyframes cue-bob{50%{transform:translateY(8px)}}.problem-grid,.advantage-list{grid-template-columns:1fr}.problem-item{min-height:260px}.problem-item h3{margin-top:48px}.opc-network{width:min(100%,360px)}.opc-center{width:118px;height:118px;font-size:16px}.opc-node{width:96px;height:42px;font-size:12px}.opc-node[data-index="0"],.opc-node[data-index="3"]{left:calc(50% - 48px)}.opc-flow{grid-template-columns:1fr;margin-top:58px}.service-row{min-height:auto;padding:76px 18px}.service-visual{min-height:260px}.audience-item{grid-template-columns:1fr;gap:14px}.audience-item p{grid-column:auto}.footer-inner{flex-direction:column}}