
:root{
  --navy:#06163e;--navy2:#0b235d;--gold:#e7ad2d;--gold2:#ffd36c;--blue:#0b8ff1;--cyan:#29c8ff;--purple:#6f3cec;
  --ink:#10203f;--muted:#66738d;--line:#e3e8f2;--soft:#f6f8fc;--white:#fff;--green:#16b377;
  --container:min(1180px,calc(100% - 40px));--radius:24px;--shadow:0 24px 70px rgba(17,28,65,.13)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:var(--container);margin-inline:auto}.skip{position:absolute;left:-9999px;top:10px;z-index:1000;background:#fff;padding:10px 15px;border-radius:10px}.skip:focus{left:10px}
.header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,226,239,.72);transition:.2s}.header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 10px 32px rgba(11,21,55,.07)}.h-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center}.brand img{width:auto;height:auto;max-width:215px;max-height:60px;object-fit:contain}.nav{display:flex;gap:24px;align-items:center}.nav a{font-size:13px;font-weight:800;color:#4b5873;position:relative}.nav a:hover{color:#0d6dd9}.h-actions{display:flex;align-items:center;gap:9px}.company-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:#fff;font-size:11px;font-weight:850}.company-btn img{width:20px;height:20px;border-radius:5px;object-fit:contain;box-shadow:0 3px 9px rgba(20,35,85,.14)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:12px 17px;font-size:13px;font-weight:900;border:1px solid transparent;transition:.2s}.btn-primary{background:linear-gradient(115deg,#076dd7,#0ba7ee 58%,#6845eb);color:#fff;box-shadow:0 11px 28px rgba(11,130,230,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(11,130,230,.32)}.btn-outline{border-color:#d9dfec;background:rgba(255,255,255,.75);color:var(--navy)}.btn-outline:hover{background:#fff;transform:translateY(-2px)}.btn-white{background:#fff;color:#0b67c6;box-shadow:0 14px 34px rgba(0,0,0,.15)}.btn-lg{padding:15px 22px;font-size:15px}.menu{display:none;background:#eef2f8;border:0;border-radius:11px;padding:10px;color:var(--navy)}.menu svg{width:22px;height:22px}.mobile-panel{display:none;background:#fff;border-top:1px solid var(--line);padding:10px 20px 22px}.mobile-panel nav{display:grid;gap:3px}.mobile-panel a:not(.btn){padding:11px 5px;font-weight:800}.mobile-panel .btn{margin-top:7px}
.hero{position:relative;padding:150px 0 90px;overflow:hidden;background:linear-gradient(145deg,#06163e 0%,#0a235b 56%,#0b5ea9 100%);color:#fff}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(24px);opacity:.5}.orb.one{width:560px;height:560px;background:radial-gradient(circle,#7c3fed,transparent 68%);left:-250px;top:-120px}.orb.two{width:600px;height:600px;background:radial-gradient(circle,#05a9ec,transparent 68%);right:-260px;bottom:-240px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center;position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:950}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d9eaff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 5px rgba(255,207,89,.08)}.hero h1{font-size:clamp(45px,5vw,69px);line-height:1.02;letter-spacing:-.045em;margin:22px 0 22px;font-weight:950}.hero h1 em,h2 em{font-style:normal;background:linear-gradient(110deg,var(--gold2),#fff0a8 50%,#32c9ff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#d3dced;max-width:660px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0 26px}.hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.06)}.hero .btn-outline:hover{background:rgba(255,255,255,.12)}.trust{display:flex;gap:12px 17px;flex-wrap:wrap;font-size:12px;color:#d5ddec;font-weight:750}.trust span{display:flex;align-items:center;gap:5px}.trust svg{color:#6de4ab;width:15px;height:15px;stroke-width:2.4}
.hero-visual{position:relative}.software-stage{position:relative}.app-window{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.25);transform:perspective(1200px) rotateY(-2deg)}.app-top{height:42px;background:#f3f5f9;border-bottom:1px solid #e0e4ee;display:flex;align-items:center;padding:0 13px;gap:6px}.app-top>span{width:8px;height:8px;border-radius:50%;background:#c9ced9}.app-top>span:first-child{background:#ff8b83}.app-top>span:nth-child(2){background:#ffc36d}.app-top>span:nth-child(3){background:#65d69a}.app-top small{margin-left:10px;color:#7f899e;font-size:8px}.app-body{display:grid;grid-template-columns:58px 1fr;min-height:420px}.app-body aside{background:#081942;padding:16px 12px;display:flex;align-items:center;flex-direction:column;gap:17px}.app-body aside b{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:linear-gradient(135deg,#0ca6ed,#6d43e9);color:#fff;font-size:9px;margin-bottom:5px}.app-body aside i{width:21px;height:6px;border-radius:999px;background:#32446c}.app-body aside i.active{background:#2dbbff}.dashboard{background:#f8faff;padding:20px}.dash-head{display:flex;align-items:end;justify-content:space-between}.dash-head small,.dash-head strong{display:block}.dash-head small{font-size:8px;color:#8993a9}.dash-head strong{font-size:15px;color:#12224c;margin-top:2px}.dash-head>span{font-size:8px;background:#eaf3ff;color:#1777d3;padding:5px 8px;border-radius:7px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.kpis>div{background:#fff;border:1px solid #e6eaf3;border-radius:12px;padding:11px}.kpis small,.kpis strong,.kpis em{display:block}.kpis small{font-size:7px;color:#929bad}.kpis strong{font-size:18px;color:#142655;line-height:1;margin:5px 0}.kpis em{font-style:normal;font-size:7px;color:#94a0b5}.dash-main{display:grid;grid-template-columns:1.45fr .8fr;gap:10px}.chart,.alerts{background:#fff;border:1px solid #e6eaf3;border-radius:13px;padding:13px}.chart-head{display:flex;justify-content:space-between}.chart-head b{font-size:9px;color:#19284f}.chart-head span{font-size:7px;color:#96a0b1}.bars{height:180px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #edf0f5;padding:15px 5px 0}.bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#36c9ff,#1269df 72%,#7145eb)}.alerts>b{font-size:9px;color:#1a294e}.alerts>span{display:flex;align-items:flex-start;gap:6px;padding:11px 0;border-bottom:1px solid #eef0f5;font-size:7px;color:#3f4b66}.alerts>span:last-child{border-bottom:0}.alerts i{width:7px;height:7px;border-radius:50%;margin-top:2px;flex:0 0 auto}.alerts i.ok{background:#1cbd7b}.alerts i.warn{background:#f3aa32}.alerts i.info{background:#2f8ee9}.alerts small{display:block;color:#9ca5b7;margin-top:2px}.float-card{position:absolute;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.94);backdrop-filter:blur(9px);border:1px solid rgba(220,225,238,.9);box-shadow:0 16px 38px rgba(0,0,0,.2);border-radius:14px;padding:10px 13px;color:#17254a}.float-card>div{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#147fdc;background:#eaf6ff}.float-card b,.float-card small{display:block}.float-card b{font-size:9px}.float-card small{font-size:7px;color:#7c879c;margin-top:2px}.fc-mobile{left:-30px;bottom:37px}.fc-cloud{right:-25px;top:68px}.illus{display:block;text-align:right;color:#9db1d0;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:8px}
.proof-strip{border-bottom:1px solid #e8ebf2;background:#fff}.proof-row{min-height:66px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;color:#5f6980;font-size:11px;font-weight:850}.proof-row i{color:#c4cada}
.section{padding:102px 0}.kicker{color:#0b83e7;display:inline-block;margin-bottom:11px}.section-head{max-width:750px;margin-bottom:47px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2,.copy h2,.eq-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:0 0 17px}.section-head p,.copy>p,.eq-copy>p{color:var(--muted);font-size:16px;max-width:680px}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.mini-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.mini-list span{display:flex;align-items:center;gap:7px;color:#52607b;font-size:12px;font-weight:760}.mini-list svg{width:18px;height:18px;color:#14a66f;stroke-width:2.4}.text-link{font-weight:900;color:#0a7bdc;display:inline-flex;gap:8px;margin-top:5px}
.software-section{background:#fff}.mobile-demo{position:relative;min-height:520px;display:grid;place-items:center}.phone{width:260px;height:510px;background:#08173e;border:9px solid #10285e;border-radius:42px;padding:15px;box-shadow:0 30px 70px rgba(9,24,63,.22);position:relative}.speaker{width:65px;height:6px;border-radius:999px;background:#2c3c66;margin:0 auto 18px}.phone-ui{background:#f8fbff;border-radius:27px;height:445px;padding:26px 18px;color:#172548;text-align:center}.phone-ui>small{font-size:9px;color:#8e99ae}.phone-ui h3{font-size:18px;margin:7px 0 18px}.time{font-size:50px;font-weight:950;letter-spacing:-.04em;color:#0c2258}.loc{display:flex;align-items:center;gap:9px;text-align:left;background:#eafaf3;border:1px solid #cdf1df;border-radius:13px;padding:11px;margin:22px 0}.loc svg{color:#16a66e}.loc span{font-size:8px;color:#6e7b8e}.loc b{color:#16895f}.phone-ui button{width:100%;border:0;background:linear-gradient(115deg,#0c82e3,#0aa7e9,#6745e9);color:#fff;border-radius:13px;padding:13px;font-weight:900;font-size:11px}.last{display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left;margin-top:18px;background:#fff;border:1px solid #e5e9f2;border-radius:12px;padding:10px}.last span{font-size:7px;color:#8c96a8}.last b{font-size:10px;color:#17254d}.geo-ring{position:absolute;width:390px;height:390px;border:2px dashed rgba(10,134,232,.28);border-radius:50%;z-index:-1}.geo-ring:before,.geo-ring:after{content:"";position:absolute;inset:28px;border:1px solid rgba(108,67,234,.18);border-radius:50%}.geo-ring:after{inset:62px}.geo-ring span{position:absolute;top:28px;right:15px;background:#fff;color:#0d83df;font-size:8px;font-weight:900;padding:6px 8px;border-radius:999px;box-shadow:0 8px 20px rgba(26,50,91,.1)}
.feature-section{background:var(--soft)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{background:#fff;border:1px solid #e4e8f1;border-radius:19px;padding:24px 21px;transition:.22s}.feature:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(25,35,74,.08);border-color:#cbdcf0}.fi{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f7ff,#eeeaff);color:#147dda;margin-bottom:17px}.fi svg{width:23px;height:23px}.feature h3{font-size:15px;color:var(--navy);margin:0 0 8px}.feature p{font-size:12px;color:var(--muted);margin:0}
.plans-section{background:#fff}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.plan{position:relative;border:1px solid #e2e6ef;border-radius:22px;padding:25px 21px;background:#fff;display:flex;flex-direction:column;min-width:0}.plan.featured{border-color:#8dc8fa;box-shadow:0 22px 48px rgba(12,122,218,.12);background:linear-gradient(165deg,#fff,#f2f9ff)}.ribbon{position:absolute;right:12px;top:12px;background:#0d83e0;color:#fff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:6px 8px}.plan-icon{height:115px;display:grid;place-items:center;color:#0b86e8;background:linear-gradient(135deg,#eef8ff,#f5f1ff);border-radius:15px;margin-bottom:16px}.plan-icon svg{width:50px;height:50px}.plan-img{height:115px;display:grid;place-items:center;margin-bottom:16px;overflow:hidden}.plan-img img{max-height:115px;max-width:100%;object-fit:contain}.plan-type{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#0a80df}.plan h3{font-size:24px;line-height:1.1;color:var(--navy);margin:6px 0 10px}.plan p{font-size:12px;color:var(--muted);min-height:74px}.plan ul{list-style:none;padding:0;margin:2px 0 22px;display:grid;gap:8px}.plan li{font-size:11px;color:#53617a;display:flex;gap:7px}.plan li:before{content:"✓";color:#13a66f;font-weight:950}.plan>a{margin-top:auto;text-align:center;border:1px solid #cfddec;color:#096fc7;padding:11px;border-radius:11px;font-size:11px;font-weight:900}.plan.featured>a{background:#0c82df;color:#fff;border-color:#0c82df}.fine{text-align:center;color:#8b94a8;font-size:9px;margin:14px 0 0}
.equipment-section{background:linear-gradient(145deg,#071842,#0a245c);color:#fff;overflow:hidden}.eq-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px}.eq-copy h2{color:#fff}.eq-copy>p{color:#bdc9de}.eq-copy h2 em{background:linear-gradient(110deg,var(--gold2),#fff1ac);background-clip:text;-webkit-background-clip:text;color:transparent}.equipment-section .kicker{color:#8fd9ff}.compliance{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:14px}.compliance>div{width:38px;height:38px;display:grid;place-items:center;background:rgba(25,180,244,.12);border-radius:10px;color:#5fd8ff}.compliance b,.compliance small{display:block}.compliance b{font-size:12px}.compliance small{font-size:9px;color:#aab7ce;margin-top:3px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-pair figure{margin:0;background:#fff;border-radius:22px;padding:20px;text-align:center;min-width:0}.product-pair img{height:270px;width:100%;object-fit:contain}.product-pair figcaption b,.product-pair figcaption span{display:block}.product-pair figcaption b{color:#13234d;font-size:15px}.product-pair figcaption span{color:#758198;font-size:10px;margin-top:3px}
.why{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e7f0;border-radius:22px;overflow:hidden}.why-grid article{padding:27px 23px;border-right:1px solid #e6e9f1}.why-grid article:last-child{border-right:0}.why-grid article>b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eaf5ff;color:#0a81dd;font-size:10px;margin-bottom:20px}.why-grid h3{font-size:17px;color:var(--navy);margin:0 0 8px}.why-grid p{font-size:11px;color:var(--muted);margin:0}
.access-section{background:#f7f9fc}.access-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.access-img{display:grid;place-items:center;background:#fff;border:1px solid #e2e7f0;border-radius:28px;padding:35px;box-shadow:var(--shadow)}.access-img img{max-height:430px;object-fit:contain}.access-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.access-chips span{font-size:10px;font-weight:850;color:#52617b;background:#fff;border:1px solid #dfe4ef;padding:8px 10px;border-radius:999px}.dark-outline{background:#fff}
.cta{padding:72px 0;background:radial-gradient(circle at 20% 10%,rgba(86,52,226,.6),transparent 28%),radial-gradient(circle at 85% 80%,rgba(0,188,246,.45),transparent 27%),linear-gradient(115deg,#071841,#0c3b80 55%,#075a9b);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:55px}.cta-inner>div{max-width:720px}.kicker.light{color:#9be3ff}.cta h2{font-size:clamp(34px,4vw,50px);line-height:1.05;margin:7px 0 11px}.cta p{color:#d1dbea;max-width:650px;margin:0}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:75px;align-items:start}.faq-list{display:grid;gap:9px}.faq{border:1px solid #e1e6ef;border-radius:15px;overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:18px 19px;display:flex;justify-content:space-between;gap:15px;color:var(--navy);font-weight:850;font-size:13px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#0b84e1;font-size:22px;font-weight:400;transition:.2s}.faq[open] summary span{transform:rotate(45deg)}.faq>div{padding:0 19px 17px}.faq p{font-size:12px;color:var(--muted);margin:0}
.ecosystem{background:linear-gradient(180deg,#f7f9fd,#fff)}.eco-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:13px}.eco{flex:1 1 245px;max-width:275px;min-height:160px;border:1px solid #e2e7f0;background:#fff;border-radius:19px;padding:20px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;transition:.2s}.eco:hover{transform:translateY(-4px);border-color:#bfdaf3;box-shadow:0 14px 34px rgba(24,36,75,.07)}.eco img{width:auto;height:auto;max-width:96%;max-height:82px;object-fit:contain}.eco span{font-size:10px;color:#68748a;font-weight:800}
footer{background:#061333;color:#d6dceb;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:44px}.footer-brand>img{width:auto;height:auto;max-width:260px;max-height:90px;object-fit:contain}.footer-brand>p{color:#8f9bb7;font-size:12px;max-width:350px;margin:15px 0}.contact{display:grid;gap:7px}.contact a{display:grid}.contact b{font-size:9px;color:#dce3f2;text-transform:uppercase;letter-spacing:.08em}.contact span{font-size:10px;color:#93a0bb}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:9px}.footer-grid>div:not(.footer-brand)>b{font-size:11px;color:#fff;margin-bottom:4px}.footer-grid>div:not(.footer-brand)>a{font-size:11px;color:#94a0ba}.footer-grid a:hover{color:#fff}.foot-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:42px;padding-top:18px;border-top:1px solid #1b2a50;color:#73809d;font-size:9px}
.wa{position:fixed;right:18px;bottom:18px;z-index:90;background:#25D366;color:#fff;border-radius:999px;min-height:54px;padding:0 17px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.22);transition:.2s}.wa:hover{transform:translateY(-3px)}.wa svg{width:23px;height:23px}.reveal{opacity:0;transform:translateY(17px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.nav{display:none}.menu{display:inline-flex}.h-cta{display:none}.features{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){:root{--container:min(100% - 30px,1180px)}.section{padding:82px 0}.h-inner{height:74px}.brand img{max-width:185px;max-height:58px}.company-btn span{display:none}.hero{padding:126px 0 70px}.hero-grid,.split,.eq-grid,.access-grid,.faq-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-actions,.trust{justify-content:center}.hero-visual{max-width:680px;width:100%;margin:15px auto 0}.fc-mobile{left:-4px}.fc-cloud{right:-4px}.split,.faq-grid,.eq-grid,.access-grid{gap:45px}.why-grid{grid-template-columns:1fr 1fr}.why-grid article:nth-child(2){border-right:0}.why-grid article:nth-child(-n+2){border-bottom:1px solid #e6e9f1}.product-pair{max-width:700px;margin:auto}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:620px){:root{--container:calc(100% - 24px)}.brand img{max-width:168px;max-height:52px}.company-btn{display:none}.hero h1{font-size:42px}.lead{font-size:16px}.eyebrow{font-size:9px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.app-window{transform:none}.app-body{grid-template-columns:42px 1fr;min-height:350px}.app-body aside{padding-inline:8px}.dashboard{padding:12px}.kpis{gap:5px}.kpis>div{padding:8px}.kpis strong{font-size:14px}.dash-main{grid-template-columns:1fr}.alerts{display:none}.bars{height:140px}.float-card{display:none}.mini-list{grid-template-columns:1fr}.features,.plans{grid-template-columns:1fr}.plan p{min-height:0}.product-pair{grid-template-columns:1fr}.product-pair img{height:230px}.why-grid{grid-template-columns:1fr}.why-grid article{border-right:0!important;border-bottom:1px solid #e6e9f1!important}.why-grid article:last-child{border-bottom:0!important}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.foot-bottom{display:grid;gap:6px}.wa{width:55px;height:55px;padding:0;justify-content:center}.wa span{display:none}.eco{flex-basis:100%;max-width:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.wa,.eco,.feature{transition:none}}


/* ===== Ventura Control V2 — refinamento visual ===== */
.plan-icon-bio,.plan-icon-face{
  position:relative;
  overflow:hidden;
  color:#fff;
}
.plan-icon-bio{
  background:
    radial-gradient(circle at 30% 25%,rgba(78,224,255,.45),transparent 35%),
    linear-gradient(145deg,#0a2a69,#0b88df 62%,#23bee9);
}
.plan-icon-face{
  background:
    radial-gradient(circle at 70% 25%,rgba(97,229,255,.4),transparent 34%),
    linear-gradient(145deg,#35206f,#7042e8 52%,#079fe7);
}
.plan-icon-bio:before,.plan-icon-face:before{
  content:"";
  position:absolute;
  width:78px;
  height:78px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:22px;
  transform:rotate(45deg);
}
.plan-icon-bio span,.plan-icon-face span{
  position:relative;
  z-index:2;
  font-size:11px;
  letter-spacing:.14em;
  font-weight:950;
}

/* Contexto real */
.real-use{
  background:#fff;
  padding-top:90px;
}
.real-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:repeat(2,255px);
  gap:16px;
}
.real-card{
  position:relative;
  overflow:hidden;
  min-height:255px;
  border-radius:26px;
  background:#081842;
  box-shadow:0 20px 50px rgba(15,28,67,.11);
}
.real-main{grid-row:1/3}
.real-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}
.real-card:hover>img{transform:scale(1.035)}
.real-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,15,42,.05),rgba(5,15,42,.9));
}
.real-main .real-shade{
  background:linear-gradient(90deg,rgba(5,15,42,.78),rgba(5,15,42,.10) 70%),linear-gradient(180deg,transparent 45%,rgba(5,15,42,.8));
}
.real-copy{
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  color:#fff;
  z-index:2;
}
.real-copy>span{
  display:inline-block;
  color:#8de2ff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.real-copy h3{
  max-width:560px;
  font-size:25px;
  line-height:1.1;
  margin:7px 0 6px;
}
.real-main .real-copy h3{font-size:33px}
.real-copy p{
  margin:0;
  max-width:520px;
  color:#d7deeb;
  font-size:11px;
}
.real-mobile-card{
  background:
    radial-gradient(circle at 75% 20%,rgba(113,68,236,.55),transparent 30%),
    radial-gradient(circle at 20% 80%,rgba(4,180,242,.35),transparent 36%),
    linear-gradient(145deg,#071842,#0d316e);
}
.mobile-scene{
  position:absolute;
  top:28px;
  right:35px;
  width:145px;
  height:190px;
  border:7px solid #14316b;
  border-radius:24px;
  background:#f8fbff;
  box-shadow:0 18px 38px rgba(0,0,0,.27);
  padding:13px;
}
.mobile-chip{
  position:absolute;
  left:-38px;
  top:34px;
  width:50px;
  height:50px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0aa5e9,#6b44eb);
  color:#fff;
  font-size:9px;
  font-weight:950;
  box-shadow:0 12px 26px rgba(0,0,0,.2);
}
.mobile-ui-mini{display:grid;gap:8px;text-align:center;color:#16305d}
.mobile-ui-mini small{font-size:7px;color:#8290a8}
.mobile-ui-mini strong{font-size:27px;line-height:1}
.mobile-ui-mini span{font-size:7px;color:#18835d;background:#e7f8f1;border-radius:7px;padding:7px 5px}
.mobile-ui-mini button{border:0;background:linear-gradient(115deg,#0c82e3,#6b44eb);color:#fff;font-size:7px;font-weight:900;border-radius:8px;padding:9px}
.dark-copy{right:190px}
.photo-credit{
  color:#8b95a8;
  font-size:9px;
  text-align:right;
  margin:9px 4px 0;
}

/* Equipamentos */
.equipment-top{
  display:grid;
  grid-template-columns:.83fr 1.17fr;
  gap:55px;
  align-items:center;
}
.equipment-showcase{
  position:relative;
  min-height:410px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 25% 25%,rgba(114,67,235,.22),transparent 32%),
    radial-gradient(circle at 75% 70%,rgba(18,181,245,.22),transparent 32%),
    rgba(255,255,255,.04);
}
.eq-grid-pattern{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.eq-glow{
  position:absolute;
  width:280px;
  height:180px;
  border-radius:50%;
  filter:blur(70px);
  opacity:.23;
}
.eq-glow-one{background:#6f42e8;left:10%;top:10%}
.eq-glow-two{background:#0db8ef;right:7%;bottom:5%}
.equipment-showcase>img{
  position:relative;
  z-index:2;
  width:92%;
  max-height:330px;
  object-fit:contain;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.42));
}
.eq-pills{
  position:absolute;
  z-index:3;
  bottom:16px;
  display:flex;
  gap:7px;
}
.eq-pills span{
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.09);
  color:#dfeafb;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.models-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:27px;
}
.model-card{
  position:relative;
  overflow:hidden;
  padding:25px 22px;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
}
.model-featured{
  border-color:rgba(94,194,255,.34);
  background:linear-gradient(145deg,rgba(18,168,238,.14),rgba(105,67,232,.15));
}
.model-step{
  position:absolute;
  top:15px;
  right:17px;
  color:#7290b6;
  font-size:9px;
  font-weight:950;
  letter-spacing:.1em;
}
.model-badge{
  width:59px;
  height:59px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  margin-bottom:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.bio-badge{background:linear-gradient(135deg,#0b6fd1,#24c5f0)}
.face-badge{background:linear-gradient(135deg,#7142e8,#079fe6)}
.mult-badge{background:linear-gradient(135deg,#18316e,#6d43e8)}
.model-card h3{
  color:#fff;
  margin:0 0 9px;
  font-size:20px;
}
.model-card p{
  min-height:70px;
  color:#adb9cd;
  font-size:11px;
}
.model-card ul{
  list-style:none;
  padding:0;
  margin:15px 0 0;
  display:grid;
  gap:7px;
}
.model-card li{
  color:#d7dfec;
  font-size:10px;
}
.model-card li:before{
  content:"✓";
  color:#50d69a;
  font-weight:950;
  margin-right:7px;
}
.eq-fine{color:#8ba0bf}

/* Acesso com contexto */
.access-section{
  background:linear-gradient(180deg,#f5f8fc,#fff);
}
.access-visual-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.access-scene{
  position:relative;
  min-height:455px;
  overflow:hidden;
  border-radius:27px;
  background:#081842;
  box-shadow:0 22px 52px rgba(19,32,70,.12);
}
.scene-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.scene-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,15,42,.10),rgba(5,15,42,.9) 88%);
}
.device-float{
  position:absolute;
  top:24px;
  right:22px;
  width:150px;
  height:188px;
  padding:10px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}
.device-float img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.face-device{width:118px;height:205px}
.face-scan{
  position:absolute;
  top:65px;
  left:40px;
  width:83px;
  height:100px;
  border:2px solid rgba(53,212,255,.85);
  border-radius:18px;
  box-shadow:0 0 28px rgba(37,196,255,.34);
}
.face-scan i{
  position:absolute;
  width:18px;
  height:18px;
  border-color:#64e3ff;
}
.face-scan i:nth-child(1){left:-2px;top:-2px;border-left:3px solid;border-top:3px solid;border-radius:6px 0 0}
.face-scan i:nth-child(2){right:-2px;top:-2px;border-right:3px solid;border-top:3px solid;border-radius:0 6px 0 0}
.face-scan i:nth-child(3){left:-2px;bottom:-2px;border-left:3px solid;border-bottom:3px solid;border-radius:0 0 0 6px}
.face-scan i:nth-child(4){right:-2px;bottom:-2px;border-right:3px solid;border-bottom:3px solid;border-radius:0 0 6px}
.scene-copy{
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  z-index:2;
  color:#fff;
}
.scene-copy>span{
  color:#8fe2ff;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.scene-copy h3{
  max-width:470px;
  margin:7px 0 8px;
  font-size:27px;
  line-height:1.1;
}
.scene-copy p{
  max-width:470px;
  margin:0;
  color:#d5deea;
  font-size:11px;
}
.access-features{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:22px;
}
.access-features span{
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #dde4ef;
  background:#fff;
  color:#54617a;
  font-size:10px;
  font-weight:850;
}
.access-action{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

@media(max-width:860px){
  .real-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .real-main{grid-row:auto}
  .real-card{min-height:330px}
  .equipment-top{grid-template-columns:1fr}
  .models-grid{grid-template-columns:1fr}
  .access-visual-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .real-card{min-height:300px}
  .real-main .real-copy h3,.real-copy h3{font-size:23px}
  .dark-copy{right:26px}
  .mobile-scene{right:22px;opacity:.42}
  .equipment-showcase{min-height:300px}
  .equipment-showcase>img{max-height:245px}
  .access-scene{min-height:420px}
  .device-float{width:120px;height:152px}
  .face-device{width:94px;height:168px}
  .scene-copy h3{font-size:23px}
}


/* ===== V3 | Revisão fina dos blocos de Planos e Acesso ===== */
.plans-real{
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.plans-real .plan{
  padding:0;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid #e1e7f0;
  box-shadow:0 14px 34px rgba(17,31,68,.06);
}
.plans-real .plan.featured{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border-color:#91cbfb;
  box-shadow:0 22px 48px rgba(12,122,218,.12);
}
.plan-media{
  position:relative;
  height:170px;
  overflow:hidden;
  background:#0a1b49;
}
.plan-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.plan:hover .plan-media img{transform:scale(1.04)}
.plan-media-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(9,21,50,.12),rgba(9,21,50,.55));
}
.plan-media-pill{
  position:absolute;
  left:16px;
  bottom:14px;
  z-index:2;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(8px);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.plan-body{
  display:flex;
  flex-direction:column;
  min-height:430px;
  padding:22px 21px 24px;
}
.plans-real .plan-type{
  display:inline-block;
  margin-bottom:4px;
}
.plans-real .plan h3{
  font-size:23px;
  line-height:1.08;
  margin:5px 0 10px;
}
.plans-real .plan p{
  min-height:92px;
}
.plans-real .plan ul{
  margin-top:4px;
}
.plans-real .plan>a{
  margin-top:auto;
}
.plans-real .ribbon{
  z-index:5;
}

/* Acesso */
.access-visual-grid-pro{
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.access-visual-grid-pro .access-scene{
  min-height:465px;
  border-radius:28px;
  box-shadow:0 24px 56px rgba(18,32,72,.12);
}
.access-scene-gym .scene-bg{
  object-position:center center;
}
.access-device-frame{
  position:absolute;
  right:18px;
  top:18px;
  bottom:18px;
  width:40%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  z-index:2;
  pointer-events:none;
}
.access-crop-device{
  max-width:100%;
  max-height:92%;
  object-fit:contain;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.38));
}
.access-scene-gym .scene-shade{
  background:
    linear-gradient(90deg,rgba(5,15,42,.88) 0%,rgba(5,15,42,.62) 45%,rgba(5,15,42,.28) 70%,rgba(5,15,42,.18) 100%),
    linear-gradient(180deg,rgba(5,15,42,.08),rgba(5,15,42,.88) 88%);
}
.access-scene-face .scene-bg{
  object-fit:cover;
}
.access-scene-face .scene-shade{
  background:linear-gradient(90deg,rgba(6,18,46,.15),rgba(6,18,46,.25) 40%,rgba(6,18,46,.78) 100%),
             linear-gradient(180deg,rgba(6,18,46,.02),rgba(6,18,46,.78) 90%);
}
.access-visual-grid-pro .scene-copy{
  max-width:62%;
}
.access-scene-face .scene-copy{
  left:auto;
  right:24px;
  text-align:left;
  max-width:46%;
}
.access-scene-gym .scene-copy h3,
.access-scene-face .scene-copy h3{
  font-size:26px;
}
.access-scene-gym .scene-copy p,
.access-scene-face .scene-copy p{
  font-size:11px;
  color:#d7dfec;
}

@media (max-width: 1100px){
  .plans-real{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width: 860px){
  .plans-real{
    grid-template-columns:1fr;
  }
  .access-visual-grid-pro{
    grid-template-columns:1fr;
  }
  .access-visual-grid-pro .scene-copy,
  .access-scene-face .scene-copy{
    max-width:100%;
    right:24px;
    left:24px;
  }
  .access-device-frame{
    width:34%;
  }
}
@media (max-width: 620px){
  .plan-media{
    height:190px;
  }
  .plan-body{
    min-height:auto;
  }
  .access-visual-grid-pro .access-scene{
    min-height:430px;
  }
  .access-device-frame{
    right:10px;
    top:16px;
    width:34%;
  }
}


/* ===== Ventura Control V3 FINAL ===== */

/* Planos: fotos reais com leitura mais premium */
.plans-real .plan{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.plans-real .plan:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 54px rgba(17,31,68,.11);
}
.plan-media{
  height:185px;
}
.plan-media img{
  object-position:center;
  filter:saturate(.96) contrast(1.03);
}
.plan-media-shade{
  background:
    linear-gradient(180deg,rgba(8,21,51,.02) 25%,rgba(8,21,51,.78) 100%);
}
.plan-media-pill{
  left:15px;
  bottom:14px;
  background:rgba(7,24,61,.58);
  border-color:rgba(255,255,255,.2);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.plans-real .plan.featured .plan-media-pill{
  background:linear-gradient(110deg,rgba(90,52,220,.86),rgba(8,138,226,.86));
}
.plan-body{
  min-height:415px;
}
.plans-real .plan p{
  min-height:78px;
}

/* Acesso: equipamento real integrado ao cenário, sem caixa branca */
.access-scene-gym .access-device-frame{
  width:44%;
  right:0;
  top:5%;
  bottom:4%;
  align-items:center;
}
.access-scene-gym .access-crop-device{
  width:100%;
  height:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.42));
}
.access-scene-gym .scene-copy{
  max-width:54%;
}
.access-scene-gym .scene-shade{
  background:
    linear-gradient(90deg,rgba(5,15,42,.94) 0%,rgba(5,15,42,.76) 42%,rgba(5,15,42,.25) 72%,rgba(5,15,42,.1) 100%),
    linear-gradient(180deg,rgba(5,15,42,.04),rgba(5,15,42,.78) 92%);
}
.access-scene-face .scene-copy{
  background:rgba(5,18,49,.46);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  padding:17px 18px;
  bottom:18px;
}
.access-scene-face .scene-shade{
  background:
    linear-gradient(90deg,rgba(6,18,46,.05),rgba(6,18,46,.18) 45%,rgba(6,18,46,.52) 100%),
    linear-gradient(180deg,rgba(6,18,46,0),rgba(6,18,46,.58) 92%);
}
.access-visual-grid-pro .access-scene{
  border:1px solid rgba(25,56,103,.09);
}

/* Texto de crédito discreto */
.photo-credit{
  font-size:9px;
  color:#97a0b2;
  text-align:right;
  margin-top:10px;
}

@media(max-width:860px){
  .access-scene-gym .scene-copy{
    max-width:100%;
  }
  .access-scene-gym .access-device-frame{
    width:38%;
    opacity:.9;
  }
}
@media(max-width:620px){
  .plan-media{height:205px}
  .plans-real .plan p{min-height:auto}
  .access-scene-gym .access-device-frame{
    width:43%;
    opacity:.58;
  }
  .access-scene-face .scene-copy{
    left:18px;
    right:18px;
    max-width:none;
  }
}
