:root{
  --navy:#061326;--navy2:#081a34;--ink:#071124;--muted:#5d6b82;--line:#e7ecf5;--blue:#1263ff;--blue2:#0b4bd8;--lime:#caff18;--teal:#20d6c7;--card:#ffffff;--soft:#f4f7fb;--shadow:0 24px 70px rgba(7,17,36,.12);--radius:22px
}
*{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.5}.container{width:min(1180px,calc(100% - 44px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,236,245,.85)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:196px;height:auto}.menu{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px}.menu a{color:#101a2c;text-decoration:none;white-space:nowrap}.menu a:hover,.menu a.active{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:.2s ease;white-space:nowrap;cursor:pointer;font-size:15px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 12px 28px rgba(18,99,255,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(18,99,255,.32)}.btn-outline{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.35)}.btn-outline:hover{background:rgba(255,255,255,.12)}.btn-outline.dark{color:var(--ink);border-color:var(--line);background:#fff}.btn-lg{padding:17px 28px;font-size:16px}.hamb{display:none;border:0;background:#f2f6ff;border-radius:12px;padding:10px 12px;font-size:22px;cursor:pointer}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#14387a 0%,rgba(20,56,122,0) 33%),linear-gradient(135deg,#061225 0%,#081831 45%,#041022 100%);color:#fff;padding:74px 0 0;border-bottom-left-radius:26px;border-bottom-right-radius:26px}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:20px 20px;opacity:.18;mask-image:linear-gradient(90deg,transparent,black 40%,black 80%,transparent)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr 1.08fr;gap:42px;align-items:center}.eyebrow{color:var(--blue);letter-spacing:.17em;font-size:12px;font-weight:900;text-transform:uppercase}.hero .eyebrow{color:#2380ff}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.95;margin:12px 0 22px;letter-spacing:-.055em}.hero h1 span{color:#2380ff}.hero-copy{font-size:21px;color:#d9e5f7;max-width:650px}.hero-copy mark{background:none;color:var(--lime);font-weight:900}.hero-actions{display:flex;gap:16px;margin:30px 0 22px;flex-wrap:wrap}.trust{display:flex;align-items:center;gap:14px;color:#e7eefc;font-size:13px;font-weight:700}.trust img{height:35px;border-radius:999px}.stars{color:#ffc928;letter-spacing:2px}.hero-visual{position:relative;min-height:365px}.dashboard-img{position:relative;width:100%;border-radius:24px;filter:drop-shadow(0 30px 70px rgba(0,0,0,.38));border:1px solid rgba(255,255,255,.08)}.floating{position:absolute;background:rgba(8,21,42,.9);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:18px;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28)}.floating small{color:#9fb4d6;font-size:12px}.floating strong{font-size:26px;display:block;margin:2px 0}.floating span{font-size:12px;color:var(--teal)}.float-1{left:-16px;top:40px}.float-2{right:8px;bottom:22px}.hero-strip{position:relative;z-index:2;margin-top:38px;background:rgba(2,10,22,.5);border-top:1px solid rgba(255,255,255,.08)}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.strip-item{display:flex;align-items:center;gap:12px;padding:20px 18px;color:#e9f2ff;font-weight:800;background:rgba(255,255,255,.025);font-size:14px}
.section{padding:82px 0}.section.soft{background:var(--soft)}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.04;margin:8px 0 12px;letter-spacing:-.035em}.section-head p{color:var(--muted);font-size:18px}.grid{display:grid;gap:22px}.services-grid{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 40px rgba(7,17,36,.04);transition:.2s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d3def2}.service-card{display:flex;flex-direction:column;gap:14px;min-height:220px}.service-card h3,.benefit h3{margin:0;font-size:20px}.service-card p,.benefit p,.process-card p,.case-card p{margin:0;color:var(--muted)}.arrow{margin-top:auto;color:var(--blue);font-weight:900;text-decoration:none}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf1ff,#fff);color:var(--blue);font-weight:900;flex:0 0 auto;font-size:18px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--lime);color:#0a1a02;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;width:fit-content}
.why-wrap{display:grid;grid-template-columns:.75fr 1.5fr;gap:28px;align-items:center}.benefits{grid-template-columns:repeat(5,1fr)}.benefit{padding:22px;min-height:178px}.process{grid-template-columns:repeat(4,1fr);position:relative}.process-card{position:relative}.num{font-size:20px;font-weight:900;color:var(--blue);background:#eef4ff;border-radius:999px;padding:8px 14px;display:inline-flex;margin-bottom:18px}.logos{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;margin:20px 0 30px;filter:grayscale(1);opacity:.72}.logos img{max-width:520px;width:100%}.testimonials{grid-template-columns:1fr 1fr}.quote{display:flex;gap:18px;align-items:flex-start}.quote img{width:64px;height:64px;border-radius:50%;object-fit:cover}.quote h3{margin:6px 0 4px;font-size:17px}.quote p{margin:0;color:var(--muted)}
.cta-band{background:linear-gradient(135deg,#1263ff 0%,#082458 100%);color:#fff;border-radius:24px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 25px 70px rgba(18,99,255,.25)}.cta-band h2{font-size:36px;margin:0 0 8px}.cta-band p{margin:0;color:#dce8ff}
.footer{background:#061326;color:#d8e4f8;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px}.footer img{width:190px;filter:brightness(0) invert(1)}.footer h4{color:#fff;margin:0 0 16px}.footer a{display:block;color:#aebdd5;text-decoration:none;margin:8px 0}.footer a:hover{color:#fff}.footer p{color:#aebdd5}.copyright{border-top:1px solid rgba(255,255,255,.11);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;color:#8fa1bd;font-size:13px;flex-wrap:wrap;gap:10px}.copyright a{color:#8fa1bd;text-decoration:none}.copyright a:hover{color:#fff}
.page-hero{background:linear-gradient(135deg,#061326,#092452);color:#fff;padding:86px 0}.page-hero .eyebrow{color:#2380ff}.page-hero h1{font-size:clamp(42px,5vw,68px);line-height:1;margin:10px 0 18px;letter-spacing:-.04em}.page-hero p{font-size:20px;color:#dce8ff;max-width:780px}.crumbs{font-size:13px;color:#9fb4d6;margin-bottom:6px}.crumbs a{color:#9fb4d6;text-decoration:none}.crumbs a:hover{color:#fff}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-list{display:grid;gap:14px}.check{display:flex;gap:12px;align-items:flex-start}.check:before{content:"✓";color:var(--blue);background:#eef4ff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.form{display:grid;gap:14px}.input{padding:16px 18px;border:1px solid var(--line);border-radius:14px;font:inherit;width:100%}.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,99,255,.12)}.textarea{min-height:140px;resize:vertical}.form-note{font-size:13px;color:var(--muted);margin:0}.form-msg{display:none;padding:14px 16px;border-radius:12px;background:#e8f7ee;color:#0d6b35;font-weight:700;font-size:14px}
.case-grid{grid-template-columns:repeat(3,1fr)}.case-card .metric{font-size:36px;font-weight:900;color:var(--blue)}.resource-grid{grid-template-columns:repeat(3,1fr)}
/* service detail */
.svc-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:54px 0;border-bottom:1px solid var(--line)}.svc-detail:nth-child(even){direction:rtl}.svc-detail:nth-child(even)>*{direction:ltr}.svc-detail h2{font-size:30px;margin:10px 0 14px;letter-spacing:-.02em}.svc-detail p{color:var(--muted);font-size:17px}.svc-detail .feature-list{margin-top:18px}.svc-card-visual{background:linear-gradient(135deg,#0a1f44,#061326);border-radius:var(--radius);padding:40px;color:#fff;min-height:240px;display:flex;flex-direction:column;justify-content:center;gap:10px}.svc-card-visual .big{font-size:46px;font-weight:900;color:var(--lime);line-height:1}.svc-card-visual small{color:#9fb4d6}
/* pricing */
.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.price-card{display:flex;flex-direction:column;position:relative}.price-card.feature{border:2px solid var(--blue);box-shadow:0 24px 60px rgba(18,99,255,.18)}.price-card .tier{font-weight:900;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.price-card .amount{font-size:42px;font-weight:900;margin:10px 0 2px;letter-spacing:-.03em}.price-card .amount small{font-size:15px;font-weight:700;color:var(--muted)}.price-card .desc{color:var(--muted);margin:0 0 18px;min-height:44px}.price-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.price-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px}.price-card li:before{content:"✓";color:var(--blue);font-weight:900;flex:0 0 auto}.price-card .btn{margin-top:auto}.ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-weight:800;font-size:12px;padding:6px 16px;border-radius:999px;letter-spacing:.05em}
/* portfolio */
.portfolio-grid{grid-template-columns:repeat(2,1fr)}.work-card{overflow:hidden;padding:0;display:flex;flex-direction:column}.work-card .work-img{height:200px;background:linear-gradient(135deg,#0a1f44,#1263ff);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.work-card .work-img .big{font-size:30px;font-weight:900;letter-spacing:-.02em;padding:20px;text-align:center}.work-body{padding:26px}.work-body h3{margin:0 0 8px;font-size:21px}.work-body p{margin:0 0 12px;color:var(--muted)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{background:#eef4ff;color:var(--blue);font-weight:700;font-size:12px;padding:5px 11px;border-radius:999px}.flagship{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:0}.flagship .work-img{height:auto;min-height:320px}.flagship .work-body{padding:40px;display:flex;flex-direction:column;justify-content:center}
/* faq */
.faq{max-width:820px;margin:0 auto}.faq details{border:1px solid var(--line);border-radius:16px;padding:0;margin-bottom:14px;background:#fff;overflow:hidden}.faq summary{padding:20px 24px;font-weight:800;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);font-size:24px;font-weight:400;flex:0 0 auto}.faq details[open] summary:after{content:"–"}.faq details[open] summary{border-bottom:1px solid var(--line)}.faq .faq-a{padding:18px 24px 22px;color:var(--muted);font-size:16px}
/* answer capsule for AEO */
.answer-capsule{background:#eef4ff;border-left:4px solid var(--blue);border-radius:0 16px 16px 0;padding:22px 26px;margin:0 0 30px;font-size:18px;color:#1b2c4a}.answer-capsule strong{color:var(--ink)}
.lead{font-size:19px;color:var(--muted);max-width:760px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center;margin-top:8px}.stat-row .stat{padding:10px}.stat-row .stat b{display:block;font-size:40px;font-weight:900;color:var(--blue);letter-spacing:-.03em}.stat-row .stat span{color:var(--muted);font-size:14px;font-weight:700}
.prose{max-width:760px}.prose h2{font-size:28px;margin:36px 0 12px;letter-spacing:-.02em}.prose p{color:#33415a;font-size:17px;margin:0 0 16px}.prose ul{color:#33415a;font-size:17px;padding-left:20px}.prose li{margin-bottom:8px}
@media (max-width:1180px){.menu{display:none}.menu.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid #e7ecf5;gap:18px}.hamb{display:block}.hero-grid,.why-wrap,.two-col,.svc-detail,.flagship{grid-template-columns:1fr}.svc-detail:nth-child(even){direction:ltr}.services-grid,.benefits,.process,.case-grid,.resource-grid,.pricing-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:auto}.floating{display:none}.strip-grid{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:repeat(2,1fr)}}
@media (max-width:650px){.nav-cta .btn-primary{display:none}.container{width:min(100% - 28px,1180px)}.nav-inner{height:auto;padding:14px 0}.brand img{width:165px}.hero{padding-top:48px}.hero h1{font-size:44px}.services-grid,.benefits,.process,.testimonials,.case-grid,.resource-grid,.pricing-grid,.portfolio-grid{grid-template-columns:1fr}.cta-band{display:block;padding:30px}.cta-band .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.strip-grid{grid-template-columns:1fr}.section{padding:58px 0}.stat-row{grid-template-columns:repeat(2,1fr)}}