:root{--ink:#111b2c;--navy:#0c1627;--muted:#687385;--gold:#d4a453;--goldlight:#f1d4a1;--line:#e7eaf0;--soft:#f7f8fb;--paper:#fff;--blue:#129de5;--shadow:0 24px 70px rgba(22,29,47,.11);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.shell{width:min(1260px,calc(100% - 80px));margin:0 auto}
.section{padding:116px 0}
.skip-link{position:absolute;top:-100px;left:20px;background:#fff;color:#000;padding:14px;z-index:400}.skip-link:focus{top:20px}
.progress{height:3px;background:linear-gradient(90deg,#bb8232,#f1d39a);width:0;position:fixed;top:0;left:0;z-index:100}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:blur(24px);border-bottom:1px solid rgba(220,225,233,.72);z-index:80}
.header-inner{height:84px;display:flex;align-items:center;gap:30px;justify-content:space-between}
.brand{display:flex;gap:8px;align-items:center;font:800 17px 'Manrope',sans-serif;letter-spacing:-.065em;white-space:nowrap}
.brand img{width:43px;height:46px;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.brand>span{display:block;line-height:1.05;letter-spacing:-.04em}
.brand-accent{color:#11a8e5}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:.23em;color:#778396;margin-top:6px}
.desktop-nav{display:flex;gap:30px;align-items:center}
.desktop-nav a{color:#59657a;font-size:12px;font-weight:700;transition:color .2s;white-space:nowrap}
.desktop-nav a:hover{color:#ba8739}
.header-cta{font:700 12px 'Manrope',sans-serif;background:#111b2e;color:#fff;padding:15px 21px;border-radius:10px;white-space:nowrap;transition:transform .25s,box-shadow .25s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px #111b2e26}.header-cta span{color:var(--goldlight);margin-left:10px}
.menu-button{display:none;border:0;background:transparent;width:40px;height:40px;padding:8px}.menu-button span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:3px}
.mobile-nav{display:none}
.button{min-height:54px;padding:16px 22px;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font:800 12px 'Manrope',sans-serif;transition:transform .25s,box-shadow .25s,background .25s;border:1px solid transparent}
.button:hover{transform:translateY(-3px)}.button span{font-size:18px;font-weight:500}
.button-dark{color:#fff;background:#111b2d;box-shadow:0 16px 24px #14253d1d}.button-dark:hover{box-shadow:0 18px 30px #14253d31}
.button-quiet{background:#fff;border-color:#e5e7ec;color:#162338}.button-quiet:hover{border-color:#c3a16a}
.button-gold{background:linear-gradient(110deg,#c99440,#f2d4a3);color:#1d1b16}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:12px;align-items:center;min-height:730px;padding-top:66px;padding-bottom:82px}
.hero-glow{position:absolute;z-index:-1;width:860px;height:780px;top:-70px;right:-380px;background:radial-gradient(ellipse at 48% 54%,#e3edfbd9,transparent 66%);pointer-events:none}
.hero-copy{z-index:4;padding-bottom:42px}.eyebrow{display:flex;gap:13px;align-items:center;color:#9b752e;letter-spacing:.22em;font-size:10px;font-weight:800}
.eyebrow-dot{width:7px;height:7px;background:#d2a251;border-radius:50%;box-shadow:0 0 0 6px #f7ebd68a}
.hero h1{font:800 clamp(48px,5.2vw,79px)/1.08 'Manrope',sans-serif;letter-spacing:-.075em;margin:28px 0 24px;max-width:600px}
.hero h1 em{font-style:normal;position:relative;background:linear-gradient(120deg,#ad742b,#e7c98c);color:transparent;background-clip:text;-webkit-background-clip:text}
.period{color:#cb9b4d}
.hero-copy>p{font-size:16px;line-height:1.85;max-width:525px;color:var(--muted);margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.hero-trust{display:flex;align-items:center;gap:13px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);max-width:480px}.hero-trust .seal{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d8bd8b;border-radius:50%;color:#b68737;font:800 13px 'Manrope'}.hero-trust strong{display:block;font-size:12px}.hero-trust small{display:block;margin-top:6px;font-size:11px;color:#7c879a}
.hero-composition{height:580px;position:relative;isolation:isolate;perspective:1000px}
.composition-decor{position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px)}.decor-one{width:470px;height:470px;right:2%;top:6%;background:radial-gradient(circle,#e8eff8 0%,#e9edf6b8 55%,transparent 72%)}.decor-two{width:230px;height:230px;right:-40px;bottom:-35px;background:radial-gradient(circle,#f7e7c8a4,transparent 71%)}
.gold-curve{position:absolute;border:1px solid #d6b88060;border-radius:50%;pointer-events:none}.curve-one{width:650px;height:470px;right:-66px;top:80px;transform:rotate(-20deg)}.curve-two{width:520px;height:320px;right:42px;top:125px;transform:rotate(-20deg)}
.app-window{position:absolute;overflow:hidden;border:1px solid #e8edf4;border-radius:14px;background:white;box-shadow:0 35px 90px #1724382b,0 4px 15px #17243812;transform-style:preserve-3d;will-change:transform}
.window-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;background:#fff;border-bottom:1px solid #e8ecf2;font:800 8px 'Manrope';letter-spacing:.11em;color:#516079}
.traffic{display:flex;gap:5px;align-items:center}.traffic i{display:block;width:6px;height:6px;border-radius:50%;background:#d1d9e3}.traffic i:first-child{background:#d8b47b}.traffic i:nth-child(2){background:#bfcbd8}
.window-status{font:600 8px 'DM Sans';color:#c2933b;letter-spacing:0}
.app-window img{width:100%;aspect-ratio:1152/548;object-fit:cover}
.window-main{width:85%;top:125px;left:11%;z-index:4;animation:driftMain 8s ease-in-out infinite}
.window-top{width:53%;top:20px;right:-6%;z-index:2;animation:driftTop 9s ease-in-out infinite}
.window-bottom{width:58%;bottom:16px;left:-3%;z-index:5;animation:driftBottom 10s ease-in-out infinite}
@keyframes driftMain{0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg)}50%{transform:translate3d(0,-12px,0) rotate(-.8deg)}}
@keyframes driftTop{0%,100%{transform:translate3d(0,0,0) rotate(7deg)}50%{transform:translate3d(-12px,12px,0) rotate(4deg)}}
@keyframes driftBottom{0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}50%{transform:translate3d(10px,-9px,0) rotate(-4deg)}}
.float-label{display:flex;gap:10px;align-items:center;position:absolute;background:#fff;border:1px solid #ecedf0;box-shadow:0 15px 40px #13284224;padding:12px 15px;border-radius:12px;z-index:10;animation:labelFloat 6s ease-in-out infinite}
.label-one{top:76px;left:4%}.label-two{bottom:39px;right:-4%;animation-delay:-3s}.mini-symbol{height:30px;width:30px;display:grid;place-items:center;background:#e9f4fa;color:#138fb7;border-radius:9px}.mini-symbol.gold{background:#fbf1df;color:#ba842c}.float-label strong,.float-label small{display:block;white-space:nowrap}.float-label strong{font-size:10px}.float-label small{font-size:9px;color:#8591a3;margin-top:3px}@keyframes labelFloat{50%{transform:translateY(-9px)}}
.hero-bottom{position:absolute;bottom:23px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#a2aab6;font-size:9px;letter-spacing:.27em;font-weight:800}
.scroll-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e2e4eb;border-radius:50%;color:#b89453;font-size:18px;transition:transform .3s}.scroll-arrow:hover{transform:translateY(6px)}
.ticker{height:62px;background:#f9fafc;border-block:1px solid #eceef3;overflow:hidden;display:flex;align-items:center}.ticker-content{display:flex;align-items:center;gap:35px;width:max-content;animation:ticker 36s linear infinite;white-space:nowrap;color:#526173;letter-spacing:.19em;font-size:11px;font-weight:800}.ticker b{color:#d0a45c;font-size:15px}@keyframes ticker{to{transform:translateX(-50%)}}
.section-kicker{font:800 10px 'Manrope';letter-spacing:.26em;color:#b58942}
.intro-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;margin:26px 0 55px;align-items:end}
.intro-layout h2,.catalog-header h2,.center-heading h2,.roles-top h2,.contact-head h2{font:800 clamp(33px,4.1vw,56px)/1.13 'Manrope';letter-spacing:-.055em;margin:0}
.intro-layout h2 span,.catalog-header h2 span,.center-heading h2 span,.roles-top h2 span,.contact-head h2 span{color:#ba8c46}
.intro-aside p,.catalog-header>p,.center-heading p,.roles-top p,.contact-head>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.text-link{display:inline-flex;gap:15px;align-items:center;margin-top:21px;padding-bottom:5px;border-bottom:1px solid #c9a063;font-weight:800;font-size:12px}
.feature-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 24px 50px #0d1e3820}
.ribbon-card{padding:32px 26px;border-right:1px solid var(--line);min-height:197px;transition:background .3s,transform .3s}.ribbon-card:last-child{border-right:0}.ribbon-card:hover{background:#f9f5ec}.ribbon-number{color:#bc8e43;font-size:11px;letter-spacing:.1em;font-weight:800}.ribbon-card strong{display:block;margin:25px 0 10px;font:800 15px 'Manrope'}.ribbon-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}
.experience{position:relative;background:radial-gradient(circle at 80% 20%,#27384c 0,transparent 35%),radial-gradient(circle at 5% 85%,#1d293b 0,transparent 30%),#0c1524;padding:105px 0 110px;overflow:hidden;color:#fff;isolation:isolate}
.experience-shine{position:absolute;inset:0;opacity:.28;pointer-events:none;background:repeating-linear-gradient(123deg,transparent 0,transparent 120px,#bd91401c 121px,#bd914015 122px,transparent 123px,transparent 184px)}
.experience-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;position:relative}
.dark-kicker{font:800 10px 'Manrope';letter-spacing:.25em;color:#e4b86c}
.experience-copy h2,.security-left h2{font:800 clamp(36px,4.1vw,58px)/1.15 'Manrope';letter-spacing:-.055em;margin:23px 0 19px}.experience-copy h2 em,.security-left h2 em{color:#edc889;font-style:normal}
.experience-copy>p,.security-left>p{color:#aebbcb;font-size:14px;line-height:1.9;margin:0 0 29px}
.experience-controls{display:grid;gap:9px}
.exp-tab{text-align:left;display:flex;align-items:center;gap:15px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff07;color:#cbd3df;padding:15px 16px;font:700 13px 'Manrope';transition:background .2s,border .2s,color .2s;cursor:pointer}
.exp-tab span{font:800 10px 'Manrope';color:#b48a47}.exp-tab:hover,.exp-tab.active{border-color:#d9ad626d;color:#fff;background:#d5aa6320}
.screen-caption{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;color:#a7b7cc;margin-top:22px;min-height:38px}.pulsing-dot{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#dfbb79;box-shadow:0 0 0 5px #f8d89c19;margin-top:5px;animation:dotPulse 3s ease-in-out infinite}@keyframes dotPulse{50%{box-shadow:0 0 0 11px #f8d89c05}}
.experience-stage{height:520px;position:relative;perspective:1000px;min-width:0}
.stage-shape{position:absolute;pointer-events:none;border:1px solid #d4ad6450;border-radius:50%;transform:rotate(-19deg)}.stage-shape-a{width:730px;height:310px;left:-70px;top:100px}.stage-shape-b{width:600px;height:260px;left:9px;top:123px}
.stage-window{position:absolute;top:98px;left:7%;width:86%;border:1px solid #ffffff3b;border-radius:15px;background:#111b2e;box-shadow:0 35px 90px #0009,0 0 0 10px #ffffff05;overflow:hidden;z-index:4;transition:transform .5s,opacity .3s;transform:rotate(-2deg)}
.stage-window.changing{opacity:.25;transform:translateY(15px) rotate(-5deg) scale(.97)}
.stage-topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #ffffff22;gap:12px;background:#121f32;color:#d3e0ed;font:800 9px 'Manrope';letter-spacing:.18em}
.stage-topbar-right{font-size:8px;color:#d7bd80}.stage-image-wrap{position:relative;overflow:hidden}.stage-image-wrap img{width:100%;aspect-ratio:1152/548;object-fit:cover}.stage-gradient{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff12}
.stage-small{position:absolute;width:32%;background:white;padding:4px;border-radius:9px;z-index:5;box-shadow:0 20px 55px #0008;animation:driftTop 9s ease-in-out infinite}.stage-small img{aspect-ratio:1152/548;object-fit:cover;width:100%}.stage-small-one{top:16px;right:0;transform:rotate(6deg)}.stage-small-two{bottom:0;left:0;animation-delay:-4s}
.slide-progress{position:absolute;bottom:-12px;right:9%;height:2px;width:175px;background:#ffffff37;overflow:hidden}.slide-progress div{height:100%;width:0;background:#e4bd79}
.catalog-header{display:flex;align-items:end;justify-content:space-between;gap:60px}.catalog-header h2{margin-top:22px}.catalog-header>p{max-width:350px}
.catalog-toolbar{margin:45px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f7f8fa;border:1px solid #e6e9ee;border-radius:12px;min-width:310px;flex:1;max-width:420px;color:#9a854c}.search-field input{width:100%;min-width:0;outline:0;border:0;background:transparent;font-size:12px;color:#1b2637}.search-field input::placeholder{color:#9da6b2}.filter-bar{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid #e5e8ee;background:#fff;color:#748096;border-radius:9px;padding:11px 12px;font:800 10px 'Manrope';transition:.2s;cursor:pointer}.filter:hover{border-color:#ddc08f;color:#af843e}.filter.active{background:#142038;border-color:#142038;color:#fff}
.catalog-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:23px 0 18px;color:#8190a1;font-size:11px}.catalog-meta #moduleCount{font-weight:800;color:#886e44}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.module-card{position:relative;background:#fff;border:1px solid #e7ebf1;border-radius:14px;min-height:224px;padding:21px;text-align:left;box-shadow:0 8px 20px #1a293a08;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
.module-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#af8037,#f5dbaa);transform:scaleX(0);transform-origin:left;transition:transform .3s}.module-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px #14253e18;border-color:#dfcaa8}.module-card:hover::before{transform:scaleX(1)}
.module-index{display:flex;justify-content:space-between;align-items:center;width:100%;font:800 10px 'Manrope';letter-spacing:.12em;color:#bb904b}.module-index span:last-child{color:#b1bbc7;letter-spacing:0}.module-card h3{font:800 15px/1.32 'Manrope';margin:30px 0 10px;color:#202d41}.module-card p{font-size:11px;line-height:1.75;color:#798699;margin:0 0 auto}.module-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #eff0f4;margin-top:22px;padding-top:15px;color:#b08340;font-weight:800;font-size:10px}.module-bottom b{font-size:16px;font-weight:500}
.empty-state{text-align:center;background:#f8f9fb;padding:45px;border-radius:13px;color:#657389}
.workflow-section{background:linear-gradient(180deg,#f8fafc,#fff)}.center-heading{text-align:center;margin-bottom:61px}.center-heading h2{margin-top:21px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.step-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}.step-top>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid #dfc594;color:#b5873d;font:800 15px 'Manrope';flex:none}.step-path{height:1px;flex:1;background:linear-gradient(90deg,#d6b679,#e5eaf1)}.step h3{font:800 16px 'Manrope';margin:0 0 13px}.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.security-section{background:#101c2e;color:white;padding:100px 0;overflow:hidden;position:relative}.security-section:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid #eac78324;left:-260px;bottom:-380px;pointer-events:none}
.security-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:center}.security-left>p{margin-bottom:30px}.security-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-item{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;padding:25px;transition:transform .3s,border-color .3s;min-height:190px}.security-item:hover{transform:translateY(-6px);border-color:#e4bc7f88}.shield-icon{font:800 11px 'Manrope';color:#e6bb74;display:block;margin-bottom:27px}.security-item h3{font:800 15px 'Manrope';margin:0 0 10px}.security-item p{font-size:12px;line-height:1.75;color:#aab8cc;margin:0}
.roles-section{padding-bottom:120px}.roles-top{text-align:center}.roles-top h2{margin:18px 0 14px}.roles-top p{margin:0 auto;max-width:610px}.roles-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:35px}.roles-list span{background:#f6f8fa;border:1px solid #e8e9ef;border-radius:999px;padding:14px 20px;font:800 12px 'Manrope';color:#455568;transition:background .25s,transform .25s}.roles-list span:hover{transform:translateY(-4px);background:#fff7e9}
.contact-section{padding:110px 0 115px;background:#f8fafc;border-top:1px solid #ebedf2}.contact-head{display:flex;justify-content:space-between;align-items:end;gap:75px}.contact-head h2{margin-top:20px}.contact-head>p{max-width:380px}.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:47px}.contact-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:220px;padding:29px;border:1px solid #e2e6ed;border-radius:15px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.contact-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#d9bd89}.contact-label{font:800 10px 'Manrope';letter-spacing:.15em;color:#b3843e}.contact-card strong{font:800 24px 'Manrope';margin-top:42px}.contact-address{font-size:12px;color:#758196;margin-top:13px;overflow-wrap:anywhere}.contact-arrow{position:absolute;right:24px;top:23px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e1e5eb;border-radius:50%;color:#ac7c33;font-size:17px}
.contact-footer{margin-top:28px;border-top:1px solid #e5e8ef;padding-top:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-footer strong{font:800 17px 'Manrope'}.contact-footer p{font-size:12px;color:var(--muted);margin:8px 0 0}
.footer{background:#fff;border-top:1px solid #e8ecf2;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:42px;height:44px;object-fit:contain}.footer-brand span{display:block;font-size:13px}.footer-brand strong{display:block;font:800 14px 'Manrope'}.footer-brand small{display:block;color:#9c9fa7;font-size:10px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap}.footer-nav a{font-size:11px;font-weight:800;color:#6b7789}.footer-inner>p{font-size:10px;color:#a2abb7}
.detail-dialog{padding:0;border:1px solid #e6e9ef;border-radius:20px;max-width:min(610px,calc(100vw - 26px));width:100%;max-height:88vh;overflow:auto;box-shadow:0 40px 100px #091b3047;color:#1a273b;background:#fff}.detail-dialog::backdrop{background:#101a2bb8;backdrop-filter:blur(5px)}.dialog-inner{padding:38px}.dialog-close{position:absolute;right:18px;top:16px;display:grid;place-items:center;height:37px;width:37px;border:1px solid #e6e8ed;border-radius:50%;background:#fff;font-size:24px;color:#8491a3}.dialog-kicker,.dialog-subhead{font:800 10px 'Manrope';letter-spacing:.16em;color:#b48945}.detail-dialog h2{font:800 32px/1.2 'Manrope';letter-spacing:-.04em;margin:18px 0 13px}.detail-dialog p{color:#657489;line-height:1.8;font-size:14px}.dialog-subhead{padding-top:16px;border-top:1px solid #e8ebf0;margin-top:22px}.detail-dialog ul{padding-left:20px;font-size:13px;color:#42536b;line-height:1.9}.detail-dialog li{margin-bottom:8px}.dialog-link{display:inline-block;background:#13203a;color:#fff;border-radius:9px;font-weight:800;padding:15px 18px;font-size:12px;margin-top:7px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
@media (max-width:1200px){.desktop-nav{gap:17px}.header-inner{gap:15px}.hero{min-height:685px}.hero h1{font-size:clamp(42px,4.9vw,64px)}.hero-composition{height:515px}.experience-layout{gap:40px}.security-layout{gap:60px}.module-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:950px){.shell{width:min(1260px,calc(100% - 46px))}.desktop-nav,.header-cta{display:none}.menu-button{display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:8px 23px 22px;box-shadow:0 22px 30px #07142115}.mobile-nav a{padding:13px 4px;border-bottom:1px solid #edf0f4;font:700 13px 'Manrope'}.hero{grid-template-columns:1fr;min-height:auto;padding-top:66px}.hero-copy{padding-bottom:0}.hero h1{max-width:720px;font-size:clamp(48px,6.3vw,74px)}.hero-composition{height:560px;width:min(690px,100%);justify-self:center;margin-top:10px}.hero-bottom{bottom:14px}.feature-ribbon{grid-template-columns:1fr 1fr}.ribbon-card:nth-child(2){border-right:0}.ribbon-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.experience-layout,.security-layout{grid-template-columns:1fr;gap:10px}.experience-copy{max-width:720px}.experience-controls{grid-template-columns:1fr 1fr}.experience-stage{height:540px}.catalog-header,.contact-head,.intro-layout{display:block}.intro-aside{margin-top:26px}.catalog-header>p,.contact-head>p{max-width:620px;margin-top:20px}.module-grid{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr 1fr}.contact-cards a:last-child{grid-column:span 2}.security-right{margin-top:35px}.steps{grid-template-columns:1fr 1fr;row-gap:35px}}
@media (max-width:580px){.shell{width:calc(100% - 34px)}.site-header .header-inner{height:69px}.brand{font-size:16px}.brand img{width:36px;height:39px}.hero{padding-top:48px;padding-bottom:57px}.hero h1{font-size:clamp(37px,10.5vw,54px);letter-spacing:-.068em;margin:23px 0 19px}.hero-copy>p{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:.12em}.hero-actions{flex-direction:column}.hero-actions .button{width:100%;justify-content:space-between}.hero-trust{margin-top:32px}.hero-trust small{font-size:10px}.hero-composition{height:345px;margin-top:24px}.window-main{width:91%;left:7%;top:105px}.window-top{width:54%;top:30px;right:-1%}.window-bottom{width:58%;bottom:25px;left:0}.window-bar{padding:6px 7px;font-size:6px}.traffic{gap:3px}.traffic i{height:4px;width:4px}.window-status{font-size:6px}.gold-curve.curve-one{width:410px;height:290px;right:-40px;top:35px}.curve-two{width:330px;height:250px;top:40px}.decor-one{width:300px;height:300px;top:5px}.float-label{padding:8px;gap:5px;border-radius:8px}.label-one{top:64px;left:0}.label-two{bottom:9px;right:0}.mini-symbol{height:20px;width:20px;border-radius:6px;font-size:11px}.float-label strong{font-size:7px}.float-label small{font-size:6px}.hero-bottom{bottom:4px;letter-spacing:.06em;font-size:7px}.scroll-arrow{height:30px;width:30px}.section{padding:75px 0}.intro-layout h2,.catalog-header h2,.center-heading h2,.contact-head h2,.roles-top h2{font-size:clamp(30px,8.3vw,43px)}.intro-aside p,.catalog-header>p,.contact-head>p,.roles-top p{font-size:13px}.feature-ribbon{grid-template-columns:1fr}.ribbon-card,.ribbon-card:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:22px 24px}.ribbon-card:last-child{border:0}.ribbon-card strong{margin:12px 0 6px}.experience{padding:76px 0 70px}.experience-copy h2,.security-left h2{font-size:36px}.experience-controls{grid-template-columns:1fr 1fr;gap:7px}.exp-tab{font-size:10px;padding:12px 9px;gap:6px}.exp-tab span{font-size:9px}.experience-stage{height:315px}.stage-window{width:94%;left:3%;top:64px}.stage-topbar{padding:8px;font-size:6px}.stage-topbar-right{font-size:5px}.stage-small{width:35%}.stage-small-one{top:10px}.stage-small-two{bottom:8px}.stage-shape-a{width:400px;height:200px;top:60px}.stage-shape-b{width:320px;height:170px;top:75px}.slide-progress{bottom:0}.catalog-toolbar{margin-top:29px;display:block}.search-field{min-width:0;width:100%;max-width:none}.filter-bar{margin-top:13px;gap:6px}.filter{font-size:9px;padding:10px}.catalog-meta{align-items:flex-start;font-size:10px}.catalog-meta span:last-child{text-align:right;max-width:160px}.module-grid{grid-template-columns:1fr 1fr;gap:9px}.module-card{padding:14px;min-height:229px}.module-card h3{font-size:12px;margin-top:24px}.module-card p{font-size:10px}.module-bottom{font-size:8px}.module-index{font-size:9px}.steps{grid-template-columns:1fr;gap:25px}.step-top{margin-bottom:10px}.step-path{display:none}.security-section{padding:72px 0}.security-right{grid-template-columns:1fr;gap:10px}.security-item{min-height:auto;padding:22px}.shield-icon{margin-bottom:13px}.roles-list{gap:8px}.roles-list span{padding:10px 13px;font-size:10px}.contact-section{padding:76px 0}.contact-cards{grid-template-columns:1fr;margin-top:28px}.contact-cards a:last-child{grid-column:auto}.contact-card{min-height:164px;padding:22px}.contact-card strong{margin-top:29px;font-size:22px}.contact-footer{display:block}.contact-footer .button{margin-top:24px;width:100%;justify-content:space-between}.footer-inner{justify-content:center;text-align:center}.footer-nav{justify-content:center}.footer-inner>p{width:100%}.dialog-inner{padding:26px}.detail-dialog h2{font-size:25px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Mantener el lienzo visible dentro del ancho de pantalla, incluso con halos y ventanas flotantes. */
html,body{overflow-x:clip}