:root{--primary:#0969f6;--accent:#11c7c4;--navy:#071b3c;--muted:#60708b;--ice:#f5faff;--line:#dce8f6;--violet:#7457ff;--green:#08b97b;--shadow:0 18px 55px rgba(25,72,130,.11);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font:15px/1.7 Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 16px;background:#fff;border-radius:8px}.skip:focus{top:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #62d6ff;outline-offset:3px}
.site-header{position:sticky;z-index:100;top:0;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(205,222,242,.8);backdrop-filter:blur(18px)}.nav-wrap{height:78px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;white-space:nowrap}.brand strong{font-weight:800}.site-header nav{margin-left:auto}.site-header ul{display:flex;list-style:none;gap:31px;padding:0;margin:0}.site-header nav a{font-size:13px;font-weight:700}.site-header nav a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:14px}.location{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;background:#fff;box-shadow:0 5px 15px rgba(20,72,130,.05)}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--primary);padding:13px 21px;color:#fff;background:linear-gradient(135deg,#0875fa,#1559e7);font-weight:800;border-radius:11px;box-shadow:0 9px 25px rgba(9,105,246,.22);transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(9,105,246,.32)}.btn-small{padding:9px 15px;font-size:12px}.btn-ghost{color:var(--navy);background:#fff;border-color:#cbd9eb;box-shadow:0 7px 22px rgba(20,60,100,.08)}.btn-green{background:var(--green);border-color:var(--green)}.eyebrow{display:inline-block;color:var(--primary);font-size:11px;letter-spacing:.13em;font-weight:800;margin-bottom:10px}
.hero{position:relative;min-height:760px;padding:72px 0 0;background:radial-gradient(circle at 59% 25%,rgba(191,238,255,.65),transparent 26%),radial-gradient(circle at 79% 27%,rgba(217,199,255,.6),transparent 20%),linear-gradient(180deg,#fbfdff,#f4faff 70%,#fff);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(81,143,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(81,143,215,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:500px}.hero-copy{z-index:2;padding-bottom:34px}.hero h1{max-width:620px;font-size:clamp(46px,5.3vw,76px);line-height:1.05;letter-spacing:-.055em;margin:0 0 22px;font-weight:800}.hero-copy>p{max-width:570px;color:#42536f;font-size:17px;line-height:1.65}.hero-actions{display:flex;gap:14px;margin-top:30px}.portal-wrap{position:absolute;width:650px;height:590px;right:-35px;top:-35px}.portal{position:relative;width:100%;height:100%;filter:drop-shadow(0 25px 25px rgba(38,108,255,.16));animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(42,126,255,.16);border-radius:50%;inset:80px 10px 20px 120px;transform:rotate(-20deg)}.orbit-b{inset:30px 90px 70px 60px;transform:rotate(20deg)}.data-card{position:absolute;z-index:2;padding:10px 14px;background:rgba(255,255,255,.75);border:1px solid #dceeff;border-radius:9px;box-shadow:var(--shadow);font-size:9px;color:#6c7c95;backdrop-filter:blur(8px)}.data-card b{color:var(--primary);font-size:16px}.dc1{right:5px;top:150px}.dc2{left:120px;top:110px}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);max-width:670px;margin-left:max(20px,calc((100% - 1180px)/2));margin-top:5px;background:rgba(255,255,255,.74);border:1px solid #d7e7f8;box-shadow:var(--shadow);border-radius:15px;backdrop-filter:blur(15px)}.stats>div{display:grid;grid-template-columns:44px 1fr;align-items:center;padding:17px 22px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font-size:24px;line-height:1.1}.stats small{grid-column:2;color:var(--muted)}.stat-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--primary));font-weight:800}
.section{padding-block:90px}.section-head{text-align:center;max-width:700px;margin:0 auto 40px}.section-head h2,.control h2,.seo-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.04em;margin:0 0 12px}.section-head p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{min-height:225px;padding:25px;background:linear-gradient(145deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(16,64,119,.06);transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:#a9d0ff;box-shadow:var(--shadow)}.service-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#e5f9ff,#e7ecff);color:var(--primary);font-size:18px;font-weight:800}.service-card:nth-child(4n+2) .service-icon{color:var(--violet);background:#f1eaff}.service-card:nth-child(4n+4) .service-icon{color:var(--green);background:#e7fff5}.service-card h3,.service-card h2{font-size:16px;line-height:1.35;margin:18px 0 8px}.service-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.service-card b{display:block;color:var(--primary);font-size:11px;margin-top:15px}.center{text-align:center;margin-top:32px}
.projects-bg,.testimonial-bg{background:linear-gradient(180deg,#f7fbff,#fff)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 35px rgba(22,69,124,.08);transition:.3s}.project-card:hover{transform:translateY(-5px)}.project-card img{width:100%;aspect-ratio:1.55}.project-card div{padding:19px}.project-card span,.blog-card span{font-size:10px;color:var(--primary);font-weight:800}.project-card h3,.project-card h2{font-size:17px;margin:8px 0}.project-card p{font-size:12px;color:var(--muted)}.project-card b{font-size:11px;color:var(--primary)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{position:relative;text-align:center;padding:24px 18px;border:1px solid var(--line);border-radius:17px;background:#fff}.process-card:not(:last-child):after{content:"";position:absolute;right:-15px;top:45px;width:16px;border-top:2px dotted #8bd3f6}.process-card>span{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;color:#fff;background:linear-gradient(135deg,var(--primary),#234eff);border-radius:50%;box-shadow:0 0 0 7px #eaf3ff}.process-card:nth-child(2)>span{background:var(--violet)}.process-card:nth-child(3)>span{background:#17bcd6}.process-card:nth-child(4)>span{background:var(--green)}.process-card i{display:block;color:var(--primary);font-size:25px;font-style:normal}.process-card h3{font-size:15px}.process-card p{font-size:11px;color:var(--muted)}
.control{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:60px}.control-copy>p{color:var(--muted)}.control-copy ul{list-style:none;padding:0}.control-copy li{position:relative;display:grid;padding:10px 0 10px 50px}.control-copy li:before{content:"✦";position:absolute;left:0;display:grid;place-items:center;width:34px;height:34px;color:var(--primary);background:#eaf6ff;border-radius:50%}.control-copy small{color:var(--muted)}.panel-demo{overflow:hidden;border:1px solid #cfe0f3;border-radius:17px;background:#fff;box-shadow:0 25px 70px rgba(19,67,130,.15);font-size:10px}.panel-top{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line)}.panel-body{display:grid;grid-template-columns:130px 1fr 190px;min-height:330px}.panel-body aside{display:flex;flex-direction:column;gap:15px;padding:20px 14px;color:#fff;background:#092c62}.panel-body aside b{background:var(--primary);padding:10px;border-radius:6px}.panel-form{padding:20px}.panel-form small{display:block;margin:10px 0 5px;color:#697a94}.panel-form>div{padding:9px;border:1px solid var(--line);border-radius:5px;color:#53627b}.panel-form .tall{height:55px}.panel-form .upload{font-size:16px;color:var(--primary)}.panel-list{padding:20px 12px;background:#fbfdff}.panel-list>div{display:flex;gap:8px;padding:8px;margin:9px 0;background:#fff;border:1px solid var(--line);border-radius:6px}.panel-list img{border-radius:4px}.panel-list small{display:block;color:var(--green)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{margin:0;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 35px rgba(16,64,119,.05)}.stars{color:#f1b614;letter-spacing:3px}.testimonial>p{min-height:85px;color:#344967}.testimonial footer{display:flex;align-items:center;gap:10px}.testimonial footer>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dceeff;color:var(--primary);font-weight:800}.testimonial footer b{font-size:12px}.testimonial footer small{display:block;color:var(--muted)}.seo-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;background:linear-gradient(130deg,#f0f8ff,#fbf9ff);border:1px solid var(--line);border-radius:24px;padding:45px;margin-block:70px}.seo-copy>p{color:#42546e}.seo-pills{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.seo-pills span{padding:8px 13px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700}
.cta-band{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;padding:34px 45px;background:radial-gradient(circle at 80%,#d8e6ff,transparent 23%),linear-gradient(125deg,#e7f6ff,#edf0ff);border:1px solid #d3e6f8;border-radius:24px;overflow:hidden}.cta-band h2{font-size:32px;color:#075bd7;margin:0}.cta-band span{font-weight:700;color:#075bd7}.cta-band p{margin:0}.cta-actions{display:flex;gap:12px}.footer{padding:20px 0 0;background:#fbfdff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:55px;padding-block:45px}.footer h3{font-size:13px}.footer p,.footer a{display:block;color:#53647d;font-size:12px;margin:7px 0}.footer .brand strong{color:var(--navy);font-size:16px}.copyright{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);color:#7b899e;font-size:10px}.copyright a{display:inline}
.contact-rail{position:fixed;right:17px;top:50%;z-index:80;display:grid;gap:13px;transform:translateY(-50%)}.contact-rail a{display:grid;place-items:center;width:70px;height:70px;border:1px solid #d6e8f8;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 9px 30px rgba(20,70,130,.13);backdrop-filter:blur(8px)}.contact-rail span{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--primary);border-radius:50%;font-size:20px;animation:pulse 2.4s infinite}.contact-rail b{font-size:8px}.contact-rail .rail-wa span{background:#0bbb6c}.contact-rail .rail-ig span{background:linear-gradient(135deg,#6b36e8,#ee238b)}
.page-hero{text-align:center;padding-block:110px 70px;background:radial-gradient(circle,#e7f6ff,transparent 55%)}.page-hero h1{max-width:850px;margin:0 auto;font-size:clamp(38px,6vw,68px);line-height:1.1;letter-spacing:-.05em}.page-hero p{max-width:680px;margin:20px auto;color:var(--muted);font-size:17px}.filters{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.filters button{padding:9px 16px;border:1px solid var(--line);border-radius:25px;background:#fff;cursor:pointer}.filters button.active{background:var(--primary);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 35px rgba(22,69,124,.07)}.blog-card img{aspect-ratio:1.75;width:100%}.blog-card div{padding:22px}.blog-card h2{font-size:19px;line-height:1.4}.blog-card p{color:var(--muted);font-size:13px}.blog-card b{font-size:12px;color:var(--primary)}.breadcrumbs{display:flex;gap:10px;padding-top:35px;color:var(--muted);font-size:12px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:60px}.detail-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.05em;margin:0}.detail-hero p{font-size:17px;color:var(--muted);margin:22px 0}.detail-hero img{border-radius:25px;box-shadow:var(--shadow);aspect-ratio:1.5}.article-body{max-width:800px;padding-block:30px 90px;font-size:17px;color:#30445f}.article-body h2{font-size:30px;color:var(--navy);margin-top:50px}.article-body h3{color:var(--navy)}.article-body img{border-radius:15px}.contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.contact-info{padding:34px;background:linear-gradient(145deg,#e8f7ff,#eff0ff);border-radius:20px}.contact-info>div{display:grid;margin-top:25px}.contact-info span,.contact-info a{color:var(--muted)}.contact-form{padding:35px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px;border:1px solid #cadbef;border-radius:9px;background:#fbfdff}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start}.form-grid .check input{width:auto;margin-top:5px}.form-grid a{color:var(--primary);text-decoration:underline}.hp{position:absolute!important;left:-9999px}.contact-form .btn{margin-top:20px}.flash{padding:12px;margin-bottom:20px;border-radius:8px}.flash.success{background:#e5fff4;color:#087248}.flash.error{background:#fff0f2;color:#a31635}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(9,105,246,.08)}}
@media(max-width:1050px){.nav-actions .location{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr 1fr}.portal-wrap{right:-150px}.panel-body{grid-template-columns:110px 1fr}.panel-list{display:none}.contact-rail{right:8px}.contact-rail a{width:60px;height:60px}}
@media(max-width:800px){body{padding-bottom:64px}.container{width:min(100% - 28px,680px)}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;padding:18px;background:#fff;border-bottom:1px solid var(--line)}.site-header nav.open{display:block}.site-header ul{display:grid;gap:4px}.site-header nav a{display:block;padding:10px}.nav-toggle{display:block;margin-left:auto}.nav-actions{display:none}.hero{padding-top:40px;min-height:830px}.hero-grid{display:block}.hero h1{font-size:51px}.hero-copy{max-width:570px}.portal-wrap{position:relative;right:auto;top:-10px;margin:auto;width:min(630px,110vw);height:470px}.stats{margin:-60px auto 0;width:calc(100% - 28px)}.stats>div{padding:13px}.stats strong{font-size:19px}.section{padding-block:65px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.blog-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-card:after{display:none}.control{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr}.seo-copy{grid-template-columns:1fr;gap:10px;margin-block:30px}.seo-pills{grid-column:auto}.cta-band{display:grid;gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.contact-rail{left:0;right:0;top:auto;bottom:0;transform:none;display:flex;justify-content:center;background:rgba(255,255,255,.94);padding:6px;border-top:1px solid var(--line)}.contact-rail a{width:auto;height:50px;min-width:90px;grid-template-columns:30px 1fr;border-radius:10px;padding:4px 10px}.contact-rail span{width:28px;height:28px;font-size:15px}.contact-rail b{font-size:8px}.detail-hero,.contact-layout{grid-template-columns:1fr}.detail-hero img{order:-1}.contact-layout{gap:25px}.cta-actions{flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.portal-wrap{height:400px}.stats{grid-template-columns:1fr;margin-top:-45px}.stats>div{grid-template-columns:40px 1fr;border-right:0;border-bottom:1px solid var(--line);padding:9px 14px}.stats strong{font-size:17px}.stats small{font-size:10px}.service-grid,.project-grid,.blog-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:auto}.panel-body{grid-template-columns:90px 1fr}.panel-body aside{font-size:8px}.section-head{text-align:left}.seo-copy{padding:25px}.cta-band{padding:25px}.cta-band h2{font-size:27px}.cta-actions{display:grid}.footer-grid{grid-template-columns:1fr;gap:20px}.copyright{display:grid;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.contact-form{padding:22px}.filters{justify-content:flex-start;overflow:auto}.page-hero{padding-block:75px 40px}.contact-rail a{min-width:82px;padding:3px 7px}}
.hero-slide{display:none}.hero-slide.active{display:block;animation:slideIn .55s ease}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-block:40px}.detail-gallery img{width:100%;aspect-ratio:1.55}@keyframes slideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}