@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#012d3f;--dark:#061b29;--navy:#092b3f;--card:#0e3345;--muted:#617288;--line:#dfe8ee;--pale:#f3f8fb;--teal:#01d3ea;--teal-dark:#00859b;--white:#fff;--shadow:0 24px 70px rgba(4,25,51,.12)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;line-height:1.19;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.container{width:min(1170px,calc(100% - 52px));margin:auto}.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:absolute;left:15px;top:-100px;z-index:100;background:#fff;padding:8px 20px}.skip-link:focus{top:15px}.top-line{background:#030d19;color:#8faabf;display:flex;justify-content:space-between;gap:20px;padding:7px max(26px,calc((100vw - 1170px)/2));font-size:10px;letter-spacing:.14em;font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e9eef2}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:30px}.logo{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.logo-symbol{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(135deg,#01d3ea,#00859b);color:#fff;border-radius:11px 16px 11px 16px;transform:skewX(-7deg);box-shadow:0 9px 19px #01d3ea30}.logo-symbol span{font:800 26px/1 Manrope;transform:skewX(7deg)}.logo-label{display:flex;flex-direction:column;line-height:1.15}.logo-label strong{font:800 18px Manrope;letter-spacing:-.055em}.logo-label strong em{font-style:normal;color:#00859b}.logo-label small{font-size:9px;letter-spacing:.17em;color:#74869a;font-weight:700;margin-top:4px}.main-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.main-nav>a:not(.nav-cta){padding:14px 0;transition:color .2s}.main-nav>a:not(.nav-cta):hover,.main-nav .nav-active{color:#0089a2}.nav-cta{background:var(--dark);color:#fff;padding:12px 20px;border-radius:7px;display:flex;gap:20px;align-items:center}.nav-cta:hover{background:#135270}.menu-toggle{display:none;border:none;background:transparent;width:40px;height:40px;padding:9px}.menu-toggle span{height:2px;background:#10243a;display:block;margin:5px 0}.hero{background:radial-gradient(ellipse 55% 80% at 85% 50%,#123c58 0%,transparent 65%),linear-gradient(135deg,#071424,#0b2741 74%,#061d30);position:relative;color:#fff;overflow:hidden}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(#98ebed0a 1px,transparent 1px),linear-gradient(90deg,#98ebed0a 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;min-height:585px;position:relative;align-items:center}.hero-content{padding:70px 0 94px;z-index:2}.eyebrow,.section-label{font-weight:800;letter-spacing:.15em;font-size:11px;color:#008ca3;display:flex;align-items:center;gap:10px}.eyebrow{color:#9bf2fa}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#01d3ea;box-shadow:0 0 0 5px #01d3ea24}.hero h1{font-size:clamp(42px,4.5vw,64px);font-weight:800;letter-spacing:-.065em;line-height:1.1;max-width:640px;margin:19px 0 22px}.hero h1 span{color:#01d3ea}.hero-content>p{color:#bed0dd;max-width:510px;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;padding:14px 22px;border-radius:7px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border-color .2s;min-height:51px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#052437}.btn-primary:hover{background:#51e6f5}.btn-outline{border:1px solid #68879a70;color:#fff}.btn-outline:hover{border-color:#86eaf5;background:#ffffff0d}.hero-bottom{display:flex;align-items:center;gap:13px;margin-top:53px;color:#8da8b9;letter-spacing:.15em;font-size:9px;font-weight:800}.hero-bottom .line{width:27px;height:1px;background:#01d3ea}.hero-bottom .dot{height:3px;width:3px;border-radius:50%;background:#01d3ea}.hero-visual{height:435px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:380px;height:380px;border:1px solid #01d3ea21;box-shadow:0 0 0 40px #01d3ea08,0 0 0 80px #01d3ea05}.orb-two{width:240px;height:240px;background:#0c8fa427;filter:blur(50px)}.device-panel{width:min(390px,95%);border:1px solid #6088a344;border-radius:15px;transform:perspective(1000px) rotateY(-9deg) rotateX(5deg);background:linear-gradient(140deg,#173850,#0c253a);box-shadow:0 32px 80px #0009,0 0 60px #01d3ea1a;overflow:hidden;position:relative}.panel-top{height:43px;border-bottom:1px solid #66849e35;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#91aebf;font-size:8px;letter-spacing:.14em;font-weight:700}.three-dots{display:flex;gap:5px}.three-dots i{width:6px;height:6px;border-radius:50%;background:#678397}.three-dots i:first-child{background:#01d3ea}.panel-status{display:flex;align-items:center;gap:6px;color:#7cebf4}.panel-status i{width:5px;height:5px;background:#01d3ea;border-radius:50%}.panel-body{padding:28px 30px 27px}.panel-main-icon{width:110px;height:92px;margin:3px auto 22px;color:#badbe7}.panel-main-icon svg{height:100%;width:100%}.panel-kicker{font-size:9px;color:#7ee8f0;letter-spacing:.14em;font-weight:800}.panel-body>strong{display:block;color:#fff;font:800 25px/1.3 Manrope;margin:8px 0 20px;letter-spacing:-.04em}.signal-row{display:flex;align-items:end;gap:5px;height:37px;padding:3px 0 13px}.signal-row span{background:linear-gradient(0deg,#068e9d,#01d3ea);width:18px;opacity:.75;border-radius:3px 3px 0 0}.signal-row span:nth-child(4n+1){height:12px}.signal-row span:nth-child(4n+2){height:20px}.signal-row span:nth-child(4n+3){height:15px}.signal-row span:nth-child(4n){height:24px}.panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #7c9cb73a;padding-top:15px}.panel-metrics div{display:flex;flex-direction:column;gap:3px}.panel-metrics small{font-size:8px;color:#95b5c6;letter-spacing:.06em}.panel-metrics b{font-size:10px;color:#7ee8f0}.float-card{position:absolute;z-index:2;background:#fff;color:#102b40;border-radius:10px;box-shadow:0 16px 32px #06122466;display:flex;align-items:center;gap:10px;padding:12px 14px;min-width:190px}.float-icon{height:38px;width:38px;display:grid;place-items:center;background:#e6fbf8;border-radius:8px;color:#008c9e;flex-shrink:0}.float-icon svg{width:22px;height:22px}.float-card strong{display:block;font-size:11px;line-height:1.5}.float-card small{display:block;color:#8190a1;font-size:9px}.float-camera{right:-4px;top:35px}.float-wifi{left:-20px;bottom:34px}.hero-edge{position:absolute;bottom:0;width:100%;height:14px;background:#01c1d7;clip-path:polygon(0 100%,100% 100%,100% 0,0 100%)}.trust-strip{background:#f0f6f8;border-bottom:1px solid #e3edf1}.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:21px 0}.trust-inner p{font-size:10px;letter-spacing:.13em;font-weight:800;color:#6a8090}.trust-inner>div{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:800}.trust-inner b{color:#008ea4}.section{padding:106px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.intro-art{height:416px;position:relative;background:linear-gradient(135deg,#f0f7fb,#e7f4f7);border:1px solid #e1ecee;border-radius:12px;padding:35px}.art-border{height:100%;border:1px solid #95bcc680;position:relative;padding:28px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 26px,#74b9bd10 27px),repeating-linear-gradient(90deg,transparent,transparent 26px,#74b9bd10 27px)}.art-cross{position:absolute;color:#02888c;font-size:25px;font-weight:400}.cross-one{top:-19px;left:-8px}.cross-two{bottom:-18px;right:-8px}.art-mini{position:absolute;top:18px;left:20px;color:#628296;font-size:11px;font-weight:800;letter-spacing:.12em}.art-center{text-align:center;display:flex;flex-direction:column;align-items:center}.art-center>span{font-size:12px;letter-spacing:.24em;color:#277086;font-weight:800}.art-center b{font:800 clamp(44px,5vw,70px)/1.4 Manrope;letter-spacing:-.09em;color:#092c43}.art-center .accent{color:#00bfae}.art-center small{font-size:10px;letter-spacing:.22em;font-weight:800;color:#748da0}.art-tags{position:absolute;bottom:18px;left:12px;right:12px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.art-tags span{font-size:8px;font-weight:800;letter-spacing:.1em;color:#4d8795;padding:6px 8px;background:#fff9;border:1px solid #dce7ee}.art-label{position:absolute;bottom:0;left:35px;right:35px;background:#0b2843;color:#d6eeef;padding:13px 18px;transform:translateY(50%);font-size:9px;font-weight:800;letter-spacing:.12em;display:flex;justify-content:space-between}.art-label span{color:#4de9d3;font-size:16px}.section-label>span{display:inline-block;width:21px;height:2px;background:#00c6b6}.intro h2,.section-head h2,.identity-grid h2{font-size:clamp(31px,3.6vw,46px);font-weight:800;margin:17px 0 22px;max-width:650px}.intro h2 em,.section-head h2 em,.identity-grid h2 em{font-style:normal;color:#009e9b}.intro-text>p{color:#5c6e7e;font-size:15px;line-height:1.9;margin-bottom:16px}.intro-text>p strong{color:#112e45}.text-link{margin-top:13px;display:inline-flex;align-items:center;gap:30px;color:#058e8a;font-size:13px;font-weight:800;border-bottom:1px solid #08b4ac;padding-bottom:7px}.text-link:hover{gap:39px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid #e3ecf1}.principle{padding:25px 30px 0 0}.principle+.principle{border-left:1px solid #e2edf2;padding-left:30px}.principle .num{display:block;color:#00b8a9;font-size:11px;font-weight:800;margin-bottom:10px}.principle strong{font-size:15px;font-family:Manrope}.principle p{color:#687e8f;font-size:13px;margin-top:5px}.services-section{background:#f4f8fa}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:43px}.section-head h2{margin-bottom:0}.section-head>p{max-width:330px;color:#687a8c;font-size:14px;padding-bottom:5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;padding:34px 30px 28px;background:#fff;border:1px solid #e0e9ef;border-radius:10px;min-height:307px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.service-card::before{content:'';position:absolute;top:0;left:25px;right:25px;height:2px;background:#07c8b6;transform:scaleX(0);transition:transform .2s}.service-card:hover::before{transform:scaleX(1)}.service-number{position:absolute;right:30px;top:27px;font:800 12px Manrope;color:#aec0cb}.service-icon{height:50px;width:50px;display:grid;place-items:center;background:#e5f9f6;color:#008f8e;border-radius:9px;margin-bottom:23px}.service-icon svg{height:25px;width:25px}.service-card h3{font-size:17px;margin-bottom:10px;letter-spacing:-.035em}.service-card p{color:#657789;font-size:13px;line-height:1.75;margin-bottom:20px}.service-link{font-size:12px;font-weight:800;color:#058e8d;margin-top:auto}.service-link:hover{color:#005d64}.products-section{background:#fff}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px}.catalog-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-btn{background:#f1f5f7;color:#5c7183;border:1px solid #e5ecef;border-radius:6px;padding:10px 15px;font-size:12px;font-weight:800}.filter-btn:hover{border-color:#18b4ac}.filter-btn.active{background:#0a2b44;border-color:#0a2b44;color:#fff}.catalog-search{border:1px solid #d9e5ec;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:6px;min-width:225px;height:43px}.catalog-search svg{width:17px;height:17px;color:#8095a6}.catalog-search input{min-width:0;border:none;outline:none;font-size:12px;width:100%;color:#0a2b44;background:transparent}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid #e0e9ed;border-radius:9px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 15px 38px #0b264317;transform:translateY(-3px)}.product-card[hidden]{display:none}.product-image{height:193px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-image::before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:#ffffff1c;top:27px;right:-35px}.product-image-label{position:absolute;top:17px;left:17px;font-size:9px;font-weight:800;letter-spacing:.1em;padding:5px 9px;background:#ffffffc4;border-radius:4px;color:#26556a}.product-image svg{width:170px;height:139px;filter:drop-shadow(0 15px 15px #0b254428);transition:transform .25s}.product-card:hover .product-image svg{transform:scale(1.05) translateY(-3px)}.product-camera{background:linear-gradient(135deg,#e4f4f7,#b6dcd9)}.product-nvr{background:linear-gradient(135deg,#e9f0fa,#b4cee1)}.product-wifi{background:linear-gradient(135deg,#dbf9f4,#8ccbc9)}.product-switch{background:linear-gradient(135deg,#e1f3fb,#a9ccdf)}.product-computer{background:linear-gradient(135deg,#e7edf8,#abc6db)}.product-printer{background:linear-gradient(135deg,#e1f7f4,#9fcbd3)}.product-audio{background:linear-gradient(135deg,#dce9f7,#a7bed6)}.product-storage{background:linear-gradient(135deg,#d6f3ed,#99cbd1)}.product-copy{padding:20px 20px 19px}.product-type{font-size:9px;letter-spacing:.12em;color:#008ca3;font-weight:800}.product-copy h3{font-size:15px;line-height:1.4;margin:8px 0}.product-copy p{color:#6d7d8a;font-size:12px;line-height:1.6;min-height:39px}.product-quote{padding:13px 0 0;border:none;border-top:1px solid #edf1f4;margin-top:19px;width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;font-size:11px;font-weight:800;color:#087f7d}.product-quote span{font-size:16px}.catalog-note,.catalog-empty{font-size:12px;color:#8292a0;margin-top:24px}.catalog-empty{font-size:15px;padding:25px;text-align:center;background:#f2f6f8}.statement{background:#0c2b43;color:#fff;padding:75px 0;position:relative;overflow:hidden}.statement::before{position:absolute;content:'';height:270px;width:270px;border:1px solid #35eacb23;border-radius:50%;left:-60px;top:-100px;box-shadow:0 0 0 50px #35eacb0b,0 0 0 100px #35eacb05}.statement-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;position:relative}.section-label-light{color:#78e8f0}.statement h2{font-size:clamp(32px,3.5vw,48px);font-weight:800;margin-top:15px}.statement h2 em,.contact-info h2 em{font-style:normal;color:#01d3ea}.statement-grid>div:nth-child(2)>p{color:#c1d3df;font-size:15px;line-height:1.8;margin-bottom:25px}.work-section{background:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{padding-bottom:15px}.work-graphic{height:215px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#163d59,#0a263f);position:relative;overflow:hidden;border-radius:9px}.work-two .work-graphic{background:linear-gradient(135deg,#0f4c57,#09293c)}.work-three .work-graphic{background:linear-gradient(135deg,#2b4b6c,#12273e)}.work-graphic svg{width:180px;height:140px;filter:drop-shadow(0 12px 20px #00172b70);z-index:1}.work-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 32px,#ffffff0a 33px),repeating-linear-gradient(0deg,transparent,transparent 32px,#ffffff0a 33px)}.work-card>span{display:block;margin-top:20px;color:#008fa4;font-size:10px;font-weight:800;letter-spacing:.12em}.work-card h3{font-size:19px;margin:7px 0}.work-card p{font-size:13px;color:#61798c}.identity-section{background:#f3f8fa}.identity-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.identity-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.identity-cards article{background:#fff;padding:28px;border:1px solid #e0eaee;border-radius:8px}.identity-cards article>span{font-size:11px;font-weight:800;color:#0092a7}.identity-cards h3{font-size:21px;margin:12px 0}.identity-cards p{font-size:13px;color:#647789;line-height:1.8}.identity-cards .values{grid-column:1/-1}.brands-section{padding:35px 0 37px;border-bottom:1px solid #e9eff2}.brand-caption{display:block;text-align:center;color:#8192a0;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:22px}.brand-names{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px;color:#617384;font:800 20px Manrope;letter-spacing:-.06em}.brands-section small{display:block;text-align:center;color:#91a0ac;font-size:10px;margin-top:20px}.contact-section{background:linear-gradient(120deg,#061626,#103149);color:#fff;padding:98px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}.contact-info h2{font-size:clamp(32px,3.5vw,45px);margin:20px 0}.contact-info>p{font-size:15px;color:#bfd1de;line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:24px;margin-top:40px}.contact-details>div{display:flex;align-items:center;gap:15px}.detail-icon{height:42px;width:42px;display:grid;place-items:center;border:1px solid #5878906c;border-radius:7px;color:#7ee8f0}.contact-details b{display:block;font-size:13px}.contact-details small{display:block;font-size:12px;color:#95b0be}.contact-info .contact-small{color:#7194a7;font-size:11px;margin-top:37px}.contact-form-wrap{background:#fff;color:#0c3047;padding:34px;border-radius:12px;box-shadow:0 25px 55px #0004}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.form-title span:not(.form-icon){font-size:10px;font-weight:800;letter-spacing:.12em;color:#008da3}.form-title h3{font-size:22px;margin-top:6px}.form-icon{font-size:28px;font-weight:800;color:#008fa4}.contact-form-wrap label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.contact-form-wrap label>span{color:#008b9e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{border:1px solid #dce6eb;background:#f8fbfc;color:#0d2d42;border-radius:6px;outline:none;padding:12px;font-size:12px;width:100%;font-weight:500;resize:vertical}.contact-form-wrap input:focus,.contact-form-wrap select:focus,.contact-form-wrap textarea:focus{border-color:#00aec4;box-shadow:0 0 0 3px #01d3ea25}.form-submit{width:100%;border:none}.form-help{font-size:10px;color:#7b8d9e;line-height:1.7;margin-top:14px}.form-result{margin-top:20px;background:#e7f9f5;border:1px solid #a0e8db;border-radius:8px;padding:15px}.form-result strong{font-size:13px}.form-result p{font-size:11px;color:#496f72;margin:6px 0 10px}.form-result textarea{background:#fff}.copy-btn{margin-top:10px;border:none;background:#0c2b43;color:#fff;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700}.footer{background:#040e1b;color:#a9bcc9;padding:59px 0 0}.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.15fr;gap:35px}.footer-logo .logo-label strong{color:#fff}.footer-grid>div:first-child>p{margin-top:20px;max-width:285px;font-size:13px;line-height:1.75}.footer h4{font-size:13px;color:#fff;letter-spacing:0;margin-bottom:19px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:start}.footer-grid>div:not(:first-child) a,.footer-grid>div:not(:first-child)>span{font-size:12px;color:#9cb4c2;margin-bottom:11px}.footer-grid a:hover{color:#01d3ea}.footer-bottom{border-top:1px solid #4b657a40;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:40px;padding:23px 0;font-size:11px}.footer-bottom a{color:#6fe7f0}
@media(max-width:1110px){.main-nav{gap:16px}.hero-grid{gap:15px}.intro-grid{gap:55px}.float-wifi{left:-10px}.contact-grid{gap:45px}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-tools{align-items:start;flex-direction:column}.catalog-search{align-self:stretch}.product-copy{padding:16px}.section-head{gap:30px}}
@media(max-width:850px){.top-line span:last-child{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 20px #0c243022;padding:16px 26px 23px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:13px 0!important;border-bottom:1px solid #eef2f4}.main-nav>a.nav-cta{padding:14px 18px!important;margin-top:10px;justify-content:space-between}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-content{padding:75px 0 12px}.hero h1{max-width:700px}.hero-content>p{max-width:640px}.hero-bottom{margin-top:32px}.hero-visual{height:400px;margin:0 auto 45px;width:min(600px,100%)}.float-camera{right:0}.float-wifi{left:0}.intro-grid{grid-template-columns:1fr;gap:70px}.intro-art{max-width:610px;width:100%;margin:auto}.intro-text{max-width:690px}.principles{margin-top:55px}.section-head{align-items:start;flex-direction:column;gap:12px}.section-head>p{max-width:650px}.services-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.statement-grid,.identity-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.statement-grid>div:nth-child(2)>p{max-width:630px}.identity-cards{max-width:800px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.work-graphic{height:170px}.brand-names{justify-content:center;gap:18px 35px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.top-line{padding:7px 18px;font-size:8px}.nav-wrap{min-height:71px}.logo-symbol{width:39px;height:39px}.logo-symbol span{font-size:23px}.logo-label strong{font-size:15px}.logo-label small{font-size:7px}.hero-content{padding-top:60px}.hero h1{font-size:clamp(38px,10vw,53px)}.hero-content>p{font-size:14px}.hero-actions{gap:10px}.btn{font-size:12px;gap:13px;padding:13px 16px}.hero-bottom{flex-wrap:wrap;gap:9px;font-size:8px}.hero-visual{height:340px;margin-bottom:40px}.device-panel{width:85%;transform:none}.panel-top{padding:0 10px}.panel-body{padding:18px 20px}.panel-main-icon{height:69px;margin-bottom:9px}.panel-body>strong{font-size:20px;margin-bottom:13px}.panel-metrics b{font-size:9px}.float-card{min-width:142px;padding:8px;gap:7px}.float-card strong{font-size:9px}.float-card small{font-size:8px}.float-icon{width:30px;height:30px}.float-camera{right:-7px;top:12px}.float-wifi{bottom:12px;left:-5px}.trust-inner{align-items:start;flex-direction:column;gap:6px}.trust-inner>div{gap:12px}.section{padding:70px 0}.intro-art{height:300px;padding:23px}.art-border{padding:12px}.art-center b{font-size:45px}.art-center>span,.art-center small{font-size:8px}.art-tags{gap:4px;bottom:10px}.art-tags span{font-size:6px}.art-label{left:23px;right:23px;padding:10px 13px;font-size:7px}.intro-grid{gap:58px}.intro h2,.section-head h2,.identity-grid h2{font-size:34px}.principles{grid-template-columns:1fr;margin-top:40px}.principle{padding:18px 0!important}.principle+.principle{border-left:0;border-top:1px solid #e2edf2}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:28px}.catalog-tools{gap:16px}.catalog-filters{gap:6px}.filter-btn{padding:8px 10px;font-size:11px}.catalog-search{min-width:0}.products-grid{gap:11px}.product-image{height:135px}.product-image svg{width:135px;height:110px}.product-image-label{font-size:7px;left:9px;top:9px;padding:3px 6px}.product-copy{padding:12px}.product-copy h3{font-size:13px}.product-copy p{font-size:10px;min-height:50px}.product-quote{font-size:10px}.statement{padding:60px 0}.statement h2{font-size:34px}.work-grid{grid-template-columns:1fr}.work-graphic{height:190px}.identity-cards{grid-template-columns:1fr}.identity-cards .values{grid-column:auto}.identity-cards article{padding:22px}.brand-names{font-size:16px;gap:10px 20px}.contact-section{padding:70px 0}.contact-info h2{font-size:35px}.contact-form-wrap{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr 1fr;gap:33px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{display:none}.footer-bottom{align-items:start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* =======================================
   V2 · LISTA DE COTIZACIÓN SIN PAGOS
   ======================================= */
[hidden]{display:none!important}
.catalog-instruction{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#e8f8f5;border:1px solid #bdece4;border-radius:12px;margin:5px 0 27px}
.instruction-icon{flex:0 0 auto;width:43px;height:43px;border-radius:12px;background:#fff;color:#008c86;display:grid;place-items:center;font-size:27px;box-shadow:0 5px 16px #0c857718}
.catalog-instruction>div{flex:1;min-width:0}
.catalog-instruction strong{font-size:14px;display:block;color:#103c47}
.catalog-instruction p{font-size:12px;line-height:1.6;color:#476c70;margin-top:2px}
.instruction-link{border:0;background:#0b3b46;color:#fff;font-size:12px;font-weight:800;padding:12px 15px;border-radius:7px;flex:0 0 auto}
.instruction-link:hover{background:#006e74}
.service-link.is-added,.product-quote.is-added{color:#007b74}
.service-link.is-added span,.product-quote.is-added span{color:#00af99}
.quote-fab{position:fixed;right:24px;bottom:22px;z-index:59;display:flex;align-items:center;gap:10px;border:1px solid #2a5a60;border-radius:999px;background:#0b2e3f;color:#fff;box-shadow:0 14px 35px #05192640;font-size:12px;font-weight:800;padding:12px 12px 12px 17px;transition:transform .2s,background .2s}
.quote-fab:hover{transform:translateY(-2px);background:#0d4652}
.quote-fab svg{width:20px;height:20px;color:#52f0d9}
.quote-fab strong{display:grid;place-items:center;border-radius:999px;background:#0dd0b9;color:#062b32;width:27px;height:27px;font-size:12px}
.quote-open{overflow:hidden}
.quote-backdrop{position:fixed;inset:0;z-index:69;background:#031421a6;backdrop-filter:blur(3px)}
.quote-panel{position:fixed;right:0;top:0;bottom:0;z-index:70;width:min(100%,435px);background:#fff;box-shadow:-28px 0 85px #001c3055;display:flex;flex-direction:column;color:#0d2f42}
.quote-panel-header{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid #e7edef;padding:27px 26px 20px}
.quote-kicker{color:#009c91;font-size:10px;letter-spacing:.14em;font-weight:800}
.quote-panel-header h2{font-size:26px;margin-top:4px}
.quote-panel-header h2 span{color:#52929a;font-size:18px}
.quote-close{border:1px solid #d8e5e9;background:#f4f9fa;width:37px;height:37px;border-radius:50%;font-size:26px;line-height:1;color:#164055;display:grid;place-items:center}
.quote-panel-info{padding:17px 26px;color:#64798a;font-size:13px;line-height:1.8}
.quote-scroll{flex:1;min-height:0;overflow-y:auto;padding:3px 24px 20px}
.quote-empty{text-align:center;padding:58px 14px}
.quote-empty-icon{display:grid;place-items:center;border-radius:18px;width:64px;height:64px;background:#dff8f4;color:#068e87;font-size:34px;margin:0 auto 22px}
.quote-empty strong{display:block;font-size:17px}
.quote-empty p{font-size:13px;color:#648092;margin:10px auto 23px;max-width:260px}
.quote-browse{border:1px solid #a1d8d4;background:#f1fcf9;color:#05766e;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:800}
.quote-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.quote-item{background:#f5f9fb;border:1px solid #e0ebef;border-radius:10px;padding:17px}
.quote-item-copy small{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#019d92;display:block}
.quote-item-copy strong{font-size:14px;display:block;margin-top:2px;line-height:1.4}
.quote-item-actions{display:flex;align-items:center;gap:10px;margin-top:14px}
.qty-btn{width:31px;height:31px;display:grid;place-items:center;background:#fff;border:1px solid #d3e4ea;color:#0a5660;border-radius:6px;font-size:19px;line-height:1}
.qty-value{font-size:14px;font-weight:800;min-width:17px;text-align:center;font-variant-numeric:tabular-nums}
.remove-btn{margin-left:auto;border:0;background:transparent;color:#a44449;text-decoration:underline;font-size:11px;font-weight:700}
.quote-panel-footer{padding:18px 26px 25px;border-top:1px solid #e7eef1;box-shadow:0 -10px 30px #071b3110}
.quote-panel-footer>p{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;color:#708495;font-size:11px}
.quote-panel-footer>p span:first-child{color:#21475a;font-weight:800}
.quote-continue{width:100%;border:0}
.quote-continue:disabled{opacity:.4;cursor:not-allowed;transform:none}
.quote-clear{display:block;margin:10px auto 0;border:none;background:transparent;color:#718496;text-decoration:underline;font-size:11px}
.quote-clear:disabled{opacity:.3;cursor:not-allowed}
.quote-toast{position:fixed;bottom:91px;right:23px;z-index:60;max-width:min(360px,calc(100vw - 40px));background:#0a273d;color:#fff;padding:13px 17px;border-radius:9px;box-shadow:0 12px 30px #04172555;font-weight:700;font-size:12px}
.selected-quote{border:1px solid #9ce1d5;background:#e8faf5;border-radius:9px;padding:14px 16px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.selected-quote>div{display:flex;align-items:start;gap:10px;min-width:0}
.selected-quote-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#06c4aa;color:#07342f;font-weight:900;flex-shrink:0}
.selected-quote strong{display:block;color:#0b4446;font-size:12px}
.selected-quote p{font-size:11px;line-height:1.5;color:#58767a;overflow-wrap:anywhere;margin-top:3px}
.selected-quote>button{border:1px solid #6bc4b8;background:#fff;color:#006c63;padding:7px 10px;border-radius:6px;font-weight:800;font-size:11px;flex-shrink:0}
.optional-label{color:#84919a!important;font-weight:500;font-size:11px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0cbfb2;outline-offset:3px}
@media(max-width:700px){.catalog-instruction{align-items:start;flex-wrap:wrap;padding:16px}.instruction-icon{width:36px;height:36px;font-size:23px}.instruction-link{width:100%}.quote-fab{bottom:14px;right:13px;padding:10px 10px 10px 14px}.quote-fab span{font-size:11px}.quote-toast{bottom:75px;right:13px}.quote-panel-header{padding:22px 20px 17px}.quote-panel-info{padding:15px 20px}.quote-scroll{padding:2px 18px 15px}.quote-panel-footer{padding:17px 20px 20px}.selected-quote{align-items:start;flex-wrap:wrap}.selected-quote>button{margin-left:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quote-fab,.btn{transition:none}}

/* Datos de contacto: WhatsApp oficial */
.whatsapp-contact{color:#7ee8f0;font-weight:800;text-decoration:underline;text-underline-offset:3px}.whatsapp-contact:hover{color:#fff}