/* Layout: pilha de sacolas coloridas abre o site; faixas que ondulam como plástico; quase nada de caixas. Texto alinhado à esquerda. */
/* FN Embalagens — paleta oficial: petróleo #0F4C5C, mostarda #F2A900, grafite #1F2933, gelo #F4F7F8, petróleo claro #E3EEF0 */
:root{
  --paper:#F4F7F8; --surface:#FFFFFF; --soft:#E3EEF0;
  --ink:#1F2933; --head:#0F4C5C; --muted:#52616B; --line:#D3DEE2;
  --sun:#F2A900; --sun-ink:#1F2933;
  --blue:#0F4C5C; --on-blue:#FFFFFF; --blue-muted:#BCD6DC; --blue-deep:#0B3B47;
  --deep:#0B3B47; --on-deep:#EAF2F4;
  --wa:#1C8A4B; --wa-ink:#FFFFFF; --err:#B3261E;
  --bagline:rgba(31,41,51,.5);
  --f:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1180px;
  --gl:max(20px, env(safe-area-inset-left, 0px));
  --gr:max(20px, env(safe-area-inset-right, 0px));
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0B1A1F; --surface:#11252B; --soft:#16303A;
    --ink:#E6EEF0; --head:#BFE0E7; --muted:#9FB3BA; --line:#24414A;
    --blue:#0F4C5C; --on-blue:#FFFFFF; --blue-muted:#BCD6DC; --blue-deep:#0B3B47;
    --deep:#061217; --on-deep:#E0EBEE; --wa:#25A65C; --wa-ink:#04170B; --err:#FF8A80;
    --bagline:rgba(230,238,240,.45); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0B1A1F; --surface:#11252B; --soft:#16303A;
  --ink:#E6EEF0; --head:#BFE0E7; --muted:#9FB3BA; --line:#24414A;
  --blue:#0F4C5C; --on-blue:#FFFFFF; --blue-muted:#BCD6DC; --blue-deep:#0B3B47;
  --deep:#061217; --on-deep:#E0EBEE; --wa:#25A65C; --wa-ink:#04170B; --err:#FF8A80;
  --bagline:rgba(230,238,240,.45); color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.55;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;line-height:1.05;text-wrap:balance;font-weight:800;letter-spacing:-.025em;color:var(--head)}
h1{font-size:clamp(2.3rem,5.6vw,4.2rem);line-height:1.02}
h2{font-size:clamp(1.9rem,4vw,3rem)}
h3{font-size:1.25rem;letter-spacing:-.015em}
p{margin:0}
.lede{font-size:1.2rem;color:var(--muted);max-width:56ch;line-height:1.5}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
.band{padding-block:88px}
.band.soft{background:var(--soft)}
.section-head{display:flex;flex-direction:column;gap:14px;margin-bottom:44px;max-width:60ch}
.section-head p{color:var(--muted);font-size:1.1rem}
.wave{display:block;width:100%;height:56px;margin-bottom:-1px}
.wave.w-blue path{fill:var(--blue)}
.wave.w-sun path{fill:var(--sun)}
.wave.w-ink path{fill:var(--deep)}

/* Header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px)}
.site-header .wrap{display:flex;align-items:center;gap:18px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.logo{display:block;height:54px;width:auto;color:var(--head)}
.logo-foot{height:52px;color:var(--on-deep)}
.brand-name{font-weight:800;font-stretch:80%;font-size:1.45rem;letter-spacing:-.01em;line-height:1}
.brand-name span{font-weight:500;font-stretch:100%;font-size:.95rem;letter-spacing:0;color:var(--muted)}
.nav{display:flex;gap:2px}
.nav a{text-decoration:none;font-weight:500;padding:8px 12px;border-radius:999px}
.nav a:hover{background:var(--soft)}
.nav a[aria-current="page"]{background:var(--ink);color:var(--paper)}
.menu-btn{display:none;background:var(--surface);border:0;color:var(--ink);border-radius:999px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
@media (max-width:900px){
  .logo{height:44px}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--surface);padding:10px var(--gr) 16px var(--gl);box-shadow:0 18px 30px -18px rgba(20,35,63,.35)}
  .nav.open{display:flex}
  .menu-btn{display:inline-block}
  .site-header .header-cta{display:none}
}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f);font-weight:700;font-size:1rem;padding:12px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;line-height:1.1;transition:transform .18s cubic-bezier(.3,1.6,.6,1)}
.btn:hover{transform:translateY(-2px) rotate(-1deg)}
.btn:active{transform:translateY(0)}
.btn-lg{padding:16px 28px;font-size:1.08rem}
.btn-sm{padding:9px 16px;font-size:.95rem}
.btn-sun{background:var(--sun);color:var(--sun-ink)}
.btn-wa{background:var(--wa);color:var(--wa-ink)}
.btn-ink{background:var(--sun-ink);color:var(--sun)}
.btn svg{width:20px;height:20px;flex:0 0 20px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* Bags */
.bag .body,.hb .body,.mini .body{fill:var(--bag);stroke:var(--bagline);stroke-width:2;stroke-linejoin:round}
.bag .strap,.hb .strap,.mini .strap{fill:none;stroke:var(--bag);stroke-width:9;stroke-linecap:round}
.logo-t{fill:var(--print);font-family:var(--f);font-weight:800;font-stretch:75%;font-size:46px;letter-spacing:-1px}
.logo-r{fill:var(--print);opacity:.85}

