/* NauticaFly — folha de estilo */

@font-face{
  font-family:"Archivo";
  src:url("../fonts/archivo-latin.woff2") format("woff2");
  font-weight:100 900;
  font-stretch:62% 125%;
  font-display:swap;
}
@font-face{
  font-family:"Hanken Grotesk";
  src:url("../fonts/hanken-latin.woff2") format("woff2");
  font-weight:100 900;
  font-display:swap;
}

:root{
  --navy:#0B1E2D;
  --navy-2:#10283A;
  --navy-3:#071521;
  --paper:#F4F6F5;
  --white:#FFFFFF;
  --ink:#0E1A24;
  --ink-2:#425463;
  --rule:#D3DADF;
  --rule-dark:rgba(220,232,240,.18);
  --on-dark:#EEF3F6;
  --on-dark-2:#AFC1CD;
  --sea:#1D6B86;
  --sea-deep:#145469;
  --sea-light:#8CCBE0;
  --danger:#A3261B;
  --success:#1E6B43;

  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;

  --t-small:.8125rem;
  --t-body:1.0625rem;
  --t-h3:1.25rem;
  --t-h2:clamp(2rem,1.35rem + 2.3vw,3.25rem);
  --t-h1:clamp(2.5rem,1.5rem + 3.9vw,5rem);

  --gutter:clamp(20px,4vw,48px);
  --wrap:1240px;
  --section:clamp(88px,9vw,144px);
  --header:72px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px);-webkit-text-size-adjust:100%;scrollbar-color:var(--sea) var(--paper)}
body{font-family:var(--f-body);font-size:var(--t-body);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;caret-color:var(--sea)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--sea);color:var(--white)}
:focus-visible{outline:2px solid var(--sea);outline-offset:3px}
.on-dark :focus-visible,.site-header :focus-visible,.hero :focus-visible{outline-color:var(--sea-light)}
.on-dark .form :focus-visible{outline-color:var(--sea)}
main:focus{outline:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{clip-path:none}.hero-light{display:none}}

.wrap{max-width:calc(var(--wrap) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--white);color:var(--ink);padding:10px 16px;font-weight:600}
.skip:focus{top:12px}

h1,h2{font-family:var(--f-display);font-weight:340;font-stretch:112%;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:var(--t-h1);line-height:1.02}
h2{font-size:var(--t-h2);line-height:1.08}
h3{font-family:var(--f-body);font-size:var(--t-h3);font-weight:600;line-height:1.35;letter-spacing:-.005em}
.num{font-variant-numeric:tabular-nums lining-nums}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:1px solid transparent;font-family:var(--f-body);font-size:1rem;font-weight:600;letter-spacing:.005em;text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.btn svg{width:20px;height:20px;flex:none}
.btn .arrow{width:16px;height:16px;transition:transform .3s var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}
.btn-sea{background:var(--sea);color:var(--white)}
.btn-sea:hover{background:var(--sea-deep)}
.btn-line{border-color:rgba(255,255,255,.7);color:var(--white)}
.btn-line:hover{background:var(--white);color:var(--navy)}
.btn[disabled]{opacity:.6;cursor:progress}

