/* ============================================================ ImpulseFit — Palette A · Clean Tech Premium white + electric blue (#1ea2ff) ============================================================ */ :root{ --bg: #ffffff; --bg-2: #f4f7fb; --bg-3: #e9eff7; --surface: #ffffff; --border: rgba(10,31,58,.08); --border-2: rgba(10,31,58,.14); --ink: #0a1f3a; --ink-2: #14233b; --text-dim: #4b5a72; --muted: #8893a8; --blue: #1ea2ff; --blue-2: #0086e5; --blue-dark: #0066b5; --blue-soft: #e6f4ff; --cyan: #00d9ff; --navy: #0a1f3a; --grad: linear-gradient(120deg, #1ea2ff 0%, #00d9ff 100%); --grad-text: linear-gradient(120deg, #1ea2ff 0%, #0086e5 100%); --grad-soft: linear-gradient(120deg, rgba(30,162,255,.10), rgba(0,217,255,.10)); --grad-cta: linear-gradient(135deg, #1ea2ff 0%, #0086e5 50%, #0066b5 100%); --shadow-sm: 0 1px 2px rgba(10,31,58,.04), 0 2px 8px rgba(10,31,58,.06); --shadow-md: 0 4px 12px rgba(10,31,58,.06), 0 18px 40px -12px rgba(10,31,58,.12); --shadow-lg: 0 30px 80px -20px rgba(30,162,255,.30); --radius: 16px; --radius-lg: 22px; --radius-sm: 10px; --max: 1180px; } *,*::before,*::after{box-sizing:border-box;} html{scroll-behavior:smooth;} html,body{ margin:0;background:var(--bg);color:var(--ink); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px;line-height:1.6; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } /* overflow-x:hidden on breaks position:sticky in Chrome. `clip` does the same job without establishing a new containing block. */ body{overflow-x:clip;} a{color:inherit;text-decoration:none;} img,svg{display:block;max-width:100%;} .container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px;} /* ---------- typography ---------- */ h1,h2,h3,h4{ font-family:'Space Grotesk','Inter',sans-serif; font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--ink);margin:0; } h1{font-size:clamp(40px,7vw,82px);} h2{font-size:clamp(30px,4.5vw,52px);} h3{font-size:clamp(20px,2.2vw,26px);} h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;} p{margin:0 0 1em;color:var(--text-dim);} .lead{font-size:clamp(17px,1.6vw,21px);color:var(--text-dim);max-width:62ch;} .lead-dark{font-size:clamp(16px,1.4vw,18px);color:var(--text-dim);max-width:60ch;} .section-sub{color:var(--text-dim);max-width:60ch;margin-top:14px;font-size:16px;} .eyebrow{ display:inline-block;font-family:'Space Grotesk',sans-serif; font-size:12px;letter-spacing:.22em;text-transform:uppercase; color:var(--blue);font-weight:700;margin-bottom:14px; } .kicker{ display:inline-flex;align-items:center;gap:8px; padding:7px 14px;border:1px solid rgba(30,162,255,.25);border-radius:99px; background:var(--blue-soft); font-size:13px;color:var(--blue-dark);letter-spacing:.04em;margin-bottom:24px;font-weight:600; } .grad{ background:var(--grad-text);-webkit-background-clip:text;background-clip:text; -webkit-text-fill-color:transparent;color:transparent; } .accent{color:var(--blue);} /* ---------- buttons ---------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; font-family:'Inter',sans-serif;font-weight:600;font-size:15px; padding:13px 24px;border-radius:12px;cursor:pointer; border:1px solid transparent;transition:transform .15s, box-shadow .2s, background .2s, color .2s; text-decoration:none;white-space:nowrap; } .btn-sm{padding:10px 18px;font-size:14px;} .btn-lg{padding:17px 30px;font-size:16px;} .btn-block{display:flex;width:100%;} .btn-primary{ color:#fff;background:var(--blue); box-shadow:0 8px 22px -6px rgba(30,162,255,.55); } .btn-primary:hover{background:var(--blue-2);transform:translateY(-2px);box-shadow:0 14px 32px -6px rgba(30,162,255,.65);} .btn-ghost{ color:var(--ink);background:transparent;border-color:var(--border-2); } .btn-ghost:hover{background:rgba(10,31,58,.04);border-color:rgba(10,31,58,.2);} /* ---------- NAV (sticky, always visible) ---------- */ .nav{ position:sticky;top:0;z-index:100; background:rgba(255,255,255,.85); backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px); border-bottom:1px solid transparent; transition:border-color .25s, box-shadow .25s, background .25s; } .nav.scrolled{ border-bottom-color:var(--border); box-shadow:0 1px 12px rgba(10,31,58,.05); background:rgba(255,255,255,.96); } .nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 24px;} .brand{display:inline-flex;align-items:center;gap:0;color:var(--ink);} .brand-logo{height:62px;width:auto;display:block;} .nav-links{display:flex;align-items:center;gap:28px;} .nav-links a{font-size:14px;color:var(--text-dim);font-weight:500;transition:color .15s;} .nav-links a:hover{color:var(--blue);} .nav-toggle{display:none;background:none;border:0;cursor:pointer;width:42px;height:42px;padding:0;position:relative;} .nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px auto;transition:.2s;} /* ---------- HERO ---------- */ .hero{ position:relative;overflow:hidden; padding:clamp(60px,12vw,140px) 0 clamp(80px,11vw,130px); background: radial-gradient(ellipse 70% 80% at 100% 0%, rgba(30,162,255,.13), transparent 55%), radial-gradient(ellipse 60% 80% at 0% 100%, rgba(0,217,255,.12), transparent 55%), var(--bg); } .hero-grain{ position:absolute;inset:0;opacity:.5;pointer-events:none; background-image:radial-gradient(rgba(10,31,58,.05) 1px, transparent 1px); background-size:32px 32px; mask-image:radial-gradient(ellipse 70% 50% at 50% 40%, #000 30%, transparent 80%); -webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 40%, #000 30%, transparent 80%); } .hero-inner{position:relative;text-align:left;max-width:840px;} .hero h1{margin-bottom:20px;} .hero .lead{margin:6px 0 36px;} .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px;} .hero-meta{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px;align-items:center;} .meta{display:inline-flex;align-items:center;gap:8px;} .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);} .dot-on{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);} .stars{color:#fbbf24;letter-spacing:1px;} /* ---------- TRUST band ---------- */ .trust{ border-top:1px solid var(--border);border-bottom:1px solid var(--border); padding:20px 0;background:var(--bg-2); } .trust-row{ display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px; font-size:13px;color:var(--text-dim);letter-spacing:.04em; } .trust-row b{color:var(--ink);} .dot-sep{color:var(--border-2);} /* ---------- generic sections ---------- */ .section{padding:clamp(72px,11vw,130px) 0;position:relative;} .section-alt{background:var(--bg-2);} .section-cream{background:#fff;} .section-head{margin-bottom:54px;} .section-head.center{text-align:center;} .section-head.center .section-sub{margin-left:auto;margin-right:auto;} /* ---------- TIME COMPRESSION VISUAL (math section) ---------- */ .tc-card{ position:relative;background:#fff;border:1px solid var(--border); border-radius:var(--radius-lg);padding:clamp(28px,4.5vw,52px); box-shadow:var(--shadow-lg);max-width:920px;margin:0 auto; overflow:hidden; } .tc-card::before{ content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad); } .tc-badge{ position:absolute;top:24px;right:24px; background:var(--grad);color:#fff;font-family:'Space Grotesk',sans-serif; font-weight:700;font-size:13px;letter-spacing:.05em; padding:8px 16px;border-radius:99px; box-shadow:0 8px 22px -6px rgba(30,162,255,.55); z-index:2; } .tc-row{margin:26px 0;} .tc-row-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;} .tc-row-ico{ width:36px;height:36px;border-radius:50%;background:var(--bg-2); display:grid;place-items:center;font-size:18px;flex-shrink:0; filter:grayscale(.6);opacity:.7; } .tc-row-ico-ems{ background:var(--blue-soft);filter:none;opacity:1; box-shadow:0 0 0 4px rgba(30,162,255,.12); } .tc-row-label{ flex:1;font-size:clamp(14px,1.6vw,16px);color:var(--text-dim); } .tc-row-label b{color:var(--ink);} .tc-row-ems .tc-row-label{color:var(--ink);} .tc-row-ems .tc-row-label b{color:var(--blue);} .tc-row-time{ font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--muted); font-size:14px;letter-spacing:.04em; } .tc-row-ems .tc-row-time{color:var(--blue);} .tc-bar{ height:18px;background:var(--bg-2);border-radius:99px;overflow:hidden; position:relative; } .tc-fill{ height:100%;width:0;border-radius:99px; transition:width 1.5s cubic-bezier(.2,.7,.2,1); position:relative; } .tc-fill-conv{background:linear-gradient(90deg, #cbd5e1 0%, #94a3b8 100%);} .tc-fill-ems{ background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 100%); box-shadow:0 0 18px rgba(30,162,255,.55); } /* When parent section enters viewport, fill the bars */ .section.in-view .tc-fill-conv{width:100%;} .section.in-view .tc-fill-ems{width:8.3%;transition-delay:.45s;} .tc-foot{ display:flex;justify-content:center;flex-wrap:wrap;gap:8px; margin-top:18px;padding-top:18px;border-top:1px solid var(--border); font-size:13px;color:var(--muted); } .tc-dot{color:var(--border-2);} @media (max-width:520px){ .tc-badge{position:static;display:inline-block;margin-bottom:18px;} .tc-row-head{flex-wrap:wrap;} .tc-row-label{order:3;flex:0 0 100%;margin-top:4px;} } /* ---------- MIHA section ---------- */ .miha-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;} .miha-grid h2{margin-bottom:18px;} .miha-grid .lead-dark + .lead-dark{margin-top:14px;} .miha-stats{ display:grid;grid-template-columns:1fr 1fr;gap:14px; background:linear-gradient(160deg, var(--blue) 0%, var(--blue-2) 100%); border-radius:var(--radius-lg);padding:34px 26px;box-shadow:var(--shadow-lg);color:#fff; position:relative;overflow:hidden; } .miha-stats::before{ content:"";position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size:24px 24px;opacity:.7; } .miha-stat{position:relative;padding:6px 8px;} .miha-num{ font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:46px;line-height:1;color:#fff; } .miha-lbl{margin-top:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);font-weight:600;} .miha-quote{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;margin-top:6px;} .miha-quote p{font-style:italic;font-size:14px;line-height:1.55;color:rgba(255,255,255,.95);margin:0;} /* ---------- VISBODY 3D SCAN section ---------- */ .scan-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;} .scan-grid h2{margin-bottom:18px;} .scan-visual{position:relative;aspect-ratio:1/1;display:grid;place-items:center;} .scan-orb{ position:absolute;width:78%;height:78%;border-radius:50%; background:radial-gradient(circle, rgba(30,162,255,.30), rgba(0,217,255,.10) 60%, transparent 75%); filter:blur(20px); } .scan-card{ position:relative;z-index:2;width:78%;aspect-ratio:1/1; border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg); display:grid;place-items:center;text-align:center;overflow:hidden; } .scan-360{ font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(60px,10vw,108px); background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1; } .scan-lines{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;} .scan-lines span{ position:absolute;width:80%;height:1px;background:rgba(30,162,255,.25); animation:scan-pulse 3.5s ease-in-out infinite; } .scan-lines span:nth-child(1){top:18%;animation-delay:0s;} .scan-lines span:nth-child(2){top:35%;animation-delay:.4s;} .scan-lines span:nth-child(3){top:52%;animation-delay:.8s;} .scan-lines span:nth-child(4){top:69%;animation-delay:1.2s;} .scan-lines span:nth-child(5){top:86%;animation-delay:1.6s;} @keyframes scan-pulse{ 0%,100%{opacity:.2;transform:scaleX(.85);} 50%{opacity:.9;transform:scaleX(1);} } .scan-tag{ position:absolute;bottom:22px;left:50%;transform:translateX(-50%); font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600; } /* ---------- STEPS ---------- */ .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .step{ padding:36px 28px;border-radius:var(--radius-lg); background:#fff;border:1px solid var(--border); transition:transform .25s, box-shadow .25s; } .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);} .step-num{ font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px; color:var(--blue);letter-spacing:.2em;margin-bottom:14px; } .step h3{margin-bottom:10px;} .step p{color:var(--text-dim);margin:0;font-size:15px;} /* ---------- CARDS (programs / quotes) ---------- */ .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .card{ padding:34px 28px;border-radius:var(--radius-lg); background:#fff;border:1px solid var(--border); display:flex;flex-direction:column;gap:14px; transition:.25s; } .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);} .card-ico{font-size:30px;margin-bottom:6px;} .card p{color:var(--text-dim);margin:0;font-size:15px;} .card-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;font-size:14px;color:var(--text-dim);} .card-list li{padding-left:22px;position:relative;} .card-list li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700;} .card-feat{ background:linear-gradient(160deg, #fff 0%, var(--blue-soft) 100%); border-color:rgba(30,162,255,.25); box-shadow:var(--shadow-lg);position:relative; } .card-badge{ position:absolute;top:-12px;right:24px; background:var(--blue);color:#fff;font-size:11px;font-weight:700; padding:5px 12px;border-radius:99px;letter-spacing:.08em;text-transform:uppercase; } /* ---------- EXPERIENCE (orbs) ---------- */ .experience .exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .experience h2{margin-bottom:18px;} .exp-visual{position:relative;aspect-ratio:1/1;display:grid;place-items:center;} .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;} .orb-1{width:300px;height:300px;background:var(--blue);top:10%;left:5%;} .orb-2{width:240px;height:240px;background:var(--cyan);bottom:8%;right:5%;} .orb-3{width:180px;height:180px;background:#5cb8ff;top:35%;right:30%;opacity:.35;} .exp-numbers{ position:relative;z-index:2;text-align:center; padding:34px;border-radius:32px; background:#fff;border:1px solid var(--border); box-shadow:var(--shadow-lg); } .big-stat b{ display:block;font-family:'Space Grotesk',sans-serif;font-weight:700; font-size:104px;line-height:1;color:var(--blue); } .big-stat b span{font-size:.35em;margin-left:6px;color:var(--text-dim);background:none;-webkit-text-fill-color:initial;} .big-stat>span{display:block;margin-top:6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;} .small-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border);} .small-stats>div{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;} .small-stats>div b{display:block;font-family:'Space Grotesk',sans-serif;color:var(--ink);font-size:22px;margin-bottom:4px;letter-spacing:0;} /* ---------- check list ---------- */ .check-list{list-style:none;padding:0;margin:18px 0 28px;display:grid;gap:12px;} .check-list li{padding-left:30px;position:relative;color:var(--text-dim);font-size:15px;} .check-list li::before{ content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%; background:var(--grad); } .check-list li::after{content:"✓";position:absolute;left:3px;top:5px;color:#fff;font-size:11px;font-weight:800;} .check-list b{color:var(--ink);} /* ---------- TESTIMONIALS (real Google reviews) ---------- */ .quote{ padding:28px 30px;border-radius:var(--radius-lg); background:#fff;border:1px solid var(--border); position:relative; } .quote .stars{font-size:14px;margin-bottom:14px;display:block;} .quote p{color:var(--ink);font-size:16px;line-height:1.6;font-style:italic;margin-bottom:18px;} .quote-author{ display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted); padding-top:14px;border-top:1px solid var(--border); } .quote-author b{color:var(--ink);font-style:normal;display:block;margin-bottom:2px;} .avatar{ width:36px;height:36px;border-radius:50%;background:var(--grad); display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0; } .google-badge{ display:inline-flex;align-items:center;gap:6px;font-size:13px; padding:6px 12px;background:#fff;border:1px solid var(--border);border-radius:99px; color:var(--text-dim);margin-top:18px; } .google-badge b{color:var(--ink);} /* ---------- BOOK section (custom form) ---------- */ .section-book{ background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(30,162,255,.14), transparent 55%), radial-gradient(ellipse 60% 60% at 100% 100%, rgba(0,217,255,.14), transparent 55%), var(--bg-2); } .book-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;} .contact-grid h2{margin-bottom:16px;} /* contact card (replaces broken EMSphera iframe) */ .contact-card{ background:#fff;border:1px solid var(--border); border-radius:var(--radius-lg);box-shadow:var(--shadow-md); padding:32px 30px;max-width:480px;margin:0 auto;position:relative;overflow:hidden; } .contact-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);} .contact-card-head{text-align:center;margin-bottom:22px;} .contact-ico{font-size:36px;margin-bottom:8px;} .contact-card-head h3{margin-bottom:6px;} .contact-card-head p{color:var(--text-dim);font-size:14px;margin:0;} .contact-or{ display:flex;align-items:center;gap:12px;margin:22px 0 18px; color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase; } .contact-or::before,.contact-or::after{content:"";flex:1;height:1px;background:var(--border);} .contact-row{ display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px; color:var(--ink);transition:background .15s;font-size:14px; } .contact-row:hover{background:var(--bg-2);} .contact-row-ico{ width:38px;height:38px;border-radius:50%;background:var(--blue-soft); color:var(--blue);font-weight:700;display:grid;place-items:center;flex-shrink:0; } .contact-row b{color:var(--ink);} .muted-sm{color:var(--muted);font-size:12px;} .book-left h2{margin-bottom:16px;} .book-meta{margin-top:30px;display:grid;gap:10px;font-size:14px;color:var(--text-dim);} .book-meta b{color:var(--ink);} .book-card{ background:#fff;border:1px solid var(--border); border-radius:var(--radius-lg);box-shadow:var(--shadow-md); padding:34px 32px;position:relative;overflow:hidden; } .book-card::before{ content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad); } .book-card h3{font-size:22px;margin-bottom:6px;} .book-card .subtitle{color:var(--text-dim);font-size:14px;margin-bottom:22px;} .field{margin:14px 0;} .field label{ display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase; color:var(--muted);margin-bottom:6px;font-weight:600; } .field input, .field select, .field textarea{ width:100%;padding:13px 14px;font-size:15px;font-family:inherit; border:1px solid var(--border-2);border-radius:10px;background:#fff;color:var(--ink); transition:border-color .15s, box-shadow .15s; } .field input:focus, .field select:focus, .field textarea:focus{ outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(30,162,255,.14); } .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .form-note{margin:12px 0 0;font-size:12px;color:var(--muted);text-align:center;} .form-result{margin-top:14px;padding:14px;border-radius:10px;background:rgba(34,197,94,.1);color:#16a34a;font-size:14px;display:none;} .form-result.show{display:block;} .form-result.error{background:rgba(220,38,38,.1);color:#dc2626;} /* ---------- FAQ ---------- */ .faq{display:grid;gap:14px;max-width:840px;margin:0 auto;} .faq details{ background:#fff;border:1px solid var(--border); border-radius:var(--radius);padding:0 26px;transition:.2s; } .faq details[open]{border-color:rgba(30,162,255,.3);box-shadow:var(--shadow-sm);} .faq summary{ cursor:pointer;list-style:none;padding:22px 0;font-size:17px; font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:18px; } .faq summary::-webkit-details-marker{display:none;} .faq summary::after{ content:"+";font-size:24px;color:var(--muted);font-weight:300;transition:.25s; } .faq details[open] summary::after{transform:rotate(45deg);color:var(--blue);} .faq p{color:var(--text-dim);margin:0 0 22px;font-size:15px;line-height:1.7;} /* ---------- FINAL CTA (blue gradient — perfect for the white logo) ---------- */ .final-cta{ text-align:center;padding:clamp(80px,12vw,140px) 0; background:var(--grad-cta);color:#fff;position:relative;overflow:hidden; } .final-cta::before{ content:"";position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size:36px 36px;opacity:.6; } .final-cta-logo{height:110px;width:auto;margin:0 auto 26px;position:relative;display:block;} .final-cta h2{color:#fff;margin-bottom:14px;position:relative;} .final-cta .grad{ background:#fff;-webkit-background-clip:text;background-clip:text;color:#fff; -webkit-text-fill-color:#fff; } .final-cta p{color:rgba(255,255,255,.92);max-width:46ch;margin:0 auto 30px;font-size:17px;position:relative;} .final-cta .btn-primary{background:#fff;color:var(--blue-dark);box-shadow:0 12px 32px -6px rgba(0,0,0,.25);position:relative;} .final-cta .btn-primary:hover{background:#fff;color:var(--blue-dark);transform:translateY(-2px);} /* ---------- FOOTER ---------- */ .footer{padding:70px 0 0;background:var(--navy);color:#cbd5e1;} .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;} .footer h4{margin-bottom:14px;color:#fff;} .footer a{display:block;color:#a3b1c6;font-size:14px;padding:5px 0;transition:color .15s;} .footer a:hover{color:var(--blue);} .footer .brand-logo{height:74px;margin-bottom:14px;} .footer-tag{color:#a3b1c6;font-size:14px;margin:0;} .footer-bottom{padding:36px 24px;margin-top:50px;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#a3b1c6;font-size:13px;} /* ---------- responsive ---------- */ @media (max-width: 960px){ .nav-links{display:none;} .nav-toggle{display:block;} .nav.open .nav-links{ display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0; background:#fff;padding:24px;border-top:1px solid var(--border);gap:16px; box-shadow:var(--shadow-md); } .math-grid,.experience .exp-grid,.book-grid,.contact-grid,.miha-grid,.scan-grid{grid-template-columns:1fr;gap:48px;} .miha-stats{padding:28px 22px;} .miha-num{font-size:38px;} .scan-visual{max-width:380px;margin:0 auto;} .steps,.cards{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr 1fr;} .equation{grid-template-columns:1fr;} .eq-sign{transform:rotate(90deg);font-size:32px;} .exp-visual{max-width:380px;margin:0 auto;} .brand-logo{height:48px;} } @media (max-width: 520px){ .footer-grid{grid-template-columns:1fr;} .hero-meta{gap:14px;font-size:13px;} .cta-row .btn{width:100%;justify-content:center;} .row{grid-template-columns:1fr;} }