:root {
  --ink: #081c38;
  --ink-2: #0c2d5a;
  --blue: #1f8ce6;
  --blue-bright: #56c5ff;
  --yellow: #ffd427;
  --yellow-soft: #fff5bf;
  --paper: #fbfdff;
  --slate: #59708d;
  --line: #d9e4ef;
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Plus Jakarta Sans", sans-serif;
  --font-mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--font-body); font-size: 16px; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; top: -100px; left: 24px; z-index: 10000; padding: 10px 15px; border-radius: 9px; color: var(--ink); background: #fff; font-weight: 800; transition: top .2s; }.skip-link:focus { top: 20px; }

.utility-bar { color: #dbeaff; background: #04142b; font-size: .72rem; font-weight: 700; }.utility-inner { min-height: 34px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; }.utility-inner a { color: #fff; }
.site-header { position: sticky; z-index: 50; top: 0; border-bottom: 1px solid rgba(201,215,229,.65); background: rgba(251,253,255,.93); backdrop-filter: blur(15px); }.nav-wrap { min-height: 78px; display: flex; align-items: center; gap: 32px; }.brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; }.brand img { width: 47px; height: 47px; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 12px rgba(5,29,60,.16); }.brand span { display: flex; flex-direction: column; line-height: 1; }.brand b { color: var(--ink); font-family: var(--font-display); font-size: 1.45rem; letter-spacing: -.08em; }.brand small { margin-top: 3px; color: var(--blue); font-family: var(--font-display); font-size: .57rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.desktop-nav { display: flex; gap: 27px; align-items: center; margin-left: auto; }.desktop-nav a { position: relative; color: #415571; font-size: .82rem; font-weight: 700; }.desktop-nav a:after { position: absolute; bottom: -8px; left: 0; width: 100%; height: 2px; content: ""; transform: scaleX(0); transform-origin: left; background: var(--blue); transition: transform .2s; }.desktop-nav a:hover:after { transform: scaleX(1); }.header-action { display: inline-flex; align-items: center; gap: 8px; padding: 11px 15px; border-radius: 8px; color: #fff; background: var(--ink); box-shadow: 0 6px 15px rgba(8,28,56,.13); font-size: .78rem; font-weight: 800; transition: transform .2s, background .2s; }.header-action:hover { transform: translateY(-2px); background: var(--blue); }.header-action span { color: var(--yellow); font-size: 1.05rem; }.menu-button, .mobile-menu { display: none; }

.hero { position: relative; isolation: isolate; overflow: hidden; padding: 80px 0 0; color: #fff; background: radial-gradient(circle at 72% 20%, #133f78 0, var(--ink) 35%, #041329 100%); }.hero-grid-pattern { position: absolute; z-index: -1; inset: 0; opacity: .14; background-image: linear-gradient(rgba(119,192,241,.34) 1px, transparent 1px), linear-gradient(90deg, rgba(119,192,241,.34) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to left, black, transparent 67%); }.hero-grid { display: grid; grid-template-columns: .87fr 1.13fr; align-items: center; gap: 68px; min-height: 530px; }.section-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #91dcff; font-family: var(--font-mono); font-size: .67rem; font-weight: 500; letter-spacing: .095em; text-transform: uppercase; }.section-kicker span { width: 25px; height: 2px; background: var(--yellow); }.hero h1, h2, h3 { font-family: var(--font-display); letter-spacing: -.06em; }.hero h1 { margin: 0 0 23px; font-size: clamp(3rem, 5.4vw, 4.9rem); font-weight: 700; line-height: .97; }.hero h1 em, h2 em { color: var(--yellow); font-style: normal; }.hero-text { max-width: 540px; margin: 0; color: #d5e4f6; font-size: 1rem; line-height: 1.75; }.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 31px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; border: 1px solid transparent; border-radius: 8px; padding: 12px 17px; font-size: .82rem; font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s; }.button:hover { transform: translateY(-3px); }.button-yellow { color: var(--ink); background: var(--yellow); box-shadow: 0 10px 21px rgba(255,212,39,.18); }.button-yellow:hover { background: #ffe46d; box-shadow: 0 12px 27px rgba(255,212,39,.28); }.button-large { min-height: 52px; padding: 15px 19px; font-size: .89rem; }.button span { font-size: 1.1rem; }.under-link { padding-bottom: 4px; border-bottom: 1px solid rgba(220,239,255,.45); color: #ecf6ff; font-size: .82rem; font-weight: 700; }.under-link span { margin-left: 5px; color: var(--yellow); }.hero-mini-proof { display: flex; align-items: center; gap: 12px; margin-top: 42px; color: #afc7e2; font-size: .73rem; line-height: 1.35; }.hero-mini-proof p { margin: 0; }.hero-mini-proof strong { color: #fff; font-size: .77rem; }.avatar-stack { display: flex; }.avatar-stack i { display: grid; width: 28px; height: 28px; margin-left: -5px; place-items: center; border: 2px solid var(--ink); border-radius: 50%; color: #071d3b; background: var(--yellow); font-size: .7rem; font-style: normal; font-weight: 900; }.avatar-stack i:first-child { margin-left: 0; background: #a8e7ff; }.avatar-stack i:nth-child(2) { color: #fff; background: #1683e0; }
.hero-visual { position: relative; align-self: stretch; display: flex; align-items: end; padding: 0 7px 34px 0; }.image-frame { position: relative; overflow: hidden; }.hero-image-frame { width: 100%; height: 465px; border-radius: 15px 15px 15px 82px; box-shadow: 0 27px 50px rgba(0,0,0,.33); }.hero-image-frame:before { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(3,19,42,.62), rgba(3,19,42,.04) 62%), linear-gradient(0deg, rgba(3,19,42,.45), transparent 40%); }.hero-image-frame img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.image-fade { position: absolute; z-index: 2; inset: auto 0 0; height: 25%; background: linear-gradient(transparent, rgba(3,19,42,.55)); }.hero-sticker { position: absolute; z-index: 3; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.55); border-radius: 9px; background: rgba(7,29,60,.94); box-shadow: 0 13px 24px rgba(0,0,0,.2); }.hero-sticker p { margin: 0; line-height: 1.27; }.hero-sticker b { display: block; color: #fff; font-size: .77rem; }.hero-sticker small { color: #b7d5ef; font-family: var(--font-mono); font-size: .58rem; letter-spacing: .06em; }.sticker-top { top: 35px; right: -14px; }.sticker-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 6px; color: var(--ink); background: var(--yellow); }.sticker-icon svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.sticker-bottom { bottom: 4px; left: -35px; padding: 14px 16px; }.sticker-bottom b { margin-top: 2px; }.sticker-arrow { color: var(--yellow); font-size: 1.35rem; }.hero-corner { position: absolute; z-index: -1; right: -31px; bottom: 84px; width: 155px; height: 155px; border: 2px solid var(--yellow); transform: rotate(45deg); opacity: .75; }.hero-strip { min-height: 67px; overflow: hidden; color: #b9d5eb; font-family: var(--font-mono); font-size: .62rem; font-weight: 500; letter-spacing: .09em; white-space: nowrap; }.hero-strip-track { display: flex; align-items: center; width: max-content; min-height: inherit; animation: hero-strip-scroll 22s linear infinite; }.hero-strip-group { display: flex; flex: 0 0 clamp(760px, 100vw, 1320px); align-items: center; justify-content: space-around; gap: 20px; min-height: inherit; padding-inline: 22px; }.hero-strip i { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--yellow); }.hero-strip:hover .hero-strip-track { animation-play-state: paused; }

@keyframes hero-strip-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.quick-order { position: relative; z-index: 2; padding: 44px 0; border-bottom: 1px solid var(--line); background: #fff; }.quick-order-grid { display: grid; grid-template-columns: .62fr 1.38fr; align-items: center; gap: 55px; }.blue-kicker { color: var(--blue); }.quick-order h2 { margin: 0; color: var(--ink); font-size: clamp(1.8rem, 3.1vw, 2.75rem); line-height: 1.03; }.quick-chips { display: flex; flex-wrap: wrap; gap: 9px; }.quick-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid #d3e0ed; border-radius: 8px; color: #45607d; background: #fff; font-size: .74rem; font-weight: 800; transition: transform .2s, border .2s, color .2s, background .2s; }.quick-chip:hover { transform: translateY(-2px); border-color: #93c9ef; color: var(--ink); }.quick-chip.is-selected { border-color: var(--ink); color: #fff; background: var(--ink); box-shadow: 0 6px 12px rgba(8,28,56,.12); }.chip-icon { display: grid; width: 20px; height: 20px; place-items: center; color: #168de4; font-weight: 900; }.quick-chip.is-selected .chip-icon { color: var(--yellow); }.rebar-mark { align-items: end; grid-template-columns: repeat(3, 4px); gap: 2px; }.rebar-mark i { width: 4px; border-radius: 4px; background: currentColor; }.rebar-mark i:nth-child(1) { height: 11px; }.rebar-mark i:nth-child(2) { height: 16px; }.rebar-mark i:nth-child(3) { height: 8px; }.pipe-mark, .tools-mark, .safety-mark, .materials-mark { font-family: var(--font-display); font-size: 1.38rem; line-height: 1; }

.section { padding: 105px 0; }.heading-row { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 43px; }.heading-row h2, .ready-copy h2, .quote-intro h2 { margin: 0; color: var(--ink); font-size: clamp(2.2rem, 4.4vw, 3.75rem); font-weight: 700; line-height: 1.03; }.heading-row h2 em { color: var(--blue); }.heading-side-text { max-width: 372px; margin: 0 0 5px; color: var(--slate); font-size: .93rem; line-height: 1.7; }.solutions { background: #fff; }.solutions-grid { display: grid; grid-template-columns: 1.13fr 1fr 1fr 1fr; gap: 14px; }.solution-card { min-height: 351px; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }.solution-card:hover { transform: translateY(-5px); border-color: #a8cae7; box-shadow: 0 18px 30px rgba(8,42,82,.08); }.solution-feature { color: #fff; border-color: transparent; background: linear-gradient(145deg, #126bc7, #062c60); box-shadow: 0 16px 28px rgba(5,51,109,.2); }.card-topline { display: flex; justify-content: space-between; color: #a6bad1; font-family: var(--font-mono); font-size: .59rem; letter-spacing: .06em; }.solution-feature .card-topline { color: #bce7ff; }.feature-art { position: relative; display: flex; align-items: end; gap: 5px; height: 91px; margin: 9px 0 8px; color: #81d6ff; }.feature-art:before { position: absolute; right: 4px; bottom: 4px; left: 0; height: 1px; content: ""; background: rgba(187,236,255,.45); }.feature-art i { z-index: 1; width: 16px; border-radius: 3px 3px 0 0; background: repeating-linear-gradient(0deg, currentColor 0 4px, #2384d3 4px 6px); transform: skewX(-16deg); }.feature-art i:nth-child(1) { height: 44px; }.feature-art i:nth-child(2) { height: 64px; }.feature-art i:nth-child(3) { height: 77px; }.feature-art i:nth-child(4) { height: 54px; }.solution-card h3 { margin: 0 0 10px; color: var(--ink); font-size: 1.35rem; font-weight: 700; line-height: 1.13; }.solution-feature h3 { color: #fff; }.solution-card p { margin: 0 0 15px; color: var(--slate); font-size: .78rem; line-height: 1.62; }.solution-feature p { color: #c7eaff; }.solution-card a { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; color: var(--blue); font-size: .72rem; font-weight: 800; }.solution-card a span { font-size: 1.2rem; line-height: .8; }.solution-feature a { color: var(--yellow); }.line-icon { position: relative; height: 89px; display: flex; align-items: center; margin: 9px 0 10px; color: var(--blue); }.line-icon-pipe { gap: 5px; }.line-icon-pipe i { display: block; width: 26px; height: 26px; border: 7px solid currentColor; border-radius: 50%; }.line-icon-pipe b { width: 30px; height: 10px; background: currentColor; }.line-icon-tool, .line-icon-helmet { color: var(--blue); font-family: var(--font-display); font-size: 5rem; font-weight: 700; }.line-icon-helmet { color: #f5ab18; }

.ready-section { position: relative; overflow: hidden; padding: 95px 0; color: #d7e7f6; background: #071d3c; }.ready-section:before { position: absolute; top: -80px; left: -100px; width: 410px; height: 410px; border: 1px solid rgba(135,211,255,.15); border-radius: 50%; content: ""; box-shadow: 0 0 0 50px rgba(135,211,255,.025), 0 0 0 110px rgba(135,211,255,.02); }.ready-grid { position: relative; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 80px; }.ready-visual { position: relative; min-height: 470px; }.ready-image-wrap { width: 93%; height: 450px; overflow: hidden; border: 1px solid rgba(122,205,255,.28); border-radius: 12px 75px 12px 12px; box-shadow: 23px 25px 0 rgba(30,140,230,.22); }.ready-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.round-seal { position: absolute; right: 0; bottom: 0; display: grid; width: 116px; height: 116px; grid-template-rows: auto auto; align-content: center; justify-items: center; gap: 4px; border: 1px solid var(--yellow); border-radius: 50%; color: var(--yellow); background: var(--ink); }.round-seal span { font-family: var(--font-mono); font-size: .58rem; line-height: 1.25; letter-spacing: .06em; text-align: center; }.round-seal b { font-family: var(--font-display); font-size: 1.85rem; line-height: .9; letter-spacing: -.1em; }.ready-copy .section-kicker { color: #86d9ff; }.ready-copy h2 { color: #fff; }.ready-copy h2 em { color: var(--yellow); }.ready-copy > p:not(.section-kicker) { max-width: 465px; margin: 23px 0 25px; color: #bed3e8; line-height: 1.72; }.check-list { display: grid; gap: 10px; margin: 0 0 30px; padding: 0; list-style: none; }.check-list li { display: flex; align-items: center; gap: 9px; color: #e7f5ff; font-size: .82rem; font-weight: 700; }.check-list span { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: #0d2d56; background: var(--yellow); font-size: .65rem; }.button-outline { border-color: rgba(168,224,255,.55); color: #fff; background: transparent; }.button-outline:hover { border-color: var(--yellow); color: var(--ink); background: var(--yellow); }

.how-section { background: #f1f7fb; }.how-heading { margin-bottom: 44px; }.plain-arrow-link { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-size: .83rem; font-weight: 800; }.plain-arrow-link span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; color: var(--ink); background: var(--yellow); font-size: 1rem; }.how-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 0; padding: 0; list-style: none; }.how-grid:before { position: absolute; top: 27px; right: 17%; left: 17%; height: 1px; content: ""; background: #bcd1e3; }.how-grid li { position: relative; }.how-grid li > span { position: relative; z-index: 1; display: grid; width: 56px; height: 56px; margin-bottom: 19px; place-items: center; border: 6px solid #f1f7fb; border-radius: 50%; color: #fff; background: var(--ink); font-family: var(--font-mono); font-size: .75rem; }.how-grid li:nth-child(2) > span { color: var(--ink); background: var(--yellow); }.how-grid h3 { margin: 0 0 5px; color: var(--ink); font-size: 1.16rem; }.how-grid p { max-width: 260px; margin: 0; color: var(--slate); font-size: .83rem; line-height: 1.64; }

.quote-section { position: relative; overflow: hidden; padding: 99px 0; background: linear-gradient(115deg, #0b2f60, #0b6eb8); }.quote-section:after { position: absolute; top: -160px; right: -120px; width: 580px; height: 580px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; box-shadow: 0 0 0 65px rgba(255,255,255,.025), 0 0 0 138px rgba(255,255,255,.018); }.quote-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 85px; }.quote-intro .section-kicker { color: #a5e6ff; }.quote-intro h2 { color: #fff; }.quote-intro h2 em { color: var(--yellow); }.quote-intro > p:not(.section-kicker) { max-width: 430px; margin: 22px 0 30px; color: #d1e5f7; line-height: 1.7; }.contact-number { display: inline-flex; flex-direction: column; padding-left: 13px; border-left: 3px solid var(--yellow); }.contact-number span { color: #9fcdeb; font-family: var(--font-mono); font-size: .6rem; letter-spacing: .07em; }.contact-number b { color: #fff; font-family: var(--font-display); font-size: 1.45rem; letter-spacing: -.06em; }.quote-form { display: grid; gap: 13px; padding: 32px; border-radius: 14px; background: #fff; box-shadow: 0 25px 38px rgba(3,27,61,.25); }.form-heading { display: flex; gap: 12px; align-items: center; margin-bottom: 4px; }.form-step { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; color: var(--ink); background: var(--yellow); font-family: var(--font-mono); font-size: .67rem; font-weight: 700; }.form-heading h3 { margin: 0; color: var(--ink); font-size: 1.33rem; }.form-heading p { margin: 1px 0 0; color: var(--slate); font-size: .72rem; }.quote-form label { display: grid; gap: 5px; color: #38536f; font-size: .72rem; font-weight: 800; }.quote-form input, .quote-form select, .quote-form textarea { width: 100%; padding: 11px 12px; border: 1px solid #d3e0ec; border-radius: 7px; outline: none; color: var(--ink); background: #fbfdff; font-size: .83rem; transition: border .2s, box-shadow .2s; }.quote-form textarea { resize: vertical; }.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(31,140,230,.12); }.form-button { width: 100%; margin-top: 2px; min-height: 47px; }.quote-form small { color: #758ba3; font-size: .64rem; text-align: center; }

.contact-stack { display: grid; gap: 15px; }.contact-stack .contact-number, .contact-detail { display: inline-flex; flex-direction: column; width: fit-content; padding-left: 13px; border-left: 3px solid var(--yellow); }.contact-detail { border-left-color: rgba(159,205,235,.48); }.contact-detail span { color: #9fcdeb; font-family: var(--font-mono); font-size: .6rem; letter-spacing: .07em; }.contact-detail b { margin-top: 2px; color: #fff; font-size: .78rem; line-height: 1.45; transition: color .2s; }.contact-detail:hover b { color: var(--yellow); }

.footer { padding: 38px 0 21px; color: #b7c8dc; background: #04142b; }.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-bottom: 32px; }.footer-brand b { color: #fff; }.footer-brand small { color: #89d9ff; }.footer-main > p { max-width: 270px; margin: 0; font-size: .74rem; }.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 17px; }.footer-links a { font-size: .73rem; font-weight: 700; }.footer-links a:hover { color: #fff; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 17px; border-top: 1px solid rgba(182,209,236,.17); font-family: var(--font-mono); font-size: .62rem; }.footer-bottom a { color: #fff; }.whatsapp-float { position: fixed; z-index: 60; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 9px; padding: 11px 15px 11px 10px; border-radius: 99px; color: #fff; background: #12a769; box-shadow: 0 11px 24px rgba(3,45,35,.28); font-size: .75rem; transition: transform .2s; }.whatsapp-float:hover { transform: translateY(-3px); }.whatsapp-bubble { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; color: #12a769; background: #fff; }.whatsapp-bubble svg { display: block; width: 19px; height: 19px; fill: currentColor; }

@media (max-width: 960px) { .desktop-nav, .header-action { display: none; }.menu-button { display: grid; width: 39px; height: 39px; margin-left: auto; padding: 11px 7px; border: 0; background: transparent; }.menu-button i { width: 100%; height: 2px; display: block; background: var(--ink); transition: transform .2s, opacity .2s; }.menu-button.is-open i:first-child { transform: translateY(7px) rotate(45deg); }.menu-button.is-open i:last-child { transform: translateY(-7px) rotate(-45deg); }.mobile-menu { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: grid; max-height: 0; overflow: hidden; padding: 0 24px; opacity: 0; background: #fff; box-shadow: 0 16px 24px rgba(8,28,56,.12); transition: max-height .25s, opacity .2s, padding .25s; }.mobile-menu.is-open { max-height: 330px; padding: 13px 24px 20px; opacity: 1; }.mobile-menu a:not(.button) { padding: 10px 0; color: var(--ink); font-size: .9rem; font-weight: 800; }.mobile-menu .button { margin-top: 9px; }.hero { padding-top: 60px; }.hero-grid { grid-template-columns: .88fr 1.12fr; gap: 39px; }.hero h1 { font-size: clamp(2.7rem, 6vw, 4rem); }.hero-visual { padding-bottom: 32px; }.hero-image-frame { height: 414px; }.sticker-top { right: -9px; }.sticker-bottom { left: -11px; }.quick-order-grid { grid-template-columns: 1fr; gap: 24px; }.solutions-grid { grid-template-columns: repeat(2, 1fr); }.solution-card { min-height: 310px; }.solution-feature { grid-column: span 2; }.ready-grid, .quote-layout { gap: 55px; }.ready-grid { grid-template-columns: 1fr 1fr; }.ready-image-wrap { height: 410px; }.quote-layout { grid-template-columns: .85fr 1.15fr; }
}
@media (max-width: 700px) { .container { width: min(100% - 36px, 540px); }.utility-inner { justify-content: center; min-height: 32px; }.site-header .nav-wrap { min-height: 68px; }.brand img { width: 43px; height: 43px; }.brand b { font-size: 1.32rem; }.hero { padding: 48px 0 0; }.hero-grid { display: flex; flex-direction: column; gap: 35px; align-items: stretch; min-height: auto; }.hero h1 { font-size: clamp(2.85rem, 13vw, 4rem); }.hero-text { font-size: .94rem; }.hero-actions { flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 26px; }.hero-mini-proof { margin-top: 29px; }.hero-visual { min-height: 370px; padding: 0 0 25px 12px; }.hero-image-frame { height: 356px; border-radius: 10px 10px 10px 54px; }.hero-sticker { padding: 10px 12px; }.sticker-top { top: 17px; right: -7px; }.sticker-top p { display: none; }.sticker-bottom { bottom: 0; left: 0; }.sticker-bottom b { font-size: .69rem; }.hero-corner { right: -46px; bottom: 75px; }.hero-strip { width: 100%; gap: 14px; min-height: 53px; font-size: .53rem; }.quick-order { padding: 38px 0; }.quick-order-grid { gap: 20px; }.quick-order h2 { font-size: 2rem; }.quick-chips { display: grid; grid-template-columns: repeat(2, 1fr); }.quick-chip { width: 100%; min-height: 46px; padding: 8px; font-size: .67rem; }.section { padding: 69px 0; }.heading-row { display: block; margin-bottom: 31px; }.heading-row h2, .ready-copy h2, .quote-intro h2 { font-size: clamp(2.25rem, 11vw, 3rem); }.heading-side-text { margin-top: 16px; font-size: .88rem; }.solutions-grid { grid-template-columns: 1fr; }.solution-feature { grid-column: auto; }.solution-card { min-height: 280px; }.ready-section { padding: 69px 0; }.ready-grid, .quote-layout { grid-template-columns: 1fr; gap: 42px; }.ready-visual { min-height: 352px; }.ready-image-wrap { width: 92%; height: 338px; border-radius: 10px 49px 10px 10px; }.round-seal { width: 90px; height: 90px; gap: 3px; }.round-seal span { font-size: .48rem; letter-spacing: .04em; }.round-seal b { font-size: 1.45rem; }.ready-copy > p:not(.section-kicker) { font-size: .92rem; }.how-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }.how-heading .plain-arrow-link { flex: 0 0 auto; font-size: 0; }.how-heading .plain-arrow-link span { font-size: 1rem; }.how-grid { grid-template-columns: 1fr; gap: 26px; }.how-grid:before { top: 38px; bottom: 38px; left: 27px; width: 1px; height: auto; }.how-grid li { display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-areas: "step title" "step text"; column-gap: 15px; row-gap: 4px; align-items: start; }.how-grid li > span { grid-area: step; margin: 0; }.how-grid h3 { grid-area: title; margin-top: 3px; }.how-grid p { grid-area: text; }.quote-section { padding: 69px 0; }.quote-form { padding: 23px 18px; }.footer-main { align-items: flex-start; flex-direction: column; gap: 22px; }.footer-links { justify-content: flex-start; }.footer-bottom { flex-direction: column; gap: 7px; }.whatsapp-float { right: 17px; bottom: 16px; width: 51px; height: 51px; justify-content: center; padding: 0; }.whatsapp-float b { display: none; }.whatsapp-bubble { width: 33px; height: 33px; }.whatsapp-bubble svg { width: 21px; height: 21px; }
}
@media (max-width: 380px) { .brand small { font-size: .51rem; }.quick-chips { grid-template-columns: 1fr; }.hero h1 { font-size: 2.66rem; }.hero-strip { font-size: .48rem; } }

@media (prefers-reduced-motion: reduce) { .hero-strip-track { animation: none; } }