body{background:#fff;background-image:radial-gradient(circle at 10% 25%,rgba(49,70,255,.035),transparent 28%),linear-gradient(rgba(49,70,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(49,70,255,.024) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}.site-header{background:rgba(250,252,255,.9);border-bottom:1px solid rgba(117,145,185,.35);backdrop-filter:blur(20px)}.nav-wrap{min-height:82px}.brand{letter-spacing:-.03em}.brand-mark{position:relative;width:43px;height:43px;border-radius:2px;background:var(--ink);box-shadow:8px 8px 0 var(--accent)}.brand-mark:after{content:"";position:absolute;right:-9px;top:-9px;width:8px;height:8px;border:1px solid var(--brand)}.nav-links{gap:1.65rem}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--brand);transition:.2s}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{right:0}.button{min-height:49px;border-radius:2px;background:var(--brand);box-shadow:7px 7px 0 rgba(0,188,212,.22)}.button:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 rgba(0,188,212,.22)}.button.secondary{background:rgba(255,255,255,.88);border-color:#aebfd7;box-shadow:none}.eyebrow{letter-spacing:.16em}.eyebrow:before{width:34px;background:linear-gradient(90deg,var(--brand),var(--accent))}h1,h2,h3{letter-spacing:-.045em}.hero{min-height:760px;padding:0;background:#edf5ff}.hero:after{display:none}.hero-grid{position:relative;z-index:2;display:block;min-height:760px;padding-top:8.5rem;padding-bottom:7rem}.hero-grid>div:first-child{position:relative;z-index:3;width:min(56%,710px);padding:2rem 0}.hero-grid>div:first-child:before{content:"MOBILE / CLOUD / EXPERIENCE";display:block;margin:0 0 2.1rem;color:var(--brand);font:700 .67rem var(--font-heading);letter-spacing:.2em}.hero-grid>div:first-child:after{content:"";position:absolute;z-index:-1;inset:-4rem -10rem -4rem -100vw;background:linear-gradient(90deg,#fff 79%,rgba(255,255,255,.91) 90%,transparent)}.hero h1{font-size:clamp(3.3rem,6.6vw,6.4rem);line-height:.96}.hero h1 span{background:linear-gradient(95deg,var(--brand),#7458ff 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-visual{position:absolute;z-index:1;inset:0 calc((100vw - 100%)/-2);overflow:hidden}.hero-visual:after{content:"KG / 01";position:absolute;right:3rem;bottom:2rem;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.55);color:var(--brand);font:700 .65rem var(--font-heading);letter-spacing:.18em;backdrop-filter:blur(9px)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;filter:none}.trust-row{color:#3c506b}.section{overflow:hidden}.section:before{content:"";position:absolute;top:2rem;right:3%;width:44px;height:44px;border-top:1px solid rgba(49,70,255,.24);border-right:1px solid rgba(49,70,255,.24)}.section-head{position:relative}.section-head:after{content:"";position:absolute;right:0;bottom:-1rem;width:23%;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.section.soft{background:#f4f7fb;background-image:linear-gradient(135deg,transparent 0 74%,rgba(49,70,255,.035) 74% 75%,transparent 75%)}.section.sky{background:linear-gradient(135deg,#f2f7ff,#e8f4ff)}.grid-4{counter-reset:card}.card{overflow:visible;border:1px solid #cfdbea;border-radius:2px;box-shadow:none;background:rgba(255,255,255,.9)}.card:before{counter-increment:card;content:"0" counter(card);position:absolute;top:15px;right:17px;color:#9fb0c7;font:700 .68rem var(--font-heading);letter-spacing:.1em}.card:after{content:"";position:absolute;inset:-1px auto auto -1px;width:34px;height:3px;background:var(--brand);transition:width .25s}.card:hover{transform:translateY(-7px);border-color:#9db5d5;box-shadow:16px 20px 0 #e8f0fb}.card:hover:after{width:70%}.icon{border-radius:50%;background:transparent;border:1px solid #9ebbe0;box-shadow:inset 0 0 0 6px #f1f6fd;color:var(--brand)}.metric{position:relative;border:1px solid #d3deeb;border-radius:0;background:#fff}.metric:before{content:"";position:absolute;left:-1px;top:-1px;width:22px;height:22px;border-left:3px solid var(--brand);border-top:3px solid var(--brand)}.metric strong{color:var(--brand)}.steps .step:before{border-radius:50%;border:1px solid #a9c6e8;background:#fff;box-shadow:0 0 0 7px #ecf5ff}.page-hero{position:relative;padding:7rem 0 6rem;background:linear-gradient(115deg,#fff 45%,#eaf3ff)}.page-hero:before{content:"";position:absolute;right:8%;top:50%;width:210px;height:210px;border:1px solid rgba(49,70,255,.22);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 34px rgba(0,188,212,.045),0 0 0 68px rgba(49,70,255,.025)}.page-hero:after{content:"SCIENCE × TECHNOLOGY";position:absolute;right:4%;bottom:1.5rem;color:rgba(49,70,255,.38);font:700 .65rem var(--font-heading);letter-spacing:.2em}.page-hero .container{position:relative;z-index:2}.page-hero h1{max-width:930px}.aside-card{border-radius:2px;border:1px solid #b9cce5;background:linear-gradient(150deg,#fff,#eaf4ff);box-shadow:12px 12px 0 #dce9fa}.band{position:relative;border-radius:2px;background:#101b36;background-image:radial-gradient(circle at 80%,#183c7d,transparent 36%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}.band:after{content:"";position:absolute;right:8%;top:50%;width:90px;height:90px;border:1px solid #20d3e8;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 16px rgba(32,211,232,.08)}.band>*{position:relative;z-index:2}.tag{border-radius:2px;border-left:3px solid var(--accent)}.site-footer{background:#0d1730;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px}@media(max-width:920px){.hero,.hero-grid{min-height:820px}.hero-grid{padding-top:5rem}.hero-grid>div:first-child{width:100%}.hero-grid>div:first-child:after{inset:-3rem -2rem -3rem -2rem;background:rgba(255,255,255,.86);backdrop-filter:blur(5px)}.hero-visual{inset:0 calc((100vw - 100%)/-2)}.hero-visual img{object-position:62% center}.page-hero:before{right:-100px}.grid-3 .card:hover,.grid-4 .card:hover{box-shadow:10px 12px 0 #e8f0fb}}@media(max-width:620px){.hero,.hero-grid{min-height:760px}.hero-grid{padding-top:4.5rem}.hero h1{font-size:3.25rem}.hero-grid>div:first-child:before{font-size:.58rem}.hero-visual img{object-position:68% center}.page-hero{padding:4.5rem 0}.page-hero:after{display:none}.band:after{opacity:.3}}