@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:Inter;src:url('/assets/fonts/inter-700.woff2') format('woff2');font-display:swap;font-weight:700}@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-700.woff2') format('woff2');font-display:swap;font-weight:700}@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-900.woff2') format('woff2');font-display:swap;font-weight:900}@font-face{font-family:Michroma;src:url('/assets/fonts/michroma-400.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--bg:#060608;--bg-alt:#0d0e12;--card:#13141a;--text:#fff;--muted:#aeb4c3;--accent:#b9a4e5;--accent-dark:#6d46bd;--border:rgba(255,255,255,.12);--max:1200px;--header:82px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden;overscroll-behavior:contain}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.container{width:min(90%,var(--max));margin-inline:auto}.narrow{max-width:800px}.section{padding:clamp(5rem,9vw,8rem) 0}.section-alt{background:var(--bg-alt)}
h1,h2,h3{font-family:Outfit,Inter,sans-serif;line-height:1.08;text-wrap:balance}h1{font-size:clamp(2.65rem,7vw,5.6rem);letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.3rem);margin-bottom:2.5rem}h3{font-size:1.35rem}h1 span,h2 span{color:var(--muted)}p{color:var(--muted)}.lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:660px;margin-top:1.5rem}.eyebrow{display:block;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.16em;margin-bottom:1rem;text-transform:uppercase}.badge{display:inline-flex;border:1px solid rgba(185,164,229,.3);border-radius:999px;background:rgba(109,70,189,.18);color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.14em;padding:.45rem .9rem;text-transform:uppercase;margin-bottom:1.5rem}.badge.small{font-size:.65rem;margin-bottom:1rem}
.skip-link{position:fixed;z-index:1000;left:1rem;top:1rem;background:#fff;color:#000;padding:.75rem 1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.concept-bar{min-height:38px;background:#171220;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.45rem 1rem;color:var(--muted);font-size:.78rem;text-align:center}.concept-bar a{color:var(--accent);font-weight:700;text-decoration:none;transition:color .2s,opacity .2s}.concept-bar a:hover{opacity:.8;text-decoration:underline;text-underline-offset:3px}.header{position:sticky;top:0;z-index:100;background:rgba(6,6,8,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-container{min-height:var(--header);display:flex;align-items:center;justify-content:space-between}.logo{font-family:Michroma,Outfit,sans-serif;font-size:clamp(1rem,2vw,1.45rem);letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:1.7rem}.nav-link{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav-link:hover,.nav-link[aria-current=page]{color:#fff}.nav-cta{border:1px solid var(--border);border-radius:4px;color:#fff;padding:.7rem 1.1rem}.mobile-menu-btn{display:none;border:0;background:transparent;width:44px;height:44px;padding:11px 7px;flex-direction:column;justify-content:space-between;cursor:pointer}.mobile-menu-btn span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}
.hero{padding-top:clamp(5rem,10vw,9rem)}.hero-container,.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,6rem);align-items:center}.hero-content{position:relative;z-index:1}.hero-image,.feature-image{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 80px #000}.hero-image:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(109,70,189,.3),transparent 60%);pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.3rem}.actions.centered{justify-content:center}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;padding:.85rem 1.4rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#fff;color:#070709}.btn-primary:hover{background:#dedee4}.btn-outline{border-color:var(--border);background:transparent;color:#fff}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.06)}.text-link{display:inline-block;margin-top:1.5rem;color:#fff;font-weight:700;border-bottom:1px solid var(--accent)}
.card-grid,.product-grid{display:grid;gap:1.5rem}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:2rem}.card h3{margin-bottom:.8rem}.card-icon{font-size:2rem;display:block;margin-bottom:1.3rem}.steps{list-style:none;display:grid;gap:1.5rem}.steps li{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.steps li>span{color:var(--accent);font-weight:800}.steps h3,.steps h2{font-size:1.25rem;margin-bottom:.35rem}.steps.detailed h2{font-size:1.35rem}.align-center{align-items:center}.align-start{align-items:start}.cta{text-align:center;background:radial-gradient(circle at 50% 120%,rgba(109,70,189,.3),transparent 50%)}.cta p{font-size:1.15rem}.tech-strip{padding:3.5rem 0;overflow:hidden;background:var(--bg-alt);border-block:1px solid var(--border)}.tech-strip h2{font-size:.78rem;text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:2rem}.tech-strip>div{display:flex;width:max-content;gap:5rem;animation:marquee 24s linear infinite}.tech-strip span{font-family:Outfit;font-size:2rem;font-weight:900;color:rgba(255,255,255,.15)}@keyframes marquee{to{transform:translateX(-50%)}}
.page-hero{text-align:center;padding-bottom:5rem}.page-hero .lead{margin-inline:auto}.product-grid{grid-template-columns:repeat(3,1fr)}
.product-card{border-radius:10px;height:100%}

.flip-card{position:relative;perspective:1200px;min-height:560px}
.flip-card-inner{position:relative;width:100%;min-height:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease)}
.flip-card:hover .flip-card-inner, .flip-card:focus-within .flip-card-inner{transform:rotateY(180deg)}
.flip-card-face{position:absolute;inset:0;display:flex;flex-direction:column;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;background:var(--card);border:1px solid var(--border);overflow:hidden}
.flip-card-front{transform:rotateY(0deg) translateZ(1px)}
.flip-card-back{transform:rotateY(180deg);padding:1.5rem;justify-content:center}
.product-card picture{aspect-ratio:1;overflow:hidden;display:block}
.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.flip-card:hover .flip-card-front img{transform:scale(1.025)}
.product-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}
.product-body h2{font-size:1.55rem;margin-bottom:.8rem}
.product-body h3{font-size:1.35rem;margin-bottom:1.3rem}
.product-body p{margin-bottom:1.5rem}
.product-body .btn{margin-top:auto}
.flip-card-back .product-body{overflow-y:auto}
.flip-card-back dl{display:grid;gap:1rem;flex:1}
.flip-card-back dl div{border-top:1px solid var(--border);padding-top:.8rem}
.flip-card-back dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.flip-card-back dd{margin:0;color:#fff}
.mobile-only{display:none}
.hotspot-experience{position:relative}.hotspot-experience picture,.hotspot-experience img{border-radius:10px}.hotspot{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;transform:translate(-50%,-50%);background:transparent;border:0;cursor:pointer}.hotspot-dot{position:absolute;width:16px;height:16px;left:14px;top:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(185,164,229,.65);animation:pulse 2s infinite}.hotspot-tooltip{position:absolute;z-index:2;width:250px;bottom:52px;left:22px;transform:translateX(-50%) translateY(8px);background:#09090c;border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.hotspot-tooltip span{display:block;color:var(--muted);font-size:.78rem;margin-top:.3rem}.hotspot:hover .hotspot-tooltip,.hotspot:focus-visible .hotspot-tooltip,.hotspot[aria-expanded=true] .hotspot-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@keyframes pulse{70%{box-shadow:0 0 0 14px transparent}}.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}.faq{display:grid;gap:1rem}.faq details{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:0 1.3rem}.faq summary{cursor:pointer;font-family:Outfit;font-weight:700;padding:1.3rem 2rem 1.3rem 0}.faq p{padding-bottom:1.3rem}
.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,6rem);align-items:start}.mini-steps{list-style:none;display:grid;gap:1rem;margin:2rem 0}.mini-steps li{display:flex;align-items:center;gap:.8rem;color:var(--muted)}.mini-steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(109,70,189,.25);color:var(--accent);font-weight:800}.form-note{border-left:2px solid var(--accent);padding-left:1rem;font-size:.9rem}.contact-form{display:grid;gap:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:clamp(1.3rem,5vw,2.5rem)}.field{display:grid;gap:.45rem}.field label{font-weight:700;font-size:.9rem}.field label span{color:var(--muted);font-weight:400}.field input,.field select,.field textarea{width:100%;border:1px solid #424653;border-radius:5px;background:#090a0e;color:#fff;padding:.85rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid rgba(185,164,229,.25);outline-offset:1px}.checkbox{display:flex;gap:.75rem;align-items:flex-start;color:var(--muted);font-size:.88rem}.checkbox input{width:20px;height:20px;flex:0 0 auto}.honeypot{position:absolute;left:-9999px}.form-status{min-height:1.5rem}.success-page{text-align:center;min-height:65vh;display:grid;place-items:center}.success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(109,70,189,.25);color:var(--accent);font-size:2rem;margin:0 auto 1.5rem}
.footer{border-top:1px solid var(--border);padding:4rem 0;text-align:center}.footer-container{display:flex;flex-direction:column;align-items:center;gap:.8rem}.footer a:not(.logo, .btn){color:var(--accent);font-weight:700;text-decoration:none;transition:opacity .2s}.footer a:not(.logo, .btn):hover{opacity:.8;text-decoration:underline;text-underline-offset:3px}.footer p{font-size:.86rem}.footer p.copyright{color:var(--muted);font-size:.78rem;margin-top:.5rem}.footer-cta{min-height:36px;padding:.5rem 1rem;font-size:.75rem;margin-top:.5rem}
.tech-strip span{color:#777b86}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:992px){.hero-container,.split,.form-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:1fr}.feature-image{order:2}}
@media(max-width:768px){:root{--header:68px}.concept-bar{flex-direction:column;gap:.15rem}.header{position:sticky;top:0;z-index:300;background:rgba(6,6,8,.98);backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-menu-btn{display:inline-flex;position:relative;z-index:501}.mobile-menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(10px) rotate(45deg)}.mobile-menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav-links{position:fixed;inset:0;z-index:500;width:100vw;max-width:100%;min-height:100vh;height:100dvh;background:rgba(5,5,8,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:calc(var(--header,80px) + env(safe-area-inset-top,0px)) 1.5rem calc(2rem + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:none;transition:opacity .25s,visibility .25s}.nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-links a,.nav-link{display:block;font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.1;text-align:center;color:#fff;opacity:1}.nav-cta{padding:.8rem 1.5rem}.product-grid{grid-template-columns:1fr}.btn{width:100%}.actions{flex-direction:column}.hotspot-tooltip{width:210px}.section{padding:4.5rem 0}.mobile-only{display:inline-flex;margin-top:.75rem}.flip-card{perspective:1200px;min-height:640px}.flip-card-inner{min-height:100%;transform-style:preserve-3d;transition:transform .6s var(--ease)}.flip-card:hover .flip-card-inner,.flip-card:focus-within .flip-card-inner{transform:none}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card.is-flipped:focus-within .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg);overflow-y:auto;-webkit-overflow-scrolling:touch}body.menu-open{overflow:hidden;overscroll-behavior:contain}}
@media(max-width:768px) and (max-height:620px){.nav-links{justify-content:flex-start}}
@media(orientation:landscape) and (max-height:620px) and (pointer:coarse){.header{position:sticky;top:0;z-index:300;background:rgba(6,6,8,.98);backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-menu-btn{display:inline-flex;position:relative;z-index:501}.mobile-menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(10px) rotate(45deg)}.mobile-menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav-links{position:fixed;inset:0;z-index:500;width:100vw;max-width:100%;min-height:100vh;height:100dvh;background:rgba(5,5,8,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;padding:calc(var(--header,80px) + env(safe-area-inset-top,0px)) 1.5rem calc(2rem + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:none;transition:opacity .25s,visibility .25s}.nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-links a,.nav-link{display:block;font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.1;text-align:center;color:#fff;opacity:1}.nav-cta{padding:.8rem 1.5rem}body.menu-open{overflow:hidden;overscroll-behavior:contain}}
@media(max-width:420px){.container{width:min(92%,var(--max))}.product-body{padding:1.2rem}.contact-form{padding:1.15rem}.hotspot-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tech-strip>div{transform:none} .flip-card-inner{transition:none} }