body.refined{--accent:#008fc5;--fg:#122638;--muted:#607484;--line:#dbe5ec;--soft:#edf4f8;background:#fcfdff;overflow-x:clip}.reading-progress{height:3px;background:#008fc5;position:fixed;inset:0 0 auto;z-index:30;transform:scaleX(0);transform-origin:left;pointer-events:none}.refined .review-bar{background:#edf5f8;font-size:9px;border:0;padding-block:9px}.refined .site-header{position:sticky;top:0;z-index:20;width:100%;padding-inline:max(5.5%,calc((100% - 1320px)/2));height:103px;background:#fcfdffed;backdrop-filter:blur(18px);border-bottom:1px solid #dbe5ec80;transition:height .3s,box-shadow .3s}.refined .site-header.is-scrolled{height:78px;box-shadow:0 6px 30px #173b5910}.brand-image{width:170px;height:auto;display:block;object-fit:contain}.refined nav{font-size:12px;gap:34px}.refined .nav-contact{background:#142e43;border:0;border-radius:3px;padding:15px 22px;transition:background .2s}.refined .nav-contact:hover{background:#008fc5;color:white}.refined .hero{grid-template-columns:1.12fr 1fr;min-height:740px;padding-top:50px;padding-bottom:115px;gap:0}.refined .hero .eyebrow{color:#467284;font-size:9px;letter-spacing:1.9px}.refined .hero h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-3.6px;line-height:1.13;margin-top:28px}.refined .hero h1 em{background:linear-gradient(100deg,#0081af,#19a7d1);background-clip:text;color:transparent;margin-top:4px}.refined .hero-description{max-width:430px;font-size:15px;line-height:1.85}.refined .hero-actions{margin-top:30px;gap:24px}.refined .button{background:#008fc5;box-shadow:0 8px 25px #008fc51a;border-radius:3px;transition:transform .25s,box-shadow .25s}.refined .button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #008fc534;filter:none}.refined .button span,.refined .text-link span{transition:transform .25s}.refined .button:hover span,.refined .text-link:hover span{transform:translate(3px,-3px)}.refined .hero-bottom{bottom:35px;padding-top:24px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.4px}.refined .hero-copy{position:relative;z-index:2;animation:hero-enter 1s ease both}.technology-scene{height:540px;position:relative;isolation:isolate;--pointer-x:0px;--pointer-y:0px;animation:hero-enter 1.2s .1s ease both}.scene-grid{position:absolute;inset:0 -10% 0;background-image:linear-gradient(#008fc509 1px,transparent 1px),linear-gradient(90deg,#008fc509 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,black,transparent 69%)}.scene-halo{position:absolute;border-radius:50%;pointer-events:none}.halo-a{width:360px;height:360px;left:15%;top:14%;background:radial-gradient(circle,#b6eaf866,#d5effa22 60%,transparent 70%);animation:breathe 7s ease-in-out infinite}.halo-b{inset:10% 0;border:1px solid #0090c514;transform:rotate(-25deg) scaleY(.75)}.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connection-lines path{fill:none;stroke:#008fc54a;stroke-width:1;stroke-dasharray:5 8;animation:flow 26s linear infinite}.connection-lines circle{stroke:#008fc51c;stroke-width:1;fill:none}.platform{position:absolute;left:24%;width:55%;height:44%;top:25%;border-radius:35px;transform:translate3d(var(--pointer-x),calc(var(--parallax,0px) + var(--pointer-y)),0) rotate(-32deg) skew(12deg,12deg);transition:translate .2s;box-shadow:0 25px 35px #1e59751a}.platform-bottom{top:37%;background:linear-gradient(135deg,#c5deeb99,#e7f1f899);border:1px solid #a6c8db66}.platform-middle{top:31%;background:linear-gradient(135deg,#d5ecf8b3,#a6d9ef80);border:1px solid #bce5f6}.platform-top{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff 3%,#e7f7ff 43%,#8bd1ee);border:1px solid #fff;box-shadow:inset 0 0 45px #ffffffc9,10px 30px 50px #008fc52a}.platform-symbol{font-family:Manrope,Arial,sans-serif;font-size:72px;font-weight:800;letter-spacing:-6px;color:#0f3e58;transform:skew(-12deg,-12deg) rotate(32deg)}.platform-symbol>span{color:#0096c9}.platform-caption{font-size:7px;letter-spacing:2px;position:absolute;bottom:40px;transform:skew(-12deg,-12deg) rotate(32deg);color:#3182a3}.scene-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 19px;background:#fffffff2;border:1px solid #d5e7f2;border-radius:7px;box-shadow:0 15px 50px #1644650d;transform:translate3d(calc(var(--pointer-x)*-1),calc(var(--parallax,0px) + var(--pointer-y)*-1),0);z-index:3;animation:chip-enter 1.3s ease both}.chip-engineering{top:13%;left:1%;animation-delay:.15s}.chip-security{top:43%;right:-6%;animation-delay:.3s}.chip-ai{bottom:9%;left:4%;animation-delay:.45s}.chip-icon{display:grid;place-items:center;background:#edf7fc;border:1px solid #dceef7;color:#008fc5;width:35px;height:35px;font-size:18px}.scene-chip small{display:block;font-size:6px;letter-spacing:1.3px;color:#678290;margin-bottom:6px}.scene-chip strong{font-size:11px;font-weight:500;white-space:nowrap}.chip-dot{width:5px;height:5px;background:#008fc5;border-radius:50%;margin-left:9px;box-shadow:0 0 0 4px #008fc510}.scene-caption{position:absolute;bottom:0;left:25%;font-size:7px;letter-spacing:1.5px;color:#607c8c;display:flex;align-items:center;gap:10px}.refined .capability-strip{background:#f4f8fa;border-block:1px solid var(--line)}.refined .capability-strip>.wrap{font-size:21px;font-weight:500;letter-spacing:2px;padding:28px 0;color:#7c909d}.refined .capability-strip b{color:#008fc5}.refined .section{padding-block:115px}.refined .section-heading{grid-template-columns:.9fr 1.9fr 1.2fr;gap:30px;margin-bottom:55px}.refined h2{font-size:clamp(35px,3.4vw,49px);letter-spacing:-2px;font-weight:500}.refined .eyebrow{font-size:9px;color:#62808f;letter-spacing:1.7px}.refined .section-heading>p:last-child{font-size:13px;line-height:1.85}.refined .service-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.refined .service{background:transparent;border:0;border-radius:0;padding:32px 32px 40px;position:relative;transition:background .35s,transform .35s}.refined .service:not(:nth-child(3n)){border-right:1px solid var(--line)}.refined .service:nth-child(-n+3){border-bottom:1px solid var(--line)}.refined .service:hover{background:#eff8fc;transform:translateY(-4px)}.refined .service-top{font-family:monospace;font-size:10px}.refined .service-top span:last-child{border:1px solid #d3e4ed;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:background .3s,color .3s,transform .3s}.refined .service:hover .service-top span:last-child{background:#008fc5;color:white;transform:rotate(45deg)}.refined .service h3{font-size:21px;font-weight:500;margin:34px 0 16px}.refined .service h4{font-size:12px}.refined .service p{font-size:12px;line-height:1.85}.refined .about-section{position:relative;overflow:hidden;background:#eef5f8;padding:115px 0}.about-watermark{position:absolute;bottom:-80px;left:-20px;font-family:Manrope,sans-serif;font-size:260px;font-weight:800;letter-spacing:-18px;color:#dfeaf0;line-height:1;transform:translateY(var(--parallax,0px));pointer-events:none}.refined .about-layout{position:relative;z-index:1;gap:11%}.refined .about-layout h2{font-size:clamp(42px,4.6vw,65px);line-height:1.1}.refined .about-copy{padding-top:6px}.refined .about-copy .large-copy{font-size:26px;color:#23465a;max-width:430px}.refined .about-copy p{font-size:13px;line-height:1.9}.refined .process-grid{position:relative;gap:0}.refined .process-grid article{padding:25px 26px 0 0;position:relative}.refined .process-grid article::before{content:'';width:7px;height:7px;border-radius:50%;background:#008fc5;position:absolute;top:-4px;left:0;box-shadow:0 0 0 5px #e5f3fa}.refined .process-grid article>span{font-size:11px}.refined .process-grid h3{font-size:20px;font-weight:500}.refined .process-grid p{font-size:12px;max-width:230px}.refined .faq-section{padding-top:15px}.refined summary{font-size:14px}.refined .faqs details{padding-block:27px}.refined .faqs p{font-size:13px}.refined .contact-section{background:#102c3e;color:#f5fbff;padding:90px 0 55px;position:relative;overflow:hidden}.refined .contact-section>.wrap{position:relative;z-index:1}.refined .contact-section .eyebrow{color:#99bacb}.refined .contact-heading h2{font-size:clamp(48px,6.4vw,88px);line-height:1.1}.refined .contact-section em{color:#58c8e9;opacity:1}.refined .contact-links{border-color:#ffffff24;font-size:13px;color:#bed5e2}.refined .contact-arrow{color:#78d7f0;border-color:#7cc4df55;transition:transform .35s,background .35s}.refined .contact-arrow:hover{transform:rotate(45deg);background:#008fc530}.contact-orbit{position:absolute;width:700px;height:700px;right:-240px;top:-220px;border-radius:50%;border:1px solid #78b0cf1f;box-shadow:0 0 0 70px #78b0cf05,0 0 0 140px #78b0cf04;animation:breathe 12s ease-in-out infinite}.refined .dark-footer{width:100%;padding-inline:max(5.5%,calc((100% - 1320px)/2));background:#0d2433;color:white;--line:#ffffff18;--muted:#9eb6c5}.refined .footer-main{padding:55px 0;grid-template-columns:1fr 1fr 1fr}.refined .footer-main .brand-image{width:165px}.refined .footer-bottom{font-size:9px}.reveal{opacity:0;translate:0 28px;transition:opacity .8s var(--reveal-delay,0ms),translate .8s var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;translate:0 0}section[id]{scroll-margin-top:95px}@keyframes hero-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes chip-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes breathe{0%,100%{scale:1;opacity:.75}50%{scale:1.08;opacity:1}}@keyframes flow{to{stroke-dashoffset:-260}}
@media(max-width:1100px){.refined .hero{min-height:680px}.refined .hero h1{font-size:55px}.technology-scene{height:470px}.scene-chip{padding:12px;gap:8px}.chip-security{right:-3%}.chip-engineering{left:-2%}.platform-symbol{font-size:60px}.platform-caption{bottom:25px;font-size:6px}.refined .hero-actions{gap:15px}.refined .section-heading{grid-template-columns:1fr 2fr}.refined .section-heading>p:last-child{grid-column:2}.refined .service{padding:25px 22px 35px}.refined nav{gap:24px}}
@media(max-width:760px){.refined .site-header{height:85px;padding-inline:6%}.refined .site-header.is-scrolled{height:72px}.brand-image{width:142px}.refined nav{top:76px;background:#fcfdff;box-shadow:0 15px 30px #153d5715}.refined .hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:75px;min-height:0}.refined .hero .eyebrow{font-size:8px;letter-spacing:1.2px}.refined .hero h1{font-size:clamp(43px,10.8vw,64px);letter-spacing:-2.6px;margin-top:22px}.refined .hero-description{font-size:14px}.refined .hero-actions{margin-top:24px;gap:20px}.refined .hero-bottom{bottom:22px;font-size:6px;letter-spacing:.7px}.technology-scene{width:min(430px,100%);height:410px;margin:20px auto 0}.scene-chip{padding:11px;gap:8px;border-radius:5px}.scene-chip strong{font-size:9px}.scene-chip small{font-size:5px}.chip-icon{width:28px;height:28px;font-size:15px}.chip-dot{margin-left:2px;width:4px;height:4px}.chip-engineering{left:0;top:12%}.chip-security{right:-2%;top:44%}.chip-ai{left:3%;bottom:11%}.scene-caption{font-size:6px;left:22%}.halo-a{width:280px;height:280px;left:8%}.platform{border-radius:25px}.platform-symbol{font-size:55px}.platform-caption{font-size:5px;bottom:28px}.refined .capability-strip>.wrap{font-size:12px;letter-spacing:.6px;padding-block:23px}.refined .section{padding-block:65px}.refined .section-heading{display:block;margin-bottom:30px}.refined .service-grid{grid-template-columns:1fr}.refined .service:nth-child(n){border:0;border-bottom:1px solid var(--line);padding:25px 10px 30px}.refined .service:last-child{border-bottom:0}.refined .service h3{margin-top:22px;font-size:23px}.refined .about-section{padding:65px 0}.about-watermark{font-size:140px;letter-spacing:-10px;bottom:-20px}.refined .about-layout{gap:20px}.refined .about-layout h2{font-size:45px}.refined .about-copy .large-copy{font-size:24px}.refined .process-grid{gap:30px 10px}.refined .process-grid article{padding-right:10px}.refined .process-grid h3{font-size:18px}.refined .faq-section{padding-top:5px}.refined .contact-section{padding:65px 0 40px}.refined .contact-heading h2{font-size:44px}.refined .contact-arrow{width:58px;height:58px}.refined .contact-links{font-size:13px}.refined .footer-main{grid-template-columns:1fr;padding-block:40px}.refined .footer-main .brand-image{width:150px}.refined .footer-bottom{font-size:8px}.refined .review-bar{font-size:7px}.scene-grid{inset:0}.reveal{translate:0 18px}}
@media(prefers-reduced-motion:reduce){.refined *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;translate:none}.platform,.scene-chip{--parallax:0px!important;--pointer-x:0px!important;--pointer-y:0px!important}.about-watermark{transform:none}}
