:root {
  --navy: #262c5e;
  --slate: #a3b8c5;
  --graphite: #2b2b2b;
  --white: #fff;
  --surface: #f3f5f7;
  --line: rgb(163 184 197 / 17%);
}
*, *::before, *::after { box-sizing: border-box; }


.background {
  position: relative;
  isolation: isolate;
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(115deg, #fff 0%, #f8f9fb 46%, #edf1f5 100%);
}
.background::before { display: none;
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 86px;
  background: rgb(255 255 255 / 80%);
  border-bottom: 1px solid rgb(38 44 94 / 7%);
}
.background::after { display: none;
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 12px;
  background: var(--navy);
}
.background-glow {
  position: absolute;
  width: min(76vw, 1000px);
  aspect-ratio: 1;
  right: -17%;
  top: 3%;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(163 184 197 / 42%) 0%, rgb(163 184 197 / 15%) 40%, transparent 70%);
}
.background-grid {
  position: absolute;
  inset: 0 0 0 44%;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 65% 45%, #000 0%, transparent 70%);
}
.background-orbit {
  position: absolute;
  right: -11vw;
  top: 50%;
  width: 58vw;
  aspect-ratio: 1;
  border: 1px solid rgb(38 44 94 / 12%);
  border-radius: 50%;
  transform: translateY(-43%) rotate(-20deg);
}
.background-orbit-two {
  width: 42vw;
  right: -3vw;
  border-color: rgb(38 44 94 / 9%);
}
.background-line {
  position: absolute;
  right: 12%;
  top: 21%;
  height: 62%;
  width: 1px;
  background: linear-gradient(transparent, rgb(38 44 94 / 16%), transparent);
  transform: rotate(35deg);
}
.background-star {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 12%;
  top: 28%;
  background: var(--navy);
  clip-path: polygon(46% 0, 54% 0, 58% 40%, 88% 14%, 94% 20%, 66% 47%, 100% 46%, 100% 54%, 65% 57%, 92% 85%, 86% 91%, 57% 65%, 54% 100%, 46% 100%, 42% 65%, 14% 91%, 8% 85%, 35% 57%, 0 54%, 0 46%, 35% 43%, 7% 20%, 13% 14%, 42% 40%);
}
@media (max-width: 700px) {
  .background::before { display: none; height: 72px; }
  .background-glow { width: 160vw; right: -95%; top: 27%; }
  .background-grid { inset: 0 0 0 10%; background-size: 44px 44px; opacity: .6; }
  .background-orbit { width: 115vw; right: -65vw; top: 61%; }
  .background-orbit-two { width: 85vw; right: -50vw; }
  .background-star { right: 10%; top: 24%; width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}



@font-face{font-family:Manrope;src:url('regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--ink:#262c5e;--muted:#5f6678;--border:#e1e5eb;--radius:22px;--shadow:0 25px 75px rgb(38 44 94 / 10%);--max:1240px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.05em}p{color:var(--muted)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}button{border:0}address{font-style:normal}ul{padding-left:21px}li{padding-left:4px}
[hidden]{display:none!important}:focus-visible{outline:3px solid #65819a;outline-offset:5px}
.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.h1{font-size:clamp(48px,5.5vw,78px);font-weight:700;line-height:1.06;letter-spacing:-.065em}
.h1 span,.h2 span{color:#607789}
.h2{font-size:clamp(32px,3.6vw,50px);font-weight:700}
.h3{font-size:23px;line-height:1.25;font-weight:700}
.t1{font-size:17px}.t2{font-size:14px}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.14em}
.eyebrow-dot,.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--navy)}
.eyebrow-dot{box-shadow:0 0 0 5px rgb(163 184 197 / 18%)}
.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:14px 22px;font-size:12px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}
.btn{background:var(--navy);color:var(--white);border:1px solid var(--navy);border-radius:8px}
.btn:hover{background:#343c78;transform:translateY(-2px)}
.btn2{padding-inline:0;border-bottom:1px solid transparent}.btn2:hover{border-color:currentColor}
.btn span,.btn2 span{font-size:21px}.btn-light{background:var(--white);border-color:var(--white);color:var(--navy)}.btn-light:hover{background:#eaf0f4}
.lnk{font-size:12px;font-weight:600}.lnk:hover{text-decoration:underline;text-underline-offset:5px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:27px}
.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}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--navy);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
.nav{position:sticky;top:0;z-index:30;height:86px;background:rgb(255 255 255 / 96%);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{width:143px;display:block;flex-shrink:0}.brand img{width:100%;height:auto}
.nav nav{display:flex;align-items:center;gap:27px}.nav-cta{min-height:42px;font-size:11px;padding:10px 17px;gap:22px}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero>.background{z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;min-height:655px;padding-top:62px;padding-bottom:62px}
.hero-copy{position:relative;z-index:1}.hero-description{max-width:470px;margin:27px 0 32px;line-height:1.8}
.hero-categories{display:flex;gap:24px;margin-top:37px;font-size:11px;color:#545e73}
.hero-categories span{display:flex;gap:8px;align-items:center}.hero-categories span::before{content:"";width:5px;height:5px;border:1px solid var(--slate);border-radius:50%}
.hero-visual{position:relative;padding-top:50px;padding-bottom:70px;min-width:0}
.connection-label{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;position:absolute;right:14px;top:10px;background:white;border:1px solid #e0e6eb;border-radius:50px;font-size:10px;padding:10px 15px;box-shadow:0 8px 20px #262c5e07}
.dashboard{overflow:hidden;background:var(--navy);color:white;border:1px solid #454c7d;border-radius:17px;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);box-shadow:20px 30px 65px #262c5e25}
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #ffffff17;font-size:15px;font-weight:700;letter-spacing:.08em}
.dashboard-main{display:flex}.dashboard-rail{flex:0 0 52px;border-right:1px solid #ffffff17;padding:23px 15px;display:grid;align-content:start;gap:22px}
.dashboard-rail b{font-size:19px;line-height:1}.dashboard-rail i{display:block;width:18px;height:7px;background:#ffffff24;border-radius:2px}
.dashboard-content{padding:25px 23px 20px;flex:1;min-width:0}.ui-eyebrow{font-size:7px;color:#c0ceda;letter-spacing:.1em}
.dashboard-content h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:10px 0 23px}
.dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-metrics div{background:#ffffff0b;border:1px solid #ffffff16;border-radius:7px;padding:12px}
.dashboard-metrics span,.dashboard-metrics strong{display:block}.dashboard-metrics span{font-size:8px;color:#c1cfda}.dashboard-metrics strong{font-size:14px;font-weight:500;margin-top:5px}
.chart{height:124px;display:flex;gap:12px;align-items:flex-end;padding:20px 4px 0;margin:10px 0 19px;background:repeating-linear-gradient(to top,#ffffff11 0 1px,transparent 1px 30px)}
.chart span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#bacbd7,#70819e)}
.chart span:nth-child(1){height:30%}.chart span:nth-child(2){height:51%}.chart span:nth-child(3){height:40%}.chart span:nth-child(4){height:68%}.chart span:nth-child(5){height:55%}.chart span:nth-child(6){height:77%}.chart span:nth-child(7){height:66%}.chart span:nth-child(8){height:88%}.chart span:nth-child(9){height:100%}
.dashboard-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff20;padding-top:13px;font-size:7px;color:#c4d2de}
.hero-mini{position:absolute;bottom:35px;left:-15px;display:flex;align-items:center;gap:13px;background:white;border:1px solid #e1e5eb;border-radius:11px;padding:17px 22px;box-shadow:var(--shadow)}
.mini-symbol{font-size:26px;color:var(--navy);line-height:1}.hero-mini strong,.hero-mini div>span{display:block}.hero-mini strong{font-size:12px}.hero-mini div>span{font-size:9px;color:var(--muted);margin-top:2px}
.hero-bottom{padding-block:23px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #262c5e13;font-size:11px;color:#5d6679}
.hero-bottom a{color:var(--navy)}.hero-bottom a span{padding-left:16px}
.section,.section2,.section3,.section4,.section5,.section6{padding:110px 0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}
.section-intro{font-size:14px;line-height:1.9;max-width:360px}.section-heading .section-intro{padding-bottom:5px}
.filters{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:28px}
.filter{background:none;border-radius:6px;padding:10px 18px;font-size:11px;min-height:42px}
.filter[aria-pressed=true]{background:var(--navy);color:white}.filter span{margin-left:11px;font-size:9px;opacity:.75}
.filter:hover{box-shadow:inset 0 0 0 1px var(--slate)}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:28px;background:#fbfcfd;display:flex;flex-direction:column}
.card:hover{border-color:#a3b8c5;box-shadow:0 18px 40px #262c5e08}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.product-number{font-size:12px;color:#697b8e;font-weight:600}.product-arrow{font-size:25px;line-height:1}
.card h3{margin-bottom:13px}.card .t2{min-height:50px;font-size:13px;line-height:1.8}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:27px 0 26px}.tags span{font-size:8px;background:#eaf0f4;border-radius:4px;padding:5px 7px;color:#505f73}
.product-open{background:transparent;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 0 0;border-top:1px solid var(--border);text-align:left;font-size:11px}
.product-open span{font-size:20px}
.management{background:#f2f5f7}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.management .section-intro{margin-top:22px}.portal-tabs{display:flex;gap:14px;border-bottom:1px solid #d4dce3;margin-top:29px;margin-bottom:23px}
.portal-tab{padding:12px 0;background:transparent;font-size:10px;font-weight:600;border-bottom:2px solid transparent;flex:1;line-height:1.5}
.portal-tab[aria-selected=true]{border-color:var(--navy)}[role=tabpanel] .h3{font-size:19px;margin-bottom:12px}
[role=tabpanel]>p{font-size:13px;line-height:1.8;max-width:450px}[role=tabpanel]{min-height:215px}
.check-list{list-style:none;padding:0;margin:18px 0 0;font-size:11px;color:#4e5c70}.check-list li{padding:4px 0 4px 20px;position:relative}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--navy);font-weight:700}
.management-visual{position:relative;padding:40px 30px 75px 0;min-width:0}
.management-label{font-size:7px;letter-spacing:.1em;display:flex;align-items:center;gap:9px;margin-bottom:15px}
.management-board{border:1px solid #d7e0e6;border-radius:15px;background:white;padding:28px;box-shadow:var(--shadow)}
.management-board>.ui-eyebrow{color:#677c90;font-size:8px}.management-board h3{font-size:25px;font-weight:600;margin:12px 0 26px}
.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.board-grid>div{padding:18px 14px;background:#f0f3f7;border-radius:9px;min-height:82px}
.board-grid span,.board-grid strong{display:block}.board-grid span{font-size:8px;color:#69788b}.board-grid strong{font-size:13px;font-weight:600;margin-top:5px}
.board-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:22px;margin-top:25px;border-top:1px solid var(--border);font-size:8px}
.board-bottom>span:last-child{font-size:21px;line-height:1}
.phone{position:absolute;right:-12px;bottom:31px;width:144px;min-height:276px;background:var(--navy);border:5px solid #242945;border-radius:29px;padding:27px 15px 20px;color:white;box-shadow:0 17px 30px #262c5e30}
.phone-speaker{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;background:#111735;border-radius:4px}
.phone-brand{font-size:10px;font-weight:700;letter-spacing:.04em}.phone p{color:#c7d7e3;font-size:9px;margin-top:18px}
.phone>strong{display:block;font-size:28px;line-height:1.12;letter-spacing:-.04em;margin-top:6px}
.phone-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:19px}.phone-options span{font-size:7px;padding:7px 4px;text-align:center;background:#ffffff15;border-radius:5px}
.phone-line{height:5px;border-radius:4px;background:#ffffff20;margin-top:14px}
.white-label{background:var(--navy);color:white;position:relative;overflow:hidden}
.white-label .eyebrow{color:#bacbd7}.white-label .h2{font-size:clamp(43px,4.5vw,64px)}.white-label .h2 span{color:#b3c5d1}
.wl-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.wl-intro{max-width:360px;margin-left:auto}
.wl-intro p{font-size:17px;color:#d4dce7;line-height:1.8;margin-bottom:27px}
.brand-lab{margin-top:65px;border:1px solid #ffffff21;border-radius:20px;background:linear-gradient(115deg,#ffffff0c,#ffffff03);padding:42px 45px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.brand-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:23px}.brand-copy .h3{font-size:31px;line-height:1.2}.brand-copy>p:not(.eyebrow){font-size:12px;color:#ced9e3;max-width:315px;margin-top:20px;line-height:1.9}
.swatches{display:flex;align-items:center;gap:11px;margin-top:27px;flex-wrap:wrap}
.swatch{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff40;outline-offset:4px}.swatch[aria-pressed=true]{outline:1px solid #d3dfe8}.swatch.navy{background:#262c5e}.swatch.slate{background:#a3b8c5}.swatch.graphite{background:#2b2b2b}.swatches>span{font-size:8px;color:#cad4e0;margin-left:7px}
.brand-art{--demo:#262c5e;position:relative;padding:12px 34px 45px 0;min-width:0}
.brand-art[data-color=slate]{--demo:#a3b8c5}.brand-art[data-color=graphite]{--demo:#2b2b2b}
.brand-window{background:white;color:var(--navy);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #12183440}
.brand-window-top{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--demo);padding:18px 20px;color:white;transition:background .2s}
.brand-art[data-color=slate] .brand-window-top,.brand-art[data-color=slate] .brand-phone{color:var(--navy)}
.brand-window-top strong{font-size:11px;letter-spacing:.02em}.brand-window-top>span{font-size:7px}
.brand-window-content{padding:18px 20px}.brand-window-content>span{font-size:9px;color:#59687c}
.brand-window-tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:15px}.brand-window-tiles i{height:36px;border:1px solid #dfe5ed;background:#f3f5f7;border-radius:5px}
.brand-window-bars{height:90px;display:flex;align-items:end;gap:15px;margin-top:20px;padding:10px 0 0;border-bottom:1px solid #dce3ea}
.brand-window-bars i{flex:1;background:var(--demo);opacity:.65;border-radius:3px 3px 0 0;transition:background .2s}
.brand-window-bars i:nth-child(1){height:35%}.brand-window-bars i:nth-child(2){height:60%}.brand-window-bars i:nth-child(3){height:48%}.brand-window-bars i:nth-child(4){height:75%}.brand-window-bars i:nth-child(5){height:63%}.brand-window-bars i:nth-child(6){height:95%}
.brand-phone{position:absolute;right:0;bottom:23px;width:108px;height:205px;padding:27px 14px;border:4px solid #d9e2e9;background:var(--demo);color:white;border-radius:22px;box-shadow:0 15px 30px #12183460;transition:background .2s}
.brand-phone strong{font-size:17px;line-height:1.15;display:block;letter-spacing:-.02em}
.brand-phone>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:23px}.brand-phone i{height:23px;background:#ffffff30;border-radius:4px}
.wl-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}
.card2>span{font-size:11px;color:#c3d0dc;border-top:1px solid #ffffff30;display:block;padding-top:18px;margin-bottom:20px}
.card2 .h3{font-size:21px}.card2 p{font-size:12px;color:#ced8e4;margin-top:13px;line-height:1.9;max-width:310px}
.operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}
.card3{padding-top:25px;border-top:1px solid var(--border)}.feature-number{display:block;color:#667b8e;font-size:8px;font-weight:600;letter-spacing:.1em;margin-bottom:24px}
.card3 .h3{font-size:22px}.card3 p{font-size:13px;line-height:1.9;margin-top:14px;max-width:300px}
.about{background:#f2f5f7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.about .h2{font-size:clamp(32px,3vw,43px)}.about .section-intro{margin-top:25px;font-size:16px;max-width:450px}
.about-grid>div>p:not(.eyebrow):not(.section-intro){font-size:13px;line-height:1.9;margin-top:15px;max-width:450px}
.signature{font-size:14px;font-weight:600;display:inline-block;margin-top:30px}
.pillars article{display:grid;grid-template-columns:35px 1fr 20px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #d7dfe7}
.pillars article:first-child{padding-top:0}.pillar-number{font-size:10px;color:#677e91}.pillars .h3{font-size:24px}
.pillars p{font-size:11px;margin-top:7px}.pillars article>span:last-child{font-size:24px}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-grid>div>p:not(.eyebrow){font-size:13px;max-width:290px;margin-top:24px}
.faq-list{border-top:1px solid var(--border)}.card4{border-bottom:1px solid var(--border)}
.card4 summary{list-style:none;cursor:pointer;padding:22px 30px 22px 0;position:relative;font-size:13px;font-weight:600;line-height:1.7}
.card4 summary::-webkit-details-marker{display:none}.card4 summary::after{content:"+";position:absolute;right:0;top:19px;font-size:24px;line-height:1;font-weight:400}.card4[open] summary::after{content:"−"}
.card4 p{font-size:12px;line-height:1.9;margin:0 30px 23px 0}
.closing{position:relative;background:var(--navy);color:white;overflow:hidden}
.closing::after{content:"";position:absolute;right:-15%;top:-40%;width:60%;aspect-ratio:1;border:1px solid #ffffff19;border-radius:50%;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04;pointer-events:none}
.closing-inner{position:relative;z-index:1;padding-block:75px}.closing .eyebrow{color:#b8cbd9}.closing .h2{font-size:clamp(35px,4.2vw,58px);max-width:800px}
.closing .actions{margin-top:31px}.closing-email{display:inline-block;font-size:11px;color:#c4d1df;margin-top:23px}
.footer{padding:55px 0 25px;background:white}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start;padding-bottom:35px;border-bottom:1px solid var(--border)}
.footer-top p{font-size:11px;margin-top:20px}.footer-top nav{display:flex;gap:28px;flex-wrap:wrap;font-size:11px}
.footer-company{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;padding:30px 0;font-size:11px;color:#5c677b}.footer-company strong{grid-column:1/-1;color:var(--navy);font-size:11px}
.footer-company>div{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.footer-company a:hover,.footer-bottom a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border);padding-top:22px;font-size:9px;color:#5c677b}.footer-bottom nav{display:flex;gap:20px}
dialog{border:1px solid #e0e5ec;border-radius:20px;padding:45px;max-width:min(650px,calc(100% - 32px));max-height:85svh;overflow:auto;color:var(--navy);box-shadow:0 30px 100px #0c123f35}
dialog::backdrop{background:rgb(19 25 51 / 60%);backdrop-filter:blur(5px)}
.dialog-close{position:absolute;right:18px;top:13px;font-size:30px;line-height:1;background:none;min-width:36px;min-height:36px}
dialog .eyebrow{font-size:8px;padding-right:20px}dialog .h2{font-size:36px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:25px}
dialog ul{font-size:13px;line-height:1.9;color:#566378;margin:25px 0}dialog li{margin:8px 0}
dialog .dialog-benefit{background:#f0f4f7;padding:18px;border-radius:8px;font-size:12px!important;margin-bottom:25px}
body.modal-open{overflow:hidden}
@media(min-width:1450px){.hero-grid{min-height:710px;gap:65px}}
@media(max-width:1100px){
.container{width:calc(100% - 64px)}.nav nav{gap:17px}.nav-inner{gap:22px}.nav-cta{padding:10px 12px;gap:12px}
.hero-grid{min-height:610px;gap:23px}.h1{font-size:60px}.hero-description{font-size:15px}.hero .actions{gap:15px}.hero .btn,.hero .btn2{font-size:11px;gap:16px}
.dashboard-content{padding:21px 17px}.dashboard-content h3{font-size:20px}.dashboard-rail{flex-basis:40px;padding-inline:11px}.chart{gap:9px;height:105px}
.hero-mini{left:0;padding:13px 17px}.management-grid,.about-grid,.faq-grid{gap:45px}
.card{padding:25px}.card .h3{font-size:21px}.tags{gap:5px}.tags span{font-size:7px}
.brand-lab{padding:35px;gap:30px}.brand-copy .h3{font-size:28px}.brand-phone{width:95px;height:187px}
}
@media(max-width:850px){
.nav-cta{display:none}.nav nav{gap:24px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:55px}
.hero-copy{max-width:650px}.hero .h1{font-size:clamp(56px,8.5vw,75px)}.hero-description{max-width:470px;font-size:16px}
.hero-visual{width:min(520px,85%);justify-self:center;margin-top:20px}
.hero-bottom{margin-top:0}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.management-grid{grid-template-columns:1fr;gap:25px}.management-grid>div:first-child{max-width:650px}.management-visual{width:min(560px,90%);justify-self:center}
.section,.section2,.section3,.section4,.section5,.section6{padding-block:80px}
.wl-heading{gap:35px}.wl-intro p{font-size:14px}.brand-lab{grid-template-columns:1fr;gap:30px}
.brand-copy>p:not(.eyebrow){max-width:450px}.brand-art{width:min(490px,90%);justify-self:center}.brand-copy .h3 br{display:none}
.wl-features{gap:24px}.card2 .h3{font-size:18px}.operation-grid{gap:25px}.card3 .h3{font-size:18px}
.about-grid{gap:35px}.about .h2{font-size:32px}.pillars .h3{font-size:21px}.pillars article{gap:10px}
.faq-grid{grid-template-columns:1fr;gap:35px}.faq-grid>div>p:not(.eyebrow){max-width:none}
}
@media(max-width:600px){
.container{width:calc(100% - 40px)}.nav{height:72px}.brand{width:127px}.nav-inner{gap:16px}.menu-toggle{display:flex;gap:15px;align-items:center;justify-content:center;background:transparent;padding:10px 2px 10px 15px;font-size:12px;min-height:44px}.menu-toggle span{font-size:24px;line-height:1}
.nav nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 20px 24px;background:white;box-shadow:0 20px 30px #262c5e12;border-bottom:1px solid var(--border)}.nav nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav nav a{padding:12px 0;font-size:14px}
.h1,.hero .h1{font-size:clamp(44px,10.3vw,61px)}.h2{font-size:34px}.h3{font-size:22px}.eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:23px}
.hero-grid{padding-top:43px;padding-bottom:25px;gap:10px}.hero-description{font-size:14px;line-height:1.9;margin-top:24px;margin-bottom:25px}.hero .actions{gap:12px 20px}.hero .btn{font-size:10px;padding:13px 16px;gap:16px;min-height:48px}.hero .btn2{font-size:10px;min-height:44px}
.hero-categories{font-size:9px;gap:17px;margin-top:27px}.hero-visual{width:calc(100% - 4px);margin-top:20px;padding-top:47px;padding-bottom:66px}.connection-label{font-size:8px;right:0;top:7px;padding:8px 12px}
.dashboard{transform:none;border-radius:12px}.dashboard-heading{padding:15px 16px;font-size:12px}.dashboard-content{padding:18px 14px}.dashboard-rail{flex-basis:34px;padding:20px 8px;gap:18px}.dashboard-rail b{font-size:15px}.dashboard-rail i{width:14px}
.ui-eyebrow{font-size:6px}.dashboard-content h3{font-size:19px;margin:9px 0 18px}.dashboard-metrics div{padding:10px}.dashboard-metrics strong{font-size:11px}.dashboard-metrics span{font-size:7px}.chart{height:95px;gap:9px}.dashboard-foot{font-size:6px}
.hero-mini{padding:12px 16px;bottom:29px;left:10px}.hero-mini strong{font-size:10px}.hero-mini div>span{font-size:8px}.mini-symbol{font-size:23px}
.hero-bottom{padding-block:18px;align-items:flex-start;gap:10px;font-size:8px}.hero-bottom .lnk{font-size:8px}.hero-bottom a span{padding-left:6px}
.section,.section2,.section3,.section4,.section5,.section6{padding-block:62px}
.section-heading{display:block;margin-bottom:26px}.section-heading .section-intro{margin-top:22px;font-size:12px;line-height:1.8}
.filters{gap:3px;margin-bottom:22px;padding-bottom:15px}.filter{padding:9px 10px;font-size:9px;min-height:40px}.filter span{font-size:8px;margin-left:6px}
.products-grid{grid-template-columns:1fr;gap:16px}.card{padding:25px}.card-top{margin-bottom:25px}.card .h3{font-size:24px}.card .t2{min-height:0;font-size:13px;max-width:360px}.tags{margin:24px 0 20px}.tags span{font-size:8px}.product-open{font-size:11px;min-height:44px}
.management .section-intro{font-size:13px}.portal-tabs{gap:10px;margin-top:23px}.portal-tab{font-size:9px;padding-block:12px}[role=tabpanel]{min-height:220px}[role=tabpanel] .h3{font-size:20px}
.management-visual{width:100%;padding:16px 24px 57px 0;margin-top:2px}.management-label{font-size:6px;gap:7px}.management-label .status-dot{width:5px;height:5px}.management-board{padding:21px 17px;border-radius:12px}.management-board h3{font-size:21px;margin-bottom:22px}.board-grid{gap:8px}.board-grid>div{padding:14px 10px;min-height:71px}.board-grid strong{font-size:11px}.board-grid span{font-size:7px}.board-bottom{font-size:6px;padding-top:18px;margin-top:22px;padding-right:40px}
.phone{right:-3px;bottom:29px;width:105px;min-height:219px;border-width:4px;border-radius:23px;padding:24px 10px 15px}.phone-brand{font-size:8px}.phone p{font-size:7px;margin-top:13px}.phone>strong{font-size:22px}.phone-options{gap:5px;margin-top:15px}.phone-options span{font-size:6px;padding:6px 3px}.phone-line{margin-top:10px;height:4px}.phone-speaker{width:27px;height:3px;top:7px}
.wl-heading{grid-template-columns:1fr;gap:25px}.white-label .h2{font-size:46px}.wl-intro{max-width:340px;margin-left:0}.wl-intro p{font-size:14px;margin-bottom:22px}
.brand-lab{margin-top:37px;padding:26px 21px 30px;gap:30px;border-radius:16px}.brand-copy .eyebrow{font-size:7px;margin-bottom:20px}.brand-copy .h3{font-size:27px}.brand-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:17px}.swatches{gap:10px}.swatches>span{font-size:7px}
.brand-art{width:100%;padding-right:20px;padding-bottom:38px}.brand-window-top{padding:15px 12px}.brand-window-top strong{font-size:9px}.brand-window-top>span{font-size:6px}.brand-window-content{padding:15px 12px}.brand-window-content>span{font-size:7px}.brand-window-tiles{gap:6px}.brand-window-tiles i{height:30px}.brand-window-bars{height:79px;gap:10px;margin-top:12px}.brand-phone{width:82px;height:165px;right:-5px;bottom:24px;border-radius:18px;padding:23px 10px;border-width:3px}.brand-phone strong{font-size:13px}.brand-phone>div{gap:6px;margin-top:19px}.brand-phone i{height:18px}
.wl-features{grid-template-columns:1fr;gap:24px;margin-top:32px}.card2>span{padding-top:15px;margin-bottom:13px}.card2 .h3{font-size:21px}.card2 p{font-size:12px;max-width:none;margin-top:10px}
.operation-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.card3{padding-top:20px}.feature-number{margin-bottom:16px}.card3 .h3{font-size:22px}.card3 p{font-size:13px;max-width:360px;margin-top:11px}
.about-grid{grid-template-columns:1fr;gap:35px}.about .h2{font-size:33px}.about .section-intro{font-size:15px}.signature{font-size:13px;margin-top:22px}.pillars article{padding-block:20px;grid-template-columns:30px 1fr 20px;gap:12px}.pillars .h3{font-size:23px}.pillars p{font-size:11px}
.faq-grid{gap:28px}.faq-grid>div>p:not(.eyebrow){font-size:12px;margin-top:20px}.card4 summary{font-size:12px;padding-block:20px}.card4 p{font-size:12px;margin-right:18px}
.closing-inner{padding-block:56px}.closing .h2{font-size:35px}.closing .actions{gap:20px}.closing .btn2{font-size:12px}.closing::after{width:100%;right:-65%;top:5%}.closing-email{font-size:10px}
.footer{padding-top:38px}.footer-top{flex-direction:column;gap:27px;padding-bottom:26px}.footer-top nav{gap:18px 25px;font-size:10px}.footer-company{display:block;font-size:10px;padding-block:24px}.footer-company strong{font-size:10px}.footer-company address{margin-top:14px}.footer-company>div{align-items:flex-start;margin-top:14px;gap:4px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}.footer-bottom nav{gap:17px;order:3;flex-basis:100%}
dialog{padding:34px 24px;max-height:85svh}dialog .h2{font-size:28px}dialog>p:not(.eyebrow){font-size:13px}dialog ul{font-size:12px}dialog .btn{font-size:10px;gap:12px}
}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero .h1{font-size:43px}.hero .actions{gap:5px 15px}.hero .btn,.hero .btn2{font-size:9px;gap:10px}.hero-categories{gap:13px;font-size:8px}.filter{font-size:8px;padding-inline:8px}.h2{font-size:31px}.white-label .h2{font-size:41px}.swatches>span{margin-left:0;font-size:6px}.management-label{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.nav,.filters,.menu-toggle,.product-open,.hero-visual,.management-visual,.brand-art,.closing,.footer-bottom,dialog{display:none!important}.hero-grid,.management-grid,.about-grid,.faq-grid,.wl-heading{display:block}.hero-grid{min-height:0;padding:25px 0}.background{display:none}.container{width:95%}.section,.section2,.section3,.section4,.section5,.section6{padding:25px 0}.white-label{background:white;color:var(--navy)}.white-label p,.white-label .eyebrow{color:#49576b}.products-grid{grid-template-columns:repeat(2,1fr)}.card,.card2,.card3{break-inside:avoid}.card4 p{display:block!important}[role=tabpanel]{display:block!important;min-height:0}.portal-tabs{display:none}.brand-lab{border:1px solid #ddd}.wl-features{gap:20px}.footer{padding-top:20px}}


/* Documentos legais preservados do projeto original. */

body.legal-page{--navy:#262c5e;--slate:#a3b8c5;--ink:#2b2b2b;--paper:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.legal-page{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.85 Manrope,Arial,sans-serif}body.legal-page a{color:var(--navy);text-underline-offset:4px}body.legal-page a:focus-visible,body.legal-page button:focus-visible{outline:3px solid var(--navy);outline-offset:5px}.legal-width{width:min(1120px,calc(100% - 48px));margin-inline:auto}.legal-header{background:white;border-bottom:1px solid #e2e6eb}.legal-header .legal-width{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}.legal-logo{width:160px;height:auto;display:block}.legal-back{text-decoration:none;font-size:14px;font-weight:700}.legal-hero{background:var(--navy);color:white;padding:68px 0 78px}.legal-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#cedce5;margin:0 0 18px}.legal-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.04em;margin:0 0 22px}.legal-hero p:last-child{max-width:620px;color:#d8e2e9;margin:0}.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start;padding-block:48px 80px}.legal-index{position:sticky;top:32px}.legal-index h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;color:var(--navy)}.legal-index a{display:block;font-size:13px;line-height:1.6;padding:9px 0;text-decoration:none;border-bottom:1px solid #dde3e8}.legal-paper{padding:48px;background:white;border:1px solid #e2e6eb;border-radius:16px;box-shadow:0 12px 36px #262c5e06;min-width:0}.legal-paper h2{font-size:23px;line-height:1.4;color:var(--navy);letter-spacing:-.025em;margin:40px 0 18px}.legal-paper h2:first-child{margin-top:0}.legal-paper h3{font-size:17px;color:var(--navy);margin:28px 0 12px}.legal-paper p{margin:0 0 20px;overflow-wrap:anywhere}.legal-paper li{margin-bottom:12px}.legal-company{padding-top:28px;margin-top:36px;border-top:1px solid #e2e6eb;font-size:14px}.legal-company address{font-style:normal}.legal-footer{background:white;border-top:1px solid #e2e6eb;padding:30px 0;font-size:13px}.legal-footer .legal-width{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.legal-footer nav{display:flex;gap:24px;flex-wrap:wrap}.legal-draft{padding:20px;border-left:3px solid var(--slate);background:var(--paper)}@media(max-width:800px){.legal-layout{grid-template-columns:1fr;gap:24px}.legal-index{position:static}.legal-index nav{display:flex;flex-wrap:wrap;gap:8px 20px}.legal-index a{border:0}.legal-paper{padding:30px}}@media(max-width:480px){.legal-width{width:calc(100% - 32px)}.legal-header .legal-width{min-height:76px}.legal-logo{width:125px}.legal-back{font-size:12px}.legal-hero{padding:44px 0 48px}.legal-layout{padding-block:28px 48px}.legal-paper{padding:24px 20px}.legal-paper h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body.legal-page{background:white;font-size:11pt}.legal-header,.legal-index,.legal-footer{display:none}.legal-width{width:100%}.legal-hero{background:white;color:var(--navy);padding:0 0 24px}.legal-hero p:last-child,.legal-eyebrow{color:var(--ink)}.legal-layout{display:block;padding:0}.legal-paper{border:0;box-shadow:none;padding:0}.legal-paper h2{break-after:avoid}body.legal-page a{color:inherit}}

.legal-page .legal-paper p,.legal-page .legal-paper li{color:var(--ink)}

/* Etapa 4: assets locais da referencia original. */
.icon{display:inline-block;flex-shrink:0;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.product-icon{display:flex;align-items:center;gap:14px}
.product-icon>.icon{width:29px;height:29px}
.product-icon .product-number{font-size:9px}
.hero-categories .icon{width:17px;height:17px;stroke-width:1.5}
.hero-categories span::before{display:none}
.feature-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.feature-heading>.icon{width:28px;height:28px}
.feature-heading .feature-number{margin:0}
.hero-terminal{position:absolute;right:-18px;bottom:50px;width:115px;height:auto;filter:drop-shadow(0 15px 15px rgb(20 25 60 / 25%));transform:rotate(9deg);z-index:2;pointer-events:none}
.hero-mini{z-index:3}
@media(min-width:1450px){.hero-terminal{width:128px;right:-12px;bottom:40px}}
@media(max-width:850px){.hero-terminal{right:-12px;bottom:42px}}
@media(max-width:600px){.hero-terminal{width:88px;right:-3px;bottom:40px;transform:rotate(7deg)}.hero-categories .icon{width:15px;height:15px}.hero-categories{gap:15px}.feature-heading{margin-bottom:19px}.hero-mini{max-width:calc(100% - 80px);left:0;padding:12px}.hero-mini strong{font-size:9px}.hero-mini div>span{font-size:7px}.mini-symbol{font-size:19px}}
@media(max-width:360px){.hero-terminal{width:77px;right:-2px;bottom:43px}.hero-categories{gap:12px;font-size:8px}.hero-categories .icon{width:14px;height:14px}}
@media print{.hero-terminal{display:none!important}}