@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap'); :root{--bg:#050505;--bg2:#0a0a0a;--card:rgba(17,17,17,.72);--line:rgba(255,255,255,.09);--text:#f7f7f7;--muted:#a7a7a7;--red:#ff1f32;--red2:#a90012;--shadow:0 24px 80px rgba(0,0,0,.52);--radius:24px} *{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 15% 8%,rgba(255,31,50,.12),transparent 30%),radial-gradient(circle at 85% 20%,rgba(255,31,50,.07),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 88%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-2;background:radial-gradient(circle,rgba(255,31,50,.11),transparent 64%);transform:translate(-50%,-50%);transition:opacity .3s}.page-wipe{position:fixed;inset:0;background:#090909;z-index:9999;transform:translateY(100%);pointer-events:none}.page-wipe.in{animation:wipeIn .65s cubic-bezier(.77,0,.18,1) forwards}.page-wipe.out{animation:wipeOut .7s cubic-bezier(.77,0,.18,1) forwards}@keyframes wipeIn{to{transform:translateY(0)}}@keyframes wipeOut{from{transform:translateY(0)}to{transform:translateY(-100%)}} header{position:sticky;top:0;z-index:50;padding:14px 0;background:linear-gradient(to bottom,rgba(5,5,5,.92),rgba(5,5,5,.65));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk';font-weight:700;letter-spacing:-.03em}.brand img{width:40px;height:40px;filter:drop-shadow(0 0 18px rgba(255,0,30,.38))}.brand span small{display:block;font:600 9px Inter;letter-spacing:.2em;color:#777;text-transform:uppercase}.links{display:flex;align-items:center;gap:6px}.links a{padding:10px 13px;border-radius:12px;color:#bdbdbd;font-size:14px;font-weight:600;transition:.25s}.links a:hover,.links a.active{color:white;background:rgba(255,255,255,.06)}.nav-cta{display:flex;gap:10px}.menu{display:none;border:1px solid var(--line);background:#111;color:white;border-radius:12px;padding:10px 12px;font-size:18px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.3),transparent 80%);transform:translateX(-120%);transition:.55s}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-2px)}.btn-red{background:linear-gradient(135deg,#ff263b,#b60017);box-shadow:0 12px 35px rgba(255,31,50,.22)}.btn-red:hover{box-shadow:0 16px 45px rgba(255,31,50,.35)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.btn-ghost:hover{border-color:rgba(255,31,50,.55)} .hero{min-height:760px;padding:94px 0 70px;position:relative;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#dedede;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.pulse{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,31,50,.5);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}h1,h2,h3{font-family:'Space Grotesk';line-height:1.04;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(52px,7.3vw,92px);margin:24px 0 24px;max-width:850px}.gradient{background:linear-gradient(90deg,#fff 15%,#ff5362 56%,#d80b20);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:#b5b5b5;max-width:670px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.mini-proof{display:flex;align-items:center;gap:16px;margin-top:30px;color:#9f9f9f;font-size:13px}.avatars{display:flex}.avatars span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#333,#111);border:2px solid #090909;margin-left:-8px;font-size:10px;font-weight:800}.avatars span:first-child{margin-left:0}.rating strong{color:white}.visual{position:relative;perspective:1200px}.dashboard{position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(24,24,24,.88),rgba(8,8,8,.92));border-radius:30px;padding:18px;box-shadow:0 50px 140px rgba(0,0,0,.7),0 0 80px rgba(255,0,30,.08);transform:rotateY(-7deg) rotateX(3deg);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-12px)}}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:4px 4px 16px}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#3a3a3a}.dots i:first-child{background:var(--red)}.status{font-size:11px;color:#aaa}.status b{color:#58e58c}.score{padding:24px;border-radius:22px;background:radial-gradient(circle at 80% 20%,rgba(255,31,50,.17),transparent 40%),#0d0d0d;margin-top:16px;border:1px solid var(--line)}.score-row{display:flex;justify-content:space-between;align-items:end}.score-number{font:700 58px 'Space Grotesk'}.score-number span{font-size:17px;color:#888}.ring{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) 0 92%,#252525 92%);position:relative}.ring:after{content:"";width:72px;height:72px;border-radius:50%;background:#0d0d0d;position:absolute}.ring b{z-index:1}.bars{display:grid;gap:12px;margin-top:22px}.metric{display:grid;grid-template-columns:115px 1fr 48px;align-items:center;gap:10px;font-size:12px;color:#aaa}.bar{height:7px;background:#202020;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#7c0010,var(--red));border-radius:99px;animation:grow 1.5s ease both}@keyframes grow{from{width:0}}.float-card{position:absolute;background:rgba(15,15,15,.92);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:var(--shadow);padding:14px 16px;border-radius:16px;font-size:12px}.float-card strong{display:block;color:white;font-size:17px}.float-a{left:-42px;bottom:65px;animation:bob 4s ease-in-out infinite}.float-b{right:-30px;top:70px;animation:bob 5s ease-in-out infinite reverse}@keyframes bob{50%{transform:translateY(-10px)}} .marquee{border-block:1px solid var(--line);background:#080808;overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;padding:16px 0}.marquee span{font:700 12px 'Space Grotesk';letter-spacing:.15em;text-transform:uppercase;color:#777;margin:0 30px}.marquee b{color:var(--red);margin-right:18px}@keyframes marquee{to{transform:translateX(-50%)}} section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(38px,5vw,58px);max-width:700px}.section-head p{color:var(--muted);max-width:470px}.kicker{color:var(--red);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,20,20,.8),rgba(9,9,9,.8));border-radius:var(--radius);padding:28px;overflow:hidden;transition:.35s;box-shadow:0 10px 40px rgba(0,0,0,.18)}.card:after{content:"";position:absolute;inset:auto -80px -80px auto;width:180px;height:180px;border-radius:50%;background:var(--red);filter:blur(90px);opacity:0;transition:.4s}.card:hover{transform:translateY(-7px);border-color:rgba(255,31,50,.3);box-shadow:0 24px 60px rgba(0,0,0,.42)}.card:hover:after{opacity:.12}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,31,50,.18),rgba(255,31,50,.04));border:1px solid rgba(255,31,50,.25);font-size:20px;margin-bottom:50px}.card h3{font-size:24px;margin-bottom:12px}.card p{color:#9d9d9d;font-size:14px}.card-link{display:inline-flex;margin-top:20px;color:white;font-weight:800;font-size:13px}.card-link span{color:var(--red);margin-left:8px;transition:.2s}.card:hover .card-link span{transform:translateX(5px)} .products .card{min-height:420px;display:flex;flex-direction:column}.product-top{display:flex;justify-content:space-between;align-items:start}.tag{padding:7px 10px;border-radius:999px;background:rgba(255,31,50,.1);border:1px solid rgba(255,31,50,.22);color:#ff6674;font-size:10px;font-weight:900;letter-spacing:.1em}.price{font:700 32px 'Space Grotesk';margin:22px 0}.features{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#b3b3b3;font-size:13px}.features li:before{content:'✓';color:var(--red);font-weight:900;margin-right:10px}.products .btn{margin-top:auto}.featured{border-color:rgba(255,31,50,.45);box-shadow:0 0 0 1px rgba(255,31,50,.12),0 30px 90px rgba(255,0,30,.1)} .stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.025)}.stat{padding:34px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font:700 clamp(34px,4vw,54px) 'Space Grotesk';letter-spacing:-.05em}.stat span{color:#8f8f8f;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.process{display:grid;gap:14px}.step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.step b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--red);font-family:'Space Grotesk'}.step h3{font-size:18px;margin:2px 0 6px}.step p{margin:0;color:#929292;font-size:13px}.quote{font-size:clamp(28px,4vw,48px);font-family:'Space Grotesk';font-weight:600;letter-spacing:-.04em}.quote em{color:var(--red);font-style:normal}.review-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{padding:25px;border:1px solid var(--line);background:#0b0b0b;border-radius:20px}.stars{color:var(--red);letter-spacing:3px}.review p{color:#b1b1b1;font-size:14px}.reviewer{display:flex;align-items:center;gap:12px;margin-top:22px}.reviewer i{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b3b3b,#111)}.reviewer span{font-size:13px}.reviewer small{display:block;color:#777}.cta{padding:52px;border-radius:30px;border:1px solid rgba(255,31,50,.26);background:radial-gradient(circle at 80% 20%,rgba(255,31,50,.2),transparent 32%),linear-gradient(135deg,#151515,#090909);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 30px 100px rgba(0,0,0,.4)}.cta h2{font-size:clamp(34px,5vw,58px);max-width:720px}.cta p{color:#aaa}.cta-actions{display:flex;gap:10px;flex-wrap:wrap} .subhero{padding:100px 0 60px;text-align:center}.subhero h1{font-size:clamp(48px,7vw,82px);margin:20px auto;max-width:900px}.subhero p{color:#aaa;max-width:680px;margin:auto}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filterbar button{border:1px solid var(--line);background:#0c0c0c;color:#aaa;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}.filterbar button.active{background:var(--red);color:white;border-color:var(--red)}.pack-card.hidden{display:none}.faq{display:grid;gap:10px;max-width:900px;margin:auto}.faq-item{border:1px solid var(--line);background:#0b0b0b;border-radius:18px;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px;background:none;border:0;color:white;font:700 16px Inter;text-align:left;cursor:pointer}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{padding:0 22px 22px;margin:0;color:#999}.faq-item.open .faq-a{max-height:220px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-panel,.form{padding:30px;border:1px solid var(--line);border-radius:24px;background:#0b0b0b}.contact-panel h2{font-size:42px}.contact-list{display:grid;gap:12px;margin-top:30px}.contact-list a{padding:16px;border:1px solid var(--line);border-radius:14px;color:#bbb}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;background:#070707;border:1px solid var(--line);border-radius:13px;padding:15px;color:white;font:inherit;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--red)}.form textarea{min-height:150px;resize:vertical}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.result{padding:28px;border:1px solid var(--line);border-radius:22px;background:#0b0b0b}.result .beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.ba{padding:18px;border-radius:16px;background:#101010}.ba small{color:#777;display:block}.ba b{font:700 32px 'Space Grotesk'}.ba.after b{color:var(--red)} footer{border-top:1px solid var(--line);padding:54px 0 30px;background:#070707}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer-brand p{color:#777;max-width:360px}.foot h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em}.foot a{display:block;color:#888;margin:10px 0;font-size:13px}.copyright{display:flex;justify-content:space-between;color:#555;font-size:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:38px}.reveal{opacity:0;transform:translateY(24px);transition:.75s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none} @media(max-width:900px){.links{position:fixed;inset:72px 18px auto;background:#0b0b0b;border:1px solid var(--line);border-radius:18px;padding:12px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.links.open{display:flex}.links a{padding:14px}.menu{display:block}.nav-cta .btn-ghost{display:none}.hero{padding-top:70px;min-height:auto}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.visual{max-width:600px;margin:30px auto 0}.dashboard{transform:none;animation:none}.float-a{left:5px}.float-b{right:5px}.grid3,.review-row{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr}} @media(max-width:620px){.container{width:min(100% - 26px,1160px)}.nav-cta .btn-red{display:none}.hero h1{font-size:52px}.grid3,.review-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)!important}.stat:last-child{border-bottom:0!important}.cta{padding:30px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:10px}.float-card{display:none}.metric{grid-template-columns:90px 1fr 40px}.hero-actions .btn{width:100%}.subhero{padding-top:70px}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}} /* MolnarOptimizations.com finishing layer */ .scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#8e0010,#ff263b,#fff);box-shadow:0 0 18px rgba(255,31,50,.8);z-index:10001;pointer-events:none} .preloader{position:fixed;inset:0;display:grid;place-items:center;background:#050505;z-index:10000;transition:opacity .65s ease,visibility .65s ease}.preloader.done{opacity:0;visibility:hidden}.preloader-mark{display:grid;justify-items:center;gap:11px;animation:preloadPulse 1.5s ease-in-out infinite}.preloader-mark img{width:82px;height:82px;filter:drop-shadow(0 0 32px rgba(255,31,50,.55))}.preloader-mark strong{font:700 20px 'Space Grotesk';letter-spacing:-.03em}.preloader-mark span{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#777}@keyframes preloadPulse{50%{transform:translateY(-7px);filter:brightness(1.12)}} .brand span{max-width:230px}.brand span>small{margin-top:1px}.brand:hover img{transform:rotate(-4deg) scale(1.05)}.brand img{transition:.35s cubic-bezier(.2,.8,.2,1)} header.scrolled{padding:9px 0;background:rgba(5,5,5,.9);box-shadow:0 12px 45px rgba(0,0,0,.35)}header{transition:padding .3s,background .3s,box-shadow .3s} .card,.result,.review,.step,.contact-panel,.form{isolation:isolate}.card:before,.result:before,.review:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 35%,rgba(255,31,50,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65} .hero:before{content:"MOLNAR";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:800 clamp(130px,24vw,360px) 'Space Grotesk';letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.025);z-index:-1;white-space:nowrap} .hero .visual:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,31,50,.16);border-radius:50%;right:-80px;bottom:-80px;box-shadow:0 0 0 35px rgba(255,31,50,.025),0 0 0 70px rgba(255,31,50,.018);animation:orbit 12s linear infinite;z-index:-1}@keyframes orbit{to{transform:rotate(360deg)}} ::selection{background:#ff1f32;color:#fff} @media(max-width:620px){.brand span{font-size:14px}.brand span small{font-size:8px}.preloader-mark strong{font-size:17px}.hero:before{font-size:34vw}} /* 2026 interaction and layout polish */ html{transition:opacity .17s ease,filter .17s ease}html.page-leaving{opacity:.18;filter:blur(3px)} .page-wipe{display:none!important} .reveal{transition-delay:var(--delay,0ms)} /* Seamless ultrawide ticker */ .marquee{position:relative;width:100%;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,8,9,.96);overflow:hidden} .marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:min(10vw,150px);z-index:2;pointer-events:none} .marquee:before{left:0;background:linear-gradient(90deg,#080808,transparent)} .marquee:after{right:0;background:linear-gradient(-90deg,#080808,transparent)} .marquee-track{display:flex;width:max-content;min-width:200vw;padding:0;animation:marquee 34s linear infinite;will-change:transform} .marquee-group{display:flex;align-items:center;justify-content:space-around;flex:0 0 100vw;min-width:100vw;padding:16px 18px} .marquee span{display:inline-flex;align-items:center;white-space:nowrap;margin:0 18px;font:700 11px 'Space Grotesk';letter-spacing:.16em;text-transform:uppercase;color:#777} .marquee b{color:var(--red);margin-right:16px;text-shadow:0 0 14px rgba(255,31,50,.55)} @keyframes marquee{to{transform:translateX(-100vw)}} /* Remove the browser-dependent mask that caused the long red line */ .card:before,.result:before,.review:before{display:none!important} .card,.result,.review{border-color:rgba(255,255,255,.11)} /* Premium home cards */ .card.tilt{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s,background .32s} .card.tilt:after{inset:0;width:auto;height:auto;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,31,50,.15),transparent 42%);filter:none;opacity:0;z-index:-1;transition:opacity .3s} .card.tilt:hover{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-9px);border-color:rgba(255,52,68,.46);box-shadow:0 32px 80px rgba(0,0,0,.54),0 0 0 1px rgba(255,31,50,.08),0 0 55px rgba(255,31,50,.09)} .card.tilt:hover:after{opacity:1} .card.tilt>*{position:relative;z-index:1;transform:translateZ(14px)} .card.tilt .icon{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;background:linear-gradient(145deg,rgba(255,31,50,.22),rgba(255,31,50,.035))} .card.tilt .icon:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35),transparent 65%);transform:translateX(-100%) rotate(15deg);transition:transform .55s} .card.tilt:hover .icon{transform:translateY(-4px) rotate(-3deg) scale(1.07);border-color:rgba(255,31,50,.55);box-shadow:0 12px 30px rgba(255,31,50,.16)} .card.tilt:hover .icon:after{transform:translateX(100%) rotate(15deg)} .card.tilt h3{transition:color .25s,transform .25s}.card.tilt:hover h3{color:#fff;transform:translateX(2px)} .card.tilt .card-link{position:relative;padding-bottom:4px}.card.tilt .card-link:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--red),transparent);transition:right .35s}.card.tilt:hover .card-link:after{right:0} /* Dashboard hover and extra depth */ .dashboard{--dash-x:-7deg;--dash-y:3deg;transform:rotateY(var(--dash-x)) rotateX(var(--dash-y));animation:dashboardFloat 6s ease-in-out infinite;transition:transform .25s ease,border-color .3s,box-shadow .3s} .dashboard:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(500px circle at var(--dash-glow-x,70%) var(--dash-glow-y,25%),rgba(255,31,50,.12),transparent 40%);pointer-events:none} .visual:hover .dashboard{border-color:rgba(255,255,255,.2);box-shadow:0 60px 150px rgba(0,0,0,.75),0 0 100px rgba(255,0,30,.12)} @keyframes dashboardFloat{0%,100%{translate:0 0}50%{translate:0 -11px}} .score,.float-card{transition:transform .35s,box-shadow .35s,border-color .35s}.visual:hover .score{transform:translateZ(8px);border-color:rgba(255,31,50,.2)}.float-card:hover{transform:translateY(-5px) scale(1.025)!important;border-color:rgba(255,31,50,.35);box-shadow:0 25px 60px rgba(0,0,0,.58)} /* Loader feels intentional but only appears when JS permits it */ html.loader-active{overflow:hidden}.preloader{background:radial-gradient(circle at 50% 45%,rgba(255,31,50,.1),transparent 28%),#050505}.preloader:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,31,50,.18);border-radius:50%;animation:loaderRing 1.8s ease-in-out infinite}.preloader-mark{z-index:1}.preloader-mark:after{content:"";width:140px;height:2px;margin-top:10px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:loaderLine 1.3s ease-in-out infinite}@keyframes loaderRing{50%{transform:scale(1.14);opacity:.45}}@keyframes loaderLine{0%,100%{transform:scaleX(.25);opacity:.35}50%{transform:scaleX(1);opacity:1}} @media(max-width:900px){.marquee-group{flex-basis:150vw;min-width:150vw}.marquee-track{min-width:300vw}@keyframes marquee{to{transform:translateX(-150vw)}}.card.tilt,.card.tilt:hover{transform:translateY(0)}.dashboard{transform:none;animation:none}} @media(prefers-reduced-motion:reduce){html.page-leaving{opacity:1;filter:none}.marquee-track{animation:none}.preloader:before,.preloader-mark:after{animation:none}} /* Custom in-app select and modal */ .support-form{overflow:visible}.custom-select{position:relative;z-index:8}.select-trigger{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#090909,#060606);color:#fff;font:600 15px Inter;text-align:left;cursor:pointer;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.select-trigger:hover,.custom-select.open .select-trigger{border-color:rgba(255,31,50,.72);box-shadow:0 0 0 4px rgba(255,31,50,.08),0 14px 35px rgba(0,0,0,.35);background:#0b0b0b}.select-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s;color:#777}.custom-select.open .select-trigger svg{transform:rotate(180deg);color:var(--red)}.select-trigger.has-value span{color:#fff}.select-menu{position:absolute;left:0;right:0;top:calc(100% + 9px);display:grid;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(10,10,10,.98);box-shadow:0 28px 75px rgba(0,0,0,.72),0 0 0 1px rgba(255,31,50,.06);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top;transition:opacity .2s,visibility .2s,transform .2s;max-height:330px;overflow:auto}.custom-select.open .select-menu{opacity:1;visibility:visible;transform:none}.select-menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:.2s}.select-menu button:hover,.select-menu button[aria-selected="true"]{background:linear-gradient(90deg,rgba(255,31,50,.16),rgba(255,31,50,.035));border-color:rgba(255,31,50,.24);transform:translateX(2px)}.select-menu span{display:grid;gap:2px}.select-menu b{font-size:14px}.select-menu small{color:#777;font-size:11px}.select-menu i{font:700 10px 'Space Grotesk';letter-spacing:.1em;color:#555;font-style:normal}.select-menu button:hover i,.select-menu button[aria-selected="true"] i{color:var(--red)} .app-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.app-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.modal-card{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;padding:36px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:radial-gradient(circle at 20% 0,rgba(255,31,50,.13),transparent 32%),linear-gradient(145deg,#121212,#080808 72%);box-shadow:0 45px 140px rgba(0,0,0,.85),0 0 0 1px rgba(255,31,50,.06);transform:translateY(24px) scale(.97);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.app-modal.open .modal-card{transform:none}.modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#0b0b0b;color:#aaa;font-size:23px;cursor:pointer;transition:.2s}.modal-close:hover{color:#fff;border-color:rgba(255,31,50,.5);transform:rotate(4deg)}.modal-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid rgba(255,31,50,.42);border-radius:16px;background:rgba(255,31,50,.12);color:var(--red);font-size:23px;box-shadow:0 0 35px rgba(255,31,50,.13)}.modal-kicker{font:800 10px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.modal-card h2{margin:8px 0 10px;font:700 clamp(27px,5vw,38px) 'Space Grotesk';letter-spacing:-.045em}.modal-card>p{margin:0 0 22px;color:#999}.request-preview{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#060606;color:#cfcfcf;font:500 13px/1.75 Inter;white-space:pre-wrap;box-shadow:inset 0 1px rgba(255,255,255,.03)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.copy-status{height:20px;margin-top:10px;color:#8dd9a2;font-size:12px;text-align:center}.modal-open{overflow:hidden} @media(max-width:620px){.modal-card{padding:28px 20px 22px;border-radius:21px}.modal-actions{grid-template-columns:1fr}.select-menu{position:fixed;left:13px;right:13px;top:auto;bottom:13px;max-height:min(440px,70vh);transform:translateY(18px) scale(.985);z-index:13000}.custom-select.open .select-menu{transform:none}.custom-select.open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);z-index:12999}.select-menu button{padding:15px}} /* ===== FUTURISTIC V2 VISUAL SYSTEM ===== */ :root{--red:#ff1b32;--red2:#b70019;--red3:#62000d;--panel:rgba(10,10,12,.78);--line2:rgba(255,255,255,.085);--cyan:#dff9ff} html{background:#030304}body{background: radial-gradient(ellipse 70% 55% at 50% -10%,rgba(255,27,50,.15),transparent 68%), radial-gradient(circle at 8% 42%,rgba(146,0,20,.1),transparent 26%), radial-gradient(circle at 94% 72%,rgba(255,27,50,.075),transparent 24%),#050506} body::before{z-index:-7;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 10%,transparent 82%);animation:gridDrift 22s linear infinite} body::after{content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.012) 6px);opacity:.33} @keyframes gridDrift{to{background-position:72px 72px}} /* ambient HUD */ .futuristic-shell{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.hud-corner{position:absolute;width:170px;height:110px;opacity:.28}.hud-corner:before,.hud-corner:after{content:"";position:absolute;background:linear-gradient(90deg,var(--red),transparent)}.hud-corner:before{height:1px;width:100%}.hud-corner:after{width:1px;height:100%;background:linear-gradient(var(--red),transparent)}.hud-tl{left:20px;top:100px}.hud-tr{right:20px;top:100px;transform:scaleX(-1)}.hud-bl{left:20px;bottom:30px;transform:scaleY(-1)}.hud-br{right:20px;bottom:30px;transform:scale(-1)}.orbit{position:absolute;border:1px solid rgba(255,27,50,.1);border-radius:50%;animation:orbitSpin 28s linear infinite}.orbit.o1{width:680px;height:680px;right:-300px;top:14%}.orbit.o2{width:460px;height:460px;left:-260px;bottom:5%;animation-direction:reverse;animation-duration:21s}.orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 18px var(--red);left:50%;top:-4px}@keyframes orbitSpin{to{transform:rotate(360deg)}} /* premium header */ header{padding:12px 0;background:linear-gradient(180deg,rgba(3,3,4,.93),rgba(3,3,4,.72));border-bottom-color:rgba(255,255,255,.07);box-shadow:0 12px 50px rgba(0,0,0,.28)} header:after{content:"";position:absolute;left:50%;bottom:-1px;width:min(620px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,27,50,.55),transparent)} .links{padding:5px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:16px}.links a{position:relative;overflow:hidden}.links a:after{content:"";position:absolute;left:20%;right:20%;bottom:4px;height:1px;background:var(--red);transform:scaleX(0);transition:.28s}.links a:hover:after,.links a.active:after{transform:scaleX(1)} .brand img{transition:.35s}.brand:hover img{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 0 26px rgba(255,0,30,.7))} /* cinematic one-time loader */ .preloader{position:fixed;inset:0;z-index:10000;background:#030304;display:grid;place-items:center;overflow:hidden;transition:opacity .65s ease,visibility .65s ease}.preloader:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(255,0,34,.16),transparent 24%);animation:loaderSweep 2.2s linear infinite}.preloader:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49.8%,rgba(255,27,50,.36) 50%,transparent 50.2%);animation:scanLoader 1.5s ease-in-out infinite}.preloader.done{opacity:0;visibility:hidden}.preloader-mark{position:relative;width:min(560px,86vw);padding:70px 34px 50px;text-align:center;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 50% 20%,rgba(255,27,50,.14),transparent 42%),rgba(7,7,8,.83);clip-path:polygon(34px 0,calc(100% - 34px) 0,100% 34px,100% calc(100% - 34px),calc(100% - 34px) 100%,34px 100%,0 calc(100% - 34px),0 34px);box-shadow:0 0 90px rgba(255,0,32,.09);animation:bootPanel .8s cubic-bezier(.2,.8,.2,1) both}.preloader-mark:before,.preloader-mark:after{content:"";position:absolute;top:20px;width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--red))}.preloader-mark:before{left:20px}.preloader-mark:after{right:20px;transform:scaleX(-1)}.preloader-mark img{width:88px;height:88px;margin:0 auto 24px;filter:drop-shadow(0 0 26px rgba(255,0,34,.72));animation:logoBoot 1.4s ease-in-out infinite alternate}.preloader-mark strong{display:block;font:700 clamp(25px,5vw,42px) 'Space Grotesk';letter-spacing:-.05em}.preloader-mark span{display:block;margin-top:12px;font:700 10px Inter;letter-spacing:.36em;color:#818187;text-transform:uppercase}.preloader-mark span:after{content:"";display:block;width:100%;height:2px;margin-top:26px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform-origin:left;animation:bootProgress 1.65s cubic-bezier(.4,0,.2,1) both}.preloader-mark:after{content:"INITIALIZING PERFORMANCE CORE";top:auto;right:0;bottom:14px;width:100%;height:auto;background:none;transform:none;color:#555;font:600 8px Inter;letter-spacing:.24em}@keyframes bootPanel{from{opacity:0;transform:scale(.94);filter:blur(16px)}to{opacity:1;transform:none;filter:none}}@keyframes logoBoot{to{transform:translateY(-5px);filter:drop-shadow(0 0 40px rgba(255,0,34,.9))}}@keyframes bootProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loaderSweep{to{transform:rotate(360deg)}}@keyframes scanLoader{0%,100%{transform:translateY(-45vh);opacity:0}50%{opacity:1}99%{transform:translateY(45vh)}} /* actual cross-page transition */ .route-transition{position:fixed;inset:0;z-index:9998;pointer-events:none;visibility:hidden}.route-transition .rt-panel{position:absolute;inset:0;background:#050506;transform:translateX(-105%)}.route-transition .rt-panel:nth-child(2){background:linear-gradient(110deg,#8f0014,#ff1b32);clip-path:polygon(0 0,18% 0,100% 100%,82% 100%);opacity:.9}.route-transition .rt-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.84);opacity:0;display:flex;align-items:center;gap:14px;font:800 18px 'Space Grotesk';letter-spacing:-.03em}.route-transition .rt-mark img{width:48px;filter:drop-shadow(0 0 20px var(--red))}.route-transition.active{visibility:visible;pointer-events:all}.route-transition.active .rt-panel{animation:routePanel .56s cubic-bezier(.77,0,.18,1) both}.route-transition.active .rt-panel:nth-child(2){animation-delay:.05s}.route-transition.active .rt-mark{animation:routeMark .42s .18s ease both}@keyframes routePanel{to{transform:translateX(0)}}@keyframes routeMark{to{opacity:1;transform:translate(-50%,-50%) scale(1)}} html.page-arriving body{animation:pageArrive .55s cubic-bezier(.2,.8,.2,1) both}@keyframes pageArrive{from{opacity:.25;transform:translateY(10px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}} @view-transition{navigation:auto}::view-transition-old(root){animation:.38s ease both vtOld}::view-transition-new(root){animation:.52s cubic-bezier(.2,.8,.2,1) both vtNew}@keyframes vtOld{to{opacity:0;transform:scale(.985);filter:blur(7px)}}@keyframes vtNew{from{opacity:0;transform:scale(1.012);filter:blur(7px)}} /* homepage tech hero */ .hero{min-height:820px;padding-top:110px}.hero:before{content:"";position:absolute;inset:3% 0 auto 50%;width:760px;height:760px;transform:translateX(-8%);background:radial-gradient(circle,rgba(255,27,50,.09),transparent 60%);border:1px solid rgba(255,27,50,.07);border-radius:50%;box-shadow:0 0 0 80px rgba(255,27,50,.018),0 0 0 160px rgba(255,27,50,.012);animation:heroOrbit 9s ease-in-out infinite alternate;pointer-events:none}@keyframes heroOrbit{to{transform:translateX(-5%) scale(1.04);opacity:.72}}.hero h1{text-shadow:0 0 50px rgba(255,255,255,.05)}.eyebrow{backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 40px rgba(0,0,0,.25)} .visual:before{content:"SYSTEM // LIVE TELEMETRY";position:absolute;right:10px;top:-32px;color:#626269;font:700 9px Inter;letter-spacing:.25em}.dashboard{border-color:rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(24,24,28,.93),rgba(5,5,7,.94));box-shadow:0 60px 160px rgba(0,0,0,.72),0 0 120px rgba(255,0,30,.11),inset 0 1px rgba(255,255,255,.07)}.dashboard:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--dash-glow-x,75%) var(--dash-glow-y,25%),rgba(255,255,255,.08),transparent 24%);pointer-events:none}.dashboard:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 30%,rgba(255,27,50,.35),transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.score{position:relative;overflow:hidden}.score:after{content:"";position:absolute;left:-30%;top:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-22deg);animation:dataSweep 4.5s ease-in-out infinite}@keyframes dataSweep{50%,100%{left:120%}}.ring{box-shadow:0 0 32px rgba(255,27,50,.16);animation:ringPulse 2.7s ease-in-out infinite}@keyframes ringPulse{50%{filter:brightness(1.28);box-shadow:0 0 48px rgba(255,27,50,.28)}}.float-card{transition:.3s;border-color:rgba(255,255,255,.12)}.float-card:hover{border-color:rgba(255,27,50,.5);transform:translateY(-6px) scale(1.03)!important;box-shadow:0 22px 60px rgba(0,0,0,.6),0 0 32px rgba(255,27,50,.11)} /* every section becomes part of one design system */ section{position:relative}.subhero{min-height:490px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.055)}.subhero:before{content:"";position:absolute;width:640px;height:640px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,27,50,.11);box-shadow:0 0 0 70px rgba(255,27,50,.018),0 0 0 140px rgba(255,27,50,.012);animation:subOrb 12s linear infinite}.subhero:after{content:"";position:absolute;left:50%;bottom:0;width:min(900px,80vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--red),transparent)}@keyframes subOrb{to{transform:translate(-50%,-50%) rotate(360deg)}}.subhero .container{position:relative;z-index:1}.subhero h1{text-shadow:0 14px 70px rgba(0,0,0,.8)} .card,.result,.contact-panel,.form-card,.faq-item,.stats,.cta,.review,.step{backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.045),0 22px 70px rgba(0,0,0,.22)}.card:before,.result:before,.contact-panel:before,.form-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.075),transparent 28%);opacity:0;transition:.35s;pointer-events:none}.card:hover:before,.result:hover:before,.contact-panel:hover:before,.form-card:hover:before{opacity:1}.card{transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transform-style:preserve-3d}.card>*{position:relative;z-index:1}.card:hover{transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-9px)}.icon{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 28px rgba(255,27,50,.08)}.icon:after{content:"";position:absolute;inset:-50%;background:conic-gradient(transparent,rgba(255,255,255,.24),transparent 28%);animation:iconSpin 5s linear infinite}@keyframes iconSpin{to{transform:rotate(360deg)}}.icon>*{position:relative;z-index:1} .grid3{gap:22px}.pack-card.featured{transform:translateY(-8px);box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 54px rgba(255,27,50,.09)}.pack-card.featured:hover{transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-16px)}.price{background:linear-gradient(90deg,#fff,#ff7480);-webkit-background-clip:text;color:transparent}.features li:before{box-shadow:0 0 14px rgba(255,27,50,.6)} .result,.contact-panel,.form-card{position:relative;overflow:hidden;border-color:rgba(255,255,255,.1)!important;background:linear-gradient(145deg,rgba(18,18,21,.86),rgba(7,7,8,.88))!important}.result{transition:.35s}.result:hover{transform:translateY(-7px);border-color:rgba(255,27,50,.35)!important}.ba.after{box-shadow:inset 0 0 40px rgba(255,27,50,.06)} .faq-item{transition:.3s;border-color:rgba(255,255,255,.085)}.faq-item:hover{border-color:rgba(255,27,50,.25);transform:translateX(4px)}.faq-item.open{border-color:rgba(255,27,50,.4);box-shadow:0 20px 70px rgba(0,0,0,.34),0 0 35px rgba(255,27,50,.06)}.faq-q span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;transition:.35s}.faq-item.open .faq-q span{background:var(--red);border-color:var(--red);transform:rotate(45deg)} .filterbar{padding:7px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(7,7,8,.78);border-radius:16px;backdrop-filter:blur(18px)}.filterbar button{transition:.28s}.filterbar button:hover{color:#fff;transform:translateY(-2px)} .cta{position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-250px;border:1px solid rgba(255,27,50,.22);box-shadow:0 0 0 55px rgba(255,27,50,.025),0 0 0 110px rgba(255,27,50,.015);animation:orbitSpin 18s linear infinite}.cta>*{position:relative;z-index:1} /* richer reveal */ .reveal{opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px);transition:opacity .75s var(--delay,0ms),transform .75s var(--delay,0ms),filter .75s var(--delay,0ms)}.reveal.show{opacity:1;transform:none;filter:none} /* ticker improvements */ .marquee{position:relative;box-shadow:0 10px 45px rgba(0,0,0,.32)}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,#080808,transparent)}.marquee:after{right:0;background:linear-gradient(-90deg,#080808,transparent)}.marquee-track{animation-duration:38s}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{transition:.25s}.marquee span:hover{color:#fff;text-shadow:0 0 20px rgba(255,27,50,.4)} @media(max-width:900px){.hud-corner,.orbit{display:none}.hero:before{width:420px;height:420px;left:45%;top:14%}.subhero{min-height:420px}.subhero:before{width:390px;height:390px}.route-transition .rt-mark{font-size:15px}.preloader-mark{padding:58px 24px 44px}.preloader-mark img{width:72px;height:72px}.links{background:#08080a}} @media(prefers-reduced-motion:reduce){.orbit,.preloader:before,.preloader:after,.score:after,.icon:after,.ring,.hero:before,.subhero:before{animation:none!important}.route-transition{display:none}.reveal{filter:none}} /* ===== Sleek refinement pass ===== */ :root{--red-hot:#ff243d;--red-deep:#a90018;--panel-hi:rgba(255,255,255,.105)} /* compact, sleek first-load boot */ .preloader{background: radial-gradient(circle at 50% 48%,rgba(255,20,48,.105),transparent 24%), linear-gradient(180deg,#050506,#020203);transition:opacity .42s ease,visibility .42s ease} .preloader:before{inset:0;background: linear-gradient(90deg,transparent 0 48%,rgba(255,35,58,.08) 50%,transparent 52%), linear-gradient(0deg,transparent 0 48%,rgba(255,35,58,.055) 50%,transparent 52%); background-size:84px 84px;animation:bootGrid 4s linear infinite;opacity:.42} .preloader:after{height:1px;top:50%;inset-inline:0;background:linear-gradient(90deg,transparent,rgba(255,28,51,.85),transparent);box-shadow:0 0 30px rgba(255,28,51,.45);animation:bootScan .95s cubic-bezier(.4,0,.2,1) infinite} .preloader-mark{width:min(440px,88vw);padding:28px 34px 25px;display:grid;grid-template-columns:58px 1fr;grid-template-areas:"logo title" "logo sub" "bar bar";column-gap:18px;row-gap:4px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:24px;clip-path:none;background:linear-gradient(135deg,rgba(20,20,23,.96),rgba(5,5,7,.97));box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 55px rgba(255,22,49,.11),inset 0 1px rgba(255,255,255,.07);animation:sleekBoot .48s cubic-bezier(.2,.8,.2,1) both;overflow:hidden} .preloader-mark:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(255,255,255,.32),transparent 28%,rgba(255,28,51,.65),transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;width:auto;height:auto;top:0;left:0} .preloader-mark:after{content:"SYSTEM READY";position:absolute;right:22px;top:17px;bottom:auto;width:auto;height:auto;color:#5f6268;background:none;font:700 7px Inter;letter-spacing:.23em} .preloader-mark img{grid-area:logo;width:58px;height:58px;margin:0;align-self:center;filter:drop-shadow(0 0 20px rgba(255,20,48,.65));animation:sleekLogo 1.15s ease-in-out infinite alternate} .preloader-mark strong{grid-area:title;align-self:end;font:700 clamp(19px,4vw,27px) 'Space Grotesk';letter-spacing:-.045em;white-space:nowrap} .preloader-mark span{grid-area:sub;margin:0;color:#777b82;font:700 8px Inter;letter-spacing:.27em;white-space:nowrap} .preloader-mark span:after{grid-area:bar;content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:3px;margin:0;background:linear-gradient(90deg,var(--red-deep),var(--red-hot),#ff7180);transform-origin:left;animation:sleekProgress .92s cubic-bezier(.3,.8,.2,1) both;box-shadow:0 0 18px rgba(255,28,51,.42)} @keyframes sleekBoot{from{opacity:0;transform:translateY(10px) scale(.975);filter:blur(8px)}to{opacity:1;transform:none;filter:none}} @keyframes sleekLogo{to{transform:translateY(-2px);filter:drop-shadow(0 0 28px rgba(255,20,48,.9)) brightness(1.1)}} @keyframes sleekProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes bootGrid{to{background-position:84px 84px}} @keyframes bootScan{0%{transform:translateY(-95px);opacity:0}35%{opacity:1}100%{transform:translateY(95px);opacity:0}} /* faster, cleaner route transitions */ .route-transition .rt-panel{background:linear-gradient(110deg,#050506,#0d080a);} .route-transition .rt-panel:nth-child(2){background:linear-gradient(110deg,#75000f,#ff1f39);opacity:.94;clip-path:polygon(0 0,9% 0,100% 100%,91% 100%)} .route-transition.active .rt-panel{animation-duration:.32s} .route-transition.active .rt-panel:nth-child(2){animation-delay:.018s} .route-transition.active .rt-mark{animation-duration:.22s;animation-delay:.075s} html.page-arriving body{animation-duration:.38s} @view-transition{navigation:auto}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.34s} /* premium interactive controls */ .btn{position:relative;isolation:isolate;overflow:hidden;border-radius:15px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.24);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s,filter .22s,color .22s!important} .btn:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.16) 42%,transparent 67%);transform:translateX(-135%) skewX(-18deg);transition:transform .58s cubic-bezier(.2,.8,.2,1)} .btn:after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:13px;background:inherit;pointer-events:none} .btn:hover:before{transform:translateX(135%) skewX(-18deg)} .btn:hover{transform:translateY(-3px);border-color:rgba(255,46,68,.7)!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 18px 42px rgba(0,0,0,.38),0 0 28px rgba(255,24,50,.16)} .btn:active{transform:translateY(0) scale(.975)!important;transition-duration:.08s!important} .btn-red{color:#fff!important;background:linear-gradient(135deg,#ff263e 0%,#d60022 50%,#8e0017 100%)!important;border-color:rgba(255,71,89,.72)!important;text-shadow:0 1px 12px rgba(0,0,0,.28)} .btn-red:hover{filter:brightness(1.12) saturate(1.08);box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 38px rgba(255,19,48,.31)} .btn-ghost{color:#fff!important;background:linear-gradient(145deg,rgba(27,27,31,.96),rgba(7,7,9,.98))!important;border-color:rgba(255,255,255,.2)!important} .btn-ghost:hover{background:linear-gradient(145deg,rgba(44,18,23,.98),rgba(12,8,10,.99))!important;color:#fff!important;border-color:rgba(255,35,58,.72)!important} #copyRequest{font-weight:800;letter-spacing:.01em;color:#fff!important;background:linear-gradient(135deg,#25252a,#0a0a0c)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 34px rgba(0,0,0,.4),0 0 0 1px rgba(255,28,52,.08)} #copyRequest:hover{background:linear-gradient(135deg,#3b151b,#11080a)!important;text-shadow:0 0 18px rgba(255,255,255,.18)} /* richer rounded gradient outlines on panels */ .card,.result,.contact-panel,.form-card,.faq-item,.stats,.cta,.review,.step,.modal-card,.dashboard{border-radius:24px!important;border-color:rgba(255,255,255,.11)!important} .card,.result,.contact-panel,.form-card,.faq-item,.review,.step{position:relative;overflow:hidden} .card:after,.result:after,.contact-panel:after,.form-card:after,.review:after,.step:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 28%,rgba(255,30,53,.38),transparent 73%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none;transition:opacity .3s,filter .3s} .card:hover:after,.result:hover:after,.contact-panel:hover:after,.form-card:hover:after,.review:hover:after,.step:hover:after{opacity:1;filter:drop-shadow(0 0 12px rgba(255,30,53,.28))} .card:hover,.result:hover,.contact-panel:hover,.form-card:hover,.review:hover,.step:hover{box-shadow:inset 0 1px rgba(255,255,255,.07),0 26px 78px rgba(0,0,0,.42),0 0 42px rgba(255,20,47,.09)!important} /* modal polish */ .modal-card{background:radial-gradient(circle at 10% 0,rgba(255,35,58,.16),transparent 30%),linear-gradient(145deg,#17171a,#070708 72%)!important;border:1px solid rgba(255,255,255,.16)!important} .modal-actions{gap:13px} .request-preview{border-radius:18px;border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,#08080a,#050506);box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 35px rgba(0,0,0,.22)} .copy-status{font-weight:700;letter-spacing:.02em} @media(max-width:620px){.preloader-mark{grid-template-columns:48px 1fr;padding:24px 22px 22px;border-radius:20px}.preloader-mark img{width:48px;height:48px}.preloader-mark strong{font-size:18px}.preloader-mark span{font-size:7px;letter-spacing:.2em}.preloader-mark:after{display:none}.btn{border-radius:14px!important}} /* === Signature page identities === */ .signature-hero{min-height:720px;display:flex;align-items:center;padding:150px 0 90px;overflow:hidden;position:relative} .signature-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(238,10,35,.13),transparent 34%),linear-gradient(180deg,transparent,rgba(255,255,255,.012));pointer-events:none} .page-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:70px;align-items:center;position:relative;z-index:2} .page-hero-copy{max-width:690px}.page-hero-copy h1{font-size:clamp(54px,6vw,92px);line-height:.96;letter-spacing:-.065em;margin:24px 0}.page-hero-copy p{font-size:18px;max-width:610px;color:#a9a9ad;line-height:1.75} .page-visual{height:470px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(19,19,22,.94),rgba(4,4,5,.98));box-shadow:0 45px 110px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.06);overflow:hidden;transform:perspective(1200px) rotateY(-4deg);transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s} .page-visual:hover{transform:perspective(1200px) rotateY(0) translateY(-7px);border-color:rgba(255,34,55,.42);box-shadow:0 55px 130px rgba(0,0,0,.7),0 0 65px rgba(225,6,25,.1),inset 0 1px rgba(255,255,255,.08)} .page-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none} .page-visual:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.055) 48%,transparent 60%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}.page-visual:hover:after{transform:translateX(120%)} /* Packs: stacked product vault */ .pack-vault{perspective:1100px}.vault-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#e10619;filter:blur(100px);opacity:.18;left:25%;top:15%;animation:vaultPulse 3s ease-in-out infinite}.pack-chip{position:absolute;width:62%;height:245px;left:19%;top:92px;border-radius:25px;padding:30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(35,10,14,.96),rgba(7,7,9,.98));display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 70px #000;transition:.55s cubic-bezier(.2,.9,.2,1)}.pack-chip i{position:absolute;top:24px;right:26px;font-style:normal;color:#ff3549;font-family:monospace}.pack-chip strong{font-size:25px;letter-spacing:.04em}.pack-chip span{font-size:10px;letter-spacing:.25em;color:#777;margin-top:8px}.chip-a{transform:translate3d(-95px,-40px,-100px) rotateY(10deg);opacity:.45}.chip-b{z-index:3;border-color:rgba(255,25,47,.5)}.chip-c{transform:translate3d(95px,46px,-80px) rotateY(-10deg);opacity:.55}.pack-vault:hover .chip-a{transform:translate3d(-120px,-58px,0) rotateY(6deg);opacity:.75}.pack-vault:hover .chip-b{transform:translateY(-10px)}.pack-vault:hover .chip-c{transform:translate3d(120px,68px,0) rotateY(-6deg);opacity:.8}.vault-status{position:absolute;bottom:25px;left:28px;display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;color:#888}.vault-status b{width:8px;height:8px;border-radius:50%;background:#ff1f37;box-shadow:0 0 14px #ff1f37;animation:pulseDot 1.4s infinite} /* Services: diagnostic radar */ .service-radar{display:grid;place-items:center}.radar-ring{position:absolute;border:1px solid rgba(255,35,56,.25);border-radius:50%}.r1{width:330px;height:330px}.r2{width:230px;height:230px}.r3{width:125px;height:125px}.radar-ring:before,.radar-ring:after{content:"";position:absolute;background:rgba(255,35,56,.2)}.radar-ring:before{width:1px;height:100%;left:50%}.radar-ring:after{height:1px;width:100%;top:50%}.radar-sweep{position:absolute;width:330px;height:330px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(255,26,48,.34) 96%,transparent);animation:radarSpin 3.6s linear infinite}.radar-core{width:84px;height:84px;border-radius:24px;background:#080809;border:1px solid rgba(255,30,50,.5);display:grid;place-items:center;z-index:2;box-shadow:0 0 45px rgba(225,6,25,.25)}.radar-core img{width:45px}.radar-node{position:absolute;font:700 10px/1 monospace;letter-spacing:.18em;color:#aaa;padding:9px 12px;background:#09090b;border:1px solid #29292e;border-radius:20px;z-index:3}.n1{left:12%;top:24%}.n2{right:13%;top:30%}.n3{left:18%;bottom:19%}.n4{right:18%;bottom:17%}.radar-readout{position:absolute;right:25px;top:25px;text-align:right}.radar-readout small{display:block;color:#666;letter-spacing:.2em;font-size:8px}.radar-readout strong{color:#39e995;font-size:12px;letter-spacing:.15em} /* Results: benchmark laboratory */ .benchmark-lab{padding:28px}.lab-top{display:flex;justify-content:space-between;font:700 10px monospace;letter-spacing:.17em;color:#777}.lab-top span i,.comm-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff2038;box-shadow:0 0 12px #ff2038;margin-right:8px}.chart-grid{height:285px;margin-top:34px;position:relative;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;border-left:1px solid #303036;border-bottom:1px solid #303036}.chart-grid svg{width:100%;height:100%;overflow:visible}.chart-line{fill:none;stroke:#ff2038;stroke-width:3;filter:drop-shadow(0 0 8px #e10619);stroke-dasharray:900;stroke-dashoffset:900;animation:drawChart 2.2s .3s forwards}.chart-area{opacity:0;animation:fadeArea 1s 1.5s forwards}.scan-bar{position:absolute;top:0;bottom:0;width:1px;background:#ff3850;box-shadow:0 0 18px #ff2038;animation:scanChart 3.8s linear infinite}.lab-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.lab-metrics span{border-right:1px solid #242428}.lab-metrics span:last-child{border:0}.lab-metrics small{display:block;color:#666;letter-spacing:.16em;font-size:8px}.lab-metrics b{font-size:19px;color:#fff}.lab-metrics span:first-child b,.lab-metrics span:nth-child(2) b{color:#ff344a} /* About: connected core map */ .core-map{display:grid;place-items:center}.core-map svg{position:absolute;inset:0;width:100%;height:100%}.core-map svg path{stroke:rgba(255,30,50,.32);stroke-width:1;stroke-dasharray:6 8;fill:none;animation:dashFlow 8s linear infinite}.core-center{width:125px;height:125px;border-radius:38px;background:linear-gradient(145deg,#18090c,#050506);border:1px solid rgba(255,35,55,.5);display:grid;place-items:center;z-index:3;box-shadow:0 0 90px rgba(225,6,25,.18)}.core-center img{width:56px}.core-center span{position:absolute;margin-top:92px;font:700 8px monospace;letter-spacing:.22em;color:#777}.core-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:radarSpin 18s linear infinite}.orbit-a{width:260px;height:260px;border-top-color:#e10619}.orbit-b{width:380px;height:380px;border-right-color:rgba(225,6,25,.65);animation-direction:reverse;animation-duration:25s}.core-node{position:absolute;z-index:3;font:700 9px monospace;letter-spacing:.18em;color:#aaa}.core-node i{display:block;width:13px;height:13px;border:2px solid #ff243d;border-radius:50%;background:#070708;box-shadow:0 0 18px rgba(255,30,50,.65);margin:auto auto 9px}.cn1{left:12%;top:18%}.cn2{right:10%;top:23%}.cn3{right:19%;bottom:13%} /* FAQ: knowledge matrix */ .knowledge-matrix{padding:30px}.km-header{display:flex;justify-content:space-between;font:700 9px monospace;letter-spacing:.2em;color:#717177}.km-header b{color:#ff2a42}.km-search{height:58px;border:1px solid #29292e;border-radius:16px;margin:27px 0;display:flex;align-items:center;gap:14px;padding:0 18px;color:#606068;background:rgba(0,0,0,.3)}.km-search i{font-size:24px;color:#ff2941}.km-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.km-grid>span{height:78px;border:1px solid #25252a;border-radius:17px;padding:16px;color:#56565e;font:700 12px monospace;transition:.35s;background:rgba(255,255,255,.015)}.km-grid>span small{display:block;margin-top:10px;font-size:8px;letter-spacing:.14em}.km-grid>span.active,.km-grid>span:hover{color:#ff3047;border-color:rgba(255,31,54,.6);background:linear-gradient(135deg,rgba(225,6,25,.15),rgba(255,255,255,.02));transform:translateY(-3px)}.km-pulse{position:absolute;width:130px;height:130px;border:1px solid rgba(255,30,50,.25);border-radius:50%;right:-35px;bottom:-35px;animation:kmPulse 2.8s infinite} /* Contact: communications console */ .comm-console{padding:30px}.comm-head{display:flex;justify-content:space-between;align-items:center;font:700 9px monospace;letter-spacing:.18em;color:#777}.comm-head b{color:#37e78d}.comm-wave{height:155px;display:flex;align-items:center;justify-content:center;gap:9px;margin:42px 0 25px;border-bottom:1px solid #24242a}.comm-wave i{display:block;width:5px;border-radius:10px;background:linear-gradient(#ff3850,#87000f);box-shadow:0 0 12px rgba(255,20,45,.35);animation:wave 1.2s ease-in-out infinite}.comm-wave i:nth-child(2n){animation-delay:-.3s}.comm-wave i:nth-child(3n){animation-delay:-.6s}.comm-wave i:nth-child(4n){animation-delay:-.9s}.comm-message{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;border:1px solid #26262b;border-radius:18px;padding:16px;background:rgba(255,255,255,.025)}.comm-avatar{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#e10619,#72000d);display:grid;place-items:center;font-weight:900}.comm-message small{font:700 8px monospace;letter-spacing:.15em;color:#ff3047}.comm-message p{margin:5px 0 0;font-size:12px;color:#aaa}.comm-message time{font:700 8px monospace;color:#555}.comm-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.comm-stats span{padding-left:15px;border-left:1px solid #29292e}.comm-stats small{display:block;color:#555;font:700 8px monospace;letter-spacing:.16em}.comm-stats b{font-size:12px;color:#ddd} /* Page-specific ambient palettes */ .page-packs .signature-hero:before{background:radial-gradient(circle at 77% 44%,rgba(225,6,25,.2),transparent 35%)}.page-services .signature-hero:before{background:radial-gradient(circle at 77% 44%,rgba(255,40,55,.15),transparent 34%),radial-gradient(circle at 20% 60%,rgba(255,255,255,.035),transparent 25%)}.page-results .signature-hero:before{background:linear-gradient(120deg,transparent 42%,rgba(225,6,25,.1)),radial-gradient(circle at 78% 45%,rgba(225,6,25,.13),transparent 38%)} @keyframes vaultPulse{50%{opacity:.3;transform:scale(1.12)}}@keyframes radarSpin{to{transform:rotate(360deg)}}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes fadeArea{to{opacity:1}}@keyframes scanChart{from{left:0}to{left:100%}}@keyframes dashFlow{to{stroke-dashoffset:-100}}@keyframes kmPulse{0%{transform:scale(.7);opacity:0}45%{opacity:1}100%{transform:scale(1.4);opacity:0}}@keyframes wave{0%,100%{height:25px;opacity:.45}50%{height:125px;opacity:1}}@keyframes pulseDot{50%{opacity:.35;transform:scale(.7)}} @media(max-width:980px){.signature-hero{padding-top:130px;min-height:auto}.page-hero-grid{grid-template-columns:1fr;gap:45px}.page-visual{height:430px;transform:none}.page-visual:hover{transform:translateY(-5px)}} @media(max-width:600px){.signature-hero{padding-top:110px}.page-hero-copy h1{font-size:49px}.page-visual{height:370px;border-radius:23px}.pack-chip{width:72%;left:14%;height:205px}.chip-a{transform:translate(-55px,-30px)}.chip-c{transform:translate(55px,45px)}.radar-sweep,.r1{width:280px;height:280px}.orbit-b{width:320px;height:320px}.knowledge-matrix,.comm-console,.benchmark-lab{padding:20px}} /* === Refined page compositions + instant navigation === */ a.link-pressed{transform:scale(.975);filter:brightness(1.2)} .route-transition{display:none!important} @view-transition{navigation:auto} ::view-transition-old(root){animation:refineOld .16s ease both} ::view-transition-new(root){animation:refineNew .26s cubic-bezier(.2,.8,.2,1) both} @keyframes refineOld{to{opacity:0;filter:blur(4px);transform:scale(.995)}} @keyframes refineNew{from{opacity:0;filter:blur(5px);transform:translateY(8px) scale(.995)}} /* Deliberately different silhouettes and compositions per page */ .page-packs .page-hero-grid{grid-template-columns:1.08fr .92fr;gap:90px}.page-packs .page-visual{height:430px;border-radius:24px 88px 24px 88px;transform:perspective(1200px) rotateY(-5deg) rotateZ(1.2deg)} .page-services .page-hero-grid{grid-template-columns:520px 1fr}.page-services .page-hero-copy{order:2}.page-services .page-visual{order:1;width:470px;height:470px;justify-self:start;border-radius:50%;transform:none;background:radial-gradient(circle,#12070a 0,#060607 58%,#020203 100%)} .page-results .page-hero-grid{grid-template-columns:.78fr 1.22fr;gap:55px}.page-results .page-visual{height:500px;border-radius:14px;clip-path:polygon(4% 0,96% 0,100% 7%,100% 93%,96% 100%,4% 100%,0 93%,0 7%);transform:perspective(1200px) rotateX(2deg)} .page-about .page-hero-grid{grid-template-columns:1fr 500px}.page-about .page-visual{width:465px;height:465px;justify-self:end;border-radius:44% 56% 38% 62% / 58% 40% 60% 42%;transform:rotate(2deg);background:radial-gradient(circle at 50% 50%,rgba(225,6,25,.14),#070708 58%)} .page-faq .page-hero-grid{grid-template-columns:560px 1fr;gap:85px}.page-faq .page-hero-copy{order:2}.page-faq .page-visual{order:1;height:520px;border-radius:48px 16px 48px 16px;transform:perspective(1200px) rotateY(4deg);justify-self:start} .page-contact .page-hero-grid{grid-template-columns:1fr 470px}.page-contact .page-visual{height:430px;border-radius:64px 18px 64px 18px;transform:translateY(32px) rotate(-1deg);justify-self:end} /* Functional knowledge matrix */ .km-search{cursor:text}.km-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:500 16px Inter}.km-search input::placeholder{color:#67676f}.km-grid>button{appearance:none;text-align:left;cursor:pointer;height:78px;border:1px solid #25252a;border-radius:17px;padding:16px;color:#666670;font:700 12px monospace;transition:.25s;background:rgba(255,255,255,.015)} .km-grid>button small{display:block;margin-top:10px;font-size:8px;letter-spacing:.14em}.km-grid>button:hover{color:#fff;border-color:rgba(255,31,54,.4);transform:translateY(-3px)}.km-grid>button.active{color:#ff3047;border-color:#ff2038;background:linear-gradient(135deg,rgba(225,6,25,.2),rgba(255,255,255,.025));box-shadow:inset 0 0 25px rgba(225,6,25,.07),0 12px 30px rgba(0,0,0,.25)} .km-live{position:absolute;left:30px;bottom:22px;display:flex;align-items:center;gap:9px;font:700 8px monospace;letter-spacing:.18em;color:#686870}.km-live i{width:7px;height:7px;border-radius:50%;background:#34e58b;box-shadow:0 0 12px #34e58b;animation:pulseDot 1.4s infinite} .faq-item[hidden]{display:none}.faq-item:not([hidden]){animation:faqFilterIn .3s ease both}@keyframes faqFilterIn{from{opacity:0;transform:translateY(8px)}} /* Fill empty-feeling signature visuals with detail */ .page-visual{isolation:isolate}.page-visual:before{z-index:0}.page-visual>*{position:relative;z-index:1} .service-radar:after{content:"DIAGNOSTIC FIELD / LIVE TELEMETRY";position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 8px monospace;letter-spacing:.22em;color:#5f5f67} .core-map:after{content:"VALUES NETWORK • 03 CONNECTED NODES";position:absolute;bottom:24px;font:700 8px monospace;letter-spacing:.2em;color:#666} .pack-vault:after{content:"SELECT A PROFILE • HOVER TO EXPAND";position:absolute;right:26px;bottom:25px;font:700 8px monospace;letter-spacing:.16em;color:#666} .benchmark-lab:after{content:"STREAM 60HZ • SAMPLE WINDOW 240S";position:absolute;right:28px;bottom:12px;font:700 8px monospace;letter-spacing:.15em;color:#56565e} .comm-console:after{content:"ENCRYPTED SUPPORT CHANNEL";position:absolute;right:30px;bottom:13px;font:700 8px monospace;letter-spacing:.16em;color:#595961} @media(max-width:980px){.page-packs .page-hero-grid,.page-services .page-hero-grid,.page-results .page-hero-grid,.page-about .page-hero-grid,.page-faq .page-hero-grid,.page-contact .page-hero-grid{grid-template-columns:1fr;gap:44px}.page-services .page-hero-copy,.page-faq .page-hero-copy{order:1}.page-services .page-visual,.page-faq .page-visual{order:2}.page-services .page-visual,.page-about .page-visual,.page-contact .page-visual,.page-faq .page-visual{width:100%;max-width:560px;justify-self:center;transform:none}.page-results .page-visual,.page-packs .page-visual{transform:none}} @media(max-width:600px){.page-faq .page-visual{height:500px}.km-grid>button{height:70px;padding:13px}.km-live{left:20px}.page-services .page-visual,.page-about .page-visual{height:360px}.page-contact .page-visual{height:390px}} /* Refined animated FAQ accordions */ .faq{gap:16px} .faq-item{ isolation:isolate; border:0!important; border-radius:26px!important; background:linear-gradient(145deg,rgba(17,17,20,.96),rgba(7,7,9,.98)); box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.055); transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,background .38s ease; } .faq-item::before{ content:""; position:absolute; inset:0; padding:1px; border-radius:inherit; background:linear-gradient(115deg,rgba(255,255,255,.2),rgba(255,255,255,.035) 24%,rgba(255,21,54,.28) 55%,rgba(255,94,38,.72) 76%,rgba(255,21,54,.22)); background-size:220% 220%; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.72; animation:faqBorderDrift 8s linear infinite; } .faq-item::after{ content:""; position:absolute; width:220px;height:220px; right:-90px;top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(255,30,58,.19),transparent 68%); filter:blur(8px); opacity:0; transform:scale(.72); transition:opacity .4s ease,transform .55s cubic-bezier(.2,.8,.2,1); pointer-events:none; } @keyframes faqBorderDrift{to{background-position:220% 0}} .faq-item:hover{ transform:translateY(-4px); box-shadow:0 25px 80px rgba(0,0,0,.44),0 0 36px rgba(255,24,50,.07),inset 0 1px 0 rgba(255,255,255,.075); } .faq-item:hover::before,.faq-item.open::before{opacity:1;background:linear-gradient(115deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 20%,#ff1738 54%,#ff642e 72%,rgba(255,23,56,.38));background-size:220% 220%} .faq-item:hover::after,.faq-item.open::after{opacity:1;transform:scale(1)} .faq-item.open{ transform:translateY(-2px); background:linear-gradient(145deg,rgba(23,14,17,.98),rgba(8,8,10,.99)); box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 42px rgba(255,22,49,.1),inset 0 1px 0 rgba(255,255,255,.08); } .faq-q{ position:relative;z-index:2; min-height:82px; padding:24px 26px; font-size:17px; letter-spacing:-.015em; transition:color .3s ease,padding .35s cubic-bezier(.2,.8,.2,1); } .faq-q::after{ content:""; position:absolute; left:26px;right:78px;bottom:0;height:1px; background:linear-gradient(90deg,rgba(255,24,52,.72),rgba(255,92,44,.3),transparent); transform:scaleX(0); transform-origin:left; transition:transform .45s cubic-bezier(.2,.8,.2,1); } .faq-item.open .faq-q{color:#fff;padding-bottom:21px} .faq-item.open .faq-q::after{transform:scaleX(1)} .faq-q span{ flex:0 0 40px;width:40px;height:40px; border-radius:13px; color:#fff; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)); border:1px solid rgba(255,255,255,.13); box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.28); font-size:20px; transition:transform .48s cubic-bezier(.2,.85,.25,1.25),background .35s ease,border-color .35s ease,box-shadow .35s ease; } .faq-q:hover span{border-color:rgba(255,31,59,.65);box-shadow:0 0 0 5px rgba(255,25,53,.07),0 12px 28px rgba(0,0,0,.32)} .faq-item.open .faq-q span{ transform:rotate(135deg) scale(1.04); background:linear-gradient(135deg,#ff2846,#d6001c 58%,#ff5b2e); border-color:rgba(255,113,94,.8); box-shadow:0 0 0 6px rgba(255,20,49,.08),0 10px 34px rgba(225,0,28,.3),inset 0 1px rgba(255,255,255,.28); } .faq-a{ display:grid; grid-template-rows:0fr; max-height:none!important; opacity:0; transform:translateY(-10px); transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .48s cubic-bezier(.2,.8,.2,1); } .faq-a>p{min-height:0;overflow:hidden;padding:0 26px!important;margin:0!important;color:#aaa;line-height:1.75;transition:padding .48s cubic-bezier(.2,.8,.2,1),color .3s ease} .faq-item.open .faq-a{grid-template-rows:1fr;opacity:1;transform:translateY(0)} .faq-item.open .faq-a>p{padding:20px 26px 27px!important;color:#b7b7bc} .faq-item:not([hidden]){animation:faqFilterIn .42s cubic-bezier(.2,.8,.2,1) both} @keyframes faqFilterIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}} @media(max-width:640px){.faq-item{border-radius:20px!important}.faq-q{padding:20px;font-size:15px;min-height:72px}.faq-q::after{left:20px;right:70px}.faq-q span{width:36px;height:36px;flex-basis:36px}.faq-item.open .faq-a>p{padding:16px 20px 22px!important}} @media(prefers-reduced-motion:reduce){.faq-item::before{animation:none}.faq-item,.faq-a,.faq-q span,.faq-q::after{transition-duration:.01ms!important}} /* === Animated gradient FAQ accordion === */ .faq{gap:15px} .faq-item{--faq-radius:22px;position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent!important;border-radius:var(--faq-radius)!important;background:linear-gradient(145deg,rgba(17,17,20,.98),rgba(6,6,8,.99)) padding-box,linear-gradient(112deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 24%,rgba(255,24,51,.34) 58%,rgba(255,255,255,.08)) border-box!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 46px rgba(0,0,0,.28);transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s,filter .34s} .faq-item::before{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;padding:1px;background:conic-gradient(from var(--faq-angle,0deg),transparent 0 15%,rgba(255,255,255,.36) 22%,rgba(255,28,52,.92) 31%,transparent 43% 78%,rgba(255,28,52,.42) 88%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.25;transition:opacity .35s,filter .35s;pointer-events:none} .faq-item::after{content:"";position:absolute;left:8%;right:8%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),#ff2038,transparent);transform:scaleX(.25);opacity:.32;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s;pointer-events:none} .faq-item:hover{transform:translateY(-4px) translateX(0);box-shadow:inset 0 1px rgba(255,255,255,.07),0 25px 65px rgba(0,0,0,.4),0 0 35px rgba(255,18,45,.075);filter:brightness(1.035)} .faq-item:hover::before{opacity:.65;filter:drop-shadow(0 0 10px rgba(255,27,49,.26));animation:faqBorderOrbit 4s linear infinite} .faq-item:hover::after,.faq-item.open::after{transform:scaleX(1);opacity:.8} .faq-item.open{transform:translateY(-2px);background:radial-gradient(circle at 92% 0,rgba(255,24,48,.105),transparent 28%) padding-box,linear-gradient(145deg,rgba(19,16,19,.99),rgba(7,7,9,.99)) padding-box,linear-gradient(115deg,rgba(255,255,255,.26),rgba(255,32,55,.8) 48%,rgba(255,255,255,.1)) border-box!important;box-shadow:inset 0 1px rgba(255,255,255,.075),0 28px 75px rgba(0,0,0,.46),0 0 48px rgba(255,17,43,.11)!important} .faq-item.open::before{opacity:.9;filter:drop-shadow(0 0 13px rgba(255,24,48,.35));animation:faqBorderOrbit 3.2s linear infinite} .faq-q{position:relative;z-index:2;min-height:76px;padding:22px 23px;gap:24px;letter-spacing:-.012em;transition:color .25s,padding .35s} .faq-q::after{content:"";position:absolute;left:23px;right:78px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,31,54,.62),rgba(255,255,255,.09),transparent);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s} .faq-item.open .faq-q{color:#fff;padding-bottom:20px}.faq-item.open .faq-q::after{transform:scaleX(1);opacity:1} .faq-q span{flex:0 0 auto;width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(31,31,35,.95),rgba(8,8,10,.98));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 24px rgba(0,0,0,.32);transition:transform .42s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s} .faq-item:hover .faq-q span{border-color:rgba(255,35,57,.55);box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 27px rgba(0,0,0,.36),0 0 18px rgba(255,24,48,.12)} .faq-item.open .faq-q span{background:linear-gradient(135deg,#ff2d45,#d50020 56%,#870013);border-color:rgba(255,92,107,.8);transform:rotate(45deg) scale(1.04);box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 30px rgba(211,0,30,.3),0 0 24px rgba(255,26,50,.25)} .faq-a{display:grid;grid-template-rows:0fr;max-height:none!important;opacity:0;transform:translateY(-10px);transition:grid-template-rows .48s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .48s cubic-bezier(.2,.8,.2,1)} .faq-a>p{min-height:0;overflow:hidden;padding:0 23px!important;margin:0!important;color:#a9a9ae!important;line-height:1.72;transform:translateY(-8px);transition:padding .48s cubic-bezier(.2,.8,.2,1),transform .48s cubic-bezier(.2,.8,.2,1),color .3s} .faq-item.open .faq-a{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.faq-item.open .faq-a>p{padding:18px 23px 25px!important;transform:translateY(0);color:#b8b8bd!important} @keyframes faqBorderOrbit{to{--faq-angle:360deg}}@property --faq-angle{syntax:'';initial-value:0deg;inherits:false} @media(prefers-reduced-motion:reduce){.faq-item::before{animation:none!important}.faq-item,.faq-a,.faq-a>p,.faq-q span{transition-duration:.01ms!important}} @media(max-width:620px){.faq{gap:12px}.faq-item{--faq-radius:18px}.faq-q{padding:19px 18px;min-height:70px}.faq-q::after{left:18px;right:68px}.faq-q span{width:35px;height:35px;border-radius:11px}.faq-a>p{padding-left:18px!important;padding-right:18px!important}.faq-item.open .faq-a>p{padding:15px 18px 21px!important}} /* Distinct page compositions — removes empty abstract HUD filler */ .distinct-hero{padding:150px 0 90px;min-height:auto;overflow:hidden;position:relative} .distinct-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(225,6,25,.13),transparent 28%),linear-gradient(180deg,transparent,rgba(255,255,255,.012));pointer-events:none} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px} /* PACKS: staggered physical deck on the far right */ .packs-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:85px}.pack-deck{min-height:560px;position:relative;perspective:1400px}.deck-card{position:absolute;width:72%;min-height:245px;padding:34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(25,10,13,.97),rgba(5,5,7,.98));box-shadow:0 35px 90px #000;border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s}.deck-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#ff233b,transparent 35%,rgba(255,255,255,.18),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.deck-card span{font:800 10px monospace;letter-spacing:.22em;color:#ff3349}.deck-card h3{font-size:31px;margin:16px 0 8px}.deck-card p{color:#94949c;max-width:420px}.deck-card b{font-size:22px;margin-top:20px}.deck-essential{left:0;top:10px;transform:rotate(-7deg)}.deck-competitive{right:0;top:150px;z-index:2;transform:rotate(4deg);border-color:rgba(255,35,55,.45)}.deck-ultimate{left:8%;bottom:0;z-index:3;transform:rotate(-2deg)}.pack-deck:hover .deck-essential{transform:translate(-18px,-8px) rotate(-9deg)}.pack-deck:hover .deck-competitive{transform:translate(18px,-4px) rotate(6deg)}.pack-deck:hover .deck-ultimate{transform:translateY(-16px) rotate(0)} /* SERVICES: process rail on left, copy on right */ .services-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.service-flow{padding:34px 36px;background:linear-gradient(145deg,rgba(13,13,16,.95),rgba(3,3,4,.98));border:1px solid rgba(255,255,255,.1);border-radius:28px 28px 90px 28px;box-shadow:0 45px 110px #000;position:relative}.flow-head{display:flex;justify-content:space-between;font:800 9px monospace;letter-spacing:.2em;color:#72727a;margin-bottom:25px}.flow-head b{color:#ff2b43}.service-flow ol{list-style:none;padding:0;margin:0}.service-flow li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:23px 0;border-top:1px solid #242429;position:relative;transition:.35s}.service-flow li:hover{padding-left:10px}.service-flow li i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#27090e,#08080a);border:1px solid rgba(255,34,55,.42);color:#ff3348;font-style:normal;font:900 11px monospace}.service-flow strong{display:block;font-size:18px}.service-flow span{display:block;color:#85858d;font-size:13px;margin-top:5px} /* RESULTS: wide instrument spanning the page */ .results-intro{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:42px}.results-intro h1{font-size:clamp(52px,7vw,94px);line-height:.96;max-width:900px}.results-intro p{font-size:18px;color:#999;max-width:520px}.wide-benchmark{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(17,17,20,.97),rgba(3,3,4,.99));border-radius:18px;box-shadow:0 45px 120px #000;overflow:hidden}.benchmark-toolbar{height:58px;padding:0 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #28282d;font:800 9px monospace;letter-spacing:.18em;color:#74747c}.benchmark-toolbar span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff243d;box-shadow:0 0 14px #ff243d;margin-right:9px}.benchmark-toolbar b{margin-left:auto}.benchmark-toolbar em{color:#39e995;font-style:normal}.benchmark-body{height:330px;display:grid;grid-template-columns:52px 1fr;padding:24px 28px 0 18px}.benchmark-y{display:flex;flex-direction:column;justify-content:space-between;color:#555;font:700 8px monospace;padding-bottom:26px}.benchmark-chart{position:relative;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:70px 56px;border-left:1px solid #2b2b31;border-bottom:1px solid #2b2b31;overflow:hidden}.benchmark-chart svg{width:100%;height:100%}.wide-line{fill:none;stroke:#ff2038;stroke-width:3;filter:drop-shadow(0 0 9px #e10619);stroke-dasharray:1500;animation:wideDraw 2.4s ease forwards}.wide-area{animation:fadeArea 1.2s ease both}.wide-scan{position:absolute;top:0;bottom:0;width:1px;background:#ff3048;box-shadow:0 0 20px #ff2038;animation:wideScan 4s linear infinite}.benchmark-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #242429}.benchmark-kpis span{padding:22px 25px;border-right:1px solid #242429}.benchmark-kpis span:last-child{border-right:0}.benchmark-kpis small{display:block;color:#62626a;font:800 8px monospace;letter-spacing:.16em}.benchmark-kpis b{display:block;font-size:24px;margin-top:7px;color:#fff}.benchmark-kpis span:nth-child(-n+3) b{color:#ff3047}@keyframes wideDraw{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}@keyframes wideScan{from{left:0}to{left:100%}} /* ABOUT: editorial left + vertical principles rail */ .about-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:110px;align-items:center}.about-statement h1{font-size:clamp(58px,8vw,110px);line-height:.91;max-width:900px}.about-statement>p{font-size:18px;color:#9b9ba3;max-width:720px}.about-statement blockquote{margin:42px 0 0;padding:25px 0 25px 30px;border-left:2px solid #ff2038;font-size:21px;line-height:1.5;color:#ddd;max-width:720px}.principles-rail{border-left:1px solid rgba(255,38,58,.35);padding-left:34px}.principles-rail article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #242429;transition:.35s}.principles-rail article:hover{transform:translateX(9px)}.principles-rail b{font:900 11px monospace;color:#ff3048}.principles-rail strong{display:block;font-size:20px}.principles-rail span{display:block;color:#85858d;font-size:13px;margin-top:5px} /* FAQ: centered, full-width working utility */ .faq-heading{text-align:center;max-width:900px;margin:0 auto 42px}.faq-heading h1{font-size:clamp(52px,7vw,92px);line-height:.95}.faq-heading p{font-size:18px;color:#92929a}.faq-stage .knowledge-matrix{max-width:1120px;margin:0 auto;padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(15,15,18,.98),rgba(3,3,4,.99));box-shadow:0 45px 120px #000}.faq-stage .km-grid{grid-template-columns:repeat(6,1fr)}.faq-stage .km-module{min-height:96px}.faq-stage .km-live{position:static;margin-top:22px} /* CONTACT: centered copy, horizontal terminal underneath */ .contact-layout{max-width:1050px}.contact-copy{text-align:center;max-width:850px;margin:0 auto 38px}.contact-copy h1{font-size:clamp(55px,8vw,100px);line-height:.94}.contact-copy p{font-size:18px;color:#96969e}.support-terminal{border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(145deg,rgba(15,15,18,.97),rgba(3,3,4,.99));box-shadow:0 45px 120px #000;overflow:hidden}.terminal-top{height:58px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #28282d;font:800 9px monospace;letter-spacing:.18em;color:#777}.terminal-top span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff253e;box-shadow:0 0 14px #ff253e;margin-right:9px}.terminal-top b{margin-left:auto;color:#39e995}.terminal-thread{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:32px}.terminal-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2038,#70000d);font-weight:950;font-size:21px}.terminal-thread small{font:800 9px monospace;letter-spacing:.16em;color:#ff3349}.terminal-thread p{margin:6px 0 0;color:#b0b0b7;font-size:16px}.terminal-thread time{font:800 8px monospace;color:#56565d}.terminal-actions{display:flex;gap:12px;padding:0 32px 32px} @media(max-width:980px){.packs-layout,.services-layout,.results-intro,.about-layout{grid-template-columns:1fr;gap:48px}.pack-deck{min-height:600px}.services-layout .service-flow{order:2}.faq-stage .km-grid{grid-template-columns:repeat(3,1fr)}.benchmark-kpis{grid-template-columns:repeat(2,1fr)}.benchmark-kpis span:nth-child(2){border-right:0}.about-statement{text-align:left}} @media(max-width:600px){.distinct-hero{padding-top:125px}.pack-deck{min-height:520px}.deck-card{width:88%;min-height:210px;padding:25px}.deck-card h3{font-size:24px}.deck-essential{left:0}.deck-competitive{right:0}.deck-ultimate{left:4%}.faq-stage .knowledge-matrix{padding:20px}.faq-stage .km-grid{grid-template-columns:repeat(2,1fr)}.benchmark-body{height:260px;padding-right:14px}.benchmark-kpis{grid-template-columns:1fr 1fr}.terminal-thread{grid-template-columns:50px 1fr}.terminal-thread time{display:none}.terminal-actions{flex-direction:column}.results-intro h1,.about-statement h1,.faq-heading h1,.contact-copy h1{font-size:48px}} /* Netlify-ready product deck motion + mobile hardening */ .pack-deck{isolation:isolate;transform-style:preserve-3d;filter:drop-shadow(0 38px 70px rgba(0,0,0,.48))} .pack-deck::before{content:"";position:absolute;inset:9% 4% 3%;border-radius:48%;background:radial-gradient(circle,rgba(255,31,50,.18),transparent 64%);filter:blur(35px);animation:deckAura 4.8s ease-in-out infinite;z-index:-1} .deck-card{overflow:hidden;will-change:transform;backface-visibility:hidden;animation:deckEnter .9s cubic-bezier(.16,1,.3,1) both,deckIdle 6s ease-in-out infinite;animation-delay:var(--enter-delay,0s),var(--idle-delay,1s)} .deck-card::after{content:"";position:absolute;inset:-120% -45%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);animation:deckSheen 5.4s ease-in-out infinite;animation-delay:var(--sheen-delay,0s);pointer-events:none} .deck-card>*{position:relative;z-index:1} .deck-essential{--enter-delay:.05s;--idle-delay:1s;--sheen-delay:1.2s} .deck-competitive{--enter-delay:.18s;--idle-delay:1.35s;--sheen-delay:2.1s} .deck-ultimate{--enter-delay:.31s;--idle-delay:1.7s;--sheen-delay:3s} .pack-deck.is-active .deck-essential{transform:translate3d(var(--deck-x1,0px),var(--deck-y1,0px),35px) rotate(-9deg)} .pack-deck.is-active .deck-competitive{transform:translate3d(var(--deck-x2,0px),var(--deck-y2,0px),70px) rotate(6deg)} .pack-deck.is-active .deck-ultimate{transform:translate3d(var(--deck-x3,0px),var(--deck-y3,0px),105px) rotate(0deg)} .deck-card:hover{border-color:rgba(255,62,80,.8);box-shadow:0 42px 100px rgba(0,0,0,.72),0 0 45px rgba(255,31,50,.16)} @keyframes deckEnter{from{opacity:0;transform:translate3d(70px,80px,-180px) rotate(12deg) scale(.78);filter:blur(12px)}to{opacity:1;filter:blur(0)}} @keyframes deckIdle{0%,100%{translate:0 0}50%{translate:0 -8px}} @keyframes deckSheen{0%,58%{transform:translateX(-55%) rotate(8deg)}78%,100%{transform:translateX(55%) rotate(8deg)}} @keyframes deckAura{50%{opacity:.62;transform:scale(1.08)}} @media(max-width:980px){.packs-layout{align-items:start}.pack-deck{width:min(100%,700px);margin-inline:auto}} @media(max-width:700px){ .container{width:min(100% - 28px,1160px)} .packs-stage{overflow:hidden}.packs-layout{gap:34px}.page-hero-copy{text-align:left;min-width:0}.page-hero-copy h1{font-size:clamp(43px,13vw,62px);overflow-wrap:anywhere} .pack-deck{min-height:auto;display:grid;gap:14px;perspective:none;filter:none;padding:8px 0} .pack-deck::before{inset:12% 10%;opacity:.8} .deck-card,.deck-essential,.deck-competitive,.deck-ultimate{position:relative!important;inset:auto!important;width:100%;min-height:0;padding:24px;border-radius:22px;transform:none!important;animation:mobileCardIn .65s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--enter-delay,0s)} .deck-card h3{font-size:26px}.deck-card p{font-size:14px;margin:0}.deck-card b{margin-top:14px} .pack-deck.is-active .deck-card{transform:none!important} .grid3{grid-template-columns:1fr!important}.products .card{min-height:auto} header .brand span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand span small{display:none} section{padding:72px 0}.distinct-hero{padding-top:100px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%} } @keyframes mobileCardIn{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.deck-card,.pack-deck::before,.deck-card::after{animation:none!important}.pack-deck.is-active .deck-card{transform:none!important}}