/* ---------- Cabeçalho ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header);color:var(--white);transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
.site-header.is-solid{background:var(--navy);box-shadow:0 1px 0 var(--rule-dark)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white)}
.brand img{width:40px;height:40px;border-radius:50%}
.brand span{font-family:var(--f-display);font-stretch:118%;font-weight:500;font-size:1.0625rem;letter-spacing:.06em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none}
.nav-links a{white-space:nowrap;font-size:.9375rem;font-weight:500;text-decoration:none;color:rgba(255,255,255,.88);padding:8px 0;transition:color .2s}
.nav-links a:hover{color:var(--white);text-decoration:underline}
.nav-cta{min-height:44px;padding:0 18px;font-size:.9375rem}
.menu-wa{display:none}
.menu-btn{display:none;align-items:center;gap:10px;min-height:44px;padding:0 4px;background:none;border:0;color:var(--white);font-weight:600;cursor:pointer}
.menu-btn svg{width:22px;height:22px}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:var(--white);background:var(--navy);overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:-4% -2% -10%;z-index:-2;overflow:hidden;will-change:transform;animation:lens 1.8s var(--ease) both}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform-origin:42% 70%;animation:hover-drift 26s ease-in-out infinite alternate}
@keyframes lens{from{clip-path:inset(9% 7% 9% 7%);filter:brightness(.6)}to{clip-path:inset(0);filter:none}}
@keyframes hover-drift{0%{transform:scale(1.14) translate3d(-1.6%,1.2%,0)}50%{transform:scale(1.08) translate3d(.4%,-.4%,0)}100%{transform:scale(1.03) translate3d(1.6%,-1%,0)}}

/* Varredura de câmera e enquadramento */
/* Luz do sol sobre a água e sombra de nuvem passando — movimento lento e natural */
.hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-light::before{content:"";position:absolute;left:30%;top:34%;width:70vw;height:42vh;border-radius:50%;background:radial-gradient(closest-side,rgba(255,244,214,.34),rgba(255,244,214,.12) 55%,rgba(255,244,214,0));mix-blend-mode:soft-light;opacity:.55;animation:glint 16s ease-in-out 1.5s infinite alternate}
.hero-light::after{content:"";position:absolute;left:-60vw;top:8%;width:60vw;height:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(6,20,30,.28),rgba(6,20,30,0));filter:blur(24px);animation:cloud 38s linear 2s infinite}
@keyframes glint{0%{transform:translate3d(-6%,2%,0) scale(.95);opacity:.35}50%{opacity:.75}100%{transform:translate3d(8%,-3%,0) scale(1.08);opacity:.45}}
@keyframes cloud{from{transform:translate3d(0,0,0)}to{transform:translate3d(220vw,6vh,0)}}
.hero-frame{position:absolute;z-index:-1;pointer-events:none;top:calc(var(--header) + 9vh);right:7vw;width:min(34vw,460px);aspect-ratio:4/3;animation:frame-lock 2.2s var(--ease) .9s both}
.hero-frame i{position:absolute;width:26px;height:26px;border:0 solid rgba(220,240,248,.85)}
.hero-frame i:nth-child(1){top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}
.hero-frame i:nth-child(2){top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}
.hero-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}
.hero-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}
.hero-frame::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:linear-gradient(rgba(220,240,248,.85),rgba(220,240,248,.85)) center/1.5px 100% no-repeat,linear-gradient(rgba(220,240,248,.85),rgba(220,240,248,.85)) center/100% 1.5px no-repeat}
@keyframes frame-lock{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}

/* Entrada do texto */
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .w>span{display:inline-block;animation:rise 1.1s var(--ease) both;animation-delay:calc(.45s + var(--i) * 90ms)}
@keyframes rise{from{transform:translateY(108%)}to{transform:none}}
.hero-lead,.hero-price,.hero-actions,.hero-foot{animation:fade-up 1s var(--ease) both}
.hero-lead{animation-delay:.95s}.hero-price{animation-delay:1.05s}.hero-actions{animation-delay:1.15s}.hero-foot{animation-delay:1.3s}
@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-copy{will-change:transform}

/* Seções com foto de fundo */
.photo-section{position:relative;overflow:hidden;isolation:isolate}
.section-bg{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;z-index:-2;will-change:transform}
.photo-section::before{content:"";position:absolute;inset:0;z-index:-1}
.photo-faq .section-bg{object-position:70% 40%}
.photo-faq::before{background:linear-gradient(90deg,rgba(7,21,33,.9) 0%,rgba(7,21,33,.8) 45%,rgba(7,21,33,.62) 100%)}
.photo-price .section-bg{object-position:30% 55%}
.photo-price::before{background:linear-gradient(90deg,rgba(7,21,33,.78) 0%,rgba(7,21,33,.5) 50%,rgba(7,21,33,.7) 100%)}
.photo-price .price-offer{background:rgba(7,21,33,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.7);padding:0 clamp(20px,3vw,36px) clamp(24px,3vw,36px)}
.photo-price .price-note{color:var(--on-dark)}
.photo-contact .section-bg{object-position:45% 50%}
@media (min-width:901px){.photo-contact .section-bg{left:-20%;width:120%;max-width:none}}
.photo-contact::before{background:linear-gradient(90deg,rgba(7,21,33,.85) 0%,rgba(7,21,33,.6) 48%,rgba(7,21,33,.45) 100%)}
.on-dark .faq-list{border-top-color:rgba(255,255,255,.7)}
.on-dark .faq details{border-bottom-color:var(--rule-dark)}
.on-dark .faq summary{color:var(--white)}
.on-dark .faq summary:hover{color:var(--sea-light)}
.on-dark .faq summary svg{color:var(--sea-light)}
.on-dark .faq details p{color:var(--on-dark-2)}

/* Revelação das imagens ao rolar (só com JavaScript) */
.js-motion .reveal{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease)}
.js-motion .reveal.is-in{clip-path:inset(0)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to bottom,rgba(6,20,30,.55) 0,rgba(6,20,30,0) 170px),
  linear-gradient(to right,rgba(6,20,30,.55) 0%,rgba(6,20,30,.2) 45%,rgba(6,20,30,0) 65%),
  linear-gradient(to top,rgba(6,20,30,.92) 0%,rgba(6,20,30,.7) 34%,rgba(6,20,30,.18) 62%,rgba(6,20,30,0) 78%)}
