@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--glass-border:rgba(170,236,220,.2)}
body{background:#f4f7f3}::selection{background:#0cba8760;color:inherit}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#0cba87,#92f6dc);transform:scaleX(0);transform-origin:left;z-index:100;box-shadow:0 0 15px #0cba8780;pointer-events:none}
.header{position:sticky;top:0;margin-bottom:-1px;background:rgba(9,28,44,.78);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);transition:height .35s,box-shadow .35s,border-color .35s}.header.scrolled{height:76px;box-shadow:0 15px 50px #03141c25;border-color:#baf7e51e}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#24d6a1;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}.nav-cta{background:linear-gradient(120deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px 0 #ffffff10;backdrop-filter:blur(12px);transition:border-color .3s,background .3s}.nav-cta:hover{border-color:#44d9b17a;background:#0cba8718}
h1,h2,.service-detail h3,.partner-title h3,.steps h3,.widget-result h3{font-family:'Space Grotesk','Plus Jakarta Sans',Arial,sans-serif}h2{font-weight:400}.hero h1{font-family:'Space Grotesk','Plus Jakarta Sans',Arial,sans-serif;font-weight:400;letter-spacing:-6px}.hero{background:radial-gradient(ellipse at 88% 30%,#153e4b55,transparent 55%),#081e30}.hero:before{content:'';position:absolute;width:640px;height:640px;right:-170px;top:-300px;border-radius:50%;background:radial-gradient(circle,#0be4a81b,transparent 65%);pointer-events:none;animation:aurora-drift 16s ease-in-out infinite alternate}.hero-grid{background-image:linear-gradient(#8acdbd07 1px,transparent 1px),linear-gradient(90deg,#8acdbd07 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 28%,#000 100%)}.hero-copy{animation:hero-arrive 1s cubic-bezier(.16,1,.3,1) both}.hero-description{animation:hero-arrive 1.2s .1s both}.hero-actions{animation:hero-arrive 1.3s .2s both}.hero-art{--art-x:0px;--art-y:0px;translate:var(--art-x) var(--art-y);transition:translate .9s cubic-bezier(.16,1,.3,1)}.hero-art:after{content:'';position:absolute;width:150px;height:150px;top:25%;left:26%;background:#2ff5b51c;border-radius:50%;filter:blur(45px);pointer-events:none;animation:aurora-drift 10s ease-in-out infinite alternate}.art-orbit{border-color:#39ca9f30}.orbit-one{animation:orbit-breathe 8s ease-in-out infinite}.orbit-three{animation:orbit-breathe 10s -4s ease-in-out infinite}.server-front{background:linear-gradient(140deg,#79c9ca35,#24566980 40%,#163a4b65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #a4deda55;box-shadow:22px 15px 0 #071d2cd9,23px 15px 0 #669b974f,0 0 65px #0cba8715,35px 40px 55px #0005;overflow:hidden}.server-front:after{content:'';position:absolute;width:210%;height:70px;left:-60%;top:-25%;transform:rotate(-35deg);background:linear-gradient(transparent,#e1ffff0e,transparent);animation:glass-scan 9s 2s infinite;pointer-events:none}.rack{background:linear-gradient(160deg,#51817a25,#06243680);border-color:#87b4af45;box-shadow:inset 0 1px #e0fffb13,0 4px 7px #0002}.rack b{animation:signal 4s ease-in-out infinite}.rack:nth-child(3) b{animation-delay:1s}.floating-tag{background:linear-gradient(125deg,#659e9c25,#163a4b70);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border-color:#b5f4de29;box-shadow:inset 0 1px #c4ffed15,0 16px 40px #0003}.tag-icon{box-shadow:inset 0 1px #9effda15}.button{position:relative;overflow:hidden;border-radius:7px;transition:box-shadow .3s,transform .3s,background .3s}.green-button{background:linear-gradient(115deg,#2edca7,#09b987);border:1px solid #76efbc55;box-shadow:inset 0 1px #c6ffe84f,0 7px 25px #02a97917}.green-button:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#fff4 50%,transparent 65%);transform:translateX(-110%);transition:transform .7s;pointer-events:none}.green-button:hover:after{transform:translateX(110%)}.green-button:hover{box-shadow:0 10px 38px #0cba8735;transform:translateY(-3px)}.word-on{background:linear-gradient(110deg,#5af2ba,#0cba87 65%,#a8ffe5);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient-flow 8s ease infinite}
.intro{background:radial-gradient(ellipse at 100% 0,#d6e9df60,transparent 65%),#f4f7f3}.principles{gap:20px}.principles>div{border:1px solid #fff;border-radius:14px;padding:28px;background:linear-gradient(130deg,#ffffffa6,#ffffff32);box-shadow:inset 0 1px #fff,0 10px 40px #213b3005;backdrop-filter:blur(18px);transition:transform .35s,box-shadow .35s,border-color .35s}.principles>div:hover{transform:translateY(-6px);border-color:#9dd8bf;box-shadow:0 20px 45px #173a5910}.principles h3{margin-top:22px}.expertise{background:radial-gradient(ellipse at 78% 45%,#cce6d3aa,transparent 65%),#eaf0ea}.service-panel{border-radius:18px;border:1px solid #fff;background:#ffffff80;backdrop-filter:blur(20px);box-shadow:0 20px 70px #254c3510,inset 0 1px #fff;transition:box-shadow .35s}.service-panel:hover{box-shadow:0 25px 80px #254c351b}.service-visual{background:radial-gradient(ellipse at 50% 90%,#7bc7a461,#e4f0e355);border-bottom:1px solid #fff}.mini-window{background:#ffffffa8;backdrop-filter:blur(16px);animation:window-hover 7s ease-in-out infinite}.visual-nodes i{transform-origin:bottom;animation:node-wave 4s ease-in-out infinite}.visual-nodes i:nth-child(2n){animation-delay:-1s}.visual-nodes i:nth-child(3n){animation-delay:-2s}.service-tabs button{border-radius:7px;padding-left:14px;padding-right:14px;transition:background .3s,color .3s,padding .3s}.service-tabs button[aria-selected=true]{background:linear-gradient(100deg,#fff9,#fff2);box-shadow:inset 3px 0 #0cba87}.service-tabs button:hover{background:#ffffff55}.service-detail.swap-in{animation:content-in .45s ease both}.approach{background:radial-gradient(ellipse at 90% 5%,#24635970,transparent 60%),linear-gradient(140deg,#102e36,#09242d);position:relative}.steps{gap:17px}.steps article{border:1px solid #c4f9df1c;background:linear-gradient(145deg,#d6ffe50d,#d6ffe503);padding:26px;border-radius:14px;box-shadow:inset 0 1px #e1ffe90a;backdrop-filter:blur(16px);transition:background .35s,translate .35s,border-color .35s}.steps article:hover{translate:0 -7px;background:#b1f6db0c;border-color:#3db78d66}.partner-card{position:relative;border:1px solid #fff;background:linear-gradient(110deg,#ffffffb0,#ffffff40);box-shadow:0 18px 60px #28483409,inset 0 1px #fff;border-radius:17px;overflow:hidden;transition:box-shadow .4s}.partner-card:before{content:'';position:absolute;right:-40px;top:-140px;width:350px;height:350px;background:radial-gradient(circle,#0cba8715,transparent 65%);pointer-events:none}.partner-card:hover{box-shadow:0 24px 65px #28483415}.partner-symbol span{box-shadow:0 6px 20px #0cba8715}.partner-badge{border:1px solid #96cbb24a;background:#e8f6ec88;backdrop-filter:blur(15px)}.company-art{border-radius:19px;background-color:#dcebdd;box-shadow:inset 0 1px #fff,0 25px 70px #1c65420b}.company-art:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 40px #ffffff12,0 0 0 80px #ffffff10}.huge-toggle{animation:toggle-hover 9s ease-in-out infinite}.faq details{transition:background .3s;padding:0 18px;border-color:#d4e0d6}.faq details[open]{background:#ffffff80;border-radius:10px;border-color:transparent;box-shadow:0 10px 35px #233d2d06}.faq details[open] p{animation:content-in .3s ease}.faq summary span{transition:transform .3s}.contact{background:radial-gradient(ellipse at 5% 90%,#0cba8718,transparent 50%),radial-gradient(ellipse at 95% 5%,#2f728332,transparent 60%),#081e30;overflow:hidden}.contact form{background:linear-gradient(145deg,#8ad6c810,#e5fff905);border:1px solid #b1e8d81c;border-radius:19px;padding:32px;box-shadow:inset 0 1px #dcfff812,0 30px 70px #0002;backdrop-filter:blur(24px)}.contact input,.contact select,.contact textarea{transition:border-color .3s,background .3s;padding-left:10px;padding-right:10px;background:#ffffff03;border-radius:5px 5px 0 0}.contact input:focus,.contact select:focus,.contact textarea:focus{background:#a0f3d508}.contact label{color:#c5d9dd}.form-heading{line-height:1.5}.contact h2 span{background:linear-gradient(120deg,#26d49d,#8bffce);background-clip:text;-webkit-background-clip:text;color:transparent}.footer-top .logo{opacity:.95}.footer a,.footer button{transition:color .3s}.footer a:hover,.footer button:hover{color:#58e9b9}.eyebrow{font-weight:600}.engagement{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:radial-gradient(ellipse at 75% 45%,#0b98762b,transparent 55%),linear-gradient(135deg,#092434,#0c2936 55%,#0b2233);color:white;position:relative;overflow:hidden}.engagement:before{content:'';position:absolute;width:500px;height:500px;top:-350px;left:-180px;border:1px solid #59d2ac25;border-radius:50%;box-shadow:0 0 0 70px #59d2ac05,0 0 0 140px #59d2ac03;pointer-events:none}.engagement-copy{position:relative}.engagement-copy>.eyebrow{color:#a4c5bc}.engagement h2{font-size:clamp(35px,3.8vw,56px)}.engagement h2 span{color:#82dcb6}.engagement-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#a3bcbf;max-width:370px;margin:25px 0 30px}.engagement-options{display:flex;flex-direction:column;gap:10px;max-width:390px}.engagement-options button{display:flex;align-items:center;gap:17px;min-height:57px;border:1px solid #d3fff01a;background:#c3fae905;color:#afc6c6;border-radius:9px;padding:16px 20px;text-align:left;font-size:13px;transition:background .3s,border-color .3s,transform .3s}.engagement-options button>span{font-size:9px;color:#709e91}.engagement-options b{margin-left:auto;font-size:18px;font-weight:400}.engagement-options button[aria-pressed=true]{background:linear-gradient(110deg,#41c79c25,#85edc809);border-color:#3ad5a269;color:#d9fff0;box-shadow:inset 0 1px #c4ffe313,0 5px 20px #0001}.engagement-options button:hover{transform:translateX(4px);border-color:#72d9b45e}.engagement-glass{position:relative;border:1px solid #b4fce52b;border-radius:20px;background:linear-gradient(145deg,#8cd1bf17,#c4fff906 50%,#9bffe408);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:inset 0 1px #fff2,0 35px 90px #0003;overflow:hidden}.widget-top,.widget-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 25px;font-size:7px;letter-spacing:1.5px;color:#9bc0b5;border-bottom:1px solid #e1fff312}.widget-chip{background:#0cba8720;border:1px solid #3bb99142;border-radius:4px;padding:6px 9px;color:#6fe4b6;font-size:6px}.widget-diagram{height:220px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#0cba8714,transparent 60%)}.diagram-ring{position:absolute;width:190px;height:190px;border:1px dashed #84d4bb3b;border-radius:50%;animation:diagram-turn 40s linear infinite}.ring-inner{width:140px;height:140px;border-style:solid;border-color:#84d4bb1c;box-shadow:0 0 0 20px #84d4bb03;animation:none}.diagram-core{width:92px;height:92px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#4bb78b35,#0a4b4020);border:1px solid #74e4b950;box-shadow:0 0 45px #0cba8722,inset 0 1px #c7ffe62b;transform:rotate(-10deg)}.diagram-core svg{width:54px;fill:#4becad;filter:drop-shadow(0 0 8px #0cba8780)}.diagram-core rect{fill:none;stroke:#4becad;stroke-width:3}.diagram-node{position:absolute;border:1px solid #b2f4d92d;background:#163e40a6;backdrop-filter:blur(15px);padding:9px 11px;border-radius:5px;font-size:6px;letter-spacing:1px;color:#a9ddc6;box-shadow:0 5px 20px #0002;animation:float 6s ease-in-out infinite}.node-a{left:18%;top:35px}.node-b{right:12%;top:100px;animation-delay:-2s}.node-c{bottom:15px;left:24%;animation-delay:-4s}.widget-result{padding:8px 28px 28px}.widget-result .eyebrow{font-size:7px;letter-spacing:1.4px;color:#60d7a9;margin-bottom:12px}.widget-result h3{font-size:27px;letter-spacing:-1px;font-weight:400;margin:0 0 14px}.widget-result>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#aac6bf;min-height:65px;margin:0 0 24px}.widget-result .button{width:100%;font-size:11px}.widget-bottom{border-top:1px solid #e1fff312;border-bottom:0;font-size:6px;padding:17px 25px;color:#739d8f}.widget-result.changing{animation:content-in .4s ease both}.engagement-glass:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(500px circle at var(--spot-x,50%) var(--spot-y,0%),#b5ffe20b,transparent 45%)}
.reveal-ready{opacity:0;translate:0 24px;transition:opacity .8s ease,translate .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;translate:0 0}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-button{position:fixed;bottom:20px;right:20px;z-index:30;background:#0e2e3ad9;border:1px solid #97d9c330;border-radius:50%;width:40px;height:40px;color:#b3e7d5;backdrop-filter:blur(18px);box-shadow:0 5px 20px #0002;font-size:13px;display:grid;place-items:center}.motion-button:hover{background:#194940}.motion-button span{line-height:1}
@keyframes hero-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes aurora-drift{to{transform:translate(-55px,65px) scale(1.12)}}@keyframes glass-scan{0%,25%{top:-25%;opacity:0}35%{opacity:1}65%,100%{top:125%;opacity:0}}@keyframes orbit-breathe{50%{opacity:.35}}@keyframes signal{50%{opacity:.45}}@keyframes gradient-flow{50%{background-position:100% center}}@keyframes window-hover{50%{transform:translateY(4px) rotate(-4deg)}}@keyframes node-wave{50%{scale:1 .65}}@keyframes content-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-hover{50%{transform:translateY(-10px) rotate(-29deg)}}@keyframes diagram-turn{to{transform:rotate(360deg)}}
@media(max-width:1100px){.steps article{padding:20px}.contact{gap:45px}.contact form{padding:25px}.engagement{gap:45px}.hero h1{letter-spacing:-4px}.principles>div{padding:24px}.widget-result h3{font-size:24px}}
@media(max-width:800px){.header.scrolled{height:72px}.principles>div{padding:20px}.steps{gap:13px}.steps article{padding:16px}.steps p{min-height:125px}.engagement{gap:30px}.widget-top{padding:18px;font-size:6px}.widget-result{padding:8px 22px 24px}.widget-result h3{font-size:22px}.widget-result>p:not(.eyebrow){min-height:90px}.contact{gap:25px}.contact form{padding:23px}.contact h2{font-size:59px}}
@media(max-width:600px){.header,.header.scrolled{height:75px}.header nav.open{background:#0b2939ed;backdrop-filter:blur(25px);border-bottom:1px solid #7ad8b529}.hero h1{font-size:69px;letter-spacing:-4px}.hero-copy{padding-top:43px}.hero-grid{background-size:50px 50px}.hero-art{transition:none;translate:0 0}.principles{gap:13px}.principles>div{padding:23px 23px 23px 52px}.principles span{left:22px;top:27px}.principles h3{margin-top:0}.engagement{grid-template-columns:1fr;gap:35px}.engagement h2{font-size:38px}.engagement-copy>p:not(.eyebrow){max-width:100%;font-size:12px}.engagement-options{max-width:100%}.engagement-options button{font-size:12px;min-height:53px}.engagement-glass{border-radius:17px}.widget-top{padding:20px;font-size:7px}.widget-result{padding:8px 24px 24px}.widget-result h3{font-size:27px}.widget-result>p:not(.eyebrow){min-height:65px}.widget-diagram{height:210px}.steps{gap:15px}.steps article{padding:20px 17px}.steps p{min-height:126px;font-size:11px}.step-label{font-size:6px;letter-spacing:1px}.company-art{border-radius:16px}.huge-toggle{scale:.86}.contact form{padding:25px 20px}.contact h2{font-size:68px}.form-row{grid-template-columns:1fr;gap:0}.motion-button{width:34px;height:34px;bottom:14px;right:12px;font-size:11px}.partner-card{border-radius:13px}.hero-actions .text-link{font-size:8px}.hero-actions{gap:17px}.reveal-ready{translate:0 16px}}
.partner-logo-wrap{width:260px;flex-shrink:0;background:#fff;border:1px solid #e4eae5;border-radius:12px;padding:16px 13px;box-shadow:0 8px 25px #173a5906;position:relative}.partner-logo{display:block;width:100%;height:auto;object-fit:contain}.partner-legal{display:block;font-size:7px;letter-spacing:1.8px;color:#71897b;margin:0 0 12px}.partner-title h3{font-size:25px}.partner-title>p:last-child{line-height:1.8}.partner-card{gap:32px}.header{background:rgba(7,25,39,.94)}.header.scrolled{background:rgba(7,25,39,.82)}
@media(max-width:1100px){.partner-logo-wrap{width:220px}.partner-card{gap:25px}.partner-title h3{font-size:23px}}
@media(max-width:800px){.partner-logo-wrap{width:200px}.partner-title h3{font-size:21px}}
@media(max-width:600px){.partner-card{flex-direction:column;gap:25px;padding:25px}.partner-logo-wrap{width:100%;max-width:330px;padding:19px 15px}.partner-title h3{font-size:25px}.partner-legal{margin-bottom:9px}.partner-badge{display:flex;margin:0;font-size:7px}.partner-title>p:last-child{font-size:12px}}
.motion-paused .hero-copy,.motion-paused .hero-description,.motion-paused .hero-actions,.motion-paused .widget-result,.motion-paused .service-detail,.motion-paused details p{animation:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;translate:none}.hero-art{translate:0 0}.motion-button{display:none}html{scroll-behavior:auto}}