:root{--deep:#063D36;--green:#14B87A;--greenHover:#0D9F69;--mid:#087D64;--mint:#E4F6EE;--mint2:#F1F9F5;--bg:#F8FAF6;--ink:#17201F;--txt:#56635F;--muted:#76847E;--line:#E2E9E5;--shadow:0 26px 70px rgba(14,47,37,.10);--r:18px}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:94px;overflow-x:clip}
    body{margin:0;font:15px/1.63 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased;overflow-x:clip}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    ::selection{background:#BFE8D5;color:var(--deep)}
    :focus-visible{outline:3px solid #14B87A;outline-offset:3px}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:820;letter-spacing:-.06em;font-size:26px;line-height:1}
    .brand img{height:36px;width:36px;object-fit:contain}
    .brand b{color:var(--deep)}.brand b span{color:var(--green)}
    .header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-bottom:1px solid #e9efea}
    .nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .navlinks{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:620;color:#4C5F57}
    .navlinks>a:hover,.footer a:hover{color:var(--mid)}
    .nav-actions{display:flex;align-items:center;gap:11px}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:10px;min-height:46px;padding:0 19px;white-space:nowrap;background:white;color:var(--ink);font-weight:750;font-size:13px;transition:background .17s ease,transform .17s ease,border-color .17s ease,box-shadow .17s ease}
    .button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,50,38,.07)}
    .button-primary{color:#fff;background:var(--green);border-color:var(--green)}
    .button-primary:hover{background:var(--greenHover);border-color:var(--greenHover);box-shadow:0 10px 22px rgba(20,184,122,.20)}
    .button-dark{color:white;background:var(--deep);border-color:var(--deep)}
    .button-dark:hover{background:#0B584D}
    .button-outline{border-color:#cadbd1;background:transparent}
    .button.sm{min-height:39px;padding:0 15px}
    .button svg,.link-arrow svg{height:17px;width:17px;flex:none}
    .material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 20;user-select:none;-webkit-user-select:none}
    .button .material-symbols-outlined{font-size:18px;flex:none}
    .menu-button{display:none;border:1px solid var(--line);background:white;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center}
    .menu-button svg{width:22px}
    .kicker{color:var(--mid);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
    .chip{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#4A6B5C;font-size:13px;font-weight:520;letter-spacing:-.015em;line-height:1}
    .chip .material-symbols-outlined{font-size:18px;color:var(--green);font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 20;flex:none}
    .chip strong{font-weight:680;color:var(--deep)}
    .chip-dot{width:3px;height:3px;border-radius:50%;background:#B4CBBE;flex:none}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{letter-spacing:-.047em;line-height:1.12}
    h1{font-size:clamp(44px,5.1vw,69px);font-weight:850;margin:19px 0 23px}
    h2{font-size:clamp(31px,3.35vw,45px);font-weight:820;margin:10px 0 19px}
    h3{font-size:19px;font-weight:760;margin-bottom:11px}
    .accent{color:var(--green)}
    .section{padding:105px 0}
    .section-head{max-width:750px;margin:0 auto 48px;text-align:center}
    .section-head p{color:var(--txt);font-size:16px;line-height:1.8}
    .lede{font-size:18px;line-height:1.8;color:var(--txt)}
    .hero{background:radial-gradient(ellipse at 78% 24%,#E2F7ED 0,transparent 37%),linear-gradient(180deg,#FAFCFA,#F4F9F5);padding:92px 0 110px;overflow:hidden}
    .hero-layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:64px}
    .hero p{max-width:585px;margin-bottom:0}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
    .hero-actions .button{min-height:53px;padding-inline:23px}
    .tiny-checks{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:12px;color:#6B7B73}
    .tiny-checks span{display:inline-flex;align-items:center;gap:5px}
    .tiny-checks svg{height:13px;width:13px;color:var(--mid)}
    .product-stage{position:relative;padding:12px 18px 30px 0}
    .product-stage::after{content:"";position:absolute;inset:10% 4% 1% 15%;background:linear-gradient(135deg,#9CDEC0,#DCF7E5);filter:blur(60px);opacity:.8;z-index:0}
    .app-window{position:relative;z-index:1;border:1px solid #dae5de;border-radius:17px;background:white;overflow:hidden;box-shadow:0 25px 75px rgba(19,58,39,.16);transform:rotate(-1deg)}
    .winbar{height:39px;background:#F9FBFA;border-bottom:1px solid #E7ECE9;display:flex;gap:6px;align-items:center;padding:0 14px}
    .dot{width:7px;height:7px;background:#C9D1CD;border-radius:50%}
    .winbar span:last-child{margin-left:auto;color:#9BAAA3;font-size:10px}
    .app-layout{display:grid;grid-template-columns:112px 1fr;min-height:355px}
    .app-side{padding:18px 11px;border-right:1px solid #ECF0EE;font-size:10px;color:#718179}
    .app-side .side-title{font-size:12px;display:flex;align-items:center;gap:5px;font-weight:800;color:var(--deep);margin-bottom:27px}
    .app-side .side-title img{width:17px;height:17px}
    .app-menu{padding:7px 9px;border-radius:6px;margin:4px 0;white-space:nowrap}
    .app-menu.sel{background:#E8F7F0;color:var(--mid);font-weight:800}
    .app-main{background:#FBFCFB;padding:24px 22px 20px;min-width:0}
    .app-main h4{font-size:19px;letter-spacing:-.05em;margin:2px 0 20px}
    .app-hello{font-size:10px;color:#87968E}
    .statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
    .statbox{border:1px solid #E6EDE8;background:white;border-radius:9px;padding:11px;min-width:0}
    .statbox label{display:block;color:#87978E;font-size:9px}
    .statbox strong{font-size:20px;line-height:1.5;letter-spacing:-.05em}
    .status{color:#087D64;font-weight:750}
    .tablemock{background:white;border:1px solid #E6EDE8;border-radius:10px;padding:15px;margin-top:13px}
    .tablemock>strong{font-size:11px}
    .trow{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #F0F2F0;padding:11px 0 0;margin-top:10px;color:#52635A;font-size:10px}
    .trow .status{white-space:nowrap}
    .mocktag{position:absolute;top:54px;right:19px;background:#fff;border:1px solid #D8E6DE;border-radius:7px;color:#7B8D83;padding:3px 7px;font-size:9px}
    .mobile-preview{position:absolute;z-index:3;width:175px;right:-23px;bottom:-29px;background:#121716;padding:7px;border-radius:25px;box-shadow:0 16px 30px rgba(17,42,29,.23);transform:rotate(4deg)}
    .mobile-preview-inner{background:white;border-radius:19px;padding:29px 12px 14px;min-height:294px;position:relative}
    .mobile-preview-inner:before{content:"";position:absolute;width:49px;height:9px;background:#161a18;border-radius:0 0 8px 8px;top:0;left:calc(50% - 24px)}
    .mobile-preview h5{font-size:13px;letter-spacing:-.035em;margin:10px 0 9px}.mobile-preview small{font-size:9px;color:#7D8C83}
    .mini-field{border:1px solid #E0E7E2;height:27px;border-radius:5px;margin:6px 0 12px}
    .mini-fill{height:27px;border-radius:5px;background:var(--green);color:white;text-align:center;font-size:9px;line-height:27px;font-weight:750}
    .trust-row{padding:24px 0;background:white;border-bottom:1px solid var(--line)}
    .trust-inner{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;font-size:12px;color:#65766B}
    .trust-inner strong{color:#2E4738;font-weight:780}
    .trust-inner span{display:inline-flex;align-items:center;gap:7px}
    .trust-inner svg{width:17px;height:17px;color:var(--mid)}
    .compare{background:#fff}
    .compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:35px}
    .compare-card{border:1px solid var(--line);border-radius:16px;padding:27px 29px;background:#FCFDFC}
    .compare-card.good{background:#F0FAF5;border-color:#BFEAD1}
    .compare-label{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px;margin-bottom:19px}
    .compare-label .x{color:#AE6C63}.compare-label .v{color:#109969}
    .compare ul{margin:0;padding:0;list-style:none;display:grid;gap:15px}
    .compare li{display:flex;gap:10px;font-size:14px;color:#43544B}
    .compare li svg{width:17px;height:17px;flex:none;margin-top:2px;color:#96A39B}
    .compare .good li svg{color:var(--mid)}
    .how{background:#F8FAF7}
    .stepgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .stepcard{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}
    .stepnum{width:34px;height:34px;display:grid;place-items:center;background:#E4F6EE;color:var(--mid);font-size:12px;border-radius:9px;font-weight:820;margin-bottom:29px}
    .stepcard h3{font-size:16px;margin-bottom:9px}.stepcard p{font-size:13px;color:var(--txt);line-height:1.7;margin:0}
    .demo{background:white}
    .demo-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:75px;align-items:center}
    .bullets{display:grid;gap:16px;margin-top:24px}
    .bullet{display:flex;gap:12px;align-items:start;color:#4D6156;font-size:14px}
    .bullet svg{width:19px;height:19px;color:var(--green);flex:none;margin-top:3px}
    .interactive{border:1px solid #DBE7E0;background:#fff;border-radius:19px;box-shadow:var(--shadow);overflow:hidden}
    .inter-head{padding:16px 20px;border-bottom:1px solid #E7EFEA;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6C7B72}
    .inter-head strong{color:var(--deep)}
    .demo-tabs{display:flex;gap:5px;background:#F3F7F4;border-radius:8px;padding:4px}
    .demo-tabs button{border:0;background:transparent;padding:7px 11px;border-radius:6px;color:#6C7C74;font-size:11px;font-weight:750}
    .demo-tabs button[aria-selected="true"]{background:white;color:var(--mid);box-shadow:0 1px 5px #d5e2d9}
    .inter-body{min-height:361px;padding:27px 35px}
    .small-eyebrow{font-size:10px;font-weight:850;color:var(--mid);letter-spacing:.09em}
    .inter-body h3{font-size:23px;margin:8px 0}.inter-body .desc{font-size:13px;color:#718178}
    .progress-meta{display:flex;justify-content:space-between;font-size:11px;color:#728279;margin:18px 0 8px}
    .progress{height:6px;background:#EAF0EC;border-radius:20px;overflow:hidden}
    .progress>span{display:block;width:33.33%;height:100%;background:var(--green);transition:width .25s}
    .sample-field{margin:17px 0}.sample-field label{display:block;color:#3B4D43;font-size:12px;font-weight:760;margin-bottom:6px}
    .sample-field input{width:100%;height:43px;border-radius:8px;background:#fff;border:1px solid #DCE6DF;padding:0 12px;outline-color:var(--green);font-size:13px}
    .sample-field input[readonly]{color:#82928A;background:#FAFBFA}
    .inter-foot{display:flex;gap:10px;margin-top:19px;justify-content:flex-end}
    .inter-foot .button{min-height:43px}
    .demo-note{color:#84958A;font-size:11px;margin-top:11px}
    .sample-result{border:1px solid #D6EEDD;background:#F0FAF5;border-radius:12px;padding:24px;text-align:center;margin-top:20px}
    .sample-result svg{color:var(--mid);width:33px;height:33px}.sample-result h3{font-size:18px;margin:8px 0}
    .proof-dark{background:var(--deep);color:white;position:relative;overflow:hidden}
    .proof-dark::after{content:"";position:absolute;width:500px;height:500px;background:#0A6450;filter:blur(110px);opacity:.4;top:-300px;right:-110px}
    .proof-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;position:relative;z-index:1}
    .proof-dark .kicker{color:#75DFB1}.proof-dark p{color:#C1D8CB}
    .proof-card{background:white;color:var(--ink);border-radius:15px;padding:28px;box-shadow:0 18px 55px rgba(0,0,0,.16)}
    .proof-title{display:flex;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #E8EEE9}
    .proof-title small,.proof-item small{font-size:10px;color:#829188;display:block}
    .proof-title h3{margin:5px 0 0;font-size:17px}
    .verified{background:#DDF5E9;color:#087D64;border-radius:99px;padding:7px 10px;height:fit-content;white-space:nowrap;font-size:10px;font-weight:800}
    .proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}
    .proof-item{border-radius:9px;background:#F5F9F6;padding:14px}
    .proof-item strong{display:block;margin-top:5px;font-size:12px}
    .proof-item.wide{grid-column:1/-1}.proof-item code{font-size:10px;color:#385C4A;overflow-wrap:anywhere}
    .proof-foot{font-size:10px;color:#819187;margin-top:13px}
    .usecases{background:#fff}
    .use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .use-card{border:1px solid var(--line);border-radius:14px;padding:25px;transition:transform .18s,box-shadow .18s}
    .use-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,40,27,.07)}
    .use-icon{background:#E8F7F0;color:var(--mid);width:43px;height:43px;border-radius:11px;display:grid;place-items:center;margin-bottom:22px}
    .use-icon svg{width:20px;height:20px}
    .use-card h3{font-size:17px}.use-card p{font-size:13px;color:var(--txt);margin:0}
    .segments{background:#F8FAF7}
    .segment-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}
    .segment{border-radius:999px;border:1px solid #D9E7DE;background:white;padding:10px 17px;font-weight:690;font-size:13px}
    .segment.main{background:#E5F7ED;color:#087D64;border-color:#B9E8CF}
    .api{background:#101413;color:white}
    .api-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
    .api .kicker{color:#67D4A2}.api p{color:#B1C0B7}
    .code{background:#191F1B;border:1px solid #2C3831;border-radius:15px;overflow:hidden}
    .code-head{border-bottom:1px solid #2C3831;padding:15px 18px;font-size:11px;color:#94A89C}
    .code pre{margin:0;padding:24px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#E0EAE4;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
    .code-green{color:#61E4A7}.code-muted{color:#98B5A4}
    .pricing{background:#fff}
    .price-layout{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:17px}
    .price-card{border:1px solid var(--line);padding:30px;border-radius:17px;display:flex;flex-direction:column;gap:14px}
    .price-card.featured{background:#F0FAF5;border:1px solid #AAE5C6}
    .price-tag{font-size:12px;font-weight:790;color:var(--mid)}
    .price-card h3{font-size:28px;margin:0}.price-card p{color:var(--txt);font-size:13px;margin:0}
    .big-price{font-size:42px;line-height:1;font-weight:850;letter-spacing:-.07em}
    .big-price span{font-size:14px;letter-spacing:0;font-weight:540;color:#6A7D71}
    .price-card .button{width:100%;margin-top:auto}
    .price-fine{text-align:center;font-size:12px;color:#829187;max-width:780px;margin:22px auto 0}
    .faq{background:#F8FAF7}
    .faq-list{max-width:840px;margin:0 auto}
    .faq details{padding:22px 0;border-bottom:1px solid #DDE7E0}
    .faq details:first-child{border-top:1px solid #DDE7E0}
    .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:730;font-size:15px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:'+';font-weight:400;font-size:23px;color:var(--mid)}
    .faq details[open] summary:after{content:'−'}
    .faq details p{color:var(--txt);font-size:14px;margin:12px 32px 0 0}
    .final{padding:100px 0;background:linear-gradient(135deg,#0B4339,#062C27);text-align:center;color:#fff}
    .final h2{max-width:720px;margin:0 auto 18px;font-size:clamp(34px,4.3vw,53px)}
    .final p{color:#C6DCD1;max-width:580px;margin:0 auto 27px}
    .final .tiny-checks{justify-content:center;color:#BAD8C8}
    .footer{background:#07271F;color:#A5BEB0;padding:46px 0 28px}
    .footer .brand b{color:white}.footer .brand b span{color:#32D99B}
    .footer-layout{display:flex;justify-content:space-between;gap:25px;align-items:start}
    .footer-sub{font-size:12px;margin-top:12px;max-width:390px}
    .footer-nav{display:flex;gap:24px;font-size:12px;flex-wrap:wrap}
    .footer-bottom{margin-top:42px;border-top:1px solid #234339;padding-top:22px;font-size:11px;display:flex;justify-content:space-between}
    @media(max-width:1050px){.navlinks{gap:17px}.hero-layout{gap:35px}.mobile-preview{width:145px;right:-10px}.app-layout{grid-template-columns:90px 1fr}.app-main{padding:17px}.statbox{padding:8px}.statbox strong{font-size:17px}.proof-layout,.api-layout,.demo-layout{gap:40px}}
    @media(max-width:860px){.navlinks{display:none;position:absolute;top:75px;left:0;right:0;padding:22px 25px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.navlinks.open{display:flex}.menu-button{display:flex}.hero-layout{grid-template-columns:1fr;gap:65px}.hero{padding-top:65px}.product-stage{max-width:590px;margin:auto}.proof-layout,.demo-layout,.api-layout{grid-template-columns:1fr}.stepgrid{grid-template-columns:repeat(2,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}.section{padding:78px 0}.app-layout{grid-template-columns:105px 1fr}.app-main{padding:24px}}
    @media(max-width:590px){.container{width:min(100% - 34px,1180px)}.nav{min-height:68px}.navlinks{top:68px}.nav-actions .login{display:none}.brand{font-size:23px}.brand img{width:31px;height:31px}.header .button.sm{min-height:38px;padding:0 12px;font-size:11px}.hero{padding:56px 0 87px}.hero h1{font-size:clamp(39px,10vw,50px)}.lede{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.tiny-checks{gap:9px 14px}.product-stage{padding:0 7px 20px 0}.app-layout{grid-template-columns:72px 1fr;min-height:283px}.app-side{padding:12px 4px}.app-side .side-title{font-size:9px;gap:2px}.app-side .side-title img{width:12px;height:12px}.app-menu{font-size:8px;padding:7px 4px}.app-main{padding:16px 10px}.app-main h4{font-size:14px;margin-bottom:10px}.statgrid{gap:4px}.statbox{padding:7px 5px}.statbox label{font-size:7px}.statbox strong{font-size:14px}.tablemock{padding:9px;margin-top:8px}.trow{font-size:8px}.mocktag{right:11px;top:42px}.mobile-preview{width:117px;right:-12px;bottom:-18px}.mobile-preview-inner{min-height:235px;padding:23px 7px 9px}.mobile-preview h5{font-size:10px}.mobile-preview small{font-size:8px}.mini-field{height:20px}.mini-fill{height:22px;line-height:22px}.winbar{height:30px}.compare-layout,.stepgrid,.use-grid,.price-layout{grid-template-columns:1fr}.section-head{margin-bottom:35px}.compare-card,.proof-card{padding:22px}.inter-body{padding:25px 18px}.inter-head{padding:12px}.proof-grid{gap:7px}.proof-item{padding:11px}.proof-item strong{font-size:10px}.proof-title h3{font-size:14px}.footer-layout,.footer-bottom{flex-direction:column}.final{padding:80px 0}.trust-inner{justify-content:flex-start;gap:11px 18px}.code-head{padding:13px 14px;font-size:10px}.code pre{padding:18px 14px;font-size:11px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Vídeo demonstrativo */
.video-section{background:#F8FAF7}
.video-wrap{width:100%;max-width:920px;margin:0 auto;min-width:0}
.video-frame{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #DBE7E0;
  background:#0E1714;
  box-shadow:var(--shadow);
  aspect-ratio:16/9;
}
.lp-video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  background:#0E1714;
}
.video-frame[data-video-ready="true"] .lp-video{display:block}
.video-frame[data-video-ready="true"] .video-cover{display:none}
.video-cover{
  position:absolute;inset:0;z-index:2;
  display:grid;place-items:center;
  border:0;padding:0;cursor:pointer;
  background:transparent;color:#fff;
  width:100%;
  max-width:100%;
}
.video-cover-img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
}
.video-cover-scrim{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,61,54,.08),rgba(6,61,54,.45));
}
.video-cover-play{
  position:relative;z-index:1;
  width:68px;height:68px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.94);
  color:var(--deep);
  box-shadow:0 12px 30px rgba(6,61,54,.22);
  transition:transform .18s ease,background .18s ease;
}
.video-cover-play .material-symbols-outlined{font-size:34px;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}
.video-cover-label{
  position:absolute;z-index:1;bottom:22px;left:50%;
  transform:translateX(-50%);
  font-size:12px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:#fff;
  text-shadow:0 1px 8px rgba(0,0,0,.35);
}
.video-cover:hover .video-cover-play,
.video-cover:focus-visible .video-cover-play{transform:scale(1.05);background:#fff}
.video-cover:focus-visible{outline:3px solid #14B87A;outline-offset:3px}
@media(max-width:590px){
  .video-frame{border-radius:14px}
  .video-cover-play{width:56px;height:56px}
  .video-cover-play .material-symbols-outlined{font-size:28px}
  .video-cover-label{bottom:16px;font-size:11px}
  .product-stage{overflow:hidden;padding-right:18px}
  .mobile-preview{right:0}
}

/* Modo Totem */
.totem{background:#fff}
.totem-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center}
.totem-card{border:1px solid #DBE7E0;background:#fff;border-radius:19px;box-shadow:var(--shadow);overflow:hidden}
.totem-card-head{padding:16px 20px;border-bottom:1px solid #E7EFEA;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6C7B72}
.totem-card-head strong{color:var(--deep)}
.totem-card-body{padding:28px 30px 30px;background:linear-gradient(180deg,#FBFDFA,#F4F9F5)}
.totem-steps{display:grid;gap:12px}
.totem-step{display:flex;gap:14px;align-items:flex-start;border:1px solid #E2EBE5;background:white;border-radius:12px;padding:14px 16px}
.totem-step.done{border-color:#BFEAD1;background:#F0FAF5}
.totem-step-num{width:30px;height:30px;border-radius:8px;background:#E4F6EE;color:var(--mid);display:grid;place-items:center;font-size:12px;font-weight:820;flex:none}
.totem-step.done .totem-step-num{background:var(--green);color:white}
.totem-step strong{display:block;font-size:14px;margin-bottom:3px}
.totem-step p{margin:0;font-size:13px;color:var(--txt);line-height:1.55}
.totem-badge{background:#DDF5E9;color:#087D64;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:1050px){.totem-layout{gap:40px}}
@media(max-width:860px){.totem-layout{grid-template-columns:1fr}}
@media(max-width:590px){.totem-card-body{padding:20px 16px}}

/* Production: Inter loaded via Google Fonts link in HTML */
body{font-optical-sizing:auto}