.hero-inner{width:100%;padding-top:calc(var(--header) + 40px);padding-bottom:clamp(36px,6vh,72px);}
.hero h1{max-width:19ch;margin-bottom:22px}
.hero-lead{max-width:54ch;font-size:1.125rem;line-height:1.55;color:var(--on-dark);margin-bottom:22px}
.hero-price{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin-bottom:28px;font-size:1rem;color:var(--on-dark)}
.hero-price strong{font-family:var(--f-display);font-stretch:112%;font-weight:400;font-size:1.5rem;color:var(--white);letter-spacing:-.01em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}
.hero-facts{display:flex;flex-wrap:wrap;list-style:none;font-size:var(--t-small);font-weight:500;letter-spacing:.02em;color:var(--on-dark-2)}
.hero-facts li{padding-right:18px;margin-right:18px;border-right:1px solid rgba(255,255,255,.28);line-height:1.2}
.hero-facts li:last-child{border:0;margin:0;padding:0}
.photo-credit{font-size:var(--t-small);color:var(--on-dark-2);line-height:1.2}

/* ---------- Seções ---------- */
.section{padding:var(--section) 0}
.section-white{background:var(--white)}
.section-paper{background:var(--paper)}
.on-dark{background:var(--navy);color:var(--on-dark)}
.on-dark h2{color:var(--white)}
.lede{font-size:1.125rem;color:var(--ink-2);max-width:56ch;margin-top:20px}
.on-dark .lede{color:var(--on-dark-2)}

/* Serviço */
.service{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.figure{margin:0}
.figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.figure figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--rule);font-size:var(--t-small);color:var(--ink-2)}
.h2-line{display:block}
.checklist-title{margin-top:36px;font-size:1rem;color:var(--ink-2);font-weight:600}
.checklist{list-style:none;margin-top:14px;border-top:1px solid var(--rule)}
.checklist li{display:grid;grid-template-columns:22px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule)}
.checklist svg{width:18px;height:18px;margin-top:4px;color:var(--sea)}

/* Usos */
.uses{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.uses-head{position:sticky;top:calc(var(--header) + 40px)}
.uses-list{list-style:none;border-top:1px solid var(--ink)}
.uses-list li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:32px 0;border-bottom:1px solid var(--rule)}
.uses-list p{color:var(--ink-2)}

/* Investimento */
.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.price-offer{border-top:1px solid rgba(255,255,255,.7)}
.price-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;padding:28px 0;border-bottom:1px solid var(--rule-dark)}
.price-row h3{color:var(--on-dark);font-weight:500}
.price-figure{font-family:var(--f-display);font-stretch:112%;font-weight:340;font-size:var(--t-h2);line-height:1.1;letter-spacing:-.02em;color:var(--white);white-space:nowrap}
.price-note{margin-top:20px;max-width:46ch;color:var(--on-dark-2)}
.price-cta{margin-top:32px}

/* Processo */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:64px;counter-reset:step}
.step{position:relative;padding-top:36px;border-top:1px solid var(--ink)}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:-1px;left:0;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--white);border:1px solid var(--ink);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}
.step h3{margin-bottom:10px}
.step p{color:var(--ink-2);font-size:1rem}
.step .when{display:block;margin-top:14px;font-size:var(--t-small);font-weight:600;color:var(--sea)}