/* Hero */
.hero{padding-block:40px 24px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:26px;min-width:0}
.hero-art{min-width:0;margin-right:calc(-1 * var(--gr))}
.hero-pile{width:100%;height:auto;overflow:visible;display:block}
.hero-pile .float{animation:bob 6s ease-in-out infinite;transform-box:fill-box}
.hero-pile .f1{animation-delay:-1.5s}.hero-pile .f2{animation-delay:-3s}.hero-pile .f3{animation-delay:-4.5s}
@keyframes bob{50%{translate:0 -10px}}
.sticker circle{fill:#0F4C5C}
.sticker text{fill:var(--sun);font-family:var(--f);font-weight:800;font-size:27px;letter-spacing:-.5px}
.facts{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--muted)}
.facts b{color:var(--ink);font-weight:800;font-stretch:80%;font-size:1.25rem;margin-right:4px}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-art{order:-1;margin:0 -10px;max-width:520px}
}
@media (prefers-reduced-motion: reduce){.hero-pile .float{animation:none}.btn{transition:none}html{scroll-behavior:auto}}

/* Models band */
.models-band{margin-top:40px}
.models-band .band-in{background:var(--blue);color:var(--on-blue);padding-block:56px 72px}
.models-band .section-head p{color:var(--blue-muted)}
.models-band h2,.models-band h3{color:var(--on-blue)}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.model{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--on-blue)}
.model-art{display:grid;place-items:center;aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--blue-deep);margin-bottom:12px;transition:transform .35s cubic-bezier(.3,1.4,.6,1)}
.model-art .bag{width:52%;transition:transform .35s cubic-bezier(.3,1.4,.6,1)}
.model:hover .model-art .bag{transform:rotate(-6deg) translateY(-6px)}
.model h3{font-size:1.7rem}
.model p{color:var(--blue-muted)}
.model .model-sizes{color:var(--on-blue);font-weight:600}
.model .go{font-weight:700;text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:6px;margin-top:6px}
@media (max-width:900px){
  .models{grid-template-columns:1fr;gap:36px}
  .model{display:grid;grid-template-columns:120px 1fr;column-gap:20px;align-items:start}
  .model-art{grid-row:span 5;width:120px;margin:0}
}

/* Steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.steps::before{content:"";position:absolute;left:30px;right:12%;top:30px;border-top:3px dashed var(--line);z-index:0}
.steps li{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.steps .n{width:60px;height:60px;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font-weight:800;font-stretch:75%;font-size:1.8rem;margin-bottom:6px}
.steps li:nth-child(2) .n{background:var(--blue);color:var(--on-blue)}
.steps li:nth-child(3) .n{background:#F47C20;color:#14233F}
.steps li:nth-child(4) .n{background:var(--wa);color:var(--wa-ink)}
.steps p{color:var(--muted)}
@media (max-width:900px){
  .steps{grid-template-columns:1fr;gap:22px}
  .steps::before{left:29px;right:auto;top:30px;bottom:30px;border-top:0;border-left:3px dashed var(--line)}
  .steps li{display:grid;grid-template-columns:60px 1fr;column-gap:18px}
  .steps .n{grid-row:span 2;margin:0}
}

/* Colors */
.colors{background:var(--soft)}
.colors-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.colors-copy{display:flex;flex-direction:column;gap:16px;max-width:46ch}
.colors-copy p{color:var(--muted)}
.swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px}
.swatches li{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:600;font-size:.95rem}
.swatches .mini{width:78%;transition:transform .3s cubic-bezier(.3,1.5,.6,1)}
.swatches li:nth-child(odd) .mini{transform:rotate(-4deg)}
.swatches li:nth-child(even) .mini{transform:rotate(3deg)}
.swatches li:hover .mini{transform:rotate(0) translateY(-6px)}
@media (max-width:900px){.colors-grid{grid-template-columns:1fr;gap:32px}}

