@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--navy:#06152D;--blue:#123F75;--silver:#C0C0C0;--text:#F6F8FC;--muted:#A9B8CC;--line:#304764;--surface:#0B2040;--max:1280px;--gutter:clamp(20px,5vw,72px);font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;overflow-x:hidden}body{margin:0;background:var(--navy);color:var(--text);font-size:15px;line-height:1.65;overflow-x:clip}body.nav-open{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #e1ebf7;outline-offset:4px}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 2 * var(--gutter)));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:300;background:#fff;color:#06152D;padding:10px}.skip-link:focus{top:20px}.site-header{height:82px;position:sticky;top:0;z-index:80;background:rgba(6,21,45,.93);border-bottom:1px solid rgba(192,192,192,.19);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;min-width:0;gap:13px;flex-shrink:0}.brand img{height:50px;width:150px;object-fit:contain;filter:none}.brand-label{border-left:1px solid #546780;padding-left:13px;font-size:9px;line-height:1.6;letter-spacing:.14em;font-weight:500;color:#bfccd9}.brand-label strong{font-size:10px;color:#fff;letter-spacing:.2em}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2vw,28px);margin-left:auto}.desktop-nav a{color:#ced8e6;font-size:12px;font-weight:650;white-space:nowrap;transition:color .2s}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:12px}.btn{min-height:51px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:5px;font-weight:750;font-size:13px;line-height:1.2;transition:transform .2s,border-color .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#1d5691;border-color:#5c8dc1;color:#fff;box-shadow:0 8px 28px #00172e80}.btn-primary:hover{background:#276ba9}.btn-outline{border-color:#7189a4;color:#fff;background:transparent}.btn-outline:hover,.btn-ghost:hover{background:#ffffff15}.btn-ghost{border-color:#7189a4;color:#e8f1fd;background:#06152d30}.btn-small{min-height:40px;padding:10px 16px;font-size:11px;gap:12px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid #4d6480;border-radius:6px;background:#102747;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:#e5ebf2;border-radius:3px}.nav-shade{position:fixed;inset:82px 0 0;background:#010612aa;z-index:81}.mobile-nav{position:fixed;top:82px;right:0;width:min(86vw,350px);height:calc(100dvh - 82px);height:calc(100vh - 82px);background:#0b2040;border-left:1px solid #526b87;box-shadow:-30px 0 75px #0008;z-index:82;display:flex;flex-direction:column;gap:0;padding:20px 24px;transform:translateX(110%);visibility:hidden;transition:transform .32s,visibility .32s;overflow:auto}.nav-open .mobile-nav{transform:translateX(0);visibility:visible}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;letter-spacing:.17em;color:var(--silver);font-size:11px;padding-bottom:15px;border-bottom:1px solid #3a526e}.nav-close{background:none;color:#fff;border:0;font-size:34px;line-height:1;cursor:pointer}.mobile-nav>a{padding:14px 1px;font-weight:650;border-bottom:1px solid #213956}.mobile-nav>a.mobile-quote{background:#22578d;text-align:center;border:1px solid #628ab0;border-radius:5px;margin-top:22px}.hero{position:relative;min-height:min(790px,calc(100svh - 82px));min-height:660px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(.48) contrast(1.12)}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,21,45,.99) 0%,rgba(6,21,45,.94) 28%,rgba(6,21,45,.68) 65%,rgba(6,21,45,.43) 100%),linear-gradient(0deg,#06152d 0%,transparent 42%,#06152d36 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(#8ab2dd 1px,transparent 1px),linear-gradient(90deg,#8ab2dd 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-content{display:flex;justify-content:space-between;align-items:center;padding-block:110px 120px}.hero-copy{max-width:900px}.eyebrow,.kicker{color:var(--silver);font-size:11px;font-weight:800;letter-spacing:.23em}.eyebrow{display:flex;align-items:center;gap:12px}.pulse-dot,.status-dot{width:7px;height:7px;background:#96b9ea;border-radius:50%;box-shadow:0 0 0 5px #96b9ea20;flex-shrink:0}.hero h1{font-size:clamp(50px,6.6vw,104px);line-height:1.035;letter-spacing:-.065em;font-weight:900;margin:27px 0}.silver-title{color:var(--silver)}.outline-title{-webkit-text-stroke:1.5px #aebed0;color:transparent}.hero-intro{max-width:590px;font-size:clamp(15px,1.3vw,18px);color:#cfdaeb;line-height:1.85}.hero-intro strong{color:#fff;font-weight:750}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.hero-micro{display:flex;flex-wrap:wrap;gap:25px;margin-top:45px;color:#9eafc4;font-size:10px;letter-spacing:.11em;font-weight:750}.hero-micro span{display:flex;align-items:center;gap:8px}.hero-micro i{height:5px;width:5px;border-radius:50%;background:#aabed1}.hero-rail{display:flex;flex-direction:column;align-items:center;gap:18px;writing-mode:vertical-rl;letter-spacing:.2em;color:#a8bbcf;font-size:10px}.rail-line{height:105px;width:1px;background:#92a9c4}.scroll-cue{position:absolute;bottom:24px;left:var(--gutter);display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.24em;color:#a4b4c8}.scroll-cue span{height:25px;width:1px;background:#c0c0c0;display:inline-block}.section-pad{padding:clamp(76px,9vw,130px) 0}.section-heading{font-size:clamp(35px,4vw,63px);letter-spacing:-.058em;line-height:1.11;margin:16px 0 20px;font-weight:870}.section-heading span{color:var(--silver)}.section-lead{color:#b9c9de;max-width:655px;font-size:clamp(15px,1.35vw,18px);line-height:1.9}.intro{background:#091c38}.intro-grid{display:grid;grid-template-columns:220px 1fr;gap:45px}.section-side{display:flex;flex-direction:column;gap:20px}.side-line{width:1px;height:80px;background:#6581a0;margin-left:7px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:60px}.benefits article{padding-top:20px;border-top:1px solid #3d5673}.benefit-icon{font-size:11px;font-weight:800;color:#c7c7c7;letter-spacing:.15em}.benefits h3{font-size:18px;letter-spacing:-.03em;margin:15px 0 8px}.benefits p{font-size:13px;color:#acbdd2;margin:0;line-height:1.8}.services{background:#06152d}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-top>p{max-width:365px;color:#b0c2d7;margin:0 0 15px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-card{min-height:425px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #486686;border-radius:7px;background:#132c4b}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.56) brightness(.85);z-index:-2;transition:transform .55s}.service-card:hover img{transform:scale(1.055)}.card-tint{position:absolute;inset:0;background:linear-gradient(0deg,#06152d 4%,#06152de8 32%,#0b255472 68%,#123f7530);z-index:-1}.service-card::after{content:"";position:absolute;inset:0;width:60%;height:100%;pointer-events:none;background:linear-gradient(110deg,transparent,rgba(226,237,250,.15),transparent);transform:translateX(-220%) skewX(-17deg);transition:transform 1.6s ease}.service-card:hover::after{transform:translateX(350%) skewX(-17deg)}.card-content{height:100%;display:flex;flex-direction:column;justify-content:end;padding:22px}.card-index{font-size:10px;letter-spacing:.12em;font-weight:800;color:#bfc9d6}.card-content h3{font-size:clamp(21px,2vw,28px);line-height:1.13;letter-spacing:-.045em;margin:14px 0 12px}.card-content p{font-size:12px;color:#cad7e7;line-height:1.65;margin:0 0 22px}.card-content a{font-size:11px;color:#f7fafc;border-top:1px solid #6482a0;padding-top:15px;display:flex;justify-content:space-between;gap:10px;font-weight:780}.card-content a span{font-size:17px}.image-note{font-size:11px;color:#98abc3;margin-top:16px}.systems{background:#0a1d39}.systems-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}.systems-visual{position:relative;padding:18px 20px 25px 0}.visual-frame{position:relative;aspect-ratio:1.05;overflow:hidden;background:#102e53}.visual-frame>img{width:100%;height:100%;object-fit:cover;filter:grayscale(.32) saturate(.65)}.visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06152d9e,transparent 65%)}.corner-top,.corner-bottom{position:absolute;width:38px;height:38px;border-color:#c0c0c0;z-index:1}.corner-top{top:18px;left:18px;border-top:2px solid;border-left:2px solid}.corner-bottom{bottom:18px;right:18px;border-bottom:2px solid;border-right:2px solid}.visual-plate{position:absolute;bottom:24px;left:24px;z-index:2;letter-spacing:.16em;font-weight:750;font-size:10px;color:#ecf4fc;display:flex;align-items:center;gap:12px}.plate-light{width:8px;height:8px;border-radius:50%;background:#8fc0ff}.systems-badge{position:absolute;right:0;bottom:0;background:#123f75;padding:18px 24px;line-height:1.3;letter-spacing:.07em;color:#bbc9d7;font-size:12px}.systems-badge strong{color:#fff;font-size:22px;display:block}.system-list{margin-top:30px;border-top:1px solid #34516f}.system-list>div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid #34516f}.system-list span{color:#c0c0c0;font-weight:800;font-size:11px}.system-list strong{font-size:14px}.system-list small{grid-column:2;color:#93a9bf;margin-top:-4px}.catalogue-note{font-size:12px;color:#a6bbd1;margin-top:20px}.text-link{display:inline-block;margin-top:17px;color:#fff;font-size:13px;border-bottom:1px solid #b3c4db;padding-bottom:6px;font-weight:750}.planner{background:radial-gradient(circle at 80% 45%,#123f758a,transparent 49%),#06152d}.planner-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,100px)}.planner-pills{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.planner-pills span{border:1px solid #4e6581;padding:8px 12px;border-radius:4px;font-size:11px;color:#c8d3e1}.planner-status{display:flex;align-items:center;gap:14px;border-left:2px solid #c0c0c0;padding-left:18px;margin-top:38px}.planner-status strong,.planner-status small{display:block}.planner-status strong{font-size:13px}.planner-status small{font-size:12px;color:#9db1c7}.rack-preview{background:#0a1b30;border:1px solid #63809b;border-radius:11px;padding:17px;box-shadow:0 28px 80px #0007}.rack-head,.rack-foot{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:850;letter-spacing:.12em;color:#b7cadb}.rack-head{padding-bottom:15px}.rack-foot{padding-top:15px;color:#8c9fb6}.rack-body{display:grid;grid-template-columns:24px 1fr;gap:10px;background:#061122;border:2px solid #516d85;border-radius:4px;padding:12px}.rack-index,.rack-slots{display:grid;grid-template-rows:repeat(6,1fr);gap:6px}.rack-index span{color:#91a6bc;font-size:9px;display:grid;place-items:center}.rack-slots>div{min-height:42px;background:#1b314a;border:1px solid #70849b;border-radius:3px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px}.rack-slots>div span{color:#e1e7ee;font-size:10px;letter-spacing:.11em;font-weight:750}.rack-slots i{height:7px;width:7px;border-radius:50%;background:#aebfcf;box-shadow:0 0 0 3px #8ea1b125}.rack-slots .rack-blue{background:#214b78}.rack-slots .rack-empty{background:#0c1a2d;border-style:dashed}.rack-slots .rack-empty span{color:#73889d}.process{background:#091c38}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step-grid>div{border-top:1px solid #69809a;padding-top:22px}.step-grid b{font-size:11px;color:#c0c0c0;letter-spacing:.12em}.step-grid h3{font-size:23px;margin:25px 0 8px;letter-spacing:-.04em}.step-grid p{color:#b1c1d5;font-size:13px;margin:0}.cta-section{padding:84px 0;background:linear-gradient(120deg,#123f75 0%,#0a2549 50%,#06152d 100%);border-block:1px solid #567596}.cta-shell{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-shell h2{font-size:clamp(38px,4.5vw,67px);letter-spacing:-.06em;line-height:1.1;margin:17px 0}.cta-shell h2 span{color:#c0c0c0}.cta-shell p{color:#c4d4e4;max-width:540px}.cta-actions{display:flex;flex-direction:column;gap:12px;min-width:225px}.footer-minimal{background:#06152d;border-top:1px solid #263e5c;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-inner p,.footer-inner a{margin:0;font-size:12px;color:#aabbd0}.footer-inner a{color:#c0c0c0}.footer-inner a:hover{text-decoration:underline}.whatsapp-float{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:75;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1db95d;color:white;box-shadow:0 8px 24px #0008;animation:wa-glow 3.8s ease-in-out infinite}.whatsapp-float svg{width:29px;height:29px}.whatsapp-float:hover{transform:scale(1.06)}@keyframes wa-glow{0%,100%{box-shadow:0 8px 24px #0008,0 0 0 0 #22c55e55}50%{box-shadow:0 8px 24px #0008,0 0 0 12px #22c55e00}}@media(max-width:1180px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.brand-label{display:none}.service-card{min-height:390px}}@media(max-width:980px){.desktop-nav,.header-quote{display:none}.menu-toggle{display:flex}.intro-grid{grid-template-columns:1fr}.section-side{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:390px}.hero h1{font-size:clamp(50px,8vw,84px)}.hero-rail{display:none}.benefits{margin-top:40px}.systems-grid,.planner-layout{grid-template-columns:1fr}.systems-visual{max-width:650px}.planner-copy{max-width:690px}.rack-preview{max-width:650px;width:100%;margin-inline:auto}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--gutter:20px}.site-header{height:72px}.brand img{width:137px;height:49px}.mobile-nav{top:72px;height:calc(100vh - 72px);height:calc(100dvh - 72px)}.nav-shade{inset:72px 0 0}.hero{min-height:calc(100svh - 72px);min-height:610px;align-items:center}.hero-content{padding-block:85px 105px}.hero h1{font-size:clamp(47px,11vw,70px);margin:22px 0;letter-spacing:-.065em}.hero-intro{font-size:14px;line-height:1.8}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{width:100%}.hero-micro{gap:12px 17px;margin-top:32px;font-size:9px}.hero-overlay{background:linear-gradient(90deg,#06152df2,#06152db5),linear-gradient(0deg,#06152d,transparent 55%)}.section-pad{padding:70px 0}.section-heading{font-size:clamp(35px,9.2vw,49px)}.benefits{grid-template-columns:1fr;gap:22px}.benefits article{padding-top:16px}.section-top{display:block}.section-top>p{margin:0 0 24px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{min-height:330px;aspect-ratio:16/12}.card-content{padding:20px}.card-content h3{font-size:27px}.systems-visual{padding-right:14px}.visual-frame{aspect-ratio:1.22}.systems-badge{padding:13px 17px}.systems-badge strong{font-size:18px}.rack-preview{padding:11px}.rack-head,.rack-foot{font-size:8px}.rack-body{padding:7px}.rack-slots>div{min-height:34px;padding:0 8px}.rack-slots>div span{font-size:8px}.step-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.step-grid h3{font-size:18px;margin:16px 0 8px}.step-grid p{font-size:12px}.cta-shell{display:block}.cta-actions{margin-top:27px}.footer-inner{flex-direction:column;text-align:center;gap:7px}.footer-inner p,.footer-inner a{font-size:11px}.footer-minimal{padding:23px 0 28px}.whatsapp-float{width:50px;height:50px;right:15px;bottom:calc(17px + env(safe-area-inset-bottom,0px))}.whatsapp-float svg{width:27px;height:27px}}@media(max-width:360px){:root{--gutter:16px}.hero h1{font-size:45px}.eyebrow{font-size:9px;letter-spacing:.16em}.hero-micro{font-size:8px}.section-heading{font-size:34px}.card-content h3{font-size:25px}.rack-head,.rack-foot{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}