/* Frota */
.fleet-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.fleet-head .lede{margin-top:0}
.fleet{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:56px}
.fleet img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--navy-2)}
.fleet h3{margin-top:16px;font-size:1.0625rem;color:var(--white)}
.fleet p{margin-top:6px;font-size:.9375rem;line-height:1.5;color:var(--on-dark-2)}
.fleet-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:64px;padding-top:32px;border-top:1px solid var(--rule-dark)}
.fleet-cta p{max-width:58ch;font-size:1.125rem;color:var(--on-dark)}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
.faq-list{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:20px 0;cursor:pointer;list-style:none;font-size:1.125rem;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:20px;height:20px;flex:none;color:var(--sea);transition:transform .3s var(--ease)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq summary:hover{color:var(--sea-deep)}
.faq details p{padding:0 48px 24px 0;color:var(--ink-2);max-width:68ch}

/* Contato */
.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.contact-direct{margin-top:40px;padding-top:28px;border-top:1px solid var(--rule-dark)}
.contact-direct p{color:var(--on-dark-2);margin-bottom:18px}
.contact-lines{list-style:none;margin-top:28px;display:grid;gap:8px;color:var(--on-dark-2)}
.contact-lines a{color:var(--white);display:inline-block;padding:10px 0}
.form{background:var(--white);color:var(--ink);padding:clamp(24px,4vw,48px)}
.form h3{margin-bottom:24px}
.field{margin-bottom:20px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.field label{display:block;margin-bottom:8px;font-size:.9375rem;font-weight:600}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;background:var(--white);border:1px solid #74818C;border-radius:0;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230E1A24' stroke-width='1.6'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}
.field textarea{min-height:120px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#5F6E79}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--sea);box-shadow:0 0 0 3px rgba(29,107,134,.22)}
.field[data-invalid] input,.field[data-invalid] select,.field[data-invalid] textarea{border-color:var(--danger)}
.field-error{display:none;margin-top:6px;font-size:.875rem;font-weight:500;color:var(--danger)}
.field[data-invalid] .field-error{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%;margin-top:8px}
.form-note{margin-top:14px;font-size:var(--t-small);color:var(--ink-2)}
.form-status{margin-top:16px;font-size:.9375rem;font-weight:600}
.form-status:empty{display:none}
.form-status.is-ok{color:var(--success)}
.form-status.is-error{color:var(--danger)}
.form-status a{color:inherit}

/* Rodapé */
.footer{background:var(--navy-3);color:var(--on-dark-2);padding:56px 0 calc(40px + env(safe-area-inset-bottom))}
.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.footer .brand span{font-size:.9375rem}
.footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:.9375rem}
.footer a{color:var(--on-dark);text-decoration:none;display:inline-block;padding:10px 0}
.footer a:hover{text-decoration:underline}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--rule-dark)}
.footer small{font-size:var(--t-small)}
.footer .footer-social{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;margin-left:auto;border:1px solid var(--rule-dark);color:var(--on-dark);transition:color .2s,border-color .2s,background-color .2s}
.footer .footer-social svg{width:22px;height:22px}
.footer .footer-social:hover{color:var(--navy);background:var(--white);border-color:var(--white)}

/* WhatsApp fixo (celular) */
.wa-float{display:none}

/* ---------- Responsivo ---------- */
@media (max-width:1080px){
  .fleet{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,42%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;margin-right:calc(-1*var(--gutter));padding-right:var(--gutter);scrollbar-color:var(--sea) var(--navy)}
  .fleet li{scroll-snap-align:start}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}
}
@media (max-width:1200px){
  .nav-links{display:none}
  .nav-cta{margin-left:auto}
  .menu-btn{display:inline-flex}
  .site-header.menu-open{background:var(--navy)}
  .nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:var(--header);left:0;right:0;padding:8px var(--gutter) 24px;background:var(--navy);border-top:1px solid var(--rule-dark)}
  .nav-links.is-open .menu-wa{display:block}
  .nav-links.is-open .menu-wa a{color:var(--sea-light);font-weight:600}
  .menu-backdrop{position:fixed;inset:var(--header) 0 0;background:rgba(7,21,33,.6);z-index:-1}
  .nav-links.is-open a{display:block;padding:16px 0;font-size:1.125rem;border-bottom:1px solid var(--rule-dark)}
}
@media (max-width:900px){
  :root{--header:64px}
  .nav-cta{display:none}
  .hero-inner{padding-bottom:28px}
  .service,.uses,.price,.fleet-head,.faq,.contact{grid-template-columns:1fr}
  .uses-head{position:static}
  .wa-float{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;transform:translateY(140%);transition:transform .45s var(--ease);box-shadow:0 10px 30px rgba(7,21,33,.35)}
  .wa-float.is-visible{transform:none}
  .wa-float:not(.is-visible){visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
  .footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
@media (max-width:600px){
  body{font-size:1rem}
  .hero-lead{font-size:1rem;margin-bottom:16px}
  .hero h1{margin-bottom:16px}
  .hero-price{margin-bottom:20px}
  .hero-actions .btn{flex:1 1 100%}
  .hero::before{background:
    linear-gradient(to bottom,rgba(6,20,30,.6) 0,rgba(6,20,30,0) 140px),
    linear-gradient(to top,rgba(6,20,30,.95) 0%,rgba(6,20,30,.82) 52%,rgba(6,20,30,.3) 74%,rgba(6,20,30,0) 88%)}
  .hero-foot{margin-top:24px;padding-top:16px}
  .hero-facts{flex-direction:column;gap:6px}
  .hero-facts li{border:0;margin:0;padding:0}
  .photo-credit{display:none}
  .hero-photo{object-position:40% 72%}
  .hero-frame{top:calc(var(--header) + 4vh);right:auto;left:50%;width:62vw;margin-left:-31vw}
  .uses-list li{grid-template-columns:1fr;gap:8px;padding:24px 0}
  .steps{grid-template-columns:1fr;row-gap:44px;margin-top:48px}
  .field-row{grid-template-columns:1fr}
  .fleet{grid-auto-columns:72%}
  .faq summary{font-size:1.0625rem}
  .faq details p{padding-right:0}
  .figure figcaption{flex-direction:column;gap:2px}
  .price-figure{white-space:normal}
}