:root{
  --navy:#071a3f;--blue:#0c5ed7;--blue2:#1178ef;--teal:#07b7b1;--cyan:#17c9c0;
  --ink:#0c1e3e;--muted:#64748b;--line:#dbe7f4;--soft:#f6f9fd;--white:#fff;
  --grad:linear-gradient(135deg,#0a58cc 0%,#0b82d9 45%,#0bb8aa 100%);
  --grad-dark:linear-gradient(135deg,#061b43 0%,#053b70 54%,#079b9d 100%);
  --shadow:0 18px 50px rgba(15,45,90,.10);--shadow-sm:0 8px 24px rgba(15,45,90,.08);
  --radius:22px;--radius-sm:16px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:82px 0}.section-sm{padding:54px 0}.soft{background:var(--soft)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:3px;border-radius:3px;background:var(--grad)}h1,h2,h3{line-height:1.15;margin:0 0 16px}h1{font-size:clamp(2.4rem,5vw,4.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.4vw,3.1rem);letter-spacing:-.035em}h3{font-size:1.15rem}.lead{font-size:1.15rem;color:var(--muted);max-width:760px}.muted{color:var(--muted)}.center{text-align:center}.center .lead{margin-inline:auto}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf4ff;color:#0d61ca;font-size:.82rem;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,231,244,.8)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex:none}.brand img{width:205px;height:58px;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.95rem}.nav-links a{position:relative;padding:29px 0;color:#233a5d}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:3px;border-radius:3px;background:var(--grad);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-links a.active{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-btn{display:none;background:#fff;border:1px solid var(--line);width:44px;height:44px;border-radius:12px;cursor:pointer}.menu-btn span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:13px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 24px rgba(10,110,205,.22)}.btn-outline{border-color:#9bbbe0;background:#fff;color:var(--blue)}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{background:#eef6ff;color:var(--blue)}
/* Hero */
.hero{position:relative;overflow:hidden;padding:78px 0 60px;background:radial-gradient(circle at 84% 20%,rgba(12,183,177,.13),transparent 28%),radial-gradient(circle at 58% 10%,rgba(17,120,239,.10),transparent 35%),linear-gradient(#fff,#f8fbff)}.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #d8eafa;border-radius:50%;right:-250px;top:-180px;box-shadow:0 0 0 44px rgba(216,234,250,.25),0 0 0 88px rgba(216,234,250,.14)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px}.hero-copy p{font-size:1.08rem;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px}.trust-row span{display:inline-flex;align-items:center;gap:8px;color:#405875;font-size:.9rem;font-weight:700}.trust-row i{width:22px;height:22px;border-radius:50%;background:#e8fbf8;color:#07998f;display:grid;place-items:center;font-style:normal}.dashboard{background:#fff;border:1px solid #dbe8f5;border-radius:24px;padding:18px;box-shadow:0 30px 70px rgba(9,46,89,.18);transform:perspective(1000px) rotateY(-4deg) rotateX(1deg);position:relative}.dashboard:before{content:"";position:absolute;inset:-14px;border:1px solid rgba(17,120,239,.15);border-radius:30px;z-index:-1}.dash-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px;border-bottom:1px solid #e7eff8}.dash-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.82rem}.dash-brand img{width:25px;height:25px;object-fit:contain}.dash-status{display:flex;gap:6px}.dash-status i{display:block;width:8px;height:8px;border-radius:50%;background:#d7e4f1}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.metric{padding:13px;border-radius:14px;background:#f7faff;border:1px solid #edf3fa}.metric small{color:#73849c}.metric b{display:block;font-size:1.15rem;margin-top:5px}.metric em{font-size:.72rem;color:#0c9d7f;font-style:normal}.chart-panel{grid-column:span 2;background:#f8fbff;border:1px solid #edf3fa;border-radius:15px;padding:14px;min-height:175px}.chart-title{font-weight:800;font-size:.83rem}.chart{height:112px;margin-top:8px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid #d8e6f3;background:linear-gradient(180deg,rgba(8,183,177,.05),transparent)}.bar{width:14%;border-radius:7px 7px 2px 2px;background:var(--grad)}.status-panel{background:#f8fbff;border:1px solid #edf3fa;border-radius:15px;padding:14px}.status-list{display:grid;gap:10px;margin-top:12px}.status-list div{display:flex;justify-content:space-between;font-size:.78rem}.ok{color:#0b9c7b;font-weight:800}.integration-cloud{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.integration-cloud span{padding:8px 10px;border-radius:10px;background:#eef6ff;border:1px solid #dbe9f7;font-size:.78rem;font-weight:700}
/* cards */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e1eaf4;border-radius:var(--radius-sm);padding:26px;box-shadow:var(--shadow-sm);transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf4ff,#e9fffb);color:var(--blue);font-weight:900;font-size:1.25rem;margin-bottom:18px}.icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:2}.card p{color:var(--muted);margin:0}.service-card .link,.project-card .link{display:inline-flex;margin-top:18px;color:var(--blue);font-weight:800;font-size:.9rem}.stats{margin-top:-24px;position:relative;z-index:4;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:24px 30px;display:flex;align-items:center;gap:14px}.stat+.stat{border-left:1px solid var(--line)}.stat b{font-size:1.25rem}.stat small{display:block;color:var(--muted)}
/* page hero */
.page-hero{padding:68px 0;background:radial-gradient(circle at 80% 20%,rgba(9,185,178,.16),transparent 30%),linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid #e8f0f8}.page-hero .box{position:relative;overflow:hidden;padding:46px;border-radius:26px;background:var(--grad-dark);color:#fff}.page-hero .box:after{content:"";position:absolute;right:-20px;top:-80px;width:320px;height:320px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.05),0 0 0 76px rgba(255,255,255,.04)}.page-hero p{color:#d5e9f6;font-size:1.08rem;max-width:760px}.page-hero h1{font-size:clamp(2.5rem,4vw,4rem)}
/* logos / process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.process:before{content:"";position:absolute;left:8%;right:8%;top:25px;border-top:2px dashed #cbdff1}.step{position:relative;z-index:2}.step-no{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(0,92,190,.18)}.step h3{margin-top:16px}.timeline-text{font-size:.92rem;color:var(--muted)}
/* projects */
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:32px 0}.filter-btn{padding:10px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#37516f;font-weight:800;cursor:pointer}.filter-btn.active{background:var(--grad);color:#fff;border-color:transparent}.project-card{position:relative}.project-card[hidden]{display:none}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tag{font-size:.72rem;background:#eef5fd;color:#295e9e;padding:5px 8px;border-radius:7px;font-weight:700}.case{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;background:linear-gradient(145deg,#f4f9ff,#fff);border:1px solid var(--line);border-radius:24px;padding:30px}.case-visual{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.case-columns div{padding:16px;border-left:3px solid #d8e9f8}.case-columns b{display:block;margin-bottom:8px}.case-columns ul{padding-left:18px;color:var(--muted);font-size:.9rem;margin:0}
/* support */
.support-top .card{display:flex;gap:18px;align-items:flex-start}.support-top .icon{flex:none;margin:0}.channels .card{min-height:210px}.faq-list{display:grid;gap:10px}.faq{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq button{width:100%;display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border:0;background:#fff;color:var(--ink);font-weight:800;text-align:left;cursor:pointer}.faq button span:last-child{font-size:1.3rem;color:var(--blue);transition:.2s}.faq .answer{display:none;padding:0 20px 18px;color:var(--muted)}.faq.open .answer{display:block}.faq.open button span:last-child{transform:rotate(45deg)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.plan.popular{border:2px solid var(--teal);box-shadow:var(--shadow)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--teal);color:#fff;padding:5px 13px;border-radius:999px;font-size:.72rem;font-weight:900}.plan ul{padding-left:20px;color:var(--muted)}
/* contact */
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.form-card,.contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.84rem;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #ccdced;background:#fbfdff;border-radius:12px;padding:13px 14px;outline:none;transition:.2s}.field input:focus,.field textarea:focus{border-color:#57a0ea;box-shadow:0 0 0 4px rgba(17,120,239,.09)}.field textarea{min-height:130px;resize:vertical}.contact-list{display:grid;gap:12px}.contact-item{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px}.contact-item .mini{width:38px;height:38px;border-radius:11px;background:#eef6ff;color:var(--blue);display:grid;place-items:center;flex:none}.contact-item b{display:block}.contact-item small{color:var(--muted)}.map-box{margin-top:24px;min-height:265px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 68% 45%,rgba(9,183,177,.25),transparent 9%),linear-gradient(120deg,#edf5fb,#fdfefe);border:1px solid var(--line);position:relative}.map-box:before,.map-box:after{content:"";position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 48%,rgba(77,131,176,.12) 49%,rgba(77,131,176,.12) 51%,transparent 52%);background-size:95px 95px}.map-pin{position:absolute;left:68%;top:44%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50% 50% 50% 6px;background:#fff;box-shadow:var(--shadow);z-index:2;rotate:-45deg;display:grid;place-items:center}.map-pin img{width:48px;rotate:45deg}.map-label{position:absolute;left:24px;bottom:24px;z-index:3;background:#fff;padding:16px 18px;border-radius:14px;box-shadow:var(--shadow-sm)}
/* CTA footer */
.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 42px;border-radius:24px;background:var(--grad-dark);color:#fff;overflow:hidden;position:relative}.cta:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 34px rgba(255,255,255,.05)}.cta>*{position:relative;z-index:2}.cta p{color:#d4e7f3;margin:0}.footer{background:var(--grad-dark);color:#fff;padding:58px 0 22px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr 1fr 1fr;gap:34px}.footer-logo{background:#fff;border-radius:14px;padding:8px 12px;width:210px;margin-bottom:16px}.footer p,.footer li,.footer a{color:#d3e4f0;font-size:.9rem}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer h4{margin:0 0 14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.18);margin-top:36px;padding-top:20px;color:#cbdbe7;font-size:.84rem}.legal-note{margin-top:14px;color:#a9c0d2;font-size:.75rem;max-width:330px}
.toast{position:fixed;right:22px;bottom:22px;background:#062957;color:#fff;padding:16px 18px;border-radius:14px;box-shadow:var(--shadow);z-index:999;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
/* Responsive */
@media(max-width:980px){.nav-links{position:fixed;left:20px;right:20px;top:88px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px}.nav-links a:after{display:none}.menu-btn{display:block}.nav-actions>.btn{display:none}.hero-grid,.contact-grid,.case{grid-template-columns:1fr}.dashboard{transform:none;max-width:700px;margin:auto}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line)}.process{grid-template-columns:repeat(2,1fr);gap:30px}.process:before{display:none}.plans{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.section{padding:60px 0}.nav{height:72px}.brand img{width:170px;height:48px}.nav-links{top:78px}.hero{padding:55px 0}.hero-grid{gap:36px}.hero h1{font-size:2.5rem}.dash-grid{grid-template-columns:repeat(2,1fr)}.chart-panel{grid-column:1/-1}.status-panel{grid-column:1/-1}.grid-2,.grid-3,.grid-4,.form-grid,.case-columns{grid-template-columns:1fr}.stats{grid-template-columns:1fr;margin-top:0}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.process{grid-template-columns:1fr}.page-hero{padding:42px 0}.page-hero .box{padding:30px 24px}.cta{padding:30px 24px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.support-top .card{display:block}.support-top .icon{margin-bottom:14px}}