/* Region */
.region h2{max-width:20ch;margin-bottom:28px}
.cities{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:700;font-stretch:80%;line-height:1.3}
.cities li{color:var(--muted)}
.cities li.hub{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:6px;text-underline-offset:2px;text-decoration-skip-ink:none}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr;gap:20px}}
.faq{display:flex;flex-direction:column}
.faq details{border-bottom:1.5px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;font-weight:700;font-size:1.08rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 0 20px;color:var(--muted);max-width:62ch}

/* CTA */
.cta-band .band-in{background:var(--sun);color:var(--sun-ink);padding-block:36px 72px}
.cta-in{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta-in > div{display:flex;flex-direction:column;gap:8px}
.cta-in h2,.cta-in p{color:var(--sun-ink)}

/* Crumbs */
.crumbs{font-size:.92rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;padding-top:22px}
.crumbs a{color:var(--muted)}

/* Product hero */
.p-hero{padding-block:20px 40px}
.p-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.p-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.p-art{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--soft);max-width:420px;width:100%;justify-self:end}
.p-art .bag{width:52%;transform:rotate(-5deg)}
@media (max-width:900px){.p-hero-grid{grid-template-columns:1fr}.p-art{order:-1;max-width:240px;justify-self:start}}
.conds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 24px}
.conds li{display:flex;flex-direction:column;color:var(--muted);font-size:.95rem;line-height:1.35}
.conds b{color:var(--ink);font-size:1.02rem}

.p-photo{margin:0;justify-self:end;width:100%;max-width:440px}
.p-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:36px;transform:rotate(1.5deg);box-shadow:0 30px 50px -30px rgba(20,35,63,.5)}
@media (max-width:900px){.p-photo{order:-1;max-width:320px;justify-self:start}}
.gallery-band{padding-block:8px 64px}
.gallery-band h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:24px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:760px){.gallery{grid-template-columns:1fr}}
.gallery figure{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px}
.gallery figcaption{color:var(--muted);font-size:.95rem}

/* Product body + form */
.product{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start;padding-bottom:88px}
.product.orc{padding-top:20px}
@media (max-width:960px){.product{grid-template-columns:1fr;gap:44px}}
.product-info{display:flex;flex-direction:column;gap:44px;min-width:0}
.product-info h2{font-size:1.9rem;margin-bottom:16px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:1rem}
th,td{padding:12px 4px;text-align:left;border-bottom:1.5px solid var(--line);vertical-align:top}
th{font-weight:600;font-size:.9rem;color:var(--muted)}
td.m{font-weight:800;font-stretch:80%;font-size:1.15rem;white-space:nowrap;padding-right:20px}
.others{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pill{display:inline-block;padding:9px 16px;border-radius:999px;background:var(--soft);text-decoration:none;font-weight:600}
.pill:hover{background:var(--sun);color:var(--sun-ink)}
.guide ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.guide b{color:var(--ink)}

.quote{background:var(--surface);border-radius:32px;padding:30px;display:flex;flex-direction:column;gap:26px;box-shadow:0 30px 60px -36px rgba(20,35,63,.45)}
@media (max-width:520px){.quote{padding:22px 18px;border-radius:24px;margin-inline:-6px}}
.quote-head{display:flex;flex-direction:column;gap:8px}
.quote-head h2{font-size:2rem}
.quote-head p{color:var(--muted)}
fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
legend{font-weight:700;padding:0;margin-bottom:10px}
.opt{font-weight:400;color:var(--muted);font-size:.9rem;margin-left:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-size:.95rem;background:var(--soft);transition:background .15s ease, transform .15s ease}
.chip:hover span{transform:translateY(-1px)}
.chip input:checked + span{background:var(--ink);color:var(--paper);font-weight:700}
.chip input:focus-visible + span{outline:3px solid var(--sun);outline-offset:2px}
.dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--bagline);display:inline-block}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.fields{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-size:.92rem;font-weight:600}
.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:var(--soft);border:2px solid transparent;border-radius:16px;padding:12px 16px;width:100%}
.field textarea{min-height:80px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);outline:none;background:var(--surface)}
.field.invalid input{border-color:var(--err)}
.field .err{color:var(--err);font-size:.85rem;display:none}
.field.invalid .err{display:block}
.qty-other{max-width:220px}
.msg summary{cursor:pointer;color:var(--muted);font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
.preview{background:var(--soft);border-radius:16px;padding:14px 16px;font-family:var(--f);font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:10px 0 0}
.send{display:flex;flex-direction:column;gap:10px}
.send .btn{width:100%}
.hint{font-size:.88rem;color:var(--muted);text-align:center}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--ink);font-weight:700;text-decoration:underline;cursor:pointer}

/* Info */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 48px}
@media (max-width:900px){.info-grid{grid-template-columns:1fr;gap:28px}}
.info{display:flex;flex-direction:column;gap:10px}
.info p{color:var(--muted)}

/* Footer */
.site-footer{margin-top:0}
.cta-band + .site-footer .wave path{fill:var(--deep)}
.cta-band + .site-footer{background:var(--sun)}
.footer-in{background:var(--deep);color:var(--on-deep);padding-block:40px 100px}
.footer-in .wrap:first-child{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
@media (max-width:900px){.footer-in .wrap:first-child{grid-template-columns:1fr}}
.f-brand{display:flex;flex-direction:column;gap:12px;max-width:40ch}
.footer-in .brand-name span{color:color-mix(in srgb,var(--on-deep) 65%,transparent)}
.footer-in h3{font-size:1.1rem;margin-bottom:12px;color:var(--on-deep)}
.footer-in p,.footer-in li{color:color-mix(in srgb,var(--on-deep) 78%,transparent)}
.footer-in ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footer-in a{color:var(--on-deep)}
.legal{font-size:.82rem;margin-top:36px}
.copy{user-select:all;font-weight:600;color:inherit}

/* WhatsApp flutuante */
.wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--wa);color:var(--wa-ink);border-radius:999px;display:flex;align-items:center;gap:8px;padding:13px 18px;text-decoration:none;font-weight:700;box-shadow:0 10px 24px -8px rgba(20,35,63,.45)}
.wa-float svg{width:24px;height:24px}
@media (max-width:520px){.wa-float span{display:none}.wa-float{padding:15px}}

/* Entrega */
.rings{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media (max-width:900px){.rings{grid-template-columns:1fr;gap:24px}}
.ring{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:3px solid var(--sun)}
.ring .cities{font-size:1.3rem;margin:0}
.ring .cities li{color:var(--ink)}
.gallery.one{grid-template-columns:1fr}
.gallery.one img{aspect-ratio:16/7}
.muted a{color:var(--head);font-weight:600}

/* Garantia */
.promise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:900px){.promise{grid-template-columns:1fr;gap:18px}}
.promise li{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:3px solid var(--sun)}
.promise b{font-size:1.2rem;color:var(--head)}
.promise span{color:var(--muted)}
.policy{display:flex;flex-direction:column;gap:48px}
.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media (max-width:900px){.policy-grid{grid-template-columns:1fr;gap:40px}}
.policy-block{display:flex;flex-direction:column;gap:12px;max-width:68ch;min-width:0}
.policy-block h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:4px}
.policy-block p{color:var(--ink)}
.check,.cross,.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.check li,.cross li{position:relative;padding-left:30px}
.check li::before,.cross li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800}
.check li::before{content:"✓";background:#1C8A4B;color:#fff}
.cross li::before{content:"✕";background:var(--muted);color:var(--paper)}
.timeline li{padding:14px 18px;background:var(--surface);border-radius:16px}
.timeline b{color:var(--head)}
.howto{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.howto li::marker{font-weight:800;color:var(--head)}
.law{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
@media (max-width:900px){.law{grid-template-columns:1fr;gap:24px}}
.law .lede{margin-top:14px;font-size:1.05rem}
.articles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.articles li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1.5px solid var(--line)}
@media (max-width:520px){.articles li{grid-template-columns:1fr;gap:4px}}
.articles b{color:var(--head)}
.articles span{color:var(--muted)}
/* Página de pedido enviado */
.thanks .section-head{max-width:720px}
.thanks-steps{margin:28px 0;padding-left:1.3em;display:grid;gap:12px;font-size:1.05rem}
.thanks-steps li::marker{color:var(--head);font-weight:800}
.thanks .eyebrow{display:inline-block;width:fit-content;align-self:flex-start;background:var(--sun);color:#0B3B47;font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0 0 14px}