:root { --blue:#075ce5; --blue-dark:#034bbd; --blue-soft:#eaf3ff; --ink:#071430; --muted:#44536c; --line:#e8eef7; --white:#fff; --shadow:0 16px 48px rgba(19,63,130,.1); --radius:18px; --container:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:'DM Sans',sans-serif; background:#fff; -webkit-font-smoothing:antialiased; }
body.modal-open { overflow:hidden; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.container { width:min(var(--container),calc(100% - 48px)); margin-inline:auto; }
.section { padding:72px 0; position:relative; overflow:clip; }
h1,h2,h3 { margin:0; font-family:'Manrope',sans-serif; letter-spacing:-.045em; }
h2 { font-size:clamp(32px,3.1vw,47px); line-height:1.06; }
h2 span,h1 span { color:var(--blue); }
p { color:var(--muted); font-size:12px; line-height:1.65; }
.eyebrow { margin:0 0 16px; color:#43506a; font-size:12px; line-height:1; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.eyebrow.blue { color:var(--blue); }

.site-header { height:82px; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(9,36,79,.05); position:sticky; inset:0 0 auto; z-index:100; backdrop-filter:blur(16px); }
.nav-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { width:143px; color:var(--blue); line-height:1; display:inline-flex; flex-direction:column; transform:skew(-6deg); }
.brand-main { font:800 30px/.82 'Manrope',sans-serif; letter-spacing:-2.2px; }
.brand-main i { color:white; font-style:italic; letter-spacing:-2px; background:var(--blue); padding:0 4px; }
.brand-sub { margin:5px 0 0 10px; font-size:9px; font-weight:800; letter-spacing:3px; }
.main-nav { display:flex; align-items:center; justify-content:center; gap:clamp(24px,3vw,42px); margin-left:auto; }
.main-nav a { position:relative; display:inline-flex; align-items:center; gap:3px; padding:29px 0 25px; color:#1f2b42; font-size:13px; font-weight:600; }
.main-nav a svg { width:13px; }
.main-nav a::after { content:''; position:absolute; left:0; bottom:17px; width:0; height:2px; border-radius:2px; background:var(--blue); transition:width .25s ease; }
.main-nav a:hover,.main-nav a.active { color:var(--blue); }
.main-nav a:hover::after,.main-nav a.active::after { width:100%; }
.btn { min-height:42px; border:1px solid transparent; border-radius:7px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; color:var(--ink); background:#fff; font-size:13px; font-weight:700; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn svg { width:16px; }
.btn-primary { color:white; border-color:var(--blue); background:linear-gradient(135deg,#1268ee,#0050cb); box-shadow:0 9px 22px rgba(0,83,215,.22); }
.btn-primary:hover { background:var(--blue-dark); box-shadow:0 12px 28px rgba(0,83,215,.3); }
.btn-outline { color:#0757cf; border-color:#075ce5; background:rgba(255,255,255,.7); }
.nav-cta { min-height:40px; white-space:nowrap; }
.menu-toggle { display:none; width:42px; height:42px; padding:10px; border:0; border-radius:9px; background:#eef5ff; }
.menu-toggle span { width:100%; height:2px; display:block; margin:5px 0; background:var(--ink); transition:.25s ease; }

.hero { min-height:555px; position:relative; overflow:hidden; background:#edf5ff; }
.hero-bg { position:absolute; inset:0; background:radial-gradient(circle at 22% 48%,rgba(255,255,255,.96) 0 23%,rgba(255,255,255,.62) 40%,transparent 62%),linear-gradient(90deg,#f7fbff 0%,rgba(239,247,255,.68) 50%,rgba(221,237,253,.16) 72%); z-index:1; }
.hero-grid { min-height:555px; position:relative; z-index:2; display:grid; grid-template-columns:51% 49%; }
.hero-copy { position:relative; z-index:3; align-self:center; padding:55px 30px 42px 0; }
.hero-copy h1 { max-width:610px; font-size:clamp(48px,5.1vw,69px); line-height:.99; }
.hero-lead { max-width:520px; margin:24px 0; font-size:12px; }
.hero-actions { display:flex; gap:14px; }
.hero-trust { display:flex; gap:35px; margin-top:39px; }
.hero-trust>div { display:flex; align-items:center; gap:10px; color:#26344c; font-size:11px; line-height:1.35; }
.hero-trust svg { width:27px; height:27px; color:var(--blue); stroke-width:1.8; }
.hero-visual { min-width:calc((100vw - min(var(--container),calc(100vw - 48px)))/2 + 49%); margin-right:calc((min(var(--container),calc(100vw - 48px)) - 100vw)/2); position:relative; overflow:hidden; }
.hero-visual>img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.88) contrast(.96); }
.hero-fade { position:absolute; inset:0; background:linear-gradient(90deg,#edf5ff 0,rgba(237,245,255,.6) 9%,transparent 25%),linear-gradient(0deg,rgba(8,44,96,.14),transparent 45%); }
.float-card { position:absolute; min-width:142px; padding:14px; display:flex; align-items:center; gap:12px; border-radius:13px; background:rgba(255,255,255,.92); color:#18233a; box-shadow:0 15px 38px rgba(10,45,91,.13); font-size:12px; backdrop-filter:blur(8px); animation:float 5s ease-in-out infinite; }
.float-icon { width:41px; height:41px; border-radius:10px; display:grid; place-items:center; color:var(--blue); background:#e9f3ff; }
.float-icon svg { width:25px; }
.fc-one { left:15%; top:17%; } .fc-two { right:10%; top:37%; animation-delay:-1.2s; } .fc-three { right:10%; bottom:8%; animation-delay:-2.6s; }
.scribble { position:absolute; top:10%; right:7%; transform:rotate(-8deg); color:#052f7b; font:600 20px/1.5 'Comic Sans MS',cursive; }
.scribble span { margin-left:26px; }
@keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
.partner-strip { padding:29px 0; border-bottom:1px solid #eef2f8; background:white; }
.partner-row { display:flex; align-items:center; gap:65px; }
.partner-row>p { min-width:180px; margin:0; color:#64738c; font-size:10px; font-weight:700; text-transform:uppercase; }
.partner-logos { width:100%; display:grid; grid-template-columns:repeat(6,1fr); align-items:center; gap:27px; color:#52617a; font:600 19px/1 'Manrope',sans-serif; }
.partner-logos span { white-space:nowrap; text-align:center; filter:grayscale(1); }
.partner-logos .microsoft i { display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:-2px; background:conic-gradient(#7f8b9d 0 25%,transparent 0 27%,#7f8b9d 0 50%,transparent 0 52%,#7f8b9d 0 75%,transparent 0 77%,#7f8b9d 0); }
.partner-logos .cisco { font-size:13px; line-height:.65; } .partner-logos .cisco b { display:block; font-size:15px; } .partner-logos .fortinet { font-size:16px; font-weight:800; letter-spacing:1px; }
.partner-marquee { min-width:0; flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.partner-track { width:max-content; display:flex; will-change:transform; animation:partner-scroll 24s linear infinite; }
.partner-track:hover { animation-play-state:paused; }
.partner-track .partner-logos { width:max-content; display:flex!important; grid-template-columns:none; flex:0 0 auto; gap:52px; padding-right:52px; }
.partner-track .partner-logos span { min-width:125px; display:flex; align-items:center; justify-content:center; }
.partner-track .partner-logos .cisco { display:block; }
@keyframes partner-scroll { to { transform:translateX(-50%); } }
@media (min-width:841px) {
  .nav-wrap { position:relative; }
  .main-nav { position:absolute; left:50%; margin-left:0; transform:translateX(-50%); }
}
.solutions-section { padding-top:79px; background:linear-gradient(180deg,#fff 0,#f8fbff 100%); }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:35px; }
.section-head>div:first-child>p:last-child { max-width:490px; margin:14px 0 0; font-size:12px; }
.head-actions { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.head-actions>a { margin-right:30px; color:var(--blue); display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; }
.head-actions>a svg { width:15px; }
.round-btn { width:35px; height:35px; border:0; border-radius:50%; display:inline-grid; place-items:center; background:#fff; color:var(--ink); box-shadow:0 5px 17px rgba(40,70,112,.09); transition:color .2s,background .2s,transform .2s; }
.round-btn:hover { color:white; background:var(--blue); transform:translateY(-2px); }
.round-btn svg { width:16px; }
.solutions-viewport { overflow:hidden; padding:5px 0 18px; }
.solutions-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:17px; transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.solution-card { overflow:hidden; min-width:0; border:1px solid #edf1f7; border-radius:14px; background:white; box-shadow:0 13px 30px rgba(16,55,112,.08); transition:transform .25s,box-shadow .25s; }
.solution-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(15,62,134,.14); }
.solution-body { min-height:202px; padding:21px 19px 12px; }
.service-icon { width:38px; height:38px; display:grid; place-items:center; color:var(--blue); border-radius:11px; background:#eef6ff; }
.service-icon svg { width:25px; }
.solution-card h3 { margin:14px 0 7px; font-size:15px; letter-spacing:-.03em; }
.solution-card p { min-height:50px; margin:0; font-size:12px; line-height:1.45; }
.solution-card a { margin-top:7px; display:inline-flex; align-items:center; gap:4px; color:var(--blue); font-size:11px; font-weight:800; }
.solution-card a svg { width:13px; }
.solution-card>img { width:100%; height:108px; object-fit:cover; transition:transform .4s; }
.solution-card:hover>img { transform:scale(1.04); }
.decor-orb { position:absolute; border-radius:50%; pointer-events:none; }
.orb-a { width:260px; height:260px; right:-100px; bottom:-60px; background:#eff5ff; }

.about-section { padding-top:64px; padding-bottom:68px; }
.about-grid { display:grid; grid-template-columns:39% 61%; gap:32px; align-items:center; }
.about-copy { padding-left:12px; position:relative; z-index:5; }
.about-copy p:not(.eyebrow) { max-width:430px; margin:16px 0 22px; font-size:12px; }
.about-visual { min-height:350px; position:relative; display:block; isolation:isolate; overflow:visible; }
.about-visual::before { content:''; position:absolute; z-index:-1; inset:25px 0 23px; border-radius:22px; background:linear-gradient(135deg,#f9fbff 0%,#edf4ff 64%,#f8fbff 100%); box-shadow:inset 0 0 0 1px rgba(218,230,247,.42); }
.stats-card { width:235px; position:absolute; z-index:3; left:0; top:7px; bottom:7px; margin:0; padding:24px 18px 24px 24px; display:flex; flex-direction:column; justify-content:space-around; border-radius:16px; background:rgba(255,255,255,.98); box-shadow:0 16px 36px rgba(34,73,128,.1); }
.stats-card>div { display:flex; align-items:baseline; gap:9px; }
.stats-card strong { min-width:82px; color:var(--blue); font:800 31px/1 'Manrope',sans-serif; letter-spacing:-2px; }
.stats-card strong small { font-size:17px; }
.stats-card span { color:#42516a; font-size:10px; line-height:1.35; }
.building-card { position:absolute; z-index:2; left:172px; right:78px; top:-8px; bottom:-8px; min-width:0; pointer-events:none; }
.building-card img { width:auto; max-width:none; height:100%; position:absolute; left:48%; bottom:0; transform:translateX(-50%) scaleX(.88); transform-origin:center bottom; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 17px 13px rgba(20,46,83,.16)); }
.building-words { position:absolute; z-index:4; right:15px; top:95px; margin:0; padding:0; color:#33435d; background:none; box-shadow:none; font-size:12px; font-weight:500; line-height:1.62; text-shadow:0 0 9px #fff,0 0 15px #fff; }
.building-words i { display:block; width:32px; height:2px; margin-top:8px; background:var(--blue); }

.why-section { padding-top:62px; padding-bottom:36px; }
.split-heading { display:grid; grid-template-columns:48% 52%; gap:80px; align-items:end; }
.split-heading>p { max-width:540px; margin:0 0 4px; font-size:12px; }
.benefits { margin-top:35px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.benefit { min-width:0; display:flex; gap:15px; align-items:flex-start; }
.benefit>span { flex:0 0 auto; width:50px; height:50px; display:grid; place-items:center; color:var(--blue); border-radius:12px; background:linear-gradient(135deg,#eaf3ff,#f7faff); }
.benefit svg { width:25px; }
.benefit h3 { margin:5px 0 8px; font-size:14px; }
.benefit p { margin:0; font-size:12px; line-height:1.55; }

.process-section { padding-top:52px; padding-bottom:57px; }
.process-section .split-heading { align-items:center; }
.process-line { margin-top:33px; display:grid; grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr; align-items:start; }
.process-step { position:relative; text-align:center; }
.process-step::before { content:''; width:100%; height:1px; position:absolute; z-index:-1; top:37px; left:50%; background:#d6e2f3; }
.process-step:last-child::before { display:none; }
.process-icon { width:72px; height:72px; margin:auto; display:grid; place-items:center; color:var(--blue); border-radius:50%; background:#eaf3ff; box-shadow:inset 0 0 0 8px #f4f8ff; }
.process-icon svg { width:30px; }
.process-step>span { display:block; margin-top:9px; color:var(--blue); font:800 20px/1 'Manrope',sans-serif; }
.process-step h3 { margin:3px 0; font-size:16px; }
.process-step p { margin:0; font-size:12px; line-height:1.5; }
.step-arrow { width:19px; margin:28px auto 0; color:var(--blue); }
.testimonials-section { padding:57px 0 61px; background:linear-gradient(180deg,#fff,#f5f9ff); }
.testimonial-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:25px; }
.testimonial-head>div:last-child { display:flex; gap:10px; }
.testimonial-viewport { overflow:hidden; padding-bottom:10px; }
.testimonials-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 34px)/3); gap:17px; transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.testimonial-card { min-height:194px; padding:23px 25px; border:1px solid #edf2f8; border-radius:12px; background:#fff; box-shadow:0 13px 30px rgba(16,55,112,.06); }
.testimonial-card .quote { width:24px; height:24px; fill:var(--blue); color:var(--blue); }
.testimonial-card>p { min-height:75px; margin:8px 0 12px; font-size:12px; line-height:1.55; }
.person { display:flex; align-items:center; gap:10px; }
.avatar { width:37px; height:37px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:white; font-size:10px; font-weight:800; box-shadow:inset 0 0 0 3px rgba(255,255,255,.55); }
.avatar-one { background:linear-gradient(145deg,#a07156,#17283b); } .avatar-two { background:linear-gradient(145deg,#d79b82,#25364f); } .avatar-three { background:linear-gradient(145deg,#9b7659,#102b47); } .avatar-four { background:linear-gradient(145deg,#b68e7d,#263c5c); }
.person b,.person small { display:block; } .person b { font-size:11px; } .person small { margin-top:2px; color:#67758d; font-size:9px; }

.cta-wrap { padding:23px 0 12px; }
.cta-banner { min-height:285px; position:relative; overflow:hidden; display:grid; grid-template-columns:57% 43%; border-radius:14px; background:#ddecfb; }
.cta-backdrop { position:absolute; inset:0; background:linear-gradient(90deg,rgba(238,247,255,.97) 0,rgba(238,247,255,.88) 47%,rgba(224,239,252,.37) 72%),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80') center/cover; }
.cta-copy { position:relative; z-index:2; padding:39px 0 34px 41px; }
.cta-copy h2 { font-size:clamp(29px,3vw,42px); }
.cta-copy>p:not(.eyebrow) { max-width:500px; margin:12px 0 18px; font-size:12px; }
.cta-person { width:132px; height:224px; position:absolute; z-index:2; left:58%; bottom:0; filter:drop-shadow(0 10px 10px rgba(11,32,57,.16)); background:linear-gradient(90deg,transparent 46%,#0f1d30 47% 54%,transparent 55%),linear-gradient(118deg,transparent 29%,#17263b 30% 69%,transparent 70%); clip-path:polygon(38% 0,61% 0,68% 13%,64% 24%,83% 40%,100% 100%,0 100%,17% 40%,36% 24%,32% 13%); }
.cta-note { position:absolute; z-index:2; right:8%; top:55px; transform:rotate(-6deg); color:#062b6b; font:600 20px/1.45 'Comic Sans MS',cursive; }
.cta-note span { margin-left:14px; } .cta-note i { display:block; width:78px; height:2px; margin:8px 0 0 34px; background:var(--blue); transform:rotate(-3deg); }

.site-footer { padding-top:24px; }
.footer-grid { padding:12px 20px 36px; display:grid; grid-template-columns:1.6fr repeat(3,1fr) 1.55fr; gap:47px; }
.footer-grid h3 { margin-bottom:17px; font-size:14px; }
.footer-grid>div>a { display:block; margin:8px 0; color:#53627a; font-size:11px; }
.footer-grid>div>a:hover { color:var(--blue); }
.footer-brand p { max-width:210px; margin:14px 0; font-size:12px; }
.footer-brand .brand { margin-bottom:5px; }
.socials { display:flex; gap:9px; }
.socials a { width:24px; height:24px; display:grid!important; place-items:center; color:white!important; border-radius:50%; background:var(--blue); }
.socials svg { width:12px; }
.contact-info p,.contact-info a { display:flex!important; align-items:flex-start; gap:8px; }
.contact-info svg { width:14px; flex:0 0 auto; color:var(--blue); }
.contact-info p { margin:0 0 10px; color:#53627a; font-size:12px; line-height:1.55; }
.footer-bottom { padding:15px 20px; border-top:1px solid var(--line); display:flex; justify-content:space-between; }
.footer-bottom p { margin:0; font-size:12px; }

.modal { width:min(620px,calc(100% - 32px)); max-height:calc(100vh - 40px); padding:0; overflow:auto; border:0; border-radius:20px; color:var(--ink); box-shadow:0 30px 100px rgba(4,18,47,.28); }
.modal::backdrop { background:rgba(3,18,43,.66); backdrop-filter:blur(6px); }
.modal-close { width:38px; height:38px; position:absolute; z-index:3; right:15px; top:15px; border:0; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.9); color:var(--ink); }
.modal-close svg { width:20px; }
.video-placeholder { min-height:390px; padding:65px 25px 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:white; background:radial-gradient(circle at 50% 38%,rgba(16,100,238,.45),transparent 23%),linear-gradient(135deg,#071731,#0d3c80); }
.video-placeholder>div { width:82px; height:82px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(255,255,255,.12); }
.video-placeholder svg { width:34px; fill:white; }
.video-placeholder h2 { margin:24px 0 0; } .video-placeholder p { color:#c7d9f5; }
.contact-modal { padding:37px; } .modal-copy h2 { font-size:35px; } .modal-copy>p:last-child { margin:10px 0 22px; font-size:12px; }
#contact-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#contact-form label { color:#35445b; font-size:11px; font-weight:700; }
#contact-form label:nth-child(n+3),#contact-form .btn,.form-success { grid-column:1/-1; }
input,select,textarea { width:100%; margin-top:6px; padding:12px 13px; border:1px solid #dce5f1; border-radius:8px; outline:none; color:var(--ink); background:#f9fbfe; }
input:focus,select:focus,textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(7,92,229,.08); }
textarea { resize:vertical; }
.form-success { display:none; margin:0; padding:9px; border-radius:7px; text-align:center; color:#08743c; background:#e8f8f0; font-size:12px; } .form-success.show { display:block; }
.back-to-top { width:42px; height:42px; position:fixed; z-index:80; right:22px; bottom:22px; border:0; border-radius:50%; display:grid; place-items:center; color:white; background:var(--blue); box-shadow:0 10px 25px rgba(0,84,218,.28); opacity:0; pointer-events:none; transform:translateY(12px); transition:.25s; }
.back-to-top.show { opacity:1; pointer-events:auto; transform:translateY(0); } .back-to-top svg { width:18px; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; } .reveal.visible { opacity:1; transform:none; }
@media (max-width:1050px) {
  .main-nav { gap:18px; }
  .solutions-grid { grid-template-columns:repeat(5,220px); }
  .benefits { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1.6fr repeat(2,1fr); }
}
@media (max-width:840px) {
  .container { width:min(100% - 32px,var(--container)); }
  .site-header { height:70px; }
  .nav-cta { display:none; }
  .menu-toggle { display:block; margin-left:auto; }
  .main-nav { position:fixed; inset:70px 16px auto; padding:12px; display:flex; flex-direction:column; align-items:stretch; gap:2px; border:1px solid var(--line); border-radius:13px; background:white; box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(-10px); transition:.25s; }
  .main-nav.open { opacity:1; visibility:visible; transform:none; }
  .main-nav a { padding:12px 14px; border-radius:7px; }
  .main-nav a:hover { background:#f1f6ff; }
  .main-nav a::after { display:none; }
  .menu-toggle.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .menu-toggle.active span:nth-child(2) { opacity:0; }
  .menu-toggle.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .hero-grid { grid-template-columns:1fr; }
  .hero-copy { padding:63px 0 40px; }
  .hero-visual { min-width:0; height:440px; margin:0 -16px; }
  .hero-bg { background:linear-gradient(#f8fbff,#edf5ff 54%,transparent 76%); }
  .scribble { right:4%; }
  .partner-row { align-items:flex-start; flex-direction:column; gap:22px; }
  .partner-logos { grid-template-columns:repeat(3,1fr); row-gap:30px; }
  .section-head { align-items:flex-start; flex-direction:column; }
  .head-actions { width:100%; } .head-actions>a { margin-right:auto; }
  .solutions-grid { grid-template-columns:repeat(5,minmax(240px,43vw)); }
  .about-grid { grid-template-columns:1fr; }
  .about-copy { padding:0; }
  .split-heading { grid-template-columns:1fr; gap:18px; }
  .process-line { grid-template-columns:repeat(4,1fr); }
  .step-arrow { display:none; }
  .testimonials-track { grid-auto-columns:calc((100% - 17px)/2); }
  .cta-banner { grid-template-columns:1fr; }
  .cta-note { display:none; }
  .cta-person { left:auto; right:5%; opacity:.28; }
  .footer-grid { grid-template-columns:repeat(3,1fr); gap:35px; }
  .footer-brand { grid-column:span 3; }
}
@media (max-width:600px) {
  .section { padding:58px 0; }
  h2 { font-size:31px; }
  .hero-copy h1 { font-size:42px; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .hero-actions .btn { width:100%; }
  .hero-trust { gap:15px; justify-content:space-between; }
  .hero-trust>div { align-items:flex-start; flex-direction:column; gap:5px; font-size:9px; }
  .hero-visual { height:330px; }
  .float-card { min-width:120px; padding:10px; font-size:10px; }
  .float-icon { width:34px; height:34px; }
  .fc-one { left:5%; top:9%; } .fc-two { right:4%; top:38%; } .fc-three { right:6%; bottom:6%; }
  .scribble { display:none; }
  .partner-logos { grid-template-columns:repeat(2,1fr); font-size:16px; }
  .solutions-grid { grid-template-columns:repeat(5,calc(88vw - 32px)); }
  .about-grid { gap:30px; }
  .about-visual { min-height:490px; overflow:visible; }
  .about-visual::before { inset:82px 0 18px; border-radius:20px; }
  .stats-card { width:auto; height:165px; left:12px; right:12px; top:0; bottom:auto; margin:0; padding:18px; display:grid; grid-template-columns:repeat(2,1fr); gap:16px; border-radius:14px; }
  .stats-card>div { align-items:center; }
  .stats-card strong { min-width:62px; font-size:27px; }
  .building-card { left:25px; right:35px; top:132px; bottom:-18px; }
  .building-card img { width:auto; max-width:none; height:100%; border-radius:0; clip-path:none; }
  .building-words { right:14px; top:340px; padding:5px 8px; border-radius:7px; background:rgba(255,255,255,.7); font-size:12px; }
  .benefits { grid-template-columns:1fr; }
  .process-line { grid-template-columns:repeat(2,1fr); gap:30px 12px; }
  .process-step:nth-of-type(2)::before { display:none; }
  .testimonials-track { grid-auto-columns:100%; }
  .testimonial-card { min-height:205px; }
  .cta-copy { padding:35px 25px; }
  .cta-copy h2 { font-size:30px; }
  .cta-person { display:none; }
  .footer-grid { grid-template-columns:1fr 1fr; padding-inline:0; gap:30px 20px; }
  .footer-brand { grid-column:span 2; }
  .contact-info { grid-column:span 2; }
  .footer-bottom { padding-inline:0; gap:20px; }
  #contact-form { grid-template-columns:1fr; }
  #contact-form label { grid-column:1/-1; }
  .contact-modal { padding:30px 22px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
