:root{--paper:#f7f9fd;--white:#fff;--ink:#142441;--muted:#61708a;--blue:#1458e8;--blue-dark:#0e43bf;--line:#dce4f0;--navy:#102345;--soft:#eaf1ff;--coral:#ff805f;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}svg{display:block}.wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:30;padding:12px 16px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(247,249,253,.94)}.header-inner{height:88px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:11px;font:700 28px/1 var(--display);letter-spacing:-1.6px;white-space:nowrap}.brand-light{font-weight:400}.brand-mark{width:31px;height:31px;position:relative;display:block}.brand-mark span{position:absolute;display:block;width:24px;height:6px;border-radius:5px;background:var(--blue);transform:rotate(-37deg)}.brand-mark span:nth-child(1){top:5px;left:4px}.brand-mark span:nth-child(2){top:13px;left:0;width:29px}.brand-mark span:nth-child(3){top:21px;left:4px}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto;font-size:13px;font-weight:700;color:#4b5b74}.desktop-nav a:hover,.footer a:hover{color:var(--blue)}.header-action{display:inline-flex;align-items:center;gap:19px;padding:12px 18px;border:1px solid #cbd7ee;border-radius:9px;color:var(--blue);font-size:13px;font-weight:800;transition:background .2s,border-color .2s}.header-action:hover{background:var(--soft);border-color:var(--blue)}.header-action span{font-size:17px;font-weight:400}.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 89% 30%,#edf3ff 0,transparent 36%),var(--paper)}.hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:4.2%;align-items:center;padding-top:77px;padding-bottom:52px}.hero-copy{padding-bottom:17px}.signal-line,.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.12em;color:var(--blue);text-transform:uppercase}.signal-line{display:flex;align-items:center;gap:11px}.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #ff805f25}.hero h1,.section-heading h2,.approach h2,.contact h2{font-family:var(--display);letter-spacing:-.058em}.hero h1{font-size:clamp(52px,5.55vw,81px);line-height:1.04;font-weight:600;max-width:660px;margin:30px 0 28px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:510px;color:var(--muted);font-size:17px;line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;box-shadow:0 14px 24px #1458e829}.button-primary:hover{background:var(--blue-dark)}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.text-link{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap}.text-link span{margin-left:6px;color:var(--blue);font-size:18px;font-weight:400}.text-link:hover{color:var(--blue)}
.hero-visual{position:relative;height:518px;overflow:hidden;border-radius:23px;background:linear-gradient(145deg,#102445,#0a1a36 78%);color:white;box-shadow:0 30px 50px #10234524}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.hero-visual:before{content:"";position:absolute;width:420px;height:420px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#2377ff3a,transparent 64%)}.visual-topline,.visual-bottomline{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font:500 10px var(--mono);letter-spacing:.09em;color:#9cb4d9}.visual-topline{top:27px}.visual-bottomline{bottom:24px;border-top:1px solid #ffffff24;padding-top:20px}.visual-status{display:flex;align-items:center;gap:9px}.visual-status span{width:6px;height:6px;border-radius:50%;background:#8be7bc;box-shadow:0 0 12px #8be7bc}.visual-arrow{font-size:22px;color:white;font-family:var(--body);font-weight:400}.visual-center{position:absolute;inset:60px 0 52px}.orbit{position:absolute;border:1px solid #6da2ff23;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:238px;height:238px}.orbit-two{width:392px;height:392px}.core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;padding:12px 18px;border:1px solid #77aeff77;border-radius:12px;background:#1551bd;box-shadow:0 0 0 8px #1d5ad329,0 24px 40px #020a1a73;white-space:nowrap}.core-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff;color:var(--blue);font:700 23px var(--display)}.core strong{font:600 19px var(--display);letter-spacing:-.05em}.core strong span{font-weight:400;color:#b6d4ff}.connector{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,#4a8af6,#4a8af600);transform-origin:left center}.connector-a{width:180px;left:50%;top:50%;transform:rotate(-147deg)}.connector-b{width:174px;left:50%;top:50%;transform:rotate(-34deg)}.connector-c{width:155px;left:50%;top:50%;transform:rotate(89deg)}.node{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;min-width:146px;padding:10px 12px;border:1px solid #6284b459;border-radius:9px;background:#10294eec;box-shadow:0 10px 22px #020b1b59}.node-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#ffffff12;color:#8abaff;font:20px var(--display)}.node span:last-child{display:flex;flex-direction:column;gap:3px}.node small{font:9px var(--mono);color:#86abd7}.node strong{font:600 10px var(--mono);letter-spacing:.03em;white-space:nowrap}.node-web{left:8%;top:17%}.node-site{right:7%;top:14%}.node-radio{left:8%;bottom:11%}.node-irc{right:8%;bottom:8%}.hero-foot{display:flex;align-items:center;gap:20px;padding:0 0 37px;color:#8795aa;font:500 11px var(--mono);letter-spacing:.04em}.hero-foot-line{height:1px;background:var(--line);flex:1}.hero-foot a{color:var(--blue);font-weight:500}.hero-foot a span{font:18px var(--body);margin-left:8px}
.section-space{padding:110px 0}.solutions{background:white}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading h2,.approach h2,.contact h2{font-size:clamp(39px,4vw,56px);line-height:1.13;font-weight:600;margin:18px 0 0}.section-heading h2 span{color:var(--blue)}.section-heading>p{max-width:310px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.85}.solutions-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:repeat(2,276px);gap:15px}.solution-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:14px;background:#f8faff;transition:transform .2s,box-shadow .2s}.solution-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #172e5710}.solution-card.featured{grid-row:span 2;padding:30px;background:#e9f1ff;border-color:#d5e5ff}.solution-top{display:flex;align-items:start;justify-content:space-between;font:500 10px var(--mono);letter-spacing:.08em;color:#627a9d}.solution-arrow{font:24px var(--body);line-height:1;color:var(--blue)}.solution-card h3{font:600 28px/1.15 var(--display);letter-spacing:-.04em;margin:0 0 10px}.solution-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0;max-width:310px}.featured h3{font-size:37px}.featured p{font-size:15px}.card-art{position:relative;align-self:center;width:74%;height:225px;transform:perspective(500px) rotateX(12deg) rotateY(-17deg)}.server{position:absolute;left:8%;right:8%;height:63px;border:1px solid #87b1f6;border-radius:9px;background:#1852ab;box-shadow:0 16px 19px #2d5da841;display:flex;align-items:center;gap:9px;padding:0 18px}.server-one{top:16px}.server-two{top:90px}.server-three{top:164px}.server i{width:8px;height:8px;border-radius:50%;background:#a8d8ff;box-shadow:0 0 12px #9dd9ff}.server i:nth-child(2){background:#ffae95;box-shadow:0 0 12px #ffae95}.server b{margin-left:auto;width:45%;height:9px;border-top:2px solid #8fb9f7;border-bottom:2px solid #8fb9f7;opacity:.7}.mini-art{position:absolute;right:22px;top:64px;width:128px;height:82px}.browser-art{border:2px solid #9cbeef;border-radius:7px;background:#e9f1ff;box-shadow:8px 8px 0 #d9e7fd}.browser-art>span{display:block;height:17px;border-bottom:2px solid #9cbeef;background:radial-gradient(circle at 10px 8px,#96b7e8 2px,transparent 3px),radial-gradient(circle at 20px 8px,#96b7e8 2px,transparent 3px)}.browser-art>div{display:flex;gap:7px;padding:10px}.browser-art b{width:44px;height:36px;border-radius:4px;background:#87b4fb}.browser-art i{width:16px;height:25px;border-top:4px solid #b0c9eb;border-bottom:4px solid #b0c9eb}.radio-art{display:flex;align-items:center;justify-content:center;gap:7px}.radio-art i{width:6px;height:23px;border-radius:5px;background:#a2c2ee}.radio-art i:nth-child(2),.radio-art i:nth-child(6){height:40px;background:#659eec}.radio-art i:nth-child(3),.radio-art i:nth-child(5){height:62px;background:#347be7}.radio-art i:nth-child(4){height:76px;background:var(--blue)}.chat-art span{position:absolute;display:block;border:2px solid #81b0f3;border-radius:11px;background:#dfeeff}.chat-art span:nth-child(1){width:75px;height:42px;left:5px;top:12px}.chat-art span:nth-child(2){width:70px;height:39px;right:5px;top:32px;background:#adcdfa}.chat-art span:nth-child(3){width:21px;height:5px;left:17px;top:29px;border:0;background:#85b2ef;box-shadow:27px 0 #85b2ef}
.approach{background:var(--navy);color:white}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach .eyebrow,.contact .eyebrow{color:#8eb8ff}.approach h2{max-width:590px;margin-top:22px}.approach-copy>p{margin:3px 0 33px;color:#b6c6de;font-size:16px;line-height:1.9}.approach-points{border-top:1px solid #ffffff27}.approach-points>div{display:grid;grid-template-columns:42px 1fr;gap:2px 14px;padding:19px 0;border-bottom:1px solid #ffffff27}.approach-points span{grid-row:span 2;color:#7badff;font:500 11px var(--mono);padding-top:4px}.approach-points strong{font:600 17px var(--display)}.approach-points p{color:#a8bbd6;font-size:12px;line-height:1.6;margin:3px 0 0}
.contact{overflow:hidden;background:var(--blue);color:white}.contact-inner{position:relative;min-height:425px;display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:clamp(43px,4.5vw,64px);margin:20px 0}.contact p{max-width:530px;color:#d9e7ff;font-size:16px;line-height:1.75;margin:0}.contact-mark{position:absolute;right:65px;top:50%;transform:translateY(-50%);width:240px;height:240px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center}.contact-mark:before,.contact-mark:after{content:"";position:absolute;border:1px solid #ffffff26;border-radius:50%}.contact-mark:before{inset:-42px}.contact-mark:after{inset:-84px}.contact-mark span{font:700 155px/1 var(--display);letter-spacing:-.13em;margin-left:-20px;color:#ffffffed}.contact-mark i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--coral)}.contact-mark i:nth-of-type(1){top:7px;right:46px}.contact-mark i:nth-of-type(2){bottom:28px;left:19px;background:#d5e6ff}.contact-mark i:nth-of-type(3){top:115px;right:-46px;background:#d5e6ff}
.footer{background:#07172e;color:white}.footer-inner{min-height:155px;display:flex;align-items:center;gap:28px}.footer .brand{font-size:25px}.footer .brand-mark span{background:#7eacff}.footer p{color:#8ea2c0;font-size:12px;margin:0}.footer-inner>div{display:flex;gap:25px;margin-left:auto;font-size:12px;color:#b4c4da}.footer small{font:11px var(--mono);color:#738bad;white-space:nowrap;margin-left:30px}
@media(max-width:1050px){.hero-grid{gap:3%}.hero h1{font-size:59px}.hero-visual{height:470px}.solutions-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(3,250px)}.solution-card.featured{grid-row:span 3}.contact-mark{right:0;opacity:.55}.footer-inner{flex-wrap:wrap;padding:36px 0}.footer-inner>div{margin-left:0}}
@media(max-width:760px){.wrap{width:min(100% - 36px,580px)}.header-inner{height:70px}.brand{font-size:25px}.desktop-nav,.header-action{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{list-style:none;display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:12px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}.mobile-menu nav{position:absolute;right:0;top:49px;width:210px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 16px 32px #14244119;display:flex;flex-direction:column}.mobile-menu nav a{padding:11px 12px;font-size:14px;font-weight:700}.mobile-menu nav a:hover{background:var(--soft);border-radius:6px}.hero-grid{display:block;padding-top:61px;padding-bottom:28px}.hero-copy{padding-bottom:42px}.hero h1{font-size:clamp(46px,10.5vw,66px);max-width:620px;margin:24px 0}.hero-copy>p{font-size:15px}.hero-actions{gap:23px;flex-wrap:wrap;margin-top:28px}.hero-visual{height:440px}.hero-foot{padding-bottom:26px}.section-space{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.approach h2{font-size:42px}.section-heading>p{max-width:500px;margin-top:20px}.solutions-grid{grid-template-columns:1fr 1fr;grid-template-rows:390px repeat(2,245px)}.solution-card.featured{grid-column:span 2;grid-row:auto}.card-art{height:185px;width:55%}.server{height:49px}.server-one{top:3px}.server-two{top:61px}.server-three{top:119px}.approach-grid{grid-template-columns:1fr;gap:30px}.contact-inner{min-height:370px}.contact-mark{right:-85px;width:185px;height:185px;opacity:.22}.contact-mark span{font-size:120px}.contact p{max-width:400px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-inner>div{grid-column:span 2;flex-wrap:wrap}.footer small{margin:0}}
@media(max-width:520px){.hero h1{font-size:46px}.hero-visual{height:390px;border-radius:17px}.visual-topline,.visual-bottomline{left:17px;right:17px}.visual-center{inset:50px 0 42px}.orbit-one{width:200px;height:200px}.orbit-two{width:300px;height:300px}.core{padding:8px 11px;gap:7px}.core-icon{width:26px;height:26px;font-size:18px}.core strong{font-size:15px}.node{min-width:113px;gap:5px;padding:7px}.node-icon{width:22px;height:22px;font-size:16px}.node strong{font-size:8px}.node-web{left:4%;top:11%}.node-site{right:3%;top:9%}.node-radio{left:4%;bottom:8%}.node-irc{right:3%;bottom:6%}.hero-foot{font-size:9px}.section-heading h2,.approach h2{font-size:37px}.solutions-grid{display:flex;flex-direction:column}.solution-card{min-height:220px}.solution-card.featured{min-height:390px}.card-art{width:70%;margin-top:3px}.solution-card h3{font-size:25px}.featured h3{font-size:34px}.contact h2{font-size:42px}.contact p{max-width:310px;font-size:14px}.contact-mark{right:-125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.solution-card,.header-action{transition:none}}