:root{--ink:#151619;--paper:#f5f5f2;--muted:#a8abad;--accent:#961d32;--green:#245d43;--line:rgba(255,255,255,.14);--pad:clamp(22px,5vw,88px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #cf6678;outline-offset:5px}button{color:inherit}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800}h2{font-size:clamp(34px,4.1vw,64px);line-height:1.04;letter-spacing:-.045em;white-space:pre-line}h3{letter-spacing:-.035em}p{line-height:1.65}section{scroll-margin-top:76px}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:12px;line-height:1.6}.line{width:28px;height:2px;background:var(--accent)}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:30;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(21,22,25,.95);color:white;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);gap:24px}.brand{display:flex;min-width:100px;align-items:center}.brand-logo{object-fit:contain;visibility:hidden;display:block}.brand-logo.loaded{visibility:visible}.desktop-nav{display:flex;gap:clamp(18px,2.7vw,42px);font-size:14px}.desktop-nav a{color:#c4c4c6;transition:color .2s}.desktop-nav a:hover{color:white}.header-actions{display:flex;gap:20px;align-items:center}.languages{display:flex;gap:4px;align-items:center;font-size:12px}.languages button{border:0;background:none;color:#999b9e;padding:12px 6px;min-height:44px}.languages span{color:#414347}.languages button[aria-pressed=true]{color:white}.menu-toggle{display:none;width:44px;height:44px;background:none;border:1px solid #555}.menu-toggle span{display:block;width:18px;height:1px;background:white;margin:6px auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:76px 0 0;background:#17181b;color:white;padding:30px var(--pad) 110px;z-index:29;overflow:auto}.mobile-menu[hidden]{display:none}.mobile-menu nav{display:flex;flex-direction:column;margin:30px 0}.mobile-menu nav a{font-size:clamp(23px,5vw,36px);padding:16px 0;border-bottom:1px solid var(--line)}
.hero{background:var(--ink);color:white;min-height:min(810px,calc(100svh - 86px));display:grid;grid-template-columns:1.08fr 1fr;position:relative;padding-top:clamp(45px,6vw,85px);padding-bottom:24px;gap:0 20px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#b6b6ba;margin-bottom:27px}h1{font-size:clamp(49px,5.95vw,90px);line-height:.98;letter-spacing:-.055em}h1 span{display:block}h1 .hero-intro{font-size:.47em;letter-spacing:-.03em;margin-bottom:16px;line-height:1.12;max-width:100%;overflow-wrap:anywhere}.accent-text{color:#b73b50}.hero-body{color:#b5b6bb;font-size:16px;max-width:440px;margin:27px 0 30px}.hero-buttons{display:flex;align-items:flex-start;gap:19px;flex-direction:column}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:54px;padding:16px 22px;border:1px solid transparent;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s;position:relative}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button>span:last-child:not(:first-child){margin-left:auto}.whatsapp{background:var(--green);color:#fff}.whatsapp:hover{background:#2b7251}.wa-icon{font-size:20px}.text-link{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px}.play{display:inline-flex;width:26px;height:26px;border:1px solid #787b7e;border-radius:50%;justify-content:center;align-items:center}.hero-spec{display:flex;gap:18px;align-items:center;margin-top:35px;font-size:12px;color:#929599}.hero-spec>span:first-child{font-size:16px;color:#e5e5e5;padding-right:18px;border-right:1px solid #48494b}.hero-spec small{font-size:12px}.hero-art{position:relative;min-width:0;align-self:center;height:450px;background-image:linear-gradient(#fff03b03 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:45px 45px}.art-index{font-size:11px;letter-spacing:.12em;color:#777c80;position:absolute;top:0;left:20px}.hero-art .visual-holder{position:absolute;inset:-8% -16% -5% -17%;transform:rotate(-13deg)}.engineering-visual{display:block;width:100%;height:auto;overflow:visible;color:inherit}.hero-art .engineering-visual{filter:drop-shadow(0 24px 16px #0009)}.art-label{position:absolute;font-size:12px;display:flex;gap:8px;align-items:center;color:#b9bdc0;max-width:65%;line-height:1.4}.art-label i{font-style:normal;color:#dd7788;border:1px solid #6b3340;padding:6px;font-size:11px}.label-tool{right:0;top:15%;}.label-tool:after{content:'';position:absolute;height:40px;border-left:1px solid #626368;left:15px;top:100%;transform:rotate(-30deg)}.label-wire{bottom:15%;left:0}.art-bottom{position:absolute;bottom:0;left:20px;right:0;display:flex;justify-content:space-between;font-size:13px;letter-spacing:.08em}.cross{font-size:26px;color:#777}.art-note{position:absolute;bottom:-23px;left:20px;font-size:11px;color:#858a8d}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:58px;padding-top:20px;font-size:10px;letter-spacing:.12em;color:#878b90}.hero-bottom a{display:flex;align-items:center;gap:10px;min-height:35px}.down-arrow{color:#fff;font-size:21px}.wire-twist{opacity:0}.hero .wire-twist,.final .wire-twist{opacity:1}.hero .wire-loops,.final .wire-loops{opacity:.8}.pull-indicator{opacity:0}
.how-section{height:310svh;background:#e9eae6}.how-sticky{position:sticky;top:86px;height:calc(100svh - 86px);min-height:590px;display:grid;grid-template-columns:1fr 1.35fr;grid-template-rows:auto 1fr auto;padding-top:50px;padding-bottom:28px;overflow:hidden}.how-heading{max-width:420px;z-index:2}.how-heading .eyebrow{color:var(--accent);margin-bottom:17px}.how-heading p:last-child{max-width:325px;margin-top:18px;font-size:15px;color:#616568}.process-stage{grid-column:2;grid-row:1/3;position:relative;align-self:center}.process-stage .visual-holder{width:110%;margin-left:-6%}.completion{position:absolute;left:10%;right:0;bottom:8%;font-size:clamp(50px,7vw,110px);font-weight:900;letter-spacing:-.065em;color:var(--accent);opacity:0;transform:translateY(12px)}.scroll-cue{display:flex;justify-content:center;gap:10px;font-size:12px;color:#65696a;position:absolute;bottom:0;left:0;right:0}.process-info{align-self:end;max-width:350px;padding:25px 0;z-index:2}.step-counter{color:var(--accent);font-size:12px;letter-spacing:.14em}.process-info h3{font-size:32px;margin:12px 0 7px}.process-info p{font-size:15px;color:#65696a;min-height:75px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-column:1/-1;gap:20px;margin-top:15px}.process-step{position:relative;border:0;border-top:2px solid #c8cbc6;background:none;text-align:left;padding:14px 0 0;display:flex;gap:10px;color:#5a5e60;line-height:1.5;font-size:13px;min-height:48px}.process-step b{font-size:11px}.process-step.active{border-color:var(--accent);color:var(--accent)}
.products{padding-top:100px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px;gap:20px}.section-top .eyebrow{color:var(--accent);margin-bottom:18px}.section-number{font-size:16px;letter-spacing:.14em;color:#808384;white-space:nowrap}.product-row{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center;margin-top:55px}.product-art{position:relative;min-width:0;aspect-ratio:1.1;display:flex;align-items:center;overflow:hidden}.light-art{background:#e7e8e4}.dark-art{background:#1c1e21;color:#92999d}.product-art>div{width:110%;flex-shrink:0;margin-left:-5%}.product-number{position:absolute;top:25px;left:28px;font-size:13px;z-index:1}.product-art-caption{position:absolute;bottom:24px;left:28px;right:24px;font-size:12px;letter-spacing:.08em}.product-content h3{font-size:clamp(29px,3vw,44px);line-height:1.08;overflow-wrap:anywhere;margin:15px 0}.product-content>.eyebrow{color:#8b283a;font-size:11px}.product-content>p:not(.eyebrow){font-size:15px;color:#65696a;max-width:460px}.lengths{margin:24px 0 18px}.lengths>span{font-size:12px;color:#666}.lengths>div{display:flex;gap:8px;margin-top:9px}.lengths b{border:1px solid #bdbfba;display:inline-flex;padding:8px 13px;font-size:14px;font-weight:400}.product-content ul{padding:0;list-style:none;margin:22px 0}.product-content li{font-size:14px;padding:7px 0;display:flex;gap:11px}.product-content li:before{content:'+';color:#8b283a}.dark-button{background:#202226;color:#fff}.dark-button:hover{background:#393d42}.tool-row{margin-top:100px}.tool-row .product-art{order:2}.tool-row .product-content{order:1}.detail{background:#1b1d20;color:white;padding-top:85px;padding-bottom:60px;text-align:center;overflow:hidden}.detail .eyebrow{justify-content:center;color:#b45c6c}.detail h2{margin-top:19px}.detail-hint{color:#a8acaf;margin-top:18px;font-size:14px}.hotspot-stage{max-width:900px;margin:15px auto 0;height:350px;position:relative}.hotspot-stage>div:first-child{position:absolute;inset:0;display:flex;align-items:center}.hotspot-stage .engineering-visual{width:100%}.hotspot-controls{position:absolute;inset:0}.hotspot{position:absolute;background:#a1253b;color:#fff;border:5px solid #1b1d20;box-shadow:0 0 0 1px #ba7885;border-radius:50%;width:44px;height:44px;transform:translate(-50%,-50%);font-size:12px;transition:background .2s,box-shadow .2s}.hotspot[aria-pressed=true]{background:white;color:#721b2b;box-shadow:0 0 0 5px #ffffff14}.hotspot:nth-child(1){left:27%;top:57%}.hotspot:nth-child(2){left:56%;top:43%}.hotspot:nth-child(3){left:43%;top:53%}.hotspot:nth-child(4){left:76%;top:48%}.hotspot-description{border-top:1px solid var(--line);max-width:660px;margin:0 auto;padding:26px 0;display:flex;gap:24px;text-align:left;min-height:132px}.hotspot-description>span{color:#c47180;font-size:14px}.hotspot-description h3{font-size:22px;margin-bottom:8px}.hotspot-description p{font-size:15px;color:#a8acaf}.schematic{font-size:12px;color:#969a9c;display:block}.demo{padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:.9fr 1.2fr;gap:60px;align-items:center;background:#e9eae6}.demo-copy .eyebrow{color:var(--accent)}.demo-copy h2{margin:18px 0}.demo-copy p{font-size:15px;color:#65696a;max-width:360px}.demo-copy button{margin-top:25px;min-width:150px}.demo-copy small{display:block;color:#717676;font-size:12px;line-height:1.6;max-width:330px;margin-top:20px}.demo-content{min-width:0}.demo-steps{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #c6c9c5;padding-top:17px}.demo-steps span{font-size:11px;color:#707677}.demo-steps .active{color:var(--accent);font-weight:700}.benefits{padding-top:100px;padding-bottom:110px}.benefits .eyebrow{color:var(--accent)}.benefits h2{margin:20px 0 50px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.benefit-item{border-top:1px solid #c8cbc6;padding-top:20px}.benefit-item>span{color:var(--accent);font-size:12px}.benefit-item h3{font-size:23px;margin:28px 0 14px}.benefit-item p{font-size:15px;color:#62686a;max-width:350px}.final{background:#731a2a;color:white;position:relative;padding-top:95px;padding-bottom:90px;isolation:isolate;overflow:hidden}.final .eyebrow{color:#e3acb6;position:relative;z-index:2}.final h2{font-size:clamp(45px,6.1vw,92px);position:relative;z-index:2;max-width:850px;margin-top:28px}.final-body{position:relative;z-index:2;max-width:460px;font-size:16px;color:#ecd8dc;margin:26px 0}.final>.button{z-index:2}.contact-number{display:block;position:relative;z-index:2;margin-top:17px;font-size:14px;color:#e8c8cf;max-width:200px}.final-art{position:absolute;width:650px;right:-40px;bottom:-55px;z-index:-1;opacity:.52;transform:rotate(-20deg)}.final-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:55px 55px;z-index:-2}.footer{background:#151619;color:white;display:grid;grid-template-columns:1fr 1fr;padding-top:55px;padding-bottom:28px;gap:40px}.footer>div:nth-child(2){justify-self:end;display:flex;flex-direction:column;gap:16px;font-size:14px}.footer p{font-size:13px;color:#999fa2;margin-top:17px}.footer a{color:#adb3b4}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:23px;display:flex;gap:35px;justify-content:space-between;font-size:12px;color:#91989b}.footer-bottom p{margin:0;max-width:620px;font-size:12px}.mobile-cta{display:none}.noscript{background:white;padding:30px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1450px){.section-pad,.header{padding-left:max(88px,calc((100vw - 1450px)/2));padding-right:max(88px,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.desktop-nav{gap:16px;font-size:12px}.header{gap:15px}.brand-logo{width:125px}.hero{grid-template-columns:1fr 1fr}.hero-art{height:350px}.hero h1{font-size:clamp(48px,7vw,72px)}.hero-spec{gap:10px;font-size:11px}.product-row{gap:40px}.hotspot-stage{height:290px}.how-sticky{grid-template-columns:1fr 1fr}.demo{gap:30px}}
@media(max-width:760px){:root{--pad:22px}.header{height:76px}.desktop-nav{display:none}.header-actions{gap:12px}.menu-toggle{display:block}.brand-logo{width:120px;height:48px}.brand{min-width:80px}.languages{gap:0}.hero{grid-template-columns:1fr;padding-top:34px;min-height:0}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}.hero h1{font-size:clamp(46px,12.7vw,77px);line-height:1}.hero h1 .hero-intro{font-size:.44em;max-width:100%;margin-bottom:12px}.hero-body{font-size:14px;line-height:1.6;margin:20px 0 22px;max-width:440px}.hero-buttons{gap:7px}.hero-buttons .button{width:100%;max-width:440px}.button{padding:15px 17px;font-size:13px;min-height:54px}.text-link{font-size:13px}.hero-spec{margin-top:17px;font-size:11px}.hero-spec>span:first-child{font-size:14px}.hero-art{height:285px;margin-top:25px;margin-bottom:15px}.hero-art .visual-holder{inset:-15% -7% 0 -7%;transform:rotate(-13deg)}.art-index{font-size:9px;left:0}.label-tool{top:8%;font-size:10px;right:0;max-width:58%}.label-wire{bottom:13%;font-size:10px}.art-bottom{left:0;bottom:-5px;font-size:11px}.art-note{left:0;bottom:-22px;font-size:10px}.hero-bottom{margin-top:26px;padding-top:12px;font-size:9px}.hero-bottom>span{font-size:8px}.how-section{height:320svh}.how-sticky{top:76px;height:calc(100svh - 76px);min-height:570px;padding-top:25px;padding-bottom:18px;grid-template-columns:1fr;grid-template-rows:auto minmax(170px,1fr) auto auto;gap:0}.how-heading{max-width:none}.how-heading .eyebrow{font-size:10px;margin-bottom:10px}.how-heading h2{font-size:35px;white-space:normal;max-width:360px}.how-heading p:last-child{font-size:13px;line-height:1.5;margin-top:10px;max-width:360px}.process-stage{grid-column:1;grid-row:2;align-self:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:170px}.process-stage .visual-holder{width:115%;max-width:500px;margin:0;position:absolute}.process-stage .engineering-visual{max-height:290px}.completion{font-size:53px;bottom:9%;left:10%;text-align:center}.scroll-cue{font-size:10px;bottom:0}.process-info{padding:12px 0 3px;max-width:100%;align-self:start}.step-counter{font-size:10px}.process-info h3{font-size:25px;margin:6px 0}.process-info p{font-size:13px;line-height:1.5;min-height:39px;max-width:420px}.process-steps{gap:8px;margin-top:9px}.process-step{display:block;font-size:10px;padding-top:8px;min-height:47px}.process-step b{display:block;font-size:9px}.products{padding-top:60px;padding-bottom:60px}.section-top{margin-bottom:30px}.section-top .eyebrow{font-size:10px;margin-bottom:15px}.section-number{display:none}.product-row{grid-template-columns:1fr;gap:28px;margin-top:30px}.product-art{aspect-ratio:1.25}.product-content h3{font-size:34px}.product-content>.eyebrow{font-size:10px}.product-content>p:not(.eyebrow){font-size:14px}.product-content li{font-size:13px}.product-content .button{width:100%}.tool-row{margin-top:65px}.tool-row .product-art{order:0}.tool-row .product-content{order:1}.detail{padding-top:58px;padding-bottom:38px}.detail .eyebrow{font-size:10px}.detail h2{font-size:33px}.detail-hint{font-size:13px}.hotspot-stage{height:235px;margin:0 -10px}.hotspot-stage>div:first-child{left:-18px;right:-18px}.hotspot:nth-child(1){left:24%;top:56%}.hotspot:nth-child(2){left:58%;top:39%}.hotspot:nth-child(3){left:42%;top:63%}.hotspot:nth-child(4){left:79%;top:53%}.hotspot-description{gap:16px;min-height:155px}.hotspot-description h3{font-size:21px}.hotspot-description p{font-size:14px}.schematic{font-size:11px;line-height:1.5}.demo{grid-template-columns:1fr;gap:15px;padding-top:55px;padding-bottom:50px}.demo .eyebrow{font-size:10px}.demo h2{font-size:36px}.demo-copy p{font-size:14px}.demo-copy small{font-size:11px}.demo-content>div:first-child{margin-top:-30px}.demo-steps span{font-size:9px}.benefits{padding-top:60px;padding-bottom:60px}.benefits .eyebrow{font-size:10px}.benefits h2{margin-bottom:35px}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-item{display:grid;grid-template-columns:30px 1fr;gap:12px}.benefit-item>span{padding-top:4px}.benefit-item h3{margin:0;font-size:23px}.benefit-item p{grid-column:2;font-size:14px;max-width:none}.final{padding-top:62px;padding-bottom:65px}.final .eyebrow{font-size:10px}.final h2{font-size:clamp(40px,10.7vw,65px);margin-top:23px}.final-body{font-size:14px;max-width:360px}.final .button{width:100%}.final-art{opacity:.19;width:500px;right:-230px;bottom:25px}.footer{grid-template-columns:1fr;padding-top:35px;padding-bottom:105px;gap:27px}.footer>div:nth-child(2){justify-self:start;font-size:13px}.footer-bottom{display:block;font-size:11px}.footer-bottom p{font-size:11px;margin-top:13px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#17191cf2;backdrop-filter:blur(10px);z-index:25;border-top:1px solid #ffffff16}.mobile-cta .button{width:100%;min-height:48px;padding:12px 16px}.mobile-cta.hidden{visibility:hidden}.mobile-menu .button{width:100%}body.menu-open{overflow:hidden}.mobile-menu .brand-logo{height:60px;width:165px}html{scroll-padding-top:85px}}
@media(max-width:760px){.how-sticky{height:calc(100svh - 150px);min-height:490px}.languages button{min-width:31px}.hero-intro{hyphens:auto}.hero-art{background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.how-section{height:auto}.how-sticky{position:relative;top:0;min-height:650px;height:auto}.process-stage{min-height:270px}.process-step{cursor:pointer}.hero-art .visual-holder{transform:none!important}}