:root { --ink:#112023; --ink-soft:#1e3438; --paper:#f5f3ed; --cream:#e7e2d5; --white:#fffdf8; --line:rgba(17,32,35,.14); --muted:#667174; --fire:#ef653d; --blue:#3c9fe9; --green:#25d366; --mono:"DM Mono", monospace; --body:"Manrope", Arial, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; min-width:320px; color:var(--ink); background:var(--paper); font-family:var(--body); -webkit-font-smoothing:antialiased; }
body.cart-open { overflow:hidden; }
a { color:inherit; } button { font:inherit; } button, a { -webkit-tap-highlight-color:transparent; } svg { width:1em; height:1em; fill:currentColor; display:block; } .container { width:min(1200px, calc(100% - 48px)); margin:0 auto; }
.skip-link { position:fixed; top:10px; left:10px; z-index:99; padding:10px 13px; background:#fff; color:#000; transform:translateY(-200%); }.skip-link:focus { transform:none; }
.announcement { min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:7px max(24px, calc((100% - 1200px) / 2)); color:#d8e6e8; background:#0b1618; font-size:11px; font-weight:700; letter-spacing:.01em; }.announcement p { margin:0; display:flex; align-items:center; gap:8px; }.announcement a { color:#fff; text-decoration:none; }.announcement a:hover { text-decoration:underline; }.pulse-dot { width:7px; height:7px; flex:none; border-radius:50%; background:var(--fire); box-shadow:0 0 0 5px rgba(239,101,61,.14); }
.site-header { position:absolute; z-index:10; top:36px; left:0; right:0; height:96px; display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(1200px, calc(100% - 48px)); margin:auto; color:#fff; }.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }.brand-mark { position:relative; display:flex; align-items:center; justify-content:center; gap:3px; width:35px; height:35px; border:1px solid rgba(255,255,255,.35); border-radius:9px; transform:skewY(-8deg); }.brand-mark i { display:block; width:3px; background:currentColor; border-radius:99px; }.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.brand strong,.brand small { display:block; line-height:1; }.brand strong { font-size:16px; letter-spacing:.055em; }.brand strong span { color:#85ccff; }.brand small { margin-top:5px; font:500 7px var(--mono); letter-spacing:.12em; color:rgba(255,255,255,.66); }.primary-nav { display:flex; align-items:center; gap:30px; margin-left:auto; }.primary-nav a,.contact-link { color:rgba(255,255,255,.9); font-size:12px; font-weight:700; text-decoration:none; }.primary-nav a:hover,.contact-link:hover { color:#85ccff; }.header-actions { display:flex; align-items:center; gap:18px; }.cart-button,.menu-button { border:0; color:#fff; background:transparent; cursor:pointer; }.cart-button { display:flex; align-items:center; gap:7px; padding:9px 0; font-size:12px; font-weight:700; }.cart-button svg { width:17px; height:17px; }.cart-button em { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#0d1a1c; background:#fff; font:500 10px var(--mono); font-style:normal; }.menu-button { display:none; }
.hero { position:relative; min-height:680px; overflow:hidden; isolation:isolate; color:#fff; background:#0d1719; }.hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; }.hero-image { object-fit:cover; object-position:center; z-index:-3; }.hero-shade { z-index:-2; background:linear-gradient(90deg, rgba(4,12,14,.89) 0%, rgba(4,12,14,.71) 35%, rgba(4,12,14,.18) 72%, rgba(4,12,14,.45) 100%), linear-gradient(0deg, rgba(4,12,14,.5), transparent 36%); }.hero-content { padding-top:210px; }.eyebrow { margin:0 0 14px; color:var(--fire); font:500 10px var(--mono); letter-spacing:.17em; text-transform:uppercase; }.hero h1 { max-width:670px; margin:0; font-size:clamp(47px,6vw,83px); letter-spacing:-.078em; line-height:.96; font-weight:800; }.hero h1 em { color:#8ed2ff; font-weight:500; }.hero-copy { max-width:535px; margin:25px 0 30px; color:rgba(255,255,255,.82); font-size:16px; line-height:1.67; }.hero-actions,.contact-panel-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 18px; border:1px solid transparent; border-radius:2px; font-size:12px; font-weight:800; text-decoration:none; cursor:pointer; transition:transform .2s, background .2s, border-color .2s; }.button:hover { transform:translateY(-2px); }.button span { font-size:18px; line-height:0; }.button svg { width:16px; height:16px; }.button-primary { color:#fff; background:var(--fire); }.button-primary:hover { background:#d7512d; }.button-secondary { color:#fff; background:rgba(255,255,255,.11); border-color:rgba(255,255,255,.28); }.button-secondary:hover { background:rgba(255,255,255,.19); }.button-dark { margin-top:25px; color:#fff; background:var(--ink); }.button-light { color:var(--ink); background:#fff; }.button-whatsapp { color:#fff; background:#1aaa5d; }.button-whatsapp:hover { background:#15884a; }.button-small { min-height:42px; padding:0 14px; }.hero-trust { display:flex; gap:0; margin-top:50px; border-top:1px solid rgba(255,255,255,.24); }.hero-trust p { width:155px; margin:16px 24px 0 0; }.hero-trust strong,.hero-trust span { display:block; }.hero-trust strong { font-size:11px; }.hero-trust span { margin-top:4px; color:rgba(255,255,255,.58); font-size:10px; }.hero-whatsapp { position:absolute; right:max(24px, calc((100% - 1200px) / 2)); bottom:25px; min-width:224px; padding:13px 44px 13px 16px; border-radius:5px; color:#112023; background:#e9f5ee; text-decoration:none; }.hero-whatsapp span,.hero-whatsapp strong { display:block; }.hero-whatsapp span { color:#536460; font-size:10px; }.hero-whatsapp strong { margin-top:2px; font-size:12px; }.hero-whatsapp b { position:absolute; right:17px; top:50%; font-size:18px; transform:translateY(-50%); }
.service-strip { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); background:var(--white); }.service-strip>div { min-height:113px; display:flex; align-items:center; gap:15px; padding:20px max(24px, calc((100vw - 1200px) / 2)); border-right:1px solid var(--line); }.service-strip>div:first-child { padding-left:max(24px, calc((100vw - 1200px) / 2)); }.service-strip>div:last-child { padding-right:max(24px, calc((100vw - 1200px) / 2)); border:0; }.service-strip svg { width:23px; height:23px; flex:none; color:var(--fire); }.service-strip p { margin:0; }.service-strip strong,.service-strip span { display:block; }.service-strip strong { font-size:11px; }.service-strip span { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.3; }
.shop-section { padding:120px 0; }.section-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; }.section-heading h2,.solutions h2,.process h2,.faq-section h2,.contact-panel h2 { max-width:670px; margin:0; font-size:clamp(34px,4vw,55px); letter-spacing:-.064em; line-height:1.02; }.section-heading>p { max-width:385px; margin:0 0 3px; color:var(--muted); font-size:13px; line-height:1.7; }.category-row { display:flex; gap:23px; padding:27px 0 21px; margin-top:50px; border-top:1px solid var(--line); }.category-row a { color:var(--ink); font:500 11px var(--mono); text-decoration:none; }.category-row a:hover { color:var(--fire); }.category-row span { margin-right:7px; color:var(--fire); }.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.product-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; background:var(--white); border:1px solid transparent; transition:transform .25s,box-shadow .25s,border-color .25s; }.product-card:hover { transform:translateY(-4px); border-color:rgba(17,32,35,.1); box-shadow:0 17px 32px rgba(17,32,35,.07); }.product-featured { grid-column:span 2; }.product-image { position:relative; height:245px; overflow:hidden; background:#d8d7d1; }.product-featured .product-image { height:302px; }.product-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s; }.product-card:hover .product-image img { transform:scale(1.035); }.product-image-cage img { object-position:84% center; }.product-badge { position:absolute; top:12px; left:12px; padding:5px 7px; color:#fff; background:rgba(12,25,27,.85); font:500 8px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.product-body { display:flex; flex:1; flex-direction:column; padding:20px; }.product-type { margin:0; color:var(--fire); font:500 9px var(--mono); text-transform:uppercase; letter-spacing:.13em; }.product-card h3 { margin:9px 0 0; font-size:16px; line-height:1.22; letter-spacing:-.04em; }.product-description { min-height:40px; margin:9px 0 19px; color:var(--muted); font-size:11px; line-height:1.55; }.product-bottom { display:flex; align-items:end; justify-content:space-between; gap:10px; margin-top:auto; }.price { margin:0; font-size:15px; font-weight:800; letter-spacing:-.04em; }.price small { display:block; margin-top:3px; color:var(--muted); font:500 8px var(--mono); letter-spacing:.02em; }.add-button { display:flex; align-items:center; gap:6px; padding:7px 0; border:0; color:var(--ink); background:transparent; font-size:10px; font-weight:800; cursor:pointer; white-space:nowrap; }.add-button span { display:grid; place-items:center; width:19px; height:19px; border-radius:50%; color:#fff; background:var(--ink); font-size:15px; font-weight:400; }.add-button:hover { color:var(--fire); }.add-button:hover span { background:var(--fire); }.product-card-text { justify-content:center; padding:31px; color:#fff; background:#15292d; background-image:radial-gradient(circle at 100% 0, rgba(60,159,233,.24), transparent 40%); }.product-card-text .eyebrow { color:#86cfff; }.product-card-text h3 { max-width:235px; margin:0; font-size:26px; line-height:1.08; }.product-card-text>p:not(.eyebrow) { color:rgba(255,255,255,.67); font-size:11px; line-height:1.65; }.text-card-actions { margin-top:13px; }.inline-call { display:block; margin-top:14px; color:rgba(255,255,255,.7); font-size:10px; font-weight:700; text-decoration:none; }
.solutions { padding:106px 0; color:#fff; background:#102124; background-image:radial-gradient(circle at 80% 10%,rgba(59,153,215,.15),transparent 24%); }.solutions-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:100px; align-items:center; }.solutions .eyebrow { color:#84cdfa; }.solutions-copy>p:not(.eyebrow) { max-width:490px; color:#acc2c4; font-size:13px; line-height:1.75; }.text-link { display:inline-flex; gap:9px; margin-top:15px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:11px; font-weight:800; text-decoration:none; }.text-link span { color:#85ccff; }.solutions-list { border-top:1px solid rgba(255,255,255,.18); }.solutions-list article { display:flex; gap:24px; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.18); }.solutions-list span { color:#85ccff; font:500 10px var(--mono); }.solutions-list h3 { margin:0; font-size:15px; }.solutions-list p { margin:5px 0 0; color:#a8bfc1; font-size:11px; }.process { padding:121px 0; }.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin:50px 0 0; padding:0; list-style:none; }.process-grid li { position:relative; padding:27px 28px 30px; border-top:1px solid var(--ink); background:var(--white); }.process-grid span { display:block; color:var(--fire); font:500 11px var(--mono); }.process-grid h3 { margin:41px 0 8px; font-size:18px; letter-spacing:-.04em; }.process-grid p { max-width:240px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }.faq-section { padding:105px 0; background:#e9e4d8; }.faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }.faq-grid>div>p:not(.eyebrow) { max-width:300px; color:#566366; font-size:13px; line-height:1.7; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { position:relative; padding:20px 28px 20px 0; cursor:pointer; list-style:none; font-size:13px; font-weight:800; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { position:absolute; right:3px; content:"+"; color:var(--fire); font:400 23px/16px var(--mono); }.faq-list details[open] summary::after { content:"−"; }.faq-list p { max-width:550px; margin:-4px 0 21px; color:#59676a; font-size:12px; line-height:1.65; }.contact-panel { display:flex; align-items:end; justify-content:space-between; gap:45px; padding:63px 72px; margin-top:110px; margin-bottom:110px; overflow:hidden; color:#fff; background:#ef653d; background-image:radial-gradient(circle at 95% 20%,rgba(255,255,255,.19),transparent 28%); }.contact-panel .eyebrow { color:#172a2d; }.contact-panel h2 { max-width:600px; }.contact-panel>div>p:not(.eyebrow) { max-width:480px; margin:15px 0 0; color:rgba(255,255,255,.84); font-size:13px; line-height:1.7; }.contact-panel-actions { flex:none; justify-content:end; }.contact-panel .button-whatsapp { background:#0d7040; }.site-footer { padding:70px 0 26px; color:#fff; background:#0c181a; }.footer-grid { display:grid; grid-template-columns:1fr 1.1fr auto; gap:40px; align-items:start; }.footer-grid>p { max-width:340px; margin:0; color:#9aafb0; font-size:11px; line-height:1.65; }.footer-grid>div { display:flex; gap:18px; }.footer-grid>div a { color:#fff; font-size:11px; font-weight:700; text-decoration:none; }.footer-bottom { display:flex; justify-content:space-between; margin-top:55px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); color:#718889; font:400 9px var(--mono); }.footer-bottom a { color:#b8c9c9; text-decoration:none; }
.cart-drawer { position:fixed; z-index:30; top:0; right:0; bottom:0; display:flex; flex-direction:column; width:min(430px, 100%); padding:27px; color:var(--ink); background:var(--white); box-shadow:-20px 0 60px rgba(0,0,0,.22); transform:translateX(102%); transition:transform .3s ease; }.cart-drawer.is-open { transform:none; }.cart-header { display:flex; align-items:start; justify-content:space-between; padding-bottom:21px; border-bottom:1px solid var(--line); }.cart-header .eyebrow { margin-bottom:7px; }.cart-header h2 { margin:0; font-size:25px; letter-spacing:-.06em; }.icon-button { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:none; font-size:25px; line-height:1; cursor:pointer; }.cart-items { flex:1; overflow:auto; padding:18px 0; }.empty-cart { padding:65px 18px; text-align:center; }.empty-cart>span { display:grid; width:32px; height:32px; margin:0 auto 11px; place-items:center; border-radius:50%; color:#fff; background:var(--fire); font-size:21px; }.empty-cart h3 { margin:0; font-size:15px; }.empty-cart p { margin:8px auto 0; max-width:220px; color:var(--muted); font-size:11px; line-height:1.6; }.cart-row { display:grid; grid-template-columns:1fr auto; gap:11px; padding:15px 0; border-bottom:1px solid var(--line); }.cart-row p { margin:0; }.cart-row-name { font-size:12px; font-weight:800; }.cart-row-price { margin-top:5px!important; color:var(--muted); font:500 10px var(--mono); }.cart-row-actions { display:flex; align-items:center; gap:7px; margin-top:11px; }.quantity-button,.remove-button { border:0; background:none; color:var(--ink); cursor:pointer; }.quantity-button { display:grid; place-items:center; width:20px; height:20px; border:1px solid var(--line); font-size:14px; }.remove-button { margin-left:8px; color:var(--muted); font-size:10px; text-decoration:underline; }.cart-row-quantity { min-width:13px; text-align:center; font:500 11px var(--mono); }.cart-row-total { font-size:12px; font-weight:800; }.cart-footer { padding-top:19px; border-top:1px solid var(--line); }.cart-total { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px; }.cart-total span { color:var(--muted); font-size:10px; }.cart-total strong { font-size:21px; letter-spacing:-.05em; }.cart-checkout { width:100%; }.cart-checkout:disabled { opacity:.46; cursor:not-allowed; transform:none; }.cart-call { display:block; margin-top:14px; color:var(--muted); font-size:10px; font-weight:700; text-align:center; }.backdrop { position:fixed; z-index:25; inset:0; visibility:hidden; opacity:0; background:rgba(3,12,13,.5); transition:opacity .3s,visibility .3s; }.backdrop.is-visible { visibility:visible; opacity:1; }.toast { position:fixed; z-index:50; left:50%; bottom:26px; padding:12px 16px; border-radius:3px; color:#fff; background:#102124; font-size:11px; font-weight:700; opacity:0; visibility:hidden; transform:translate(-50%,15px); transition:opacity .25s,transform .25s,visibility .25s; }.toast.is-visible { opacity:1; visibility:visible; transform:translate(-50%,0); }
.brand-logo { display:block; width:145px; height:auto; }
.brand > span:not(.brand-mark) { display:none; }
.site-footer .brand { width:145px; height:43px; background:url("/assets/realgas/realgas-logo.png") left center / contain no-repeat; }
.site-footer .brand > * { display:none; }
/* Visual refinement: preserves the existing RealGas layout and enquiry flow. */
::selection { color:#fff; background:var(--fire); }
body { background:linear-gradient(180deg, #f8f6f0 0%, var(--paper) 42%, #efede5 100%); }
.announcement { background:linear-gradient(90deg, #0b1719, #102629); }
.site-header { padding:0 8px; }
.primary-nav { padding:7px 12px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(8,22,24,.36); box-shadow:0 8px 28px rgba(0,0,0,.16); backdrop-filter:blur(12px); }
.primary-nav a { transition:color .2s ease, opacity .2s ease; }
.header-actions { padding:3px 5px 3px 11px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(8,22,24,.36); box-shadow:0 8px 28px rgba(0,0,0,.16); backdrop-filter:blur(12px); }
.cart-button { min-height:34px; padding:6px 7px; border-radius:999px; transition:background .2s ease; }
.cart-button:hover { background:rgba(255,255,255,.12); }
.hero::before { position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 78% 20%, rgba(113,201,255,.14), transparent 22%), linear-gradient(115deg, transparent 45%, rgba(239,101,61,.09)); content:""; pointer-events:none; }
.hero h1 { text-wrap:balance; text-shadow:0 10px 30px rgba(0,0,0,.25); }
.hero-copy { color:rgba(255,255,255,.88); }
.button { border-radius:8px; box-shadow:0 7px 18px rgba(0,0,0,.13); }
.button-secondary { background:rgba(255,255,255,.14); backdrop-filter:blur(8px); }
.button:focus-visible,.add-button:focus-visible,.cart-button:focus-visible,.menu-button:focus-visible,.icon-button:focus-visible { outline:3px solid #9bd7ff; outline-offset:3px; }
.service-strip { position:relative; z-index:2; box-shadow:0 13px 28px rgba(17,32,35,.04); }
.shop-section { padding-top:36px; }
.section-heading h2,.solutions h2,.process h2,.faq-section h2,.contact-panel h2 { text-wrap:balance; }
.product-card { border-color:rgba(17,32,35,.07); border-radius:14px; box-shadow:0 5px 16px rgba(17,32,35,.025); }
.product-image { border-radius:13px 13px 0 0; }
.product-body { padding:22px; }
.product-description { color:#718083; }
.product-bottom { align-items:center; padding-top:4px; border-top:1px solid rgba(17,32,35,.07); }
.add-button { padding-top:12px; }
.product-card-text { border-radius:14px; box-shadow:0 16px 35px rgba(10,30,33,.14); }
.solutions { position:relative; overflow:hidden; }
.solutions::after { position:absolute; right:-130px; bottom:-180px; width:430px; height:430px; border:1px solid rgba(133,204,255,.14); border-radius:50%; content:""; pointer-events:none; }
.solutions-list { position:relative; z-index:1; }
.solutions-list article { transition:padding-left .22s ease, background .22s ease; }
.solutions-list article:hover { padding-left:12px; background:rgba(255,255,255,.035); }
.process-grid li { border-radius:12px; border:1px solid rgba(17,32,35,.08); box-shadow:0 7px 19px rgba(17,32,35,.035); }
.faq-list { border-radius:12px; overflow:hidden; background:rgba(255,253,248,.55); }
.faq-list details { padding:0 20px; transition:background .2s ease; }
.faq-list details[open] { background:rgba(255,255,255,.58); }
.contact-panel { border-radius:20px; box-shadow:0 22px 45px rgba(120,48,26,.18); }
.site-footer { background:#0a1719; background-image:radial-gradient(circle at 85% 0, rgba(51,144,199,.12), transparent 27%); }
.cart-drawer { border-radius:18px 0 0 18px; }
.product-card-wide { grid-column:span 2; }
.product-card-wide .product-image { height:302px; }
.product-card-wide.product-card-text h3 { max-width:400px; }
.service-strip > div,
.service-strip > div:first-child,
.service-strip > div:last-child { justify-content:center; min-height:102px; padding:23px 34px; }
.service-strip > div p { max-width:245px; }
@media (max-width:640px) { .hero-actions { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); width:min(100%, 350px); }.hero-actions .button { width:100%; }.hero-actions .button-primary { grid-column:1 / -1; }.product-card-wide { grid-column:auto; }.product-card-wide .product-image { height:250px; } }
@media (max-width:900px) { .site-header { height:78px; }.primary-nav { gap:17px; }.contact-link { display:none; }.header-actions { gap:12px; }.hero { min-height:635px; }.hero-content { padding-top:175px; }.product-grid { grid-template-columns:repeat(2,1fr); }.product-card-text { min-height:300px; }.solutions-grid,.faq-grid { gap:55px; }.contact-panel { padding:50px; } }
@media (max-width:640px) {
  .menu-button { display:grid!important; grid-template-columns:14px auto; grid-template-rows:repeat(3, 3px); align-items:center!important; column-gap:7px!important; row-gap:3px!important; }
  .menu-button span { grid-column:1!important; }
  .menu-button b { grid-column:2!important; grid-row:1 / span 3!important; margin:0!important; }
  .primary-nav { top:67px!important; right:0!important; left:0!important; width:100%!important; padding:3px 17px!important; border-radius:10px!important; }
  .primary-nav a { padding:12px 0!important; border-bottom:1px solid rgba(255,255,255,.13); }
  .primary-nav a:last-child { border-bottom:0; }
}
@media (max-width:640px) { .container,.site-header { width:calc(100% - 32px); }.announcement { min-height:32px; padding:7px 16px; }.announcement p { max-width:220px; font-size:9px; }.announcement a { font-size:9px; }.site-header { top:32px; height:68px; }.menu-button { display:flex; position:relative; z-index:11; align-items:center; gap:7px; padding:8px 0; }.menu-button span { display:block; width:14px; height:1px; background:currentColor; }.menu-button b { margin-left:2px; font-size:10px; }.primary-nav { position:absolute; top:67px; right:0; display:none; width:190px; padding:11px 17px; border:1px solid rgba(255,255,255,.2); background:#132427; box-shadow:0 16px 30px rgba(0,0,0,.2); }.primary-nav.is-open { display:grid; gap:0; }.primary-nav a { padding:10px 0; }.header-actions { margin-left:auto; }.cart-button span { display:none; }.hero { min-height:665px; }.hero-image { object-position:65% center; }.hero-shade { background:linear-gradient(90deg,rgba(4,12,14,.9),rgba(4,12,14,.55) 72%,rgba(4,12,14,.15)),linear-gradient(0deg,rgba(4,12,14,.4),transparent 35%); }.hero-content { padding-top:150px; }.hero h1 { max-width:410px; font-size:52px; }.hero-copy { max-width:360px; margin:19px 0 24px; font-size:13px; }.hero-actions { gap:9px; }.button { min-height:45px; padding:0 13px; font-size:10px; }.hero-trust { margin-top:36px; }.hero-trust p { width:auto; margin-right:19px; }.hero-trust p:last-child { display:none; }.hero-whatsapp { right:16px; bottom:16px; min-width:0; padding:11px 38px 11px 13px; }.hero-whatsapp span { font-size:9px; }.hero-whatsapp strong { font-size:10px; }.service-strip { grid-template-columns:1fr; }.service-strip>div { min-height:70px; padding:15px 16px!important; border-right:0; border-bottom:1px solid var(--line); }.service-strip>div:last-child { border-bottom:0; }.shop-section,.process { padding:77px 0; }.section-heading { display:block; }.section-heading>p { margin:17px 0 0; font-size:12px; }.category-row { gap:15px; margin-top:35px; padding:19px 0; overflow:auto; }.product-grid { grid-template-columns:1fr; }.product-featured { grid-column:auto; }.product-image,.product-featured .product-image { height:250px; }.product-card-text { min-height:250px; }.solutions { padding:76px 0; }.solutions-grid,.faq-grid { grid-template-columns:1fr; gap:45px; }.process-grid { grid-template-columns:1fr; gap:12px; margin-top:35px; }.process-grid li { padding:20px; }.process-grid h3 { margin-top:28px; }.faq-section { padding:75px 0; }.contact-panel { display:block; padding:38px 27px; margin-top:75px; margin-bottom:75px; }.contact-panel-actions { margin-top:24px; justify-content:start; }.footer-grid { grid-template-columns:1fr; gap:25px; }.footer-bottom { margin-top:35px; }.cart-drawer { padding:21px 16px; }.toast { width:calc(100% - 32px); text-align:center; }.product-description { min-height:0; } }