:root{--bg:#ffffff;--surface:#ffffff;--fg:#111827;--muted:#5f6673;--border:#e6eaf0;--accent:#194098;--accent-hover:#14367f;--soft:#f4f2f1;--footer:#eef3fa;--dark:#222222;--success:#16803c;--warn:#c2410c;--shadow-floating:0 12px 30px rgb(20 34 60/18%);--shadow-modal:0 24px 60px rgb(0 0 0/24%);--font-display:Inter,"Helvetica Neue",Arial,sans-serif;--font-body:Inter,"Helvetica Neue",Arial,sans-serif;--max:1300px;--pad:32px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:0;text-wrap:balance}p{text-wrap:pretty}.container{width:min(var(--max),calc(100% - var(--pad) * 2));margin-inline:auto}.section{padding:96px 0}.eyebrow{margin:0;color:var(--accent);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.section-title{margin:0;font-size:34px;line-height:1.15}.section-subtitle{margin:12px 0 0;max-width:720px;color:var(--muted);font-size:15px;line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 22px;border-radius:4px;font-size:14px;font-weight:800;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--surface)}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{color:var(--fg);border-color:var(--border);background:var(--surface)}.btn-outline:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.text-link{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.top-strip{background:var(--dark);color:rgb(255 255 255/88%);font-size:13px;font-weight:700}.top-strip-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.top-phone,.top-socials{display:inline-flex;align-items:center;gap:10px}.top-phone svg,.top-socials svg{width:14px;height:14px}.top-socials a{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgb(255 255 255/18%);border-radius:50%;color:rgb(255 255 255/78%)}.header{height:72px;background:rgb(255 255 255/96%);border-bottom:1px solid rgb(230 234 240/72%);position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header,.header-inner{display:flex;align-items:center}.header-inner{justify-content:space-between;gap:24px;position:relative}.logo-link{display:inline-flex;align-items:center;flex:0 0 auto}.logo-img{width:150px;height:auto}.nav{display:flex;align-items:center;gap:32px;color:color-mix(in srgb,var(--fg) 82%,var(--muted));font-size:18px;font-weight:700}.nav a,.nav button{border:0;background:transparent;color:inherit;padding:24px 0;font:inherit;position:relative;display:inline-flex;align-items:center}.nav a.active,.nav a:hover,.nav button:hover{color:var(--accent)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--accent)}.dropdown{position:static}.dropdown:after{content:"";position:absolute;inset:0 0 auto 0;height:calc(100% + 20px);display:none;z-index:1}.dropdown:focus-within:after,.dropdown:hover:after{display:block}.dropdown-menu{position:absolute;top:100%;left:50%;width:min(960px,calc(100vw - 48px));padding:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-floating);display:none;transform:translateX(-50%);gap:28px;grid-template-columns:repeat(2,minmax(0,1fr));z-index:2}.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{display:grid}.dropdown-group{display:grid;grid-gap:14px;gap:14px;min-width:0}.dropdown-heading{padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dropdown-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 10px;gap:8px 10px}.dropdown-list a{display:block;min-height:0;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.25;color:var(--fg);border-radius:3px;white-space:nowrap}.dropdown-list a:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.quote-btn{min-height:38px;padding:0 18px;font-size:13px}.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:4px;color:var(--fg)}.menu-btn span,.menu-btn:after,.menu-btn:before{content:"";display:block;width:18px;height:2px;margin:4px auto;background:currentColor}.breadcrumb{border-bottom:1px solid var(--border);background:var(--surface)}.breadcrumb .container{min-height:54px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:800;flex-wrap:wrap}.breadcrumb a{color:var(--fg)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span[aria-hidden=true]{color:color-mix(in srgb,var(--muted) 50%,var(--border))}.product-hero{min-height:650px;color:var(--surface);position:relative;isolation:isolate;display:grid;align-items:end;overflow:hidden;background:linear-gradient(90deg,rgb(6 14 28/82%),rgb(6 14 28/45%) 54%,rgb(6 14 28/8%)),url(https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=80) 50% /cover}.product-hero-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.55fr);grid-gap:56px;gap:56px;align-items:end;padding:116px 0 72px}.hero-copy h1{margin:16px 0 18px;max-width:780px;font-size:60px;line-height:1.05}.hero-copy p{margin:0 0 30px;max-width:600px;color:rgb(255 255 255/86%);line-height:1.68}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-panel{background:rgb(255 255 255/94%);color:var(--fg);border:1px solid rgb(255 255 255/48%);padding:28px;box-shadow:var(--shadow-floating)}.hero-panel h2{margin:0 0 18px;font-size:22px}.hero-spec-grid{display:grid;grid-gap:12px;gap:12px}.hero-spec{display:grid;grid-template-columns:92px 1fr;grid-gap:16px;gap:16px;padding:12px 0;border-top:1px solid var(--border);font-size:14px}.hero-spec strong{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.anchor-nav{position:-webkit-sticky;position:sticky;top:72px;z-index:20;background:rgb(255 255 255/96%);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.anchor-row{display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:none;min-height:56px}.anchor-row::-webkit-scrollbar{display:none}.anchor-row a{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.anchor-row a:hover{color:var(--accent)}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:72px;gap:72px;align-items:start}.feature-list{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-gap:18px;gap:18px}.feature-list li{display:grid;grid-template-columns:42px 1fr;grid-gap:16px;gap:16px;align-items:start}.feature-mark{width:42px;height:42px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);border-radius:4px;font-size:12px;font-weight:900}.feature-list h3{margin:0 0 5px;font-size:18px}.feature-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.58}.detail-image{min-height:560px;background:linear-gradient(180deg,rgb(10 18 32/0),rgb(10 18 32/12%)),url(https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1500&q=80) 50% /cover;border:1px solid var(--border)}.config-section{background:var(--soft)}.config-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.config-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.config-tabs button{min-height:38px;padding:0 14px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:4px;font-size:13px;font-weight:800}.config-tabs button.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.config-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);grid-gap:32px;gap:32px;align-items:stretch}.config-visual{min-height:460px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;padding:48px}.door-diagram{width:min(520px,100%);aspect-ratio:1.25/1;display:grid;grid-template-columns:var(--left,1fr) var(--right,0fr);grid-gap:14px;gap:14px;transition:grid-template-columns .22s cubic-bezier(.23,1,.32,1)}.door-panel{border:12px solid var(--fg);background:linear-gradient(135deg,rgb(255 255 255/46%),rgb(255 255 255/10%)),color-mix(in srgb,var(--accent) 7%,var(--surface));position:relative;min-width:0}.door-panel:before{content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--fg) 28%,transparent)}.door-panel:after{content:"";position:absolute;width:8px;height:36px;right:18px;top:50%;transform:translateY(-50%);background:var(--accent)}.config-copy{background:var(--surface);border:1px solid var(--border);padding:32px;display:grid;align-content:center}.config-copy h3{margin:0 0 10px;font-size:26px}.config-copy p{margin:0 0 20px;color:var(--muted);line-height:1.65}.spec-mini{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.spec-mini div{padding:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--soft) 45%,var(--surface))}.spec-mini strong{display:block;margin-bottom:4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.spec-mini span{font-size:14px;font-weight:800}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;margin-top:38px}.option-card{background:var(--surface);border:1px solid var(--border);min-height:250px;display:flex;flex-direction:column}.option-media{height:132px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),color-mix(in srgb,var(--border) 64%,var(--surface)));border-bottom:1px solid var(--border);display:grid;place-items:center;color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.option-card div:last-child{padding:22px}.option-card h3{margin:0 0 8px;font-size:19px}.option-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.applications{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:42px}.application-card{min-height:460px;color:var(--surface);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;overflow:hidden;background-size:cover;background-position:50%}.application-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgb(0 0 0/78%),rgb(0 0 0/14%) 62%)}.application-card:first-child{background-image:url(https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1200&q=80)}.application-card:nth-child(2){background-image:url(https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1200&q=80)}.application-card:nth-child(3){background-image:url(https://images.unsplash.com/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=1200&q=80)}.application-card h3{margin:14px 0 10px;font-size:28px;line-height:1.1}.application-card p{margin:0;color:rgb(255 255 255/84%);line-height:1.58}.comparison-section{background:var(--soft)}.comparison-wrap{margin-top:36px;overflow-x:auto;border:1px solid var(--border);background:var(--surface)}.compare-table{width:100%;min-width:860px;border-collapse:collapse;font-size:14px}.compare-table td,.compare-table th{padding:16px 18px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.compare-table th{background:color-mix(in srgb,var(--soft) 68%,var(--surface));color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.compare-table td:first-child{font-weight:900;color:var(--fg)}.compare-table tr:last-child td{border-bottom:0}.highlight-col{box-shadow:inset 3px 0 0 var(--accent)}.quote-band{background:var(--dark);color:var(--surface)}.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:72px;gap:72px;align-items:center}.quote-layout .section-subtitle{color:rgb(255 255 255/72%)}.quote-form{background:var(--surface);color:var(--fg);padding:32px;display:grid;grid-gap:16px;gap:16px;border:1px solid rgb(255 255 255/18%)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.quote-form label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:4px;padding:12px;font-size:14px}.quote-form textarea{min-height:104px;resize:vertical}.form-status{display:none;margin:0;padding:12px;background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));font-size:13px;font-weight:800}.form-status.is-visible{display:block}.footer{background:var(--footer);padding:70px 0 34px;color:color-mix(in srgb,var(--fg) 66%,var(--muted))}.footer-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(560px,1.2fr);grid-gap:72px;gap:72px;align-items:start}.footer h4{color:var(--fg);font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px}.footer a,.footer p{font-size:14px;line-height:1.7;color:color-mix(in srgb,var(--fg) 58%,var(--muted));display:block}.footer-logo{width:138px;margin-bottom:18px}.footer-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px;align-items:start}.footer-contact p{margin:0}.footer-contact strong{display:block;color:var(--fg);font-size:12px;margin-bottom:4px;letter-spacing:.12em;text-transform:uppercase}.footer-contact span{display:block;color:color-mix(in srgb,var(--fg) 58%,var(--muted));font-size:14px;line-height:1.7}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));color:var(--accent);background:var(--surface)}.socials svg{width:16px;height:16px}.newsletter{display:flex;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));background:var(--surface);height:40px}.newsletter input{flex:1 1;min-width:0;border:0;padding:0 12px;font-size:13px}.newsletter button{border:0;background:var(--accent);color:var(--surface);padding:0 14px;font-weight:800;font-size:12px}.copyright{text-align:center;margin-top:60px;font-size:12px;color:var(--muted)}.whatsapp{position:fixed;right:24px;bottom:24px;width:50px;height:50px;border:0;border-radius:4px;background:var(--success);color:var(--surface);display:grid;place-items:center;box-shadow:var(--shadow-floating);z-index:30;font-weight:900}.whatsapp svg{width:24px;height:24px}@media (max-width:1180px){:root{--pad:28px}.nav{gap:20px;font-size:15px}.dropdown-menu{width:min(840px,calc(100vw - 32px));gap:22px;padding:18px}.config-board,.feature-layout,.product-hero-inner,.quote-layout{grid-template-columns:1fr}.hero-panel{max-width:520px}.option-grid{grid-template-columns:repeat(2,1fr)}.applications{grid-template-columns:1fr}.application-card{min-height:360px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){:root{--pad:20px}.top-strip{display:none}.header{height:64px}.nav,.quote-btn{display:none}.menu-btn{display:block}.logo-img{width:132px}.section{padding:64px 0}.anchor-nav{top:64px}.product-hero{min-height:auto}.product-hero-inner{padding:72px 0 48px;gap:34px}.hero-copy h1{font-size:38px}.hero-panel{padding:22px}.hero-spec{grid-template-columns:1fr;gap:5px}.config-head{display:grid;align-items:start}.config-tabs{justify-content:flex-start}.config-visual{min-height:340px;padding:24px}.footer-grid,.form-row,.option-grid{grid-template-columns:1fr}.footer-grid{gap:34px}.footer-contact{grid-template-columns:1fr;gap:16px}.whatsapp{right:18px;bottom:18px}}@media (max-width:430px){.container{width:min(var(--max),calc(100% - 32px))}.hero-copy h1{font-size:34px}.hero-actions{display:grid}.anchor-row{gap:18px}.spec-mini{grid-template-columns:1fr}.newsletter{height:auto;display:grid}.newsletter input{height:42px}.newsletter button{height:40px}}.quote-form{margin:0}