:root{--navy:#0B0F19;--navy-2:#101827;--blue:#3478F6;--blue-2:#5794FF;--teal:#20D477;--ink:#F1F5F9;--muted:#94A3B8;--line:#202B3D;--paper:#0B0F19;--wash:#101827;--mint:#13291F;--surface:#151F30;--surface-hover:#182338;--text-support:#CBD5E1;--border-highlight:#2A3A52;--whatsapp:#20D477;--radius:18px;--shadow:0 22px 65px rgba(0,0,0,.28);--font:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--blue)}
button{font:inherit}
.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;left:16px;background:var(--surface);padding:10px 16px;z-index:99;border-radius:8px}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:rgba(11,15,25,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(42,58,82,.75)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--display);font-weight:800;letter-spacing:.035em}
.brand:hover{color:var(--ink)}
.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--navy);color:white;display:grid;place-items:center;font-size:21px;letter-spacing:-.08em}
.brand-mark span{color:#20D477}
.brand-name{font-size:14px;line-height:1.2}
.brand-name small{display:block;font-size:9px;letter-spacing:.27em;font-weight:600;margin-top:4px}
.main-nav{display:flex;align-items:center;gap:33px}
.main-nav ul{display:flex;list-style:none;gap:30px;padding:0;margin:0}
.main-nav a{font-size:13px;font-weight:600;color:#CBD5E1}
.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}
.main-nav .nav-cta{color:white}
.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:0 22px;border-radius:9px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,border .2s}
.button:hover{transform:translateY(-2px)}
.button svg,.text-link svg,.footer-column svg{width:17px;height:17px}
.button-primary{background:#2B6FDE;color:white;box-shadow:0 8px 20px rgba(52,120,246,.22)}
.button-primary:hover{background:#245FC8;color:white}
.button-outline{border:1px solid var(--border-highlight);color:var(--ink);background:transparent}
.button-outline:hover{border-color:var(--blue);color:var(--blue)}
.button-small{min-height:43px;padding:0 17px;font-size:12px}
.button-white{background:#F1F5F9;color:#0B0F19}
.button-white:hover{background:#CBD5E1;color:#0B0F19}
.button-ghost{border:1px solid rgba(148,163,184,.5);color:white}
.button-ghost:hover{color:white;background:rgba(148,163,184,.08)}
.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0B0F19 0%,#101827 55%,#111E31 100%);min-height:624px;display:flex;align-items:center}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(87,148,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(87,148,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding-block:68px 76px}
.hero-copy{max-width:590px;z-index:1}
.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;color:#94A3B8;display:flex;align-items:center;gap:9px}
.hero .eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--teal)}
.eyebrow-blue{color:#5794FF}
.eyebrow-light{color:#CBD5E1}
.hero h1,.inner-hero h1{font:800 clamp(42px,5.2vw,66px)/1.12 var(--display);letter-spacing:-.055em;color:var(--ink);margin:0 0 23px}
.hero h1 em,.section h2 em,.custom-copy h2 em{font-style:normal;color:var(--blue)}
.hero-lead{font-size:17px;line-height:1.75;color:#CBD5E1;max-width:530px;margin:0 0 29px}
.hero-note{margin-top:27px;color:#94A3B8;font-size:11px;display:flex;align-items:center;gap:9px}
.note-check{display:grid;place-items:center;border:1px solid #20D477;color:#20D477;width:19px;height:19px;border-radius:50%;font-size:11px}
.hero-art{height:440px;position:relative;display:grid;place-items:center}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-one{height:350px;width:350px;background:linear-gradient(145deg,#182338 0%,#13291F 100%);right:6%;top:7%}
.orb-two{height:280px;width:280px;border:1px solid rgba(87,148,255,.18);right:16%;top:14%}
.dash-window{position:relative;width:390px;background:var(--surface);border:1px solid rgba(42,58,82,.9);box-shadow:0 30px 80px rgba(0,0,0,.38);border-radius:16px;overflow:hidden;transform:rotate(-2deg);z-index:2}
.dash-top{height:47px;border-bottom:1px solid #202B3D;display:flex;align-items:center;padding:0 16px;gap:12px}
.dots{display:flex;gap:4px}
.dots i{width:6px;height:6px;background:#2A3A52;border-radius:50%}
.dots i:first-child{background:#5794FF}
.dash-label{font-size:8px;color:#94A3B8;font-weight:700;letter-spacing:.15em}
.dash-user{margin-left:auto;width:22px;height:22px;display:grid;place-items:center;background:#182338;color:#5794FF;border-radius:7px;font-size:8px;font-weight:700}
.dash-content{padding:19px 21px 18px}
.dash-welcome{display:flex;align-items:center;justify-content:space-between}
.dash-welcome small,.float-card small{display:block;color:#94A3B8;letter-spacing:.11em;font-size:7px;font-weight:700}
.dash-welcome strong{display:block;margin-top:3px;font:700 15px var(--display);color:#F1F5F9}
.dash-pill{font-size:8px;color:#20D477;background:#13291F;border-radius:20px;padding:5px 8px}
.dash-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mini-card{border:1px solid #202B3D;border-radius:9px;padding:11px}
.mini-card span{display:block;font-size:8px;color:#94A3B8}
.mini-card b{display:block;font-size:11px;color:#CBD5E1;margin-top:3px}
.line-chart,.bar-chart{height:34px;margin-top:7px;display:flex;align-items:end;gap:5px}
.line-chart i{display:block;width:13%;height:30%;background:#284A72;border-radius:4px 4px 1px 1px}
.line-chart i:nth-child(2){height:50%}
.line-chart i:nth-child(3){height:41%}
.line-chart i:nth-child(4){height:74%;background:#5794FF}
.line-chart i:nth-child(5){height:59%}
.line-chart i:nth-child(6){height:83%;background:#3478F6}
.line-chart i:nth-child(7){height:100%;background:#3478F6}
.bar-chart{align-items:center;height:28px}
.bar-chart i{height:4px;border-radius:4px;background:#2A3A52}
.bar-chart i:nth-child(1){width:80%;background:#5794FF}
.bar-chart i:nth-child(2){width:60%}
.bar-chart i:nth-child(3){width:90%;background:#417B95}
.bar-chart i:nth-child(4){width:50%}
.bar-chart i:nth-child(5){width:70%}
.dash-list{border-top:1px solid #202B3D;margin-top:15px;padding-top:12px}
.list-heading{display:block;font-size:8px;color:#94A3B8;font-weight:700;margin-bottom:7px}
.dash-list>div{display:flex;align-items:center;gap:9px;padding:7px 0}
.list-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:13px}
.list-icon.blue{background:#182338;color:#5794FF}
.list-icon.teal{background:#13291F;color:#20D477}
.dash-list>div span{font-size:9px;font-weight:700;color:var(--text-support)}
.dash-list>div small{display:block;color:#94A3B8;font-weight:400;font-size:7px}
.dash-list>div>b{margin-left:auto;color:#94A3B8;font-size:15px}
.float-card{position:absolute;z-index:3;background:var(--surface);border:1px solid #202B3D;box-shadow:0 14px 32px rgba(0,0,0,.3);border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:9px}
.float-top{right:-2%;top:17%}
.float-bottom{left:-2%;bottom:15%}
.float-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#182338;color:#5794FF;font-size:16px}
.float-icon.green{background:#13291F;color:#20D477}
.float-card b{font-size:10px;color:#CBD5E1}
.art-dots{position:absolute;width:50px;height:50px;left:8%;top:15%;background-image:radial-gradient(#5794FF 1.5px,transparent 1.5px);background-size:10px 10px}
.trust-strip{background:var(--navy-2);color:white}
.trust-inner{height:77px;display:flex;align-items:center;justify-content:space-between}
.trust-inner>span{font-size:9px;letter-spacing:.13em;color:#9cb3d1;font-weight:700}
.trust-inner>div{display:flex;align-items:center;gap:25px}
.trust-inner b{font-size:12px;font-weight:600}
.trust-inner i{height:4px;width:4px;border-radius:50%;background:var(--teal)}
.section{padding:100px 0}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}
.section h2,.custom-copy h2{font:750 clamp(32px,3.7vw,46px)/1.2 var(--display);letter-spacing:-.045em;color:var(--ink);margin:0}
.intro-copy p,.section-heading>p{font-size:15px;line-height:1.8;color:#CBD5E1;margin:0 0 19px}
.text-link{font-size:12px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:8px}
.text-link:hover{gap:12px}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.principle{position:relative;border:1px solid var(--line);border-radius:14px;padding:26px 26px 24px;background:var(--surface);min-height:202px}
.principle-icon,.product-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#182338;color:#5794FF}
.principle-icon svg,.product-icon svg,.benefit-grid svg,.contact-icon svg{width:22px;height:22px}
.principle-number{position:absolute;right:23px;top:27px;color:#64748B;font-size:11px;font-weight:700}
.principle h3,.benefit-grid h3,.product-card h3{font:700 16px var(--display);color:var(--ink);margin:18px 0 7px}
.principle p,.benefit-grid p{margin:0;color:#94A3B8;font-size:12px;line-height:1.7}.principle:hover{border-color:var(--border-highlight);background:var(--surface-hover)}
.catalog-section{background:var(--wash)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}
.section-heading>p{max-width:410px;margin-bottom:4px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:transform .2s,box-shadow .2s}
.product-card:hover{transform:translateY(-4px);background:var(--surface-hover);border-color:var(--border-highlight);box-shadow:0 14px 38px rgba(0,0,0,.28)}
.product-card-top{display:flex;align-items:center;justify-content:space-between}
.status-pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;background:#182338;color:#94A3B8;font-size:9px;font-weight:700}
.product-category{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#94A3B8;font-weight:700;margin:22px 0 0}
.product-card h3{font-size:20px;margin:5px 0 8px}
.product-description{min-height:67px;color:#CBD5E1;font-size:12px;line-height:1.75;margin:0 0 19px}
.center-action{text-align:center;margin-top:31px}
.custom-section{background:linear-gradient(120deg,#0B0F19,#101827);color:white;overflow:hidden}
.custom-grid{min-height:520px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-block:70px}
.custom-copy{max-width:540px}
.custom-copy h2{color:white;font-size:clamp(32px,3.5vw,43px)}
.custom-copy h2 em{color:#8AB4FF}
.custom-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#CBD5E1;margin:20px 0}
.check-list{list-style:none;padding:0;margin:20px 0 27px;color:#CBD5E1;font-size:12px}
.check-list li{margin:11px 0;display:flex;align-items:center;gap:10px}
.check-list li:before{content:'✓';width:18px;height:18px;border-radius:50%;background:rgba(32,212,119,.14);color:#20D477;display:grid;place-items:center;font-size:10px}
.custom-art{height:360px;position:relative;display:grid;place-items:center}
.custom-ring{position:absolute;border:1px solid rgba(148,163,184,.16);border-radius:50%}
.ring-one{width:330px;height:330px}
.ring-two{width:250px;height:250px;border-style:dashed}
.custom-square{width:156px;height:170px;border-radius:18px;background:linear-gradient(145deg,#151F30,#182338);box-shadow:0 25px 60px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;transform:rotate(-7deg);z-index:1}
.custom-square span{width:54px;height:54px;border-radius:15px;background:var(--navy);color:white;display:grid;place-items:center;font:800 20px var(--display);letter-spacing:-.08em}
.custom-square small{font-size:8px;letter-spacing:.13em;text-align:center;color:#CBD5E1;font-weight:700;line-height:1.5}
.custom-tag{position:absolute;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.18);backdrop-filter:blur(6px);padding:9px 13px;border-radius:8px;color:var(--text-support);font-size:10px}
.tag-a{top:15%;left:17%}
.tag-b{right:8%;top:35%}
.tag-c{bottom:17%;left:24%}
.benefits-section{padding-block:100px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}
.benefit-grid article{border-left:1px solid #202B3D;padding:4px 19px}
.benefit-grid article>span{color:#5794FF}
.benefit-grid h3{font-size:14px;margin-top:17px}
.benefit-grid p{font-size:11px}
.final-cta{background:linear-gradient(120deg,#101827,#151F30);color:white;overflow:hidden}
.final-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:67px}
.final-inner>div:first-child{max-width:600px;z-index:1}
.final-inner h2{font:750 clamp(28px,3.2vw,39px)/1.2 var(--display);letter-spacing:-.04em;margin:0;color:white}
.final-inner p:not(.eyebrow){color:#CBD5E1;font-size:13px;margin:13px 0 0}
.final-actions{display:flex;flex-direction:column;gap:10px;z-index:1}
.cta-orbit{position:absolute;width:370px;height:370px;border:1px solid rgba(148,163,184,.12);border-radius:50%;right:20%;top:-150px}
.site-footer{background:#101827;color:white}
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:50px;padding-block:57px 48px}
.brand-light{color:white}
.brand-light:hover{color:white}
.brand-light .brand-mark{background:#151F30}
.footer-brand p{max-width:250px;color:#94A3B8;font-size:11px;line-height:1.8;margin:18px 0 0}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-column h2{font-size:11px;color:white;margin:5px 0 7px;font-weight:700}
.footer-column a{color:#94A3B8;font-size:10px;display:flex;align-items:center;gap:5px}
.footer-column a:hover,.footer-bottom a:hover{color:white}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);min-height:61px;display:flex;align-items:center;justify-content:space-between;color:#94A3B8;font-size:9px}
.footer-bottom>div{display:flex;gap:22px}
.inner-hero{padding:88px 0 86px;background:linear-gradient(140deg,#101827,#151F30)}
.inner-hero h1{font-size:clamp(38px,5vw,58px);max-width:850px}
.inner-lead{font-size:18px;color:#CBD5E1;line-height:1.75;max-width:770px;margin:0 0 24px}
.narrow-content{max-width:820px;margin-inline:auto}
.narrow-content>p:not(.eyebrow){color:#CBD5E1;font-size:14px;line-height:1.9;margin:0 0 22px}
.product-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;margin-top:28px}
.product-detail-grid h1{margin-top:14px}
.large-icon{width:56px;height:56px;margin-bottom:16px}
.product-detail-grid>div:first-child>p:not(.inner-lead){font-size:14px;color:#94A3B8;line-height:1.8;margin:0 0 25px}
.detail-panel{border-radius:18px;background:var(--navy);color:white;padding:35px;box-shadow:var(--shadow);min-height:300px;display:flex;flex-direction:column}
.panel-kicker{font-size:9px;letter-spacing:.16em;color:#CBD5E1;font-weight:700}
.detail-panel h2{font:700 25px/1.3 var(--display);margin:25px 0 16px}
.panel-line{height:1px;background:rgba(148,163,184,.16)}
.detail-panel p{color:#CBD5E1;font-size:12px;line-height:1.8}
.panel-bottom{margin-top:auto;padding-top:18px;color:#94A3B8;font-size:10px}
.panel-bottom a{color:#20D477;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.panel-bottom svg{width:14px;height:14px;vertical-align:middle}
.catalog-page-grid{margin-top:45px}
.catalog-page-grid .product-card{background:var(--surface)}
.empty-state{grid-column:1/-1;padding:45px;border:1px dashed #2A3A52;border-radius:14px;text-align:center}
.empty-state h2{color:var(--ink)}
.empty-state p{color:var(--muted)}
.solution-list{max-width:900px}
.solution-list article{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}
.solution-list article>span{font:700 14px var(--display);color:#94A3B8}
.solution-list h2,.legal h2{font:700 22px var(--display);color:var(--ink);margin:0 0 9px}
.solution-list p{margin:0 0 12px;color:#CBD5E1;font-size:13px}
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}
.contact-options{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:8px 24px;box-shadow:0 14px 38px rgba(0,0,0,.25)}
.contact-options>a{display:flex;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}
.contact-options>a:last-child{border:0}
.contact-icon{width:43px;height:43px;border-radius:12px;background:#182338;color:var(--blue);display:grid;place-items:center}
.contact-options small{display:block;font-size:8px;letter-spacing:.13em;color:#94A3B8;font-weight:700}
.contact-options b{display:block;font-size:13px;color:var(--ink);margin:3px 0}
.contact-options em{font-style:normal;color:var(--blue);font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px}
.contact-options em svg{height:13px;width:13px}
.legal h1{margin-bottom:15px}
.legal h2{font-size:17px;margin-top:29px}
.legal a{color:var(--blue);text-decoration:underline}
.legal .updated-note{margin-top:35px;font-size:11px;color:#94A3B8}
.not-found{min-height:500px;display:flex;align-items:center}
.not-found .button-row{margin-top:30px}

@media(max-width:900px){.main-nav{gap:18px}
.main-nav ul{gap:16px}
.main-nav a{font-size:12px}
.hero-inner{grid-template-columns:1fr 1fr}
.hero h1{font-size:52px}
.hero-art{transform:scale(.9);transform-origin:center}
.custom-grid{gap:35px}
.footer-main{gap:28px}
.benefit-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}
}

@media(max-width:700px){.container{width:min(100% - 36px,560px)}
.site-header{height:70px}
.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative}
.menu-toggle>span:not(.sr-only){width:17px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.main-nav{position:absolute;top:69px;left:0;right:0;background:var(--surface);padding:0 22px;display:none;box-shadow:0 18px 24px rgba(0,0,0,.4);border-top:1px solid var(--line)}
.main-nav.is-open{display:block}
.main-nav ul{display:flex;flex-direction:column;gap:0;padding:8px 0}
.main-nav li a{display:block;padding:12px 0;font-size:14px}
.main-nav .nav-cta{margin:4px 0 19px;width:100%}
.hero{min-height:0}
.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-block:61px 45px;gap:12px}
.hero h1{font-size:clamp(42px,11vw,58px)}
.hero-lead{font-size:15px}
.hero .button-row{align-items:stretch;flex-direction:column}
.hero .button{width:100%}
.hero-note{font-size:10px}
.hero-art{height:350px;transform:scale(.85);margin:-8px -30px -10px}
.dash-window{width:min(380px,92vw)}
.float-top{right:0;top:11%}
.float-bottom{left:0;bottom:7%}
.trust-inner{height:auto;min-height:94px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}
.trust-inner>div{gap:13px}
.trust-inner b{font-size:10px}
.intro-grid{grid-template-columns:1fr;gap:18px}
.section{padding:70px 0}
.section h2,.custom-copy h2{font-size:35px}
.principle-grid,.product-grid{grid-template-columns:1fr}
.principle{min-height:0}
.section-heading{align-items:flex-start;flex-direction:column;gap:15px}
.section-heading>p{margin:0}
.product-description{min-height:0}
.custom-grid{grid-template-columns:1fr;gap:12px;padding-block:47px 60px}
.custom-art{height:280px;order:2}
.custom-copy{order:1}
.custom-copy h2{font-size:34px}
.ring-one{width:260px;height:260px}
.ring-two{width:195px;height:195px}
.custom-square{width:135px;height:148px}
.tag-a{left:8%}
.tag-b{right:2%}
.tag-c{left:15%}
.benefit-grid{grid-template-columns:1fr 1fr;gap:23px 10px}
.benefit-grid article{padding-left:13px}
.final-inner{align-items:flex-start;flex-direction:column;padding-block:54px}
.final-actions{width:100%}
.final-actions .button{width:100%}
.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px;padding-block:43px}
.footer-brand{grid-column:1/-1}
.footer-bottom{padding-block:18px;align-items:flex-start;gap:12px;flex-direction:column}
.footer-bottom>div{gap:15px}
.inner-hero{padding:65px 0}
.inner-hero h1{font-size:42px}
.inner-lead{font-size:16px}
.product-detail-grid,.contact-grid{grid-template-columns:1fr;gap:30px}
.detail-panel{min-height:260px;padding:27px}
.catalog-page-grid{margin-top:30px}
.solution-list article{grid-template-columns:45px 1fr;gap:14px;padding:24px 0}
.solution-list h2{font-size:19px}
}

@media(max-width:390px){.container{width:calc(100% - 28px)}
.brand-name{font-size:12px}
.hero-art{transform:scale(.75);margin-inline:-52px}
.benefit-grid{grid-template-columns:1fr}
.footer-main{grid-template-columns:1fr 1fr}
.inner-hero h1{font-size:37px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Foco, conversão e interação no tema escuro */
:focus-visible{outline:3px solid var(--blue-2);outline-offset:3px;border-radius:4px}
.button[href^="https://wa.me/"]{background:var(--whatsapp);border-color:var(--whatsapp);color:#0B0F19;box-shadow:0 8px 20px rgba(32,212,119,.16)}
.button[href^="https://wa.me/"]:hover{background:#45E88E;border-color:#45E88E;color:#0B0F19}
.contact-options>a:first-child .contact-icon{background:rgba(32,212,119,.12);color:var(--whatsapp)}
.contact-options>a:first-child em,.footer-column a[href^="https://wa.me/"]{color:var(--whatsapp)}
.button:disabled,button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.55;transform:none}