:root{--n:#060a1c;--b:#3974ff;--c:#19d7df;--t:#f4f7ff;--m:#afbdd8}*{box-sizing:border-box}body.system{margin:0;background:var(--n);color:var(--t);font-family:Manrope,sans-serif;overflow-x:hidden}#system-space{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.system-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:27px clamp(22px,6vw,90px);border-bottom:1px solid rgba(117,158,255,.16);background:rgba(6,10,28,.62);backdrop-filter:blur(13px)}.system-nav a{color:#e7efff;text-decoration:none;font:500 12px 'DM Mono',monospace}.system-brand{font:800 18px Manrope!important;letter-spacing:-1px}.system-brand span{color:var(--c)}main{position:relative;z-index:2}.system-hero,.system-intro,.system-case,.system-before-after{max-width:1300px;margin:auto;padding:clamp(75px,10vw,150px) clamp(22px,7vw,105px)}.system-hero{display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center;min-height:690px}.system-kicker,.system-label{font:500 11px 'DM Mono',monospace;letter-spacing:.1em;color:#54e0e6;margin:0 0 21px}.system-hero h1{position:relative;z-index:4;max-width:730px;margin:0 0 23px;font-size:clamp(48px,6.6vw,89px);line-height:1.01;letter-spacing:-.075em;overflow:visible;clip-path:none;mask:none;filter:none;mix-blend-mode:normal}.system-promise{max-width:570px;color:var(--m);font-size:18px;line-height:1.7;margin:0 0 33px}.system-button{display:inline-flex;align-items:center;gap:30px;padding:17px 20px;border-radius:4px;background:linear-gradient(110deg,var(--b),#18bae7);color:white;text-decoration:none;font-size:13px;font-weight:800}.system-button span{font-size:20px}.hero-visual{position:relative;height:450px;border:1px solid rgba(116,166,255,.26);background:radial-gradient(circle at 48% 42%,rgba(29,119,255,.3),rgba(7,15,41,.72) 43%,rgba(5,8,25,.4));overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid rgba(40,217,225,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-visual:before{width:55%;aspect-ratio:1}.hero-visual:after{width:78%;aspect-ratio:1;border-color:rgba(78,119,255,.32)}.ui-chip{position:absolute;padding:11px 13px;background:rgba(8,18,49,.82);border:1px solid rgba(113,186,255,.46);font:500 10px 'DM Mono',monospace;color:#dbeaff;box-shadow:0 8px 24px rgba(0,0,0,.25)}.ui-chip b{display:block;color:#40dce3;font-size:9px;margin-bottom:5px}.system-intro{border-top:1px solid rgba(117,158,255,.13)}.system-intro h2,.system-case h2,.system-before-after h2,.system-final h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.065em;line-height:1.05;margin:0 0 45px}.capabilities{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.capability{padding:21px;min-height:230px;background:rgba(19,35,77,.58);border:1px solid rgba(112,160,255,.22)}.capability span{color:#49e0e7;font:500 10px 'DM Mono',monospace}.capability h3{font-size:18px;letter-spacing:-.04em;margin:30px 0 10px}.capability p,.case-copy>p{color:var(--m);font-size:13px;line-height:1.65;margin:0}.system-case{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:linear-gradient(90deg,transparent,rgba(21,51,117,.26),transparent)}.case-copy>p:last-child{max-width:540px;font-size:15px;line-height:1.8}.flow-card{padding:35px;background:rgba(8,18,46,.72);border:1px solid rgba(79,175,237,.35);box-shadow:0 20px 55px rgba(0,0,0,.2)}.flow-card>p{font:500 10px 'DM Mono',monospace;color:#54e0e6;letter-spacing:.1em}.flow-card ol{list-style:none;padding:0;margin:25px 0 0}.flow-card li{position:relative;padding:14px 0 14px 35px;border-top:1px solid rgba(119,159,244,.18);font-size:14px}.flow-card li:before{content:counter(item,decimal-leading-zero);counter-increment:item;position:absolute;left:0;color:#54e0e6;font:500 10px 'DM Mono',monospace}.flow-card ol{counter-reset:item}.system-before-after{background:rgba(12,24,57,.5)}.system-before-after h2 em,.system-final h2 em{font-style:normal;color:#2bdde5}.system-before-after>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.system-before-after article{padding:35px;background:rgba(9,17,42,.8);border:1px solid rgba(105,149,255,.22)}.system-before-after article:last-child{border-color:rgba(44,220,225,.54);background:linear-gradient(145deg,rgba(22,65,111,.63),rgba(6,18,41,.83))}.system-before-after span{font:500 10px 'DM Mono',monospace;color:#55dfe6;letter-spacing:.1em}.system-before-after p{font-size:18px;line-height:1.6;color:#d6e2f7;margin:20px 0 0}.system-final{position:relative;z-index:3;text-align:center;padding:130px 22px;background:radial-gradient(circle at 50% 50%,rgba(35,91,205,.42),rgba(5,9,25,.96) 60%)}.system-final .system-label{color:#a2b6de}.system-final h2{margin-bottom:35px}@media(max-width:900px){.system-hero,.system-case{grid-template-columns:1fr;min-height:0}.hero-visual{height:340px}.capabilities{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.system-hero,.system-intro,.system-case,.system-before-after{padding-left:22px;padding-right:22px}.system-hero h1{font-size:clamp(44px,13vw,63px)}.capabilities,.system-before-after>div{grid-template-columns:1fr}.capability{min-height:auto}.system-before-after p{font-size:16px}}