@font-face {font-family:"Barlow";src:url("../fonts/barlow-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow";src:url("../fonts/barlow-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow";src:url("../fonts/barlow-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap;} @font-face {font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-700-italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap;}:root {--navy-950:#071925;--navy-900:#0b2232;--navy-800:#102d42;--navy-700:#173d56;--blue-600:#1b4d6b;--cyan-500:#25bfd1;--cyan-400:#43d6e5;--cyan-200:#a5eef4;--ice-100:#eaf7f9;--ice-50:#f5fbfc;--white:#ffffff;--steel-700:#405d6d;--steel-600:#607784;--steel-400:#94a8b2;--line:rgba(16,45,66,0.14);--line-dark:rgba(255,255,255,0.14);--danger:#b42318;--success:#077e67;--font-display:"Barlow Condensed","Arial Narrow",sans-serif;--font-body:"Barlow",Arial,sans-serif;--font-utility:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--container:1280px;--header-height:86px;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow-sm:0 12px 30px rgba(8,34,49,0.08);--shadow-lg:0 30px 80px rgba(8,34,49,0.18);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-standard:cubic-bezier(0.22,1,0.36,1);--z-header:100;--z-float:120;} *,*::before,*::after {box-sizing:border-box;} html {scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height)+20px);} body {margin:0;min-width:320px;background:var(--ice-50);color:var(--navy-900);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;} body.menu-open {overflow:hidden;} img,svg {display:block;} img {max-width:100%;height:auto;} a {color:inherit;text-decoration:none;} button,input,textarea,select {font:inherit;} button,a {-webkit-tap-highlight-color:transparent;touch-action:manipulation;} button {border:0;cursor:pointer;} address {font-style:normal;} h1,h2,h3,p,blockquote {margin-top:0;} h1,h2,h3 {text-wrap:balance;}::selection {background:var(--cyan-400);color:var(--navy-950);}:focus-visible {outline:3px solid var(--cyan-400);outline-offset:4px;} .skip-link {position:fixed;top:12px;left:12px;z-index:1000;padding:10px 16px;border-radius:8px;background:var(--white);color:var(--navy-950);font-weight:700;transform:translateY(-150%);transition:transform 180ms ease-out;} .skip-link:focus {transform:translateY(0);} .container {width:min(calc(100% - 48px),var(--container));margin-inline:auto;} .section {position:relative;padding-block:clamp(96px,10vw,156px);} .eyebrow {display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--blue-600);font-family:var(--font-utility);font-size:0.73rem;font-weight:700;letter-spacing:0.14em;line-height:1.3;text-transform:uppercase;} .eyebrow>span {width:30px;height:1px;background:currentColor;} .eyebrow-light {color:var(--cyan-200);} .button {display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:16px;padding:14px 22px;border:1px solid transparent;border-radius:999px;font-weight:700;line-height:1.1;transition:color 220ms ease,background 220ms ease,border-color 220ms ease,transform 220ms var(--ease-out),box-shadow 220ms ease;} .button svg,.inline-action svg,.product-action svg,.testimonial-controls svg,.main-nav+.button svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;} .button:hover {transform:translateY(-2px);} .button:active {transform:scale(0.98);} .button-primary {background:var(--cyan-400);color:var(--navy-950);box-shadow:0 12px 38px rgba(67,214,229,0.18);} .button-primary:hover {background:#69e4ee;box-shadow:0 16px 46px rgba(67,214,229,0.28);} .button-dark {background:var(--navy-800);color:var(--white);} .button-dark:hover {background:var(--blue-600);} .button-light {border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.08);color:var(--white);backdrop-filter:blur(12px);} .button-light:hover {border-color:var(--cyan-400);background:var(--white);color:var(--navy-900);} .button-sm {min-height:44px;padding:11px 18px;font-size:0.88rem;} .js [data-reveal] {opacity:0;transform:translateY(24px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out);} .js [data-reveal].is-visible {opacity:1;transform:none;} .site-header {position:fixed;inset:0 0 auto;z-index:var(--z-header);border-bottom:1px solid transparent;color:var(--white);transition:background 260ms ease,border-color 260ms ease,box-shadow 260ms ease;} .site-header.is-scrolled,.site-header.menu-open {border-bottom-color:rgba(255,255,255,0.1);background:rgba(7,25,37,0.9);box-shadow:0 10px 35px rgba(0,0,0,0.12);backdrop-filter:blur(18px) saturate(140%);} .header-inner {display:grid;min-height:var(--header-height);grid-template-columns:180px 1fr auto;align-items:center;gap:36px;} .brand {display:inline-flex;width:164px;min-height:44px;flex-direction:column;align-items:flex-start;gap:5px;} .brand img {width:164px;height:auto;} .brand-tagline {color:rgba(255,255,255,0.62);font-family:var(--font-utility);font-size:0.62rem;font-weight:700;letter-spacing:0.24em;line-height:1;text-transform:uppercase;} .main-nav {display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,36px);} .nav-link {position:relative;padding-block:12px;color:rgba(255,255,255,0.7);font-size:0.9rem;font-weight:600;transition:color 180ms ease;} .nav-link::after {position:absolute;right:0;bottom:4px;left:0;height:1px;background:var(--cyan-400);content:"";transform:scaleX(0);transform-origin:right;transition:transform 220ms var(--ease-out);} .nav-link:hover,.nav-link.is-active {color:var(--white);} .nav-link:hover::after,.nav-link.is-active::after {transform:scaleX(1);transform-origin:left;} .menu-toggle {display:none;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,0.2);border-radius:50%;background:rgba(255,255,255,0.08);} .menu-toggle span {position:absolute;width:19px;height:1.5px;background:var(--white);transition:transform 220ms ease;} .menu-toggle span:first-child {transform:translateY(-4px);} .menu-toggle span:last-child {transform:translateY(4px);} .menu-toggle[aria-expanded="true"] span:first-child {transform:rotate(45deg);} .menu-toggle[aria-expanded="true"] span:last-child {transform:rotate(-45deg);} .mobile-menu {position:fixed;inset:var(--header-height) 0 auto;padding:28px 24px 34px;border-bottom:1px solid var(--line-dark);background:rgba(7,25,37,0.98);box-shadow:0 20px 60px rgba(0,0,0,0.22);} .mobile-menu nav {display:grid;} .mobile-menu a {display:flex;min-height:52px;align-items:center;border-bottom:1px solid var(--line-dark);font-family:var(--font-display);font-size:1.55rem;font-weight:600;} .mobile-menu p {margin:20px 0 0;color:var(--steel-400);font-size:0.9rem;} .hero {position:relative;display:flex;min-height:max(760px,100svh);align-items:center;overflow:hidden;background:var(--navy-950);color:var(--white);} .hero-backdrop,.hero-backdrop::after,.hero-noise {position:absolute;inset:0;} .hero-backdrop img {width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-breathe 12s ease-in-out infinite alternate;} .hero-backdrop::after {background:linear-gradient(90deg,rgba(3,14,24,0.98) 0%,rgba(4,18,30,0.88) 36%,rgba(4,19,31,0.25) 69%,rgba(4,18,30,0.2) 100%),linear-gradient(180deg,rgba(7,25,37,0.3),transparent 45%,rgba(7,25,37,0.6));content:"";} .hero-noise {opacity:0.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none;} .hero-inner {position:relative;z-index:3;display:flex;min-height:max(760px,100svh);align-items:center;padding-block:calc(var(--header-height)+72px) 100px;} .hero-copy {width:min(820px,68%);} .hero h1 {max-width:880px;margin-bottom:30px;font-family:var(--font-display);font-size:clamp(3.9rem,6.5vw,5.2rem);font-weight:700;letter-spacing:-0.04em;line-height:0.83;} .hero h1 em,.section h2 em,.cta h2 em {color:var(--cyan-400);font-style:italic;font-weight:700;} .hero-lead {max-width:650px;margin-bottom:36px;color:rgba(255,255,255,0.72);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.65;} .hero-actions {display:flex;align-items:center;gap:30px;} .text-link {display:inline-flex;min-height:44px;align-items:center;gap:10px;color:rgba(255,255,255,0.78);font-weight:600;transition:color 180ms ease;} .text-link span {transition:transform 220ms var(--ease-out);} .text-link:hover {color:var(--white);} .text-link:hover span {transform:translateY(4px);} .hero-proof {position:absolute;right:0;bottom:52px;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid rgba(255,255,255,0.16);border-radius:14px;background:rgba(10,32,47,0.38);backdrop-filter:blur(12px);} .hero-proof p {margin:0;color:rgba(255,255,255,0.6);font-size:0.78rem;line-height:1.35;} .hero-proof strong {color:var(--white);font-size:0.82rem;} .proof-dot {width:8px;height:8px;border-radius:50%;background:var(--cyan-400);box-shadow:0 0 0 6px rgba(67,214,229,0.1);} .hero-scroll {position:absolute;z-index:4;bottom:48px;left:24px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,0.45);font-family:var(--font-utility);font-size:0.64rem;letter-spacing:0.12em;text-transform:uppercase;transform:rotate(-90deg) translateX(100%);transform-origin:left bottom;} .hero-scroll span {width:38px;height:1px;overflow:hidden;background:rgba(255,255,255,0.25);} .hero-lens {--lens-x:0px;--lens-y:0px;position:absolute;z-index:2;top:22%;right:8%;width:clamp(220px,23vw,400px);aspect-ratio:1;border:1px solid rgba(190,244,249,0.55);border-radius:50%;background-image:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(67,214,229,0.06)),url("../img/hero-optical.webp");background-position:78% 46%;background-size:620% auto;box-shadow:inset -18px -20px 35px rgba(8,34,49,0.28),inset 12px 14px 24px rgba(255,255,255,0.12),0 35px 90px rgba(0,0,0,0.25),0 0 45px rgba(67,214,229,0.12);opacity:0.82;transform:translate3d(var(--lens-x),var(--lens-y),0);transition:transform 800ms var(--ease-out);backdrop-filter:blur(1px) saturate(130%);pointer-events:none;} .hero-lens::before,.hero-lens::after {position:absolute;border-radius:50%;content:"";} .hero-lens::before {inset:7%;border:1px solid rgba(255,255,255,0.2);box-shadow:inset 16px 12px 24px rgba(255,255,255,0.08);} .hero-lens::after {inset:-12%;border:1px solid rgba(67,214,229,0.1);} .lens-glint {position:absolute;top:16%;left:24%;width:34%;height:12%;border-radius:50%;background:rgba(255,255,255,0.22);filter:blur(8px);transform:rotate(-32deg);} @keyframes hero-breathe {from {transform:scale(1.01);} to {transform:scale(1.045);}} .about {overflow:hidden;background:var(--white);} .about::before {position:absolute;top:0;left:calc(50% - 640px);width:1px;height:100%;background:var(--line);content:"";} .about-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,0.82fr);gap:70px 100px;} .about-heading h2,.section-heading h2,.how-heading h2,.testimonials-heading h2,.ig-copy h2,.contact-intro h2 {margin-bottom:0;font-family:var(--font-display);font-size:clamp(3.35rem,5.8vw,6rem);font-weight:700;letter-spacing:-0.035em;line-height:0.92;} .about-copy {padding-top:38px;} .about-copy .lead {margin-bottom:26px;color:var(--navy-800);font-size:1.25rem;font-weight:600;line-height:1.55;} .about-copy>p:not(.lead) {color:var(--steel-600);} .inline-action {display:inline-flex;min-height:50px;align-items:center;gap:14px;margin-top:18px;padding:0;background:transparent;color:var(--navy-800);font-weight:700;} .inline-action>span {display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background 220ms ease,color 220ms ease,transform 220ms var(--ease-out);} .inline-action:hover>span {background:var(--navy-800);color:var(--white);transform:translateX(4px);} .stats {position:relative;padding-block:56px;border-block:1px solid var(--line);background:var(--ice-100);} .stats-grid {display:grid;grid-template-columns:repeat(4,1fr);} .stat {padding:20px clamp(24px,3.2vw,48px);border-right:1px solid var(--line);} .stat:first-child {padding-left:0;} .stat:last-child {padding-right:0;border-right:0;} .stat-value {margin-bottom:10px;color:var(--navy-800);font-family:var(--font-display);font-size:clamp(3.8rem,6vw,6rem);font-weight:700;letter-spacing:-0.04em;line-height:0.8;font-variant-numeric:tabular-nums;} .stat-value sup {color:var(--cyan-500);font-size:0.42em;vertical-align:top;} .stat h3 {margin-bottom:5px;font-family:var(--font-display);font-size:1.45rem;font-weight:600;} .stat>p:last-child {max-width:220px;margin-bottom:0;color:var(--steel-600);font-size:0.9rem;line-height:1.5;} .products {background:var(--ice-50);} .products-heading {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,0.65fr);align-items:end;gap:70px;} .products-heading>p {margin:0 0 6px;color:var(--steel-600);} .filter-bar {display:flex;flex-wrap:wrap;gap:10px;margin-block:56px 34px;} .filter-button {min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--steel-700);font-size:0.88rem;font-weight:600;transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease;} .filter-button:hover {border-color:var(--blue-600);transform:translateY(-1px);} .filter-button.is-active {border-color:var(--navy-800);background:var(--navy-800);color:var(--white);} .product-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} .product-card {--product-tilt:-1.8deg;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);transition:border-color 260ms ease,box-shadow 260ms ease,transform 260ms var(--ease-out);} .product-card:nth-child(even) {--product-tilt:1.8deg;} .product-card[hidden] {display:none;} .product-card:hover {border-color:rgba(37,191,209,0.62);box-shadow:var(--shadow-lg);transform:translateY(-7px);} .product-visual {position:relative;display:grid;aspect-ratio:1 / 0.95;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.1);background:radial-gradient(circle at 50% 42%,rgba(37,191,209,0.16),transparent 42%),linear-gradient(145deg,var(--navy-800),var(--navy-950));} .product-visual::after {position:absolute;inset:-70% auto auto -20%;width:34%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.16),transparent);content:"";transform:rotate(18deg) translateX(-220%);transition:transform 720ms var(--ease-out);} .product-card:hover .product-visual::after {transform:rotate(18deg) translateX(520%);} .product-visual img {width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,0.34));transform:rotate(var(--product-tilt));transition:transform 420ms var(--ease-out);} .product-visual img.product-image--case {width:100%;height:100%;clip-path:polygon(10% 13.5%,92% 12%,92% 82%,9.5% 82%);} .product-card:hover .product-visual img {transform:translateY(-7px) rotate(var(--product-tilt)) scale(1.045);} .product-index {position:absolute;z-index:2;top:16px;left:16px;color:var(--cyan-200);font-family:var(--font-utility);font-size:0.62rem;letter-spacing:0.12em;} .product-info {display:flex;min-height:112px;align-items:center;justify-content:space-between;gap:16px;padding:20px;} .product-info p {margin-bottom:2px;color:var(--cyan-500);font-family:var(--font-utility);font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;} .product-info h3 {margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:600;line-height:1.05;} .product-action {display:grid;min-width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--navy-800);transition:color 220ms ease,background 220ms ease,transform 220ms var(--ease-out);} .product-action:hover {background:var(--cyan-400);color:var(--navy-950);transform:rotate(-14deg);} .products-footer {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding-top:28px;border-top:1px solid var(--line);} .products-footer p {margin:0;color:var(--steel-600);} .how {overflow:hidden;background:var(--navy-950);color:var(--white);} .how::before {position:absolute;inset:0;opacity:0.22;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:64px 64px;content:"";mask-image:linear-gradient(to bottom,black,transparent 85%);} .how-glow {position:absolute;top:-260px;right:-180px;width:620px;aspect-ratio:1;border-radius:50%;background:rgba(37,191,209,0.12);filter:blur(90px);} .how .container {position:relative;} .how-heading {display:grid;grid-template-columns:1.2fr 0.55fr;align-items:end;gap:80px;} .how-heading .eyebrow {grid-column:1 / -1;margin-bottom:-46px;} .how-heading h2 {max-width:850px;} .how-heading>p:last-child {margin:0 0 6px;color:rgba(255,255,255,0.56);} .process-grid {display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:start;gap:10px;margin:82px 0 0;padding:0;list-style:none;} .process-step {position:relative;min-height:330px;padding:30px 26px;overflow:hidden;border:1px solid rgba(130,193,212,0.22);border-radius:14px;background:linear-gradient(145deg,rgba(19,47,67,0.7),rgba(7,25,37,0.68));box-shadow:inset 0 1px rgba(255,255,255,0.05);transition:border-color 260ms ease,transform 260ms var(--ease-out),background 260ms ease;} .process-step::before {position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2b6bff,var(--cyan-400));content:"";} .process-step:hover {border-color:rgba(67,214,229,0.58);background:linear-gradient(145deg,rgba(23,61,86,0.9),rgba(7,25,37,0.78));transform:translateY(-6px);} .step-two,.step-four {margin-top:64px;} .step-icon {display:grid;width:54px;height:54px;place-items:center;margin-bottom:27px;border:1px solid rgba(67,214,229,0.3);border-radius:11px;background:rgba(42,91,143,0.18);color:var(--cyan-400);} .step-icon svg {width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;} .step-number {display:block;margin-bottom:10px;color:var(--cyan-400);font-family:var(--font-utility);font-size:0.68rem;font-weight:700;letter-spacing:0.12em;} .process-step h3 {margin-bottom:12px;font-family:var(--font-display);font-size:clamp(1.45rem,2vw,1.8rem);font-weight:600;line-height:1.05;} .process-step p {margin-bottom:0;color:rgba(255,255,255,0.58);line-height:1.6;} .process-arrow {display:grid;min-height:330px;place-items:center;color:rgba(67,214,229,0.55);} .process-arrow svg {width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;} .arrow-two {padding-top:64px;} .testimonials {background:var(--white);overflow:hidden;} .testimonials-heading {display:flex;align-items:end;justify-content:space-between;gap:40px;} .testimonials-heading h2 {max-width:850px;} .testimonial-controls {display:flex;gap:10px;} .testimonial-controls button {display:grid;width:50px;height:50px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--navy-800);transition:background 180ms ease,color 180ms ease,transform 180ms ease;} .testimonial-controls button:hover {background:var(--navy-800);color:var(--white);transform:translateY(-2px);} .testimonial-track {display:grid;grid-auto-columns:minmax(320px,0.34fr);grid-auto-flow:column;gap:20px;margin-top:60px;padding:4px 4px 24px;overflow-x:auto;cursor:grab;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;-ms-overflow-style:none;} .testimonial-track::-webkit-scrollbar {display:none;} .testimonial-track.is-dragging {cursor:grabbing;scroll-behavior:auto;user-select:none;} .testimonial-card {position:relative;display:flex;min-height:360px;flex-direction:column;padding:34px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ice-50);scroll-snap-align:start;transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms var(--ease-out);} .testimonial-card:hover {border-color:rgba(37,191,209,0.44);box-shadow:var(--shadow-sm);transform:translateY(-4px);} .quote-mark {height:54px;color:var(--cyan-500);font-family:Georgia,serif;font-size:5rem;line-height:0.9;} .testimonial-card blockquote {margin:22px 0 32px;color:var(--navy-800);font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.25;} .testimonial-card footer {display:flex;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);} .testimonial-card footer p {margin:0;line-height:1.25;} .testimonial-card footer strong,.testimonial-card footer small {display:block;} .testimonial-card footer strong {font-size:0.9rem;} .testimonial-card footer small {margin-top:3px;color:var(--steel-600);font-size:0.78rem;} .instagram {overflow:hidden;background:var(--ice-50);} .ig-layout {display:grid;align-items:center;gap:64px 80px;grid-template-columns:minmax(0,1fr) minmax(0,0.78fr);} .ig-lead {max-width:520px;margin:26px 0 34px;color:var(--steel-600);font-size:1.08rem;} .ig-handle {margin:24px 0 0;color:var(--blue-600);font-family:var(--font-display);font-size:1.35rem;font-style:italic;font-weight:700;letter-spacing:-0.01em;} .ig-stage {position:relative;display:grid;place-items:center;} .ig-glow {position:absolute;top:50%;left:50%;width:132%;aspect-ratio:1;background:radial-gradient(circle,rgba(37,191,209,0.34),rgba(37,191,209,0.1) 48%,transparent 70%);transform:translate(-50%,-50%);} .ig-phone {position:relative;width:min(346px,100%);padding:11px;border-radius:46px;background:linear-gradient(158deg,#29506a,var(--navy-950) 58%);box-shadow:0 42px 90px rgba(8,34,49,0.34),inset 0 0 0 1px rgba(255,255,255,0.1);} .ig-screen {position:relative;overflow:hidden;padding:40px 20px 0;border-radius:36px;background:var(--navy-950);aspect-ratio:99 / 172;color:var(--white);} .ig-shot {position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;} .ig-shot~.ig-island {display:none;} .ig-island {position:absolute;z-index:3;top:13px;left:50%;width:76px;height:20px;border-radius:999px;background:#04121b;transform:translateX(-50%);} .ig-account {display:flex;align-items:center;gap:14px;} .ig-avatar {display:grid;width:68px;height:68px;flex:none;place-items:center;padding:12px;border:1px solid rgba(67,214,229,0.45);border-radius:50%;background:var(--navy-800);} .ig-avatar img {width:100%;height:auto;} .ig-account p {margin:0;min-width:0;} .ig-account strong,.ig-account span {display:block;overflow-wrap:anywhere;} .ig-account strong {font-size:0.82rem;line-height:1.25;} .ig-account span {margin-top:2px;color:var(--steel-400);font-size:0.72rem;} .ig-bio {margin:16px 0 0;color:rgba(255,255,255,0.78);font-size:0.76rem;line-height:1.5;} .ig-follow {display:block;margin-top:16px;padding:9px;border-radius:9px;background:var(--cyan-400);color:var(--navy-950);font-size:0.78rem;font-weight:700;text-align:center;} .ig-highlights {display:flex;gap:12px;margin:20px 0 0;padding:0;list-style:none;} .ig-highlights li {flex:none;width:46px;color:rgba(255,255,255,0.62);font-size:0.55rem;text-align:center;} .ig-highlights li>span {display:block;width:46px;height:46px;margin-bottom:6px;border:1px solid rgba(255,255,255,0.18);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(67,214,229,0.22),rgba(255,255,255,0.04) 70%);} .ig-feed {display:grid;gap:4px;margin-top:22px;grid-template-columns:repeat(3,1fr);-webkit-mask-image:linear-gradient(to bottom,#000 18%,transparent 92%);mask-image:linear-gradient(to bottom,#000 18%,transparent 92%);} .ig-feed span {aspect-ratio:1;background:rgba(255,255,255,0.08);} .cta {position:relative;display:grid;min-height:670px;align-items:center;overflow:hidden;background:var(--navy-950);color:var(--white);} .cta-image,.cta-overlay {position:absolute;inset:-8%;} .cta-image {background-image:url("../img/cta-optical.webp");background-position:center;background-size:cover;transform:translate3d(0,var(--parallax-y,0),0) scale(1.1);will-change:transform;} .cta-overlay {background:linear-gradient(90deg,rgba(4,18,29,0.98) 0%,rgba(5,22,34,0.9) 44%,rgba(5,22,34,0.28) 74%,rgba(5,22,34,0.12) 100%),linear-gradient(180deg,rgba(5,22,34,0.2),rgba(5,22,34,0.56));} .cta-inner {position:relative;z-index:2;padding-block:110px;} .cta h2 {max-width:780px;margin-bottom:26px;font-family:var(--font-display);font-size:clamp(4rem,7vw,7rem);font-weight:700;letter-spacing:-0.04em;line-height:0.87;} .cta-inner>p:not(.eyebrow) {max-width:530px;margin-bottom:32px;color:rgba(255,255,255,0.67);font-size:1.13rem;} .contact {background:var(--ice-100);} .contact-grid {display:grid;grid-template-columns:minmax(0,0.9fr) minmax(480px,1.1fr);gap:clamp(56px,8vw,110px);} .contact-intro>p:not(.eyebrow):not(.business-hours) {max-width:540px;margin-top:26px;color:var(--steel-600);font-size:1.05rem;} .unit-list {display:grid;gap:14px;margin-top:42px;} .unit-card {display:flex;gap:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,0.64);transition:background 220ms ease,border-color 220ms ease,transform 220ms var(--ease-out);} .unit-card:hover {border-color:rgba(37,191,209,0.48);background:var(--white);transform:translateX(4px);} .unit-icon {display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:12px;background:var(--navy-800);color:var(--cyan-400);} .unit-icon svg,.business-hours svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;} .unit-card p {margin-bottom:1px;color:var(--cyan-500);font-family:var(--font-utility);font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;} .unit-card h3 {margin-bottom:5px;font-family:var(--font-display);font-size:1.45rem;font-weight:600;} .unit-card address {color:var(--steel-600);font-size:0.86rem;line-height:1.45;} .unit-card a {display:inline-flex;margin-top:9px;color:var(--navy-800);font-weight:700;} .unit-card a:hover {color:var(--cyan-500);} .business-hours {display:flex;align-items:center;gap:10px;margin:24px 0 0;color:var(--steel-700);font-size:0.9rem;} .contact-form-wrap {align-self:start;} .contact-form {padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);} .form-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--line);} .form-heading span {font-family:var(--font-display);font-size:1.8rem;font-weight:600;line-height:1;} .form-heading p {margin:0;color:var(--steel-600);font-size:0.75rem;} .field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;} .field-full {grid-column:1 / -1;} .field label {display:block;margin-bottom:7px;color:var(--navy-800);font-size:0.82rem;font-weight:700;} .field input,.field select,.field textarea {width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(16,45,66,0.2);border-radius:var(--radius-sm);outline:none;background:var(--ice-50);color:var(--navy-900);transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;} .field textarea {min-height:118px;resize:vertical;} .field input::placeholder,.field textarea::placeholder {color:#8296a1;} .field input:focus,.field select:focus,.field textarea:focus {border-color:var(--cyan-500);background:var(--white);box-shadow:0 0 0 3px rgba(37,191,209,0.14);} .field input[aria-invalid="true"],.field select[aria-invalid="true"] {border-color:var(--danger);box-shadow:0 0 0 3px rgba(180,35,24,0.08);} .field-error {display:block;min-height:18px;margin-top:4px;color:var(--danger);font-size:0.72rem;line-height:1.25;} .consent {display:flex;align-items:flex-start;gap:10px;color:var(--steel-700);cursor:pointer;font-size:0.82rem;line-height:1.4;} .consent input {width:18px;height:18px;margin:1px 0 0;accent-color:var(--blue-600);} .consent-error {margin-top:-16px;} .form-submit {width:100%;margin-top:26px;} .form-status {display:none;margin-top:16px;padding:14px 16px;border-radius:10px;font-size:0.86rem;line-height:1.45;} .form-status.is-visible {display:block;} .form-status.is-info {border:1px solid rgba(7,126,103,0.24);background:rgba(7,126,103,0.08);color:#075f50;} .form-status a {color:inherit;font-weight:700;text-decoration:underline;} .form-status.is-error {border:1px solid rgba(180,35,24,0.2);background:rgba(180,35,24,0.06);color:var(--danger);} .site-footer {background:var(--navy-950);color:var(--white);} .footer-main {display:grid;grid-template-columns:1.4fr 0.7fr 1fr 1fr;gap:50px;padding-block:72px 62px;} .footer-brand img {width:184px;height:auto;margin-bottom:6px;} .footer-brand .brand-tagline {display:block;margin-bottom:23px;} .social-link {display:inline-flex;min-height:44px;align-items:center;gap:10px;margin-top:20px;color:rgba(255,255,255,0.62);font-size:0.88rem;transition:color 180ms ease;} .social-link svg {width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;} .social-link:hover {color:var(--cyan-400);} .footer-brand p {margin:0;color:rgba(255,255,255,0.52);font-family:var(--font-display);font-size:1.25rem;line-height:1.2;} .footer-column {display:flex;flex-direction:column;align-items:flex-start;gap:8px;} .footer-label {margin-bottom:14px;color:var(--cyan-400);font-family:var(--font-utility);font-size:0.64rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;} .footer-column a,.footer-column>p:not(.footer-label) {margin:0;color:rgba(255,255,255,0.62);font-size:0.88rem;line-height:1.55;} .footer-column a:hover {color:var(--white);} .footer-bottom {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;border-top:1px solid var(--line-dark);color:rgba(255,255,255,0.68);font-family:var(--font-utility);font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;} .footer-bottom a {color:var(--white);transition:color 180ms ease;} .footer-bottom a:hover {color:var(--cyan-400);} .footer-bottom p {margin:0;} .whatsapp {position:fixed;z-index:var(--z-float);right:max(22px,env(safe-area-inset-right));bottom:max(44px,env(safe-area-inset-bottom));display:grid;justify-items:end;gap:12px;} .whatsapp-toggle {display:flex;width:60px;min-width:60px;height:60px;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#25d366;box-shadow:0 12px 34px rgba(13,94,44,0.28);color:#062e17;font-weight:700;transition:transform 220ms var(--ease-out),box-shadow 220ms ease,background 220ms ease;animation:whatsapp-once 900ms var(--ease-out) 1.6s both;} .whatsapp-toggle:hover {background:#4be07e;box-shadow:0 16px 44px rgba(13,94,44,0.36);transform:translateY(-3px);} .whatsapp-toggle svg {width:29px;height:29px;fill:currentColor;} .whatsapp-toggle span {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;} @keyframes whatsapp-once {0% {box-shadow:0 0 0 0 rgba(37,211,102,0.45),0 12px 34px rgba(13,94,44,0.28);} 60% {box-shadow:0 0 0 16px rgba(37,211,102,0),0 12px 34px rgba(13,94,44,0.28);} 100% {box-shadow:0 0 0 0 rgba(37,211,102,0),0 12px 34px rgba(13,94,44,0.28);}} .whatsapp-panel {width:min(360px,calc(100vw - 32px));padding:22px;border:1px solid rgba(255,255,255,0.12);border-radius:20px;background:rgba(7,25,37,0.97);box-shadow:0 30px 80px rgba(0,0,0,0.3);color:var(--white);backdrop-filter:blur(20px);transform-origin:right bottom;animation:panel-in 260ms var(--ease-out) both;} @keyframes panel-in {from {opacity:0;transform:translateY(10px) scale(0.96);} to {opacity:1;transform:none;}} .whatsapp-panel-head {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;} .whatsapp-panel-head span {color:var(--cyan-400);font-family:var(--font-utility);font-size:0.58rem;letter-spacing:0.1em;text-transform:uppercase;} .whatsapp-panel-head h2 {margin:4px 0 0;font-family:var(--font-display);font-size:1.8rem;font-weight:600;line-height:1;} .whatsapp-panel-head button {display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--white);} .whatsapp-panel-head button svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7;} .whatsapp-intro {margin:18px 0 12px;color:rgba(255,255,255,0.52);font-size:0.82rem;} .whatsapp-panel>a {display:grid;min-height:68px;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;padding:11px 12px;border-top:1px solid var(--line-dark);transition:background 180ms ease,transform 180ms var(--ease-out);} .whatsapp-panel>a:hover {background:rgba(67,214,229,0.08);transform:translateX(3px);} .unit-abbr {display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(67,214,229,0.24);border-radius:11px;background:rgba(67,214,229,0.08);color:var(--cyan-400);font-family:var(--font-utility);font-size:0.65rem;font-weight:700;} .whatsapp-panel>a strong,.whatsapp-panel>a small {display:block;} .whatsapp-panel>a strong {font-size:0.9rem;} .whatsapp-panel>a small {color:rgba(255,255,255,0.52);font-size:0.76rem;} .whatsapp-panel>a>svg {width:20px;height:20px;fill:none;stroke:var(--cyan-400);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;} @media (max-width:1180px) {:root {--header-height:78px;} .main-nav,.header-cta {display:none;} .header-inner {grid-template-columns:1fr auto;} .menu-toggle {position:relative;display:grid;} .hero-copy {width:min(760px,72%);} .hero-lens {right:3%;} .product-grid {grid-template-columns:repeat(3,1fr);} .process-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;} .process-step,.step-two,.step-four {min-height:285px;margin-top:0;} .process-arrow {display:none;} .testimonial-track {grid-auto-columns:minmax(320px,46%);}} @media (max-width:940px) {.about-grid,.products-heading,.how-heading,.contact-grid {grid-template-columns:1fr;} .ig-layout {justify-items:start;gap:48px;grid-template-columns:1fr;} .ig-stage {width:100%;} .about-copy {max-width:700px;padding-top:0;} .stats-grid {grid-template-columns:repeat(2,1fr);} .stat {padding:28px;border-bottom:1px solid var(--line);} .stat:first-child {padding-left:28px;} .stat:nth-child(2) {border-right:0;} .stat:nth-child(3),.stat:nth-child(4) {border-bottom:0;} .products-heading {gap:28px;} .products-heading>p {max-width:620px;} .product-grid {grid-template-columns:repeat(2,1fr);} .how-heading {gap:26px;} .how-heading .eyebrow {grid-column:auto;margin-bottom:-10px;} .how-heading>p:last-child {max-width:600px;} .contact-grid {gap:64px;} .unit-list {grid-template-columns:repeat(2,minmax(0,1fr));} .footer-main {grid-template-columns:1.3fr 0.7fr 1fr;} .footer-column:last-child {grid-column:3;}} @media (max-width:760px) {.container {width:min(calc(100% - 32px),var(--container));} .section {padding-block:88px;} .header-inner {gap:20px;} .brand,.brand img {width:144px;} .hero {min-height:820px;} .hero-backdrop img {object-position:68% center;} .hero-backdrop::after {background:linear-gradient(180deg,rgba(4,17,28,0.72) 0%,rgba(4,17,28,0.52) 35%,rgba(4,17,28,0.94) 73%,var(--navy-950) 100%);} .hero-inner {min-height:820px;align-items:end;padding:130px 0 86px;} .hero-copy {width:100%;} .hero h1 {font-size:clamp(3.6rem,16vw,5.4rem);line-height:0.86;} .hero-lead {font-size:1rem;} .hero-lens {top:14%;right:-8%;width:260px;opacity:0.66;} .hero-proof,.hero-scroll {display:none;} .about-grid {gap:40px;} .about-heading h2,.section-heading h2,.how-heading h2,.testimonials-heading h2,.ig-copy h2,.contact-intro h2 {font-size:clamp(3.1rem,13vw,4.4rem);} .products-footer,.testimonials-heading,.form-heading {align-items:flex-start;flex-direction:column;} .testimonials-heading {display:flex;} .testimonial-track {grid-auto-columns:minmax(286px,84%);margin-top:40px;} .cta {min-height:620px;} .cta-image {background-position:65% center;} .cta-overlay {background:linear-gradient(90deg,rgba(4,18,29,0.98) 0%,rgba(5,22,34,0.85) 68%,rgba(5,22,34,0.42) 100%);} .cta h2 {font-size:clamp(3.7rem,15vw,5.7rem);} .unit-list {grid-template-columns:1fr;} .field-grid {grid-template-columns:1fr;} .field-full {grid-column:auto;} .footer-main {grid-template-columns:repeat(2,1fr);gap:42px 26px;} .footer-column:last-child {grid-column:auto;}} @media (max-width:580px) {.hero-actions {align-items:stretch;flex-direction:column;gap:16px;} .hero-actions .button {width:100%;} .text-link {justify-content:center;} .stats-grid,.product-grid,.process-grid,.footer-main {grid-template-columns:1fr;} .stat,.stat:first-child,.stat:last-child {padding:28px 0;border-right:0;border-bottom:1px solid var(--line);} .stat:nth-child(3) {border-bottom:1px solid var(--line);} .stat:last-child {border-bottom:0;} .stat>p:last-child {max-width:340px;} .filter-bar {flex-wrap:nowrap;margin-right:-16px;padding-right:16px;overflow-x:auto;scrollbar-width:none;} .filter-bar::-webkit-scrollbar {display:none;} .filter-button {flex:0 0 auto;} .process-step {min-height:auto;} .process-grid {position:relative;gap:18px;margin-top:50px;padding-left:20px;} .process-grid::before {position:absolute;top:8px;bottom:8px;left:3px;width:1px;background:linear-gradient(var(--cyan-400),rgba(67,214,229,0.1));content:"";} .process-step::after {position:absolute;top:26px;left:-25px;width:9px;height:9px;border:2px solid var(--navy-950);border-radius:50%;background:var(--cyan-400);content:"";} .contact-form {padding:24px 18px;border-radius:20px;} .footer-brand,.footer-column {padding-bottom:28px;border-bottom:1px solid var(--line-dark);} .footer-column:last-child {border-bottom:0;} .footer-bottom {align-items:flex-start;flex-direction:column;} .whatsapp {right:max(14px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));} .whatsapp-toggle {width:58px;min-width:58px;height:58px;}} @media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} *,*::before,*::after {scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;} .js [data-reveal] {opacity:1;transform:none;} .cta-image,.hero-lens,.hero-backdrop img {transform:none !important;}}
 .about-coverage{color:var(--steel-600);font-size:0.95rem}.lines-note{margin-top:56px;padding:38px clamp(24px,3vw,44px);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}.lines-title{margin:0 0 26px;font-family:var(--font-display);font-size:clamp(1.7rem,2.4vw,2.3rem);font-weight:700;letter-spacing:-0.02em;line-height:1.05;color:var(--navy-900)}.lines-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 40px}.lines-grid p{margin:0;padding-left:16px;border-left:2px solid var(--cyan-500);color:var(--steel-700);font-size:0.95rem;line-height:1.6}.lines-grid strong{display:block;color:var(--navy-900);font-weight:700}.lines-grid em{font-style:normal;color:var(--blue-600);font-weight:600}.lines-disclaimer{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--steel-600);font-size:0.88rem}.lines-disclaimer a,.faq-answer a{color:var(--blue-600);font-weight:600;text-underline-offset:3px}.lines-disclaimer a:hover,.faq-answer a:hover{color:var(--navy-800)}.faq{background:var(--ice-100)}.faq-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,0.65fr);align-items:end;gap:70px}.faq-heading>p{margin:0 0 6px;color:var(--steel-600)}.faq-list{margin-top:56px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;cursor:pointer;list-style:none;transition:color 180ms ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"";flex:0 0 auto;width:22px;height:22px;background:linear-gradient(var(--blue-600),var(--blue-600)) center/100% 2px no-repeat,linear-gradient(var(--blue-600),var(--blue-600)) center/2px 100% no-repeat;transition:transform 260ms var(--ease-out)}.faq-item[open] summary::after{transform:rotate(135deg)}.faq-item summary h3{margin:0;font-family:var(--font-display);font-size:clamp(1.25rem,1.9vw,1.65rem);font-weight:600;letter-spacing:-0.015em;line-height:1.2;color:var(--navy-900)}.faq-item summary:hover h3,.faq-item[open] summary h3{color:var(--blue-600)}.faq-item summary:focus-visible{outline:2px solid var(--blue-600);outline-offset:4px;border-radius:var(--radius-sm)}.faq-answer{padding:0 60px 30px 0;max-width:78ch}.faq-answer p{margin:0;color:var(--steel-700);line-height:1.7}@media (max-width:940px){.faq-heading,.lines-grid{grid-template-columns:1fr;gap:26px}}@media (max-width:760px){.lines-note{margin-top:40px;padding:28px 22px}.faq-list{margin-top:40px}.faq-item summary{padding-block:20px;gap:16px}.faq-answer{padding-right:0}}