:root{--navy:#102c44;--navy-deep:#0b2236;--red:#b72634;--red-dark:#96202b;--ink:#1b2c3c;--muted:#536575;--line:#dce4e8;--pale:#f4f7f8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3.25rem,6vw,6rem);font-weight:800}h2{font-size:clamp(2.4rem,4vw,4.25rem);font-weight:800}h3{font-size:1.42rem;font-weight:700}.shell{width:min(100% - 48px,1280px);margin-inline:auto}.section{padding:clamp(80px,10vw,150px) 0}.skip-link{position:absolute;z-index:20;top:-60px;left:16px;padding:10px 16px;background:#fff;color:#000}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f5b642;outline-offset:4px}
.topline{background:var(--navy-deep);color:#dce9ef;font-size:.8rem}.topline .shell{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline a{font-weight:700;color:#fff}.topline a span{margin-left:5px;color:#f38b92}.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #e7ecee}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:91px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:49px;height:49px;flex:none}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{font:700 1.08rem/1.12 "Manrope",sans-serif;letter-spacing:-.04em;max-width:180px}.brand-name strong{display:block;font-weight:800}.primary-nav{display:flex;align-items:center;gap:clamp(18px,2.8vw,38px);font-size:.93rem;font-weight:700}.primary-nav>a:not(.nav-contact):hover,.text-link:hover,.inline-contact:hover{color:var(--red)}.nav-contact{background:var(--navy);color:#fff;padding:13px 20px}.nav-contact:hover{background:var(--red)}.nav-contact span,.button span{padding-left:13px}.menu-toggle{display:none}
.hero{background:var(--pale);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:660px}.hero-copy{align-self:center;padding:80px 6vw 80px 0}.hero-kicker{display:flex;align-items:center;gap:12px;color:var(--red);font-weight:800;letter-spacing:.02em;margin-bottom:24px}.kicker-rule{height:3px;width:26px;background:var(--red)}.hero h1{max-width:700px;margin-bottom:26px}.hero-lede{color:#475c6c;font-size:1.13rem;max-width:550px;line-height:1.75;margin-bottom:35px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:55px;padding:15px 23px;font-size:.93rem;font-weight:800;transition:background .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button-red{color:#fff;background:var(--red)}.button-red:hover{background:var(--red-dark)}.text-link,.inline-contact{font-weight:800;border-bottom:2px solid currentColor;padding-bottom:5px}.text-link span,.inline-contact span{padding-left:15px}.hero-visual{position:relative;min-height:620px;background:var(--navy);overflow:hidden;isolation:isolate}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent)}.visual-orbit{position:absolute;border:1px solid rgba(210,228,240,.27);border-radius:50%;width:490px;height:490px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:350px;height:350px;border-color:rgba(210,228,240,.16)}.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;background:#e65c67;border-radius:50%;width:9px;height:9px}.orbit-one:before{top:17%;left:14%}.orbit-one:after{right:5%;bottom:28%}.orbit-two:before{bottom:1%;left:42%}.orbit-two:after{right:10%;top:14%}.visual-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:235px;height:235px;border-radius:50%;background:#f8fafb;box-shadow:0 0 0 15px rgba(255,255,255,.05),0 20px 50px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--navy);font:800 .69rem/1.25 "Manrope",sans-serif;letter-spacing:.04em}.visual-core img{width:72px;height:72px;object-fit:contain;margin-bottom:7px}.core-line{position:absolute;top:21px;width:55px;height:3px;background:var(--red)}.visual-node{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--navy);font:700 .85rem "Manrope",sans-serif;box-shadow:0 14px 35px rgba(0,0,0,.16);padding:10px 17px 10px 10px}.node-icon{display:grid;place-items:center;width:33px;height:33px;background:#f4e3e5;color:var(--red);font-size:1.3rem}.node-network{left:12%;top:20%}.node-devices{right:6%;top:29%}.node-software{left:15%;bottom:18%}.visual-caption{position:absolute;right:27px;bottom:25px;color:#b4c6d2;font-size:.67rem;font-weight:800;letter-spacing:.15em}.hero-foot{display:flex;align-items:center;gap:28px;min-height:65px;color:#536675;font-size:.82rem;font-weight:700}.foot-divider{width:3px;height:3px;border-radius:50%;background:var(--red)}
.section-heading{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-bottom:60px}.section-index{font-size:.84rem;color:var(--red);font-weight:800;margin:7px 0 0}.section-index.light{color:#f18b93}.section-heading h2{max-width:800px;margin-bottom:22px}.section-heading p:last-child{font-size:1.08rem;color:var(--muted);max-width:640px;margin:0}.service-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-item{display:grid;grid-template-columns:58px 1fr 24px;gap:23px;min-height:190px;padding:36px 35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-symbol{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#f8ebec;color:var(--red);font:800 .76rem "Manrope",sans-serif}.service-item h3{margin:0 0 11px}.service-item p{color:var(--muted);max-width:430px;margin:0;font-size:.94rem;line-height:1.65}.service-arrow{font-size:1.1rem;color:var(--red);align-self:start}
.approach{background:var(--navy);color:#fff}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,12vw,180px)}.approach-lead h2{max-width:530px;margin:25px 0}.approach-lead>p:not(.section-index){color:#b8c9d3;font-size:1.08rem;line-height:1.75;max-width:480px}.button-outline{margin-top:22px;border:1px solid #8aa2b0}.button-outline:hover{background:#fff;color:var(--navy)}.approach-points{align-self:center;border-top:1px solid rgba(255,255,255,.23)}.approach-points>div{display:grid;grid-template-columns:42px 1fr;gap:22px;padding:33px 0;border-bottom:1px solid rgba(255,255,255,.23)}.approach-points span{color:#f18b93;font-size:.75rem;font-weight:800;padding-top:5px}.approach-points h3{margin:0 0 10px}.approach-points p{color:#b8c9d3;margin:0;max-width:440px}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(70px,11vw,155px);align-items:center}.about-accent{min-height:425px;display:flex;flex-direction:column;justify-content:space-between;padding:45px;background:#edf2f4;border-left:8px solid var(--red);position:relative;overflow:hidden}.about-accent:after{content:"";position:absolute;right:-130px;bottom:-180px;width:400px;height:400px;border:1px solid #b7c9d2;border-radius:50%;box-shadow:0 0 0 65px #edf2f4,0 0 0 66px #ccd9df,0 0 0 130px #edf2f4,0 0 0 131px #ccd9df}.accent-number{position:relative;z-index:1;color:var(--navy);font:800 clamp(4rem,8vw,7rem)/1 "Manrope",sans-serif;letter-spacing:-.08em}.accent-number span{display:block;margin-top:12px;color:var(--red);font-size:1.15rem;letter-spacing:0}.accent-caption{position:relative;z-index:1;font:800 1.2rem/1.35 "Manrope",sans-serif}.about-copy h2{margin:26px 0}.about-copy>p:not(.section-index){max-width:595px;color:var(--muted);font-size:1.05rem;line-height:1.8}.inline-contact{display:inline-block;margin-top:22px}
.faq{background:var(--pale)}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,11vw,150px)}.faq h2{margin:25px 0}.faq-intro{color:var(--muted);max-width:380px}.faq-list{border-top:1px solid #cbd8df}.faq-list details{border-bottom:1px solid #cbd8df}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:700 1.05rem/1.4 "Manrope",sans-serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 1.5rem/1 "DM Sans",sans-serif;color:var(--red);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding:0 40px 22px 0;margin:0;max-width:650px}
.contact{background:var(--red);color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.contact h2{margin:25px 0;max-width:600px}.contact p:not(.section-index){max-width:470px;color:#f9dadc;font-size:1.08rem}.contact .section-index{color:#fff}.contact-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}.contact-details a{font:700 1.1rem "Manrope",sans-serif;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:7px}.contact-details a span{padding-left:24px}.contact-details .contact-phone{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.05em}.contact-details address{font-style:normal;line-height:1.65;color:#f9dadc;margin-top:12px}.site-footer{background:var(--navy-deep);color:#d3dfe5;padding:42px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 .87rem/1.25 "Manrope",sans-serif}.footer-brand img{width:43px;height:43px;object-fit:contain}.footer-brand small{font-size:.75rem;font-weight:500;color:#a9bfca}.footer-inner>div:nth-child(2){display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem}.footer-inner a:hover{color:#fff}.footer-inner p{font-size:.76rem;margin:0;color:#a9bfca}
@media(max-width:1000px){.primary-nav{gap:17px}.hero-grid{min-height:590px}.hero-copy{padding-right:35px}.hero-visual{min-height:590px}.visual-orbit{width:400px;height:400px}.orbit-two{width:290px;height:290px}.visual-core{width:195px;height:195px}.visual-core img{width:59px;height:59px}.visual-node{font-size:.73rem}.node-network{left:4%}.node-devices{right:3%}.node-software{left:6%}.service-item{padding:30px 25px;gap:15px}.approach-grid,.about-grid,.faq-grid{gap:65px}}
@media(max-width:760px){.shell{width:min(100% - 36px,1280px)}.topline .shell{justify-content:center}.topline .shell>span{display:none}.header-inner{min-height:72px}.brand-mark{width:41px;height:41px}.brand-name{font-size:.94rem}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;cursor:pointer}.menu-toggle span{width:19px;height:2px;background:var(--navy)}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px;border-bottom:1px solid var(--line);box-shadow:0 12px 22px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px 10px}.primary-nav .nav-contact{margin-top:10px;text-align:center}.hero-grid{display:block}.hero-copy{padding:75px 0 65px}.hero h1{font-size:clamp(3.1rem,11vw,5rem)}.hero-lede{font-size:1.04rem}.hero-visual{min-height:400px;margin-inline:-18px}.visual-orbit{width:360px;height:360px}.orbit-two{width:260px;height:260px}.visual-core{width:180px;height:180px}.node-network{left:8%;top:14%}.node-devices{right:4%;top:24%}.node-software{left:10%;bottom:14%}.hero-foot{flex-wrap:wrap;justify-content:center;text-align:center;gap:7px 13px;padding:20px 0}.section-heading,.approach-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.section-heading{margin-bottom:40px}.section-heading h2{margin-top:16px}.section{padding:78px 0}.service-list{grid-template-columns:1fr}.service-item{min-height:0;padding:24px 20px}.approach-points{margin-top:20px}.about-accent{min-height:270px}.accent-number{font-size:5rem}.faq-grid{gap:28px}.contact-details{align-items:flex-start}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:440px){.hero-actions{align-items:stretch;flex-direction:column;gap:24px}.button{align-self:flex-start}.hero-visual{min-height:340px}.visual-orbit{width:295px;height:295px}.orbit-two{width:210px;height:210px}.visual-core{width:145px;height:145px;font-size:.54rem}.visual-core img{width:44px;height:44px}.visual-node{padding:5px 8px 5px 5px;font-size:.62rem;gap:5px}.node-icon{width:24px;height:24px;font-size:.95rem}.node-network{left:2%;top:15%}.node-devices{right:2%;top:22%}.node-software{left:4%;bottom:12%}.visual-caption{font-size:.55rem}.foot-divider{display:none}.hero-foot{flex-direction:column}.service-item{grid-template-columns:40px 1fr 15px;gap:12px}.service-item h3{font-size:1.22rem}.about-accent{padding:28px}.accent-number{font-size:4.2rem}.contact-details .contact-phone{font-size:1.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.faq-list summary span{transition:none}}
.service-item{grid-template-columns:26px 1fr}.service-symbol{display:block;width:22px;height:3px;margin-top:12px;border-radius:0;background:var(--red)}.service-arrow{display:none}
@media(max-width:440px){.service-item{grid-template-columns:24px 1fr}}
