500;600;700;800;900&display=swap');
:root{--bg:#070709;--panel:#0d0d10;--panel2:#111116;--line:#28272e;--muted:#8c8993;--text:#f6f4f8;--accent:#a94cda;--accent2:#733092}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 75% 0,rgba(149,59,194,.09),transparent 32%),linear-gradient(180deg,#08080a,#060608);}.noise:after{content:"";position:absolute;inset:0;opacity:.12;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(#000,transparent 80%)}
header{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);background:rgba(7,7,9,.88);backdrop-filter:blur(18px);border-bottom:1px solid #222127}.logo{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:15px;letter-spacing:-.5px}.logo>span{display:grid;place-items:center;width:31px;height:31px;margin-right:5px;background:linear-gradient(135deg,#b35de0,#743094);font-weight:900;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.logo b{font-weight:900}nav{display:flex;gap:28px}nav a{font-size:11px;color:#a6a2ab;text-decoration:none;font-weight:700}nav a:hover{color:#fff}.header-actions{display:flex;gap:8px;align-items:center}.social-mini{width:35px;height:35px;display:grid;place-items:center;border:1px solid #2d2b32;border-radius:7px;color:#bbb7c0;transition:.2s}.social-mini svg{width:16px;height:16px;fill:currentColor}.social-mini:hover{color:#fff;border-color:#6c3b7d;transform:translateY(-2px)}.discord{height:36px;display:flex;align-items:center;padding:0 14px;background:#151218;border:1px solid #3a2d40;border-radius:7px;color:#ddd8e1;text-decoration:none;font-size:10px;font-weight:800}
.hero{max-width:1240px;min-height:730px;margin:auto;padding:110px 28px 80px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px}.kicker{display:flex;align-items:center;gap:10px;color:#b888c9;font-size:10px;font-weight:800;letter-spacing:2px}.kicker i{width:7px;height:7px;border-radius:50%;background:#b05bd4;box-shadow:0 0 12px #9d4abb}.hero h1{font-size:clamp(64px,7vw,104px);line-height:.82;letter-spacing:-7px;margin:25px 0 30px}.hero h1 em{font-style:normal;color:#b567d6}.hero-copy>p{max-width:610px;color:#9d99a2;font-size:16px;line-height:1.75}.actions{display:flex;gap:12px;margin:30px 0}.btn,.next{height:58px;padding:0 23px;border-radius:8px;border:1px solid #654078;color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:800;font-size:11px;cursor:pointer;transition:.22s}.primary,.next{background:linear-gradient(135deg,#9d4bc3,#74328f);box-shadow:0 12px 35px rgba(108,43,137,.2)}.secondary{background:#101014;border-color:#302e35}.btn:hover,.next:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(104,42,133,.26)}.micro{display:flex;gap:22px;color:#6f6c75;font-size:9px;font-weight:700}.micro span:first-letter{color:#b660d5}
.hero-visual{position:relative}.visual-frame{height:480px;position:relative;border:1px solid #2f2934;border-radius:14px;background:#0b0a0d;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.38)}.visual-frame:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,7,9,.22),transparent 35%),linear-gradient(0deg,#08080a 0,transparent 30%);pointer-events:none}.visual-frame img{width:100%;height:100%;object-fit:cover;opacity:.86;filter:saturate(.8) contrast(1.06)}.hud{position:absolute;z-index:4;padding:12px 14px;background:rgba(11,10,14,.84);backdrop-filter:blur(10px);border:1px solid #403448;border-radius:7px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.hud small{font-size:7px;color:#756d7a;letter-spacing:1.3px}.hud b{font-size:10px}.hud.h1{left:18px;top:18px}.hud.h2{right:18px;bottom:22px}.hud.h3{left:20px;bottom:22px}.hud.h3 i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7bd8a0;margin-right:4px;box-shadow:0 0 9px #67c98e}
.ticker{border-top:1px solid #27242b;border-bottom:1px solid #27242b;background:#0b0a0d;overflow:hidden}.ticker div{width:max-content;padding:13px 0;font-size:9px;font-weight:800;letter-spacing:2.5px;color:#65616b;white-space:nowrap;animation:tick 28s linear infinite}.ticker b{color:#a44fc3;margin:0 18px}@keyframes tick{to{transform:translateX(-50%)}}
.section{max-width:1160px;margin:auto;padding:110px 28px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-head span,.social-section>div>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#9b62ae}.section-head h2,.social-section h2{font-size:clamp(38px,5vw,62px);line-height:.92;letter-spacing:-4px;margin:13px 0 0}.section-head>p{max-width:360px;color:#817d86;font-size:12px;line-height:1.7}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service{position:relative;padding:32px;border:1px solid #2a2830;border-radius:12px;background:#0c0c0f;transition:.3s;overflow:hidden}.service:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px circle at var(--x,50%) var(--y,50%),rgba(170,75,212,.10),transparent 45%);opacity:0;transition:.25s}.service:hover{transform:translateY(-7px);border-color:#654172;box-shadow:0 25px 60px rgba(0,0,0,.25)}.service:hover:after{opacity:1}.featured{background:linear-gradient(145deg,#120f15,#0b0b0e);border-color:#4d3657}.service-top{display:flex;justify-content:space-between}.badge{padding:6px 8px;border-radius:5px;background:#24152b;color:#c77bdf;font-size:8px;font-weight:900;letter-spacing:1px}.badge.dark{background:#151419;color:#8d8993}.num{font-size:32px;font-weight:900;color:#25232a}.service-icon{width:47px;height:47px;display:grid;place-items:center;margin:35px 0 18px;border:1px solid #4c3556;border-radius:8px;background:#17111a;color:#c16fda;font-size:20px}.service h3{font-size:25px;margin:0}.service>p{color:#8b8790;font-size:12px;line-height:1.7;min-height:62px}.service ul{list-style:none;padding:0;margin:25px 0}.service li{padding:10px 0;border-bottom:1px solid #201f24;color:#c3bfc7;font-size:11px}.service li:before{content:"✓";color:#a859c2;margin-right:9px}.service-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:26px}.price{display:flex;flex-direction:column}.price small{font-size:7px;color:#67636c;letter-spacing:1.2px}.price b{font-size:38px;letter-spacing:-2px}.choose{height:47px;padding:0 17px;border:1px solid #493653;border-radius:7px;background:#141117;color:#ddd7e0;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.choose:hover{background:#211526;border-color:#795087;transform:translateY(-2px)}
.express-strip{margin-top:16px;padding:20px 25px;border:1px solid #3a303f;border-radius:10px;background:#0e0d11;display:flex;align-items:center;justify-content:space-between}.express-strip div{display:flex;flex-direction:column;gap:5px}.express-strip span{font-size:8px;color:#a766bc;font-weight:900;letter-spacing:1.4px}.express-strip b{font-size:11px}.express-strip>strong{font-size:25px}.fine{font-size:8px;color:#5f5b64;line-height:1.6}
.why{padding-top:60px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #28262d;border-radius:12px;overflow:hidden}.why-grid>div{padding:27px;border-right:1px solid #28262d;background:#0c0c0f}.why-grid>div:last-child{border:0}.why-grid>div>b{color:#7d518b;font-size:9px}.why-grid h3{font-size:16px;margin:28px 0 8px}.why-grid p{color:#77737c;font-size:10px;line-height:1.6}
.configurator{padding-top:70px}.config-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px;align-items:start}.config-main,.order-summary{border:1px solid #2b2930;border-radius:12px;background:#0c0c0f}.config-main{overflow:hidden}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #29272e}.steps button{height:68px;border:0;border-right:1px solid #29272e;background:#0b0b0e;color:#66626c;font-size:9px;font-weight:800;cursor:pointer}.steps button:last-child{border:0}.steps i{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #39363e;border-radius:50%;margin-right:7px;font-style:normal}.steps button.active{color:#eeeaf1;background:#121015}.steps button.active i{border-color:#8b4aa0;color:#c478db}.step-panel{display:none;padding:32px}.step-panel.active{display:block;animation:in .3s ease}@keyframes in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.step-panel h3{font-size:20px;margin:0 0 5px}.step-panel>p{color:#77737d;font-size:10px;margin-bottom:25px}.pick{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #302e35;border-radius:8px;background:#0b0b0e;margin:10px 0;cursor:pointer;transition:.2s}.pick:hover,.pick.selected{border-color:#684476;background:#131016}.pick input{accent-color:#a14ebe}.pick span{display:flex;flex-direction:column;gap:4px;flex:1}.pick b{font-size:12px}.pick small{font-size:9px;color:#716d76}.pick strong{font-size:13px;color:#c67bdc}.next{float:right;margin-top:18px;border:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields label,.text-field{font-size:9px;color:#817c86;font-weight:800}.fields .full{grid-column:1/-1}.fields select,.text-field input{width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #302e35;border-radius:7px;background:#09090c;color:#e9e5ec;outline:none}.fields select:focus,.text-field input:focus{border-color:#70457f}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.back{height:45px;border:0;background:transparent;color:#77727c;font-size:10px;cursor:pointer}.back:hover{color:#fff}.express{margin-bottom:22px}.payment{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #55405e;border-radius:8px;background:#101014;margin-bottom:18px}.payment input{accent-color:#9650ae}.payment>span{display:flex;flex-direction:column;gap:3px;flex:1}.payment b{font-size:12px}.payment small{font-size:8px;color:#77717d}.payment em{font-style:normal;color:#b866cf}.paypal-logo{padding:7px 9px;border-radius:5px;background:white;color:#173f7c;font-size:15px;font-weight:900;font-style:italic}.paypal-logo span{color:#1388cd}#paypal-button-container{min-height:50px}#paymentMessage{font-size:10px;color:#c57cda;margin-top:8px}.payment-back{margin-top:12px}
.order-summary{position:sticky;top:95px;padding:27px}.order-summary>span{font-size:8px;color:#8b568f;font-weight:900;letter-spacing:1.5px}.order-summary h3{font-size:20px;margin:17px 0 25px}.line,.total{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #25232a}.line small,.total small{color:#77727b;font-size:9px}.line b{font-size:11px}.total{margin-top:5px;align-items:center}.total b{font-size:29px;color:#c274d7}.summary-info{display:flex;gap:9px;margin-top:20px;padding:12px;background:#101014;border-radius:7px}.summary-info i{width:7px;height:7px;border-radius:50%;background:#9e56b5;margin-top:3px}.summary-info p{margin:0;color:#6f6b73;font-size:8px;line-height:1.5}.success{margin-top:18px;padding:25px;border:1px solid #4d6555;border-radius:10px;background:#0c120e}.success>b{color:#8bd09e}.success p{white-space:pre-wrap;color:#89858d;font-size:9px}.success a{color:#c17ad7;font-size:10px;font-weight:800}
.social-section{max-width:1160px;margin:0 auto 90px;padding:55px 28px;border-top:1px solid #27252b;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.social-section h2{font-size:38px}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.socials a{min-height:88px;padding:16px;border:1px solid #2d2b32;border-radius:9px;background:#0d0d10;color:#fff;text-decoration:none;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;transition:.22s}.socials a:hover{transform:translateY(-4px);border-color:#654073;background:#111014}.socials svg{width:24px;height:24px;fill:#b96cd0}.socials span{display:flex;flex-direction:column;gap:3px}.socials small{font-size:7px;color:#6f6b74}.socials b{font-size:10px}
footer{min-height:100px;padding:25px max(4vw,24px);border-top:1px solid #222127;display:flex;align-items:center;justify-content:space-between;color:#5f5b64}footer p{font-size:8px}footer>a:last-child{color:#a969bb;text-decoration:none;font-size:9px;font-weight:800}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{text-align:center}.kicker,.actions,.micro{justify-content:center}.hero h1{font-size:65px;letter-spacing:-5px}.visual-frame{height:340px}.service-grid,.config-layout{grid-template-columns:1fr}.order-summary{position:static}.why-grid{grid-template-columns:1fr 1fr}.why-grid>div:nth-child(2){border-right:0}.social-section{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.socials{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:600px){header{padding:0 15px}.header-actions .social-mini{display:none}.hero{padding:70px 18px}.hero h1{font-size:52px}.actions{flex-direction:column}.micro{flex-wrap:wrap}.section{padding:80px 18px}.service-grid,.fields,.why-grid,.socials{grid-template-columns:1fr}.why-grid>div{border-right:0;border-bottom:1px solid #28262d}.steps button{font-size:0}.steps i{margin:0}.social-section{padding:45px 18px}.service-bottom{align-items:center}.section-head h2{font-size:42px}.visual-frame{height:260px}}

/* FAQ */
.faq-section{padding-top:70px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-list details{border:1px solid #2d2a32;border-radius:12px;background:linear-gradient(145deg,#0f0e12,#0b0b0e);overflow:hidden;transition:border-color .22s,background .22s,transform .22s}
.faq-list details:hover{border-color:#50385a;background:#111014}
.faq-list details[open]{border-color:#71467f;background:#111014}
.faq-list summary{list-style:none;min-height:68px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px;font-weight:800;color:#eeeaf1}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary i{font-style:normal;color:#c462df;font-size:25px;font-weight:300;transition:transform .25s ease}
.faq-list details[open] summary i{transform:rotate(45deg)}
.faq-list details>div{padding:0 60px 22px 21px;color:#918c96;font-size:11px;line-height:1.8;animation:faqIn .22s ease}
.faq-list details>div b{color:#d8b1e4}
@keyframes faqIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.faq-list summary{min-height:64px;font-size:11px;line-height:1.4}.faq-list details>div{padding-right:21px}}

/* PREMIUM V3 — richer, animated, serious */
:root{--accent:#b64ee8;--accent2:#6e2a91;--purple-glow:rgba(181,76,231,.22)}
body{background:#060608}.noise{background:radial-gradient(ellipse at 75% 8%,rgba(156,54,200,.13),transparent 31%),radial-gradient(ellipse at 15% 35%,rgba(96,38,123,.08),transparent 30%),linear-gradient(180deg,#08070a,#050507 70%)}
.social-top{position:relative;z-index:30;padding:10px max(3vw,18px);background:linear-gradient(180deg,#0d0910,#08080a);border-bottom:1px solid #302535}
.social-top:after{content:"";position:absolute;left:15%;right:15%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#b84ee6,transparent);animation:socialLine 4s ease-in-out infinite}
.social-top-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:9px}
.social-intro{min-height:62px;display:flex;flex-direction:column;justify-content:center;position:relative;padding-left:22px}.social-intro small{font-size:7px;letter-spacing:2px;color:#9e6daf;font-weight:900}.social-intro b{font-size:13px;margin-top:4px}.live-dot{position:absolute;left:0;width:8px;height:8px;border-radius:50%;background:#bd5ee1;box-shadow:0 0 0 0 rgba(189,94,225,.5);animation:dotPulse 2s infinite}
.top-platform{position:relative;min-height:62px;padding:10px 13px;display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;border:1px solid #302b34;border-radius:9px;background:linear-gradient(145deg,#111015,#0c0b0e);color:#fff;text-decoration:none;overflow:hidden;transition:.3s cubic-bezier(.2,.8,.2,1)}
.top-platform:before{content:"";position:absolute;inset:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(207,105,246,.16),transparent 48%);opacity:0;transition:.25s}.top-platform:after{content:"";position:absolute;top:-80%;left:-45%;width:25%;height:260%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:.65s}
.top-platform:hover{transform:translateY(-3px) scale(1.025);border-color:#754484;box-shadow:0 13px 30px rgba(0,0,0,.3),0 0 24px rgba(175,68,217,.11)}.top-platform:hover:before{opacity:1}.top-platform:hover:after{left:125%}
.platform-icon{position:relative;z-index:2;width:37px;height:37px;display:grid;place-items:center;border:1px solid #493650;border-radius:8px;background:#17121a;transition:.3s}.platform-icon svg{width:20px;height:20px;fill:currentColor}.top-platform>span:nth-child(2){position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.top-platform small{font-size:6px;color:#77717d;letter-spacing:1.2px}.top-platform b{font-size:10px}.top-platform em{position:relative;z-index:2;font-style:normal;color:#776f7c;font-size:11px}.top-platform:hover .platform-icon{transform:scale(1.1) rotate(-4deg)}
.tiktok .platform-icon{color:#f5f5f5}.youtube .platform-icon{color:#ff5d66;border-color:#573137}.twitch .platform-icon{color:#c887ff;border-color:#523769}.discord-card .platform-icon{color:#9ca8ff;border-color:#3d4265}
header{top:0;background:rgba(7,7,9,.92);box-shadow:0 12px 40px rgba(0,0,0,.14)}
.hero{position:relative;isolation:isolate}.hero-beam{position:absolute;z-index:-1;pointer-events:none;filter:blur(80px);border-radius:50%}.beam-one{width:330px;height:330px;right:12%;top:12%;background:rgba(162,55,205,.10);animation:beamFloat 8s ease-in-out infinite}.beam-two{width:230px;height:230px;left:7%;bottom:5%;background:rgba(105,45,136,.08);animation:beamFloat 10s ease-in-out infinite reverse}
.hero h1 em{background:linear-gradient(90deg,#c982e7,#9d4bc2,#e0b3ef);background-size:180%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textFlow 5s ease-in-out infinite}
.visual-frame{border-color:#45334d;box-shadow:0 40px 110px rgba(0,0,0,.48),0 0 55px rgba(155,54,196,.08);transition:.45s}.visual-frame:hover{transform:translateY(-6px) rotateX(1deg) rotateY(-1deg);border-color:#744886;box-shadow:0 48px 120px rgba(0,0,0,.52),0 0 70px rgba(170,65,211,.14)}.visual-frame img{transition:transform 1.2s ease,filter .5s}.visual-frame:hover img{transform:scale(1.025);filter:saturate(.95) contrast(1.08)}
.service{box-shadow:inset 0 1px rgba(255,255,255,.025)}.service:hover{transform:translateY(-10px) scale(1.012);border-color:#774589;box-shadow:0 30px 75px rgba(0,0,0,.36),0 0 34px rgba(166,65,204,.1)}.service-icon{transition:.3s}.service:hover .service-icon{transform:scale(1.12) rotate(-4deg);border-color:#86509a;box-shadow:0 0 25px rgba(178,77,218,.14)}
.choose,.btn,.next{position:relative;overflow:hidden}.choose:after,.btn:after,.next:after{content:"";position:absolute;top:-100%;left:-45%;width:24%;height:300%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:.6s}.choose:hover:after,.btn:hover:after,.next:hover:after{left:125%}
.why-grid>div{transition:.3s}.why-grid>div:hover{background:#121015;transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,.2)}.why-grid>div:hover>b{color:#ca7de1}
.faq-list details{box-shadow:inset 0 1px rgba(255,255,255,.018)}.faq-list details:hover{transform:translateX(4px);border-color:#654071}.faq-list details[open]{box-shadow:0 15px 40px rgba(0,0,0,.2),inset 3px 0 #a950c5}
.order-summary{box-shadow:0 22px 65px rgba(0,0,0,.25)}
.pick:hover{transform:translateX(5px)}.pick{transition:.25s}
.socials a:hover{transform:translateY(-7px) scale(1.025);box-shadow:0 18px 45px rgba(0,0,0,.28)}
@keyframes socialLine{0%,100%{transform:scaleX(.45);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(189,94,225,.45)}70%{box-shadow:0 0 0 8px rgba(189,94,225,0)}100%{box-shadow:0 0 0 0 rgba(189,94,225,0)}}
@keyframes beamFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(20px,-18px,0) scale(1.08)}}
@keyframes textFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:1000px){.social-top-inner{grid-template-columns:repeat(4,1fr)}.social-intro{display:none}}
@media(max-width:700px){.social-top{padding:8px 10px;overflow-x:auto}.social-top-inner{display:flex;width:max-content}.top-platform{width:180px}.top-platform:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* V4 — PERMANENT ANIMATED BACKGROUND */
.ambient-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;pointer-events:none;background:#060608}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(95px);will-change:transform;opacity:.18}
.orb-a{width:46vw;height:46vw;min-width:430px;min-height:430px;left:-13vw;top:-14vw;background:radial-gradient(circle,#9d42c5 0,rgba(108,36,137,.45) 35%,transparent 70%);animation:orbA 19s ease-in-out infinite alternate}
.orb-b{width:52vw;height:52vw;min-width:500px;min-height:500px;right:-19vw;top:22vh;background:radial-gradient(circle,#722b96 0,rgba(137,47,173,.36) 34%,transparent 70%);animation:orbB 24s ease-in-out infinite alternate}
.orb-c{width:38vw;height:38vw;min-width:360px;min-height:360px;left:34vw;bottom:-19vw;background:radial-gradient(circle,#b351d4 0,rgba(109,40,138,.27) 36%,transparent 70%);animation:orbC 21s ease-in-out infinite alternate}
.ambient-beam{position:absolute;width:65vw;height:1px;background:linear-gradient(90deg,transparent,rgba(192,91,232,.22),rgba(255,255,255,.12),transparent);filter:drop-shadow(0 0 8px rgba(178,72,218,.24));transform-origin:center;opacity:.48;will-change:transform}
.ambient-beam-a{left:-15vw;top:30vh;transform:rotate(-17deg);animation:beamDriftA 13s ease-in-out infinite alternate}
.ambient-beam-b{right:-18vw;bottom:25vh;transform:rotate(16deg);animation:beamDriftB 17s ease-in-out infinite alternate}
.ambient-grid{position:absolute;inset:-25%;opacity:.12;background-image:linear-gradient(rgba(193,107,225,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(193,107,225,.07) 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(58deg) translateY(20%);transform-origin:center 70%;mask-image:linear-gradient(to bottom,transparent 5%,#000 40%,transparent 90%);animation:gridMove 18s linear infinite}
.ambient-scan{position:absolute;left:0;right:0;height:28vh;top:-30vh;background:linear-gradient(180deg,transparent,rgba(171,69,210,.025),rgba(205,119,238,.055),transparent);animation:scanDown 16s linear infinite}
.noise{background:transparent!important}
@keyframes orbA{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16vw,13vh,0) scale(1.12)}100%{transform:translate3d(8vw,34vh,0) scale(.92)}}
@keyframes orbB{0%{transform:translate3d(0,0,0) scale(.95)}50%{transform:translate3d(-18vw,-16vh,0) scale(1.1)}100%{transform:translate3d(-7vw,21vh,0) scale(1.02)}}
@keyframes orbC{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18vw,-22vh,0) scale(1.14)}100%{transform:translate3d(13vw,-34vh,0) scale(.9)}}
@keyframes beamDriftA{from{transform:translate3d(-8vw,-4vh,0) rotate(-17deg)}to{transform:translate3d(26vw,18vh,0) rotate(-12deg)}}
@keyframes beamDriftB{from{transform:translate3d(10vw,8vh,0) rotate(16deg)}to{transform:translate3d(-28vw,-20vh,0) rotate(11deg)}}
@keyframes gridMove{from{background-position:0 0}to{background-position:72px 144px}}
@keyframes scanDown{0%{transform:translateY(-20vh);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateY(150vh);opacity:0}}
@media(max-width:700px){.ambient-orb{opacity:.14;filter:blur(75px)}.ambient-grid{opacity:.08;background-size:55px 55px}.ambient-beam{opacity:.3}}
@media(prefers-reduced-motion:reduce){.ambient-orb,.ambient-beam,.ambient-grid,.ambient-scan{animation:none!important}}

/* V5 — stronger animated atmosphere + redesigned hero */
.ambient-bg{background:radial-gradient(circle at 50% 0,#110916 0,#070609 42%,#050507 100%)}
.ambient-orb{opacity:.29;filter:blur(78px);mix-blend-mode:screen}
.orb-a{animation-duration:12s}.orb-b{animation-duration:15s}.orb-c{animation-duration:13s}
.ambient-grid{opacity:.18;background-size:58px 58px;animation:gridMoveStrong 9s linear infinite}
.ambient-beam{height:2px;opacity:.72;filter:drop-shadow(0 0 12px rgba(190,75,235,.45))}
.ambient-beam-a{animation-duration:8s}.ambient-beam-b{animation-duration:10s}
.ambient-scan{height:35vh;background:linear-gradient(180deg,transparent,rgba(170,64,215,.035),rgba(225,145,255,.085),transparent);animation-duration:9s}
.energy-ribbon{position:absolute;width:85vw;height:32vh;border:1px solid rgba(184,72,226,.14);border-radius:50%;filter:blur(.2px) drop-shadow(0 0 15px rgba(165,61,207,.16));opacity:.55;will-change:transform}
.ribbon-a{left:-25vw;top:10vh;transform:rotate(-17deg);animation:ribbonA 11s ease-in-out infinite alternate}
.ribbon-b{right:-30vw;bottom:3vh;transform:rotate(14deg);animation:ribbonB 14s ease-in-out infinite alternate}
.particle-field{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle,rgba(216,136,246,.65) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(151,65,187,.55) 0 1px,transparent 1.4px);background-size:170px 190px,230px 260px;background-position:0 0,80px 100px;animation:particles 18s linear infinite}
.vignette-pulse{position:absolute;inset:-10%;background:radial-gradient(ellipse at center,transparent 35%,rgba(87,26,108,.08) 60%,rgba(4,4,6,.4) 85%);animation:vignettePulse 6s ease-in-out infinite}
.hero{min-height:760px}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:-30px;top:28px;width:2px;height:145px;background:linear-gradient(transparent,#b54bdc,#fff,#8c35ad,transparent);box-shadow:0 0 15px rgba(190,75,229,.4);animation:heroBar 3.8s ease-in-out infinite}
.hero h1{font-size:clamp(62px,6.6vw,98px);line-height:.86;letter-spacing:-6.5px}.hero h1 em{font-size:.82em;white-space:nowrap}
.hero-copy>p{max-width:650px;font-size:15px}
.hero-status-rail{margin-top:28px;display:flex;align-items:center;gap:0;width:max-content;border:1px solid #302835;border-radius:8px;background:rgba(12,10,14,.72);backdrop-filter:blur(12px);overflow:hidden}
.hero-status-rail>span{height:42px;padding:0 14px;display:flex;align-items:center;gap:7px;border-right:1px solid #2d2731;color:#746e78;font-size:7px;font-weight:900;letter-spacing:1px}.hero-status-rail>span:last-child{border:0}.hero-status-rail>span:first-child{color:#c6bec9}.hero-status-rail i{width:6px;height:6px;border-radius:50%;background:#75d79b;box-shadow:0 0 10px #75d79b;animation:readyPulse 1.8s ease-in-out infinite}.hero-status-rail small{color:#b75bd2;font-size:7px}
.visual-frame:after{content:"";position:absolute;z-index:3;inset:-50% -80%;background:linear-gradient(105deg,transparent 44%,rgba(205,119,239,.10) 49%,rgba(255,255,255,.09) 50%,rgba(183,78,224,.08) 51%,transparent 56%);animation:visualSweep 7s ease-in-out infinite;pointer-events:none}
.hud{animation:hudFloat 4s ease-in-out infinite}.hud.h2{animation-delay:-1.4s}.hud.h3{animation-delay:-2.7s}
@keyframes gridMoveStrong{from{background-position:0 0}to{background-position:58px 116px}}
@keyframes ribbonA{from{transform:translate3d(-10vw,-6vh,0) rotate(-17deg) scale(.9)}to{transform:translate3d(34vw,28vh,0) rotate(-8deg) scale(1.15)}}
@keyframes ribbonB{from{transform:translate3d(12vw,15vh,0) rotate(14deg) scale(1.05)}to{transform:translate3d(-35vw,-30vh,0) rotate(7deg) scale(.88)}}
@keyframes particles{from{background-position:0 0,80px 100px}to{background-position:120px 380px,-90px 500px}}
@keyframes vignettePulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes heroBar{0%,100%{opacity:.35;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}
@keyframes readyPulse{0%,100%{opacity:.55;box-shadow:0 0 5px #75d79b}50%{opacity:1;box-shadow:0 0 14px #75d79b}}
@keyframes visualSweep{0%,55%{transform:translateX(-55%);opacity:0}62%{opacity:1}78%{transform:translateX(55%);opacity:.8}79%,100%{opacity:0}}
@keyframes hudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:850px){.hero h1 em{white-space:normal}.hero-status-rail{width:100%;justify-content:center}.hero-status-rail>span{padding:0 9px}.hero-copy:before{display:none}}
@media(max-width:600px){.hero-status-rail{display:grid;grid-template-columns:1fr 1fr}.hero-status-rail>span{border-bottom:1px solid #2d2731}.ambient-orb{opacity:.2}.particle-field{opacity:.3}.energy-ribbon{opacity:.3}}

/* V6 — user's profile picture as brand mark */
.logo .profile-brand{
  width:42px;height:42px;margin-right:8px;padding:0;
  display:grid;place-items:center;border-radius:50%;
  overflow:hidden;clip-path:none;
  background:#08070a;border:1px solid rgba(190,82,231,.65);
  box-shadow:0 0 0 3px rgba(160,62,198,.08),0 0 18px rgba(178,70,220,.22);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.logo .profile-brand img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.05);
}
.logo:hover .profile-brand{
  transform:scale(1.08) rotate(-2deg);
  border-color:#d17aee;
  box-shadow:0 0 0 4px rgba(170,68,211,.10),0 0 28px rgba(190,78,230,.38);
}
footer .logo .profile-brand{width:38px;height:38px}

/* V7 — approved cleaner hero direction integrated into the working site */
.hero{max-width:1320px;grid-template-columns:.9fr 1.1fr;gap:58px;min-height:700px;padding-top:92px}
.hero h1{font-size:clamp(68px,7vw,108px);line-height:.79;letter-spacing:-7px;margin:23px 0 31px}
.hero h1 em{font-size:1em;white-space:normal;background:linear-gradient(90deg,#c85cf0,#8c39c0 55%,#d68bf2);background-size:180%;-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:570px;font-size:15px;line-height:1.8;color:#9d98a2}
.hero-copy:before{height:118px;opacity:.55}
.premium-hero-art{height:535px;border-radius:15px;border:1px solid rgba(173,85,207,.34);background:#050506;isolation:isolate}
.premium-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;transform:scale(1.01);filter:saturate(.78) contrast(1.08) brightness(.82)}
.premium-hero-art:hover>img{transform:scale(1.035);filter:saturate(.92) contrast(1.09) brightness(.88)}
.hero-art-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.52),rgba(5,5,7,.06) 36%,rgba(5,5,7,.02) 68%,rgba(5,5,7,.22)),linear-gradient(0deg,rgba(5,5,7,.52),transparent 32%,rgba(5,5,7,.08));pointer-events:none}
.hero-art-badge{position:absolute;z-index:5;left:20px;top:20px;padding:10px 13px;border:1px solid rgba(190,103,224,.32);border-radius:7px;background:rgba(7,6,9,.76);backdrop-filter:blur(12px);font-size:7px;font-weight:900;letter-spacing:1.5px;color:#d4c9d8}
.hero-art-badge span{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#bb5ade;box-shadow:0 0 12px #bb5ade;animation:readyPulse 1.8s ease-in-out infinite}
.hero-art-data{position:absolute;z-index:5;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(135,82,151,.28);border-radius:8px;background:rgba(7,6,9,.74);backdrop-filter:blur(14px);overflow:hidden}
.hero-art-data>div{padding:12px 14px;border-right:1px solid rgba(128,78,143,.22);display:flex;flex-direction:column;gap:4px}.hero-art-data>div:last-child{border:0}
.hero-art-data small{font-size:6px;letter-spacing:1.4px;color:#746b79}.hero-art-data b{font-size:9px;color:#eee9f0}.hero-art-data .ready i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75d79b;box-shadow:0 0 9px #75d79b;margin-right:5px}
.visual-frame:after{z-index:4}
.actions .primary{background:linear-gradient(135deg,#b64ee8,#7933a3)}
.micro{margin-top:2px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.premium-hero-art{height:420px}.hero h1{font-size:70px}.hero-copy:before{display:none}}
@media(max-width:600px){.hero h1{font-size:53px;letter-spacing:-4px}.premium-hero-art{height:310px}.hero-art-data{grid-template-columns:1fr 1fr}.hero-art-data>div:nth-child(3){display:none}}

/* V8 — premium animated package cards */
.service-grid{gap:22px}
.service{
  isolation:isolate;
  min-height:610px;
  background:
    radial-gradient(460px circle at var(--x,50%) var(--y,40%),rgba(180,72,221,.08),transparent 42%),
    linear-gradient(145deg,rgba(18,15,21,.98),rgba(9,9,12,.98));
  border-color:#332c38;
}
.service.featured{border-color:#5b3867}
.service:before{
  content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(195,92,235,.12),transparent) top/100% 1px no-repeat,
    linear-gradient(180deg,transparent 10%,rgba(167,64,205,.05),transparent 70%);
}
.service:after{
  content:"";position:absolute;z-index:-1;inset:-1px;pointer-events:none;
  background:radial-gradient(380px circle at var(--x,50%) var(--y,50%),rgba(197,94,238,.16),transparent 45%);
  opacity:0;transition:.3s
}
.service:hover:after{opacity:1}
.service:hover{transform:translateY(-10px) scale(1.018);border-color:#89509a;box-shadow:0 34px 85px rgba(0,0,0,.42),0 0 45px rgba(177,68,216,.12)}
.service-top{position:relative;z-index:3}
.service .num{transition:.35s;color:#29242e}.service:hover .num{color:#5f3a6b;transform:translateX(-4px)}
.package-eyebrow{position:relative;z-index:3;margin:-7px 0 8px;color:#a761ba;font-size:7px;font-weight:900;letter-spacing:2px}
.service h3{position:relative;z-index:3;font-size:28px;letter-spacing:-1px}
.service>p,.service ul,.service-bottom,.package-metrics{position:relative;z-index:3}
.service-icon{
  position:relative;z-index:4;width:54px;height:54px;
  background:linear-gradient(145deg,#211526,#100e13);
  border-color:#70427f;box-shadow:0 0 0 5px rgba(171,68,209,.035),0 0 24px rgba(173,67,211,.11)
}
.service:hover .service-icon{transform:translateY(-3px) scale(1.12) rotate(-5deg);box-shadow:0 0 0 7px rgba(171,68,209,.05),0 0 35px rgba(191,79,231,.22)}
.package-orbit{position:absolute;z-index:1;width:150px;height:150px;right:-30px;top:48px;border:1px solid rgba(180,77,218,.09);border-radius:50%;animation:packageOrbit 15s linear infinite;pointer-events:none}
.package-orbit:before,.package-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(188,84,225,.08)}
.package-orbit:before{inset:22px}.package-orbit:after{inset:45px}
.package-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:#c668e4;box-shadow:0 0 10px #b34fd2}
.package-orbit i:nth-child(1){left:72px;top:-2px}.package-orbit i:nth-child(2){right:8px;bottom:28px}.package-orbit i:nth-child(3){left:11px;bottom:35px}
.windows-orbit{animation-direction:reverse;animation-duration:19s;opacity:.72}
.package-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 3px;border:1px solid #2d2831;border-radius:8px;background:rgba(8,8,11,.56);overflow:hidden}
.package-metrics span{min-height:52px;padding:10px 11px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-right:1px solid #2b2730}.package-metrics span:last-child{border:0}
.package-metrics small{font-size:6px;color:#655f69;letter-spacing:1.2px}.package-metrics b{font-size:8px;color:#c9c3cd}
.metric-ready i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#78d99d;box-shadow:0 0 8px #78d99d;animation:readyPulse 1.8s ease-in-out infinite}
.service li{transition:.22s;padding-left:2px}.service:hover li{padding-left:6px}.service li:before{transition:.25s}.service:hover li:before{color:#d57cec;text-shadow:0 0 9px rgba(208,111,234,.5)}
.service-bottom{padding-top:22px;border-top:1px solid #27222b}
.price b{transition:.3s;background:linear-gradient(90deg,#fff,#dba8ea);-webkit-background-clip:text;background-clip:text;color:transparent}.service:hover .price b{transform:translateY(-2px)}
.choose{min-width:135px;background:linear-gradient(145deg,#18121c,#100e13);border-color:#573361}
.choose:hover{background:linear-gradient(135deg,#8e3caf,#69287f);border-color:#a95bc0;box-shadow:0 10px 25px rgba(128,44,158,.2)}
.featured .badge{position:relative;overflow:hidden}.featured .badge:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:badgeSweep 4.5s ease-in-out infinite}
@keyframes packageOrbit{to{transform:rotate(360deg)}}
@keyframes badgeSweep{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(140%)}}
@media(max-width:600px){.service{min-height:0}.package-orbit{width:115px;height:115px;right:-35px}.package-metrics span{padding:9px 7px}.package-metrics b{font-size:7px}}

/* V9 — integrated cinematic package background */
.packages-scene{
  position:relative;
  max-width:none;
  padding-left:max(calc((100vw - 1160px)/2 + 28px),28px);
  padding-right:max(calc((100vw - 1160px)/2 + 28px),28px);
  isolation:isolate;
  overflow:hidden;
  border-top:1px solid rgba(135,69,156,.14);
  border-bottom:1px solid rgba(135,69,156,.14);
}
.packages-bg{
  position:absolute;z-index:-5;inset:0;
  background-image:url("packages-background.webp");
  background-size:cover;
  background-position:center 52%;
  opacity:.31;
  filter:saturate(.72) contrast(1.08) brightness(.56);
  transform:scale(1.08);
  animation:packagesBgFloat 18s ease-in-out infinite alternate;
}
.packages-vignette{
  position:absolute;z-index:-4;inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.57) 24%,rgba(5,5,7,.45) 50%,rgba(5,5,7,.60) 78%,rgba(5,5,7,.94) 100%),
    linear-gradient(180deg,#060608 0%,rgba(6,6,8,.40) 20%,rgba(6,6,8,.34) 72%,#060608 100%);
}
.packages-light{position:absolute;z-index:-3;width:36vw;height:36vw;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none}
.light-left{left:-15vw;top:28%;background:#9d3dc4;animation:packageLightLeft 10s ease-in-out infinite alternate}
.light-right{right:-14vw;bottom:3%;background:#6e35c7;animation:packageLightRight 13s ease-in-out infinite alternate}
.packages-scene .section-head,.packages-scene .service-grid,.packages-scene .express-strip,.packages-scene>.fine{max-width:1104px;width:100%;margin-left:auto;margin-right:auto}
.packages-scene .section-head{position:relative}
.packages-scene .section-head:after{
  content:"";position:absolute;left:0;bottom:-19px;width:110px;height:1px;
  background:linear-gradient(90deg,#bd5de0,transparent);box-shadow:0 0 10px rgba(188,86,224,.38)
}
.packages-scene .service{
  background:
    radial-gradient(420px circle at var(--x,50%) var(--y,40%),rgba(189,81,229,.12),transparent 43%),
    linear-gradient(145deg,rgba(17,13,20,.88),rgba(7,7,10,.93));
  backdrop-filter:blur(13px);
  border-color:rgba(117,71,130,.54);
  box-shadow:0 26px 70px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.035);
}
.packages-scene .service.featured{border-color:rgba(177,82,207,.68)}
.packages-scene .service:hover{
  border-color:#a45ab9;
  box-shadow:0 34px 90px rgba(0,0,0,.50),0 0 50px rgba(178,68,218,.15),inset 0 1px rgba(255,255,255,.05)
}
.packages-scene .express-strip{
  background:rgba(9,8,11,.78);backdrop-filter:blur(12px);
  border-color:rgba(101,66,112,.50)
}
@keyframes packagesBgFloat{
  0%{transform:scale(1.08) translate3d(-1.5%,0,0)}
  50%{transform:scale(1.115) translate3d(1%, -1%,0)}
  100%{transform:scale(1.09) translate3d(1.8%,1%,0)}
}
@keyframes packageLightLeft{from{transform:translate3d(-4vw,-3vh,0) scale(.9)}to{transform:translate3d(15vw,9vh,0) scale(1.15)}}
@keyframes packageLightRight{from{transform:translate3d(5vw,5vh,0) scale(1)}to{transform:translate3d(-14vw,-8vh,0) scale(1.12)}}
@media(max-width:700px){
  .packages-scene{padding-left:18px;padding-right:18px}
  .packages-bg{opacity:.20;background-position:58% center}
  .packages-vignette{background:linear-gradient(180deg,#060608 0%,rgba(6,6,8,.62) 18%,rgba(6,6,8,.58) 80%,#060608 100%)}
}
@media(prefers-reduced-motion:reduce){.packages-bg,.packages-light{animation:none!important}}

/* V10 — background artwork belongs INSIDE each package card */
.packages-bg,.packages-vignette,.packages-light{display:none!important}
.packages-scene{background:transparent}
.card-art{
  position:absolute;z-index:-3;inset:0;border-radius:inherit;pointer-events:none;
  background-image:url("packages-background.webp");
  background-size:cover;
  opacity:.28;
  filter:saturate(.78) contrast(1.1) brightness(.63);
  transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s;
}
.performance-card .card-art{background-position:18% 60%;transform:scale(1.12)}
.windows-card .card-art{background-position:56% 58%;transform:scale(1.12)}
.card-art-shade{
  position:absolute;z-index:-2;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(8,6,10,.48) 0%,rgba(9,7,11,.72) 38%,rgba(7,7,9,.96) 78%),
    linear-gradient(90deg,rgba(10,7,12,.80),rgba(10,7,12,.30) 62%,rgba(10,7,12,.68));
}
.service:hover .card-art{opacity:.40;filter:saturate(.96) contrast(1.12) brightness(.72)}
.performance-card:hover .card-art{transform:scale(1.17) translate3d(-1.2%,-.7%,0)}
.windows-card:hover .card-art{transform:scale(1.17) translate3d(1.2%,-.7%,0)}
.performance-card:before,.windows-card:before{
  z-index:-1;
  background:
    linear-gradient(90deg,transparent,rgba(208,103,244,.22),transparent) top/100% 1px no-repeat,
    radial-gradient(360px circle at 80% 12%,rgba(179,70,218,.12),transparent 50%);
}
.performance-card,.windows-card{background:#09080b!important;overflow:hidden}
.performance-card .service-icon,.windows-card .service-icon{backdrop-filter:blur(10px);background:rgba(21,14,25,.72)}
.performance-card .package-metrics,.windows-card .package-metrics{background:rgba(7,6,9,.72);backdrop-filter:blur(9px)}
@media(max-width:700px){.card-art{opacity:.21}.service:hover .card-art{opacity:.28}}

/* V11 — package artwork much more visible */
.card-art{
  opacity:.62!important;
  filter:saturate(1.05) contrast(1.12) brightness(.88)!important;
}
.performance-card .card-art{background-position:18% 52%}
.windows-card .card-art{background-position:62% 52%}
.card-art-shade{
  background:
    linear-gradient(180deg,rgba(7,5,9,.16) 0%,rgba(8,6,10,.30) 34%,rgba(7,6,9,.72) 78%,rgba(6,6,8,.91) 100%),
    linear-gradient(90deg,rgba(8,6,10,.36),rgba(8,6,10,.10) 58%,rgba(8,6,10,.28))!important;
}
.service:hover .card-art{
  opacity:.78!important;
  filter:saturate(1.18) contrast(1.14) brightness(1.02)!important;
}
.service>p,.service li{color:#c1bbc5}
.service h3{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.package-eyebrow{text-shadow:0 1px 10px #000}
.package-metrics{box-shadow:0 8px 25px rgba(0,0,0,.25)}

/* V12 — separate clean artwork, no text baked into package backgrounds */
.performance-card .card-art{
  background-image:url("performance-background.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
}
.windows-card .card-art{
  background-image:url("windows-background.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
}
.card-art{opacity:.67!important;filter:saturate(1.02) contrast(1.08) brightness(.86)!important}
.service:hover .card-art{opacity:.80!important;filter:saturate(1.12) contrast(1.1) brightness(.96)!important}

/* V13 — approved, less-AI-looking package direction */
.performance-card .card-art{
  background-image:url("performance-background-final.webp")!important;
  background-position:center top!important;
  background-size:cover!important;
}
.windows-card .card-art{
  background-image:url("windows-background-final.webp")!important;
  background-position:center top!important;
  background-size:cover!important;
}
.card-art{
  opacity:.76!important;
  filter:saturate(.88) contrast(1.08) brightness(.82)!important;
}
.card-art-shade{
  background:
    linear-gradient(180deg,rgba(7,7,9,.08) 0%,rgba(7,7,9,.18) 24%,rgba(7,7,9,.68) 54%,rgba(7,7,9,.97) 82%),
    linear-gradient(90deg,rgba(6,6,8,.22),rgba(6,6,8,.04) 55%,rgba(6,6,8,.18))!important;
}
.service:hover .card-art{
  opacity:.88!important;
  filter:saturate(.98) contrast(1.1) brightness(.9)!important;
}
.service>p{
  color:#d0cbd3!important;
  font-size:12px;
  line-height:1.72;
  text-shadow:0 2px 12px rgba(0,0,0,.92);
}
.service ul{
  background:rgba(7,7,10,.66);
  border:1px solid rgba(102,83,111,.32);
  border-radius:8px;
  padding:8px 13px;
  backdrop-filter:blur(10px);
}
.service li{
  color:#e1dde4!important;
  text-shadow:0 1px 8px rgba(0,0,0,.8);
}
.service h3{
  font-size:29px;
  text-shadow:0 3px 18px rgba(0,0,0,.95);
}
.package-eyebrow{color:#d17ce7!important}
.package-metrics{
  background:rgba(7,7,10,.79)!important;
  border-color:rgba(112,85,122,.42)!important;
}
.service-bottom{
  background:linear-gradient(180deg,rgba(7,7,9,.05),rgba(7,7,9,.42));
}

/* V14 — larger, fuller desktop layout */
:root{--page-max:1380px}
header .inner,.social-top-inner,.hero,.section{max-width:1380px!important}
header .inner{min-height:82px}
.logo{font-size:15px}.logo .profile-brand{width:48px;height:48px}
nav{gap:30px}nav a{font-size:11px}
.social-top-inner{gap:12px}.top-platform{min-height:72px;padding:12px 16px}.platform-icon{width:43px;height:43px}.platform-icon svg{width:23px;height:23px}.top-platform b{font-size:12px}.top-platform small{font-size:7px}

.hero{min-height:820px;grid-template-columns:.92fr 1.08fr;gap:70px;padding-left:38px;padding-right:38px}
.eyebrow{font-size:9px;letter-spacing:2.5px}
.hero h1{font-size:clamp(78px,7.5vw,122px)!important;line-height:.82!important}
.hero-copy>p{font-size:17px!important;max-width:650px!important;line-height:1.8}
.actions{margin-top:34px;gap:14px}.actions a{min-height:62px;padding:0 27px;font-size:12px}
.micro{font-size:9px;gap:24px;margin-top:25px}
.premium-hero-art{height:610px!important}
.hero-art-badge{font-size:8px;padding:12px 15px}.hero-art-data>div{padding:15px 17px}.hero-art-data small{font-size:7px}.hero-art-data b{font-size:10px}

.section{padding:105px 38px}
.section-head{margin-bottom:54px}.section-head span{font-size:9px}.section-head h2{font-size:clamp(48px,5vw,76px);line-height:.9}.section-head p{font-size:14px;line-height:1.75;max-width:520px}
.packages-scene{padding-left:max(calc((100vw - 1380px)/2 + 38px),38px)!important;padding-right:max(calc((100vw - 1380px)/2 + 38px),38px)!important}
.packages-scene .section-head,.packages-scene .service-grid,.packages-scene .express-strip,.packages-scene>.fine{max-width:1304px!important}
.service-grid{gap:28px}
.service{min-height:700px!important;padding:34px!important;border-radius:16px}
.service h3{font-size:35px!important}.service>p{font-size:14px!important;line-height:1.8}
.package-eyebrow{font-size:8px!important;letter-spacing:2.2px}.service-icon{width:62px!important;height:62px!important;font-size:24px}
.service ul{margin-top:28px!important;padding:12px 16px!important}.service li{font-size:12px!important;min-height:44px!important}
.package-metrics{margin-top:28px!important}.package-metrics span{min-height:65px!important;padding:12px 14px!important}.package-metrics small{font-size:7px!important}.package-metrics b{font-size:9px!important}
.service-bottom{margin-top:26px!important;padding-top:27px!important}.price small{font-size:7px!important}.price b{font-size:43px!important}.choose{min-width:165px!important;min-height:55px!important;font-size:10px!important}
.express-strip{min-height:105px!important;padding:22px 28px!important}.express-strip h3{font-size:18px!important}.express-strip p{font-size:11px!important}

.why-grid{gap:18px}.why-grid>div{min-height:180px;padding:28px!important}.why-grid b{font-size:15px!important}.why-grid p{font-size:11px!important;line-height:1.7}
.config-wrap{gap:30px}.config-main,.order-summary{padding:30px!important;border-radius:15px}.steps{min-height:62px}.steps span{font-size:9px!important}
.pick{min-height:78px!important;padding:17px!important}.pick b{font-size:12px!important}.pick small{font-size:9px!important}
.order-summary h3{font-size:22px!important}.order-summary .total strong{font-size:36px!important}
.faq-list{gap:13px}.faq-list summary{min-height:78px!important;padding:0 26px!important;font-size:15px!important}.faq-list details>div{font-size:12px!important;padding:0 70px 27px 26px!important}
.socials{gap:18px}.socials a{min-height:120px!important;padding:25px!important}.socials b{font-size:17px!important}.socials small{font-size:9px!important}
footer{padding:45px 38px!important}

@media(max-width:1000px){
 .hero{min-height:auto;padding-top:70px}.service{min-height:620px!important}
}
@media(max-width:700px){
 .hero,.section{padding-left:20px!important;padding-right:20px!important}
 .packages-scene{padding-left:20px!important;padding-right:20px!important}
 .hero h1{font-size:58px!important}
 .premium-hero-art{height:360px!important}
 .service{min-height:0!important;padding:25px!important}
 .section{padding-top:75px;padding-bottom:75px}
}

/* V15 — App + All-in-One */
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.app-card,.ultimate-card{overflow:hidden}
.app-card{border-color:rgba(77,92,142,.65)!important;background:linear-gradient(145deg,rgba(10,13,23,.97),rgba(8,8,12,.98))!important}
.app-card-bg{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 78% 18%,rgba(68,104,205,.28),transparent 31%),linear-gradient(135deg,transparent 20%,rgba(88,62,165,.12),transparent 70%)}
.app-badge{background:#11182b!important;color:#8ca9ff!important}.app-orbit i{background:#809dff!important;box-shadow:0 0 10px #688cff!important}
.ultimate-card{border-color:rgba(189,89,221,.75)!important;background:linear-gradient(145deg,rgba(25,13,29,.98),rgba(9,8,12,.98))!important}
.ultimate-glow{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 80% 15%,rgba(204,80,236,.23),transparent 34%),radial-gradient(circle at 10% 85%,rgba(105,51,173,.16),transparent 30%)}
.ultimate-badge{background:linear-gradient(135deg,#a548c3,#6e2c8d)!important;color:#fff!important;box-shadow:0 0 20px rgba(178,72,214,.22)}
.app-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0 4px;position:relative;z-index:3}
.app-prices span{min-height:66px;border:1px solid #34384c;border-radius:8px;background:rgba(7,9,15,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.app-prices small{font-size:6px;color:#777e99;letter-spacing:1px}.app-prices b{font-size:17px}
.license-box{margin:16px 0 8px;padding:16px;border:1px solid #393240;border-radius:9px;background:#0b0a0e}.license-box>span{font-size:7px;font-weight:900;letter-spacing:1.4px;color:#9b65ad}
.license-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.license-grid label{min-height:72px;border:1px solid #302c35;border-radius:8px;background:#0e0d11;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.license-grid input{position:absolute;top:8px;left:8px;accent-color:#a950c5}.license-grid b{font-size:18px}.license-grid small{font-size:8px;color:#77727d;margin-top:3px}.license-grid label:has(input:checked){border-color:#8a4d9b;background:#171019;box-shadow:0 0 22px rgba(174,70,212,.09)}
@media(max-width:700px){.service-grid{grid-template-columns:1fr!important}.license-grid{grid-template-columns:1fr}.app-prices{grid-template-columns:repeat(3,1fr)}}

/* V16 — clean 2x2 square package grid + maximum readability */
.packages-scene .service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
.packages-scene .service{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  padding:32px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#0a090c!important;
}

/* Background images remain visible only in the upper zone, not behind body copy */
.performance-card .card-art,
.windows-card .card-art{
  inset:0 0 auto 0!important;
  height:43%!important;
  opacity:.52!important;
  filter:saturate(.82) contrast(1.05) brightness(.62)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%);
}
.performance-card:hover .card-art,
.windows-card:hover .card-art{opacity:.63!important;filter:saturate(.9) contrast(1.07) brightness(.7)!important}

/* Strong dark base for text */
.card-art-shade{
  z-index:-2!important;
  background:linear-gradient(180deg,rgba(7,7,9,.18) 0%,rgba(7,7,9,.56) 32%,#0a090c 49%,#0a090c 100%)!important;
}
.app-card-bg,.ultimate-glow{opacity:.55!important}

/* Typography/readability */
.packages-scene .service h3{
  font-size:30px!important;
  line-height:1.08!important;
  color:#fff!important;
  text-shadow:0 2px 14px #000!important;
  margin:5px 0 11px!important;
}
.packages-scene .package-eyebrow{
  font-size:8px!important;
  color:#d681ed!important;
  text-shadow:0 2px 9px #000!important;
}
.packages-scene .service>p{
  min-height:62px!important;
  margin:0 0 12px!important;
  font-size:12px!important;
  line-height:1.65!important;
  font-weight:500!important;
  color:#ded9e1!important;
  text-shadow:none!important;
}
.packages-scene .service ul{
  margin:8px 0 12px!important;
  padding:8px 13px!important;
  background:rgba(5,5,7,.88)!important;
  border:1px solid #332d37!important;
  backdrop-filter:blur(12px)!important;
}
.packages-scene .service li{
  min-height:34px!important;
  padding:8px 0!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#f0ecf2!important;
  text-shadow:none!important;
}
.packages-scene .service li:last-child{border-bottom:0}
.packages-scene .service-icon{
  width:48px!important;height:48px!important;
  margin:25px 0 13px!important;
}
.packages-scene .num{font-size:28px!important}
.packages-scene .badge{font-size:7px!important}

/* Compact lower UI so everything fits cleanly inside square cards */
.packages-scene .package-metrics{
  margin:5px 0 0!important;
  margin-top:auto!important;
}
.packages-scene .package-metrics span{min-height:48px!important;padding:8px!important}
.packages-scene .package-metrics small{font-size:6px!important}
.packages-scene .package-metrics b{font-size:7px!important}
.packages-scene .app-prices{
  margin:6px 0 0!important;
  margin-top:auto!important;
}
.packages-scene .app-prices span{min-height:49px!important}
.packages-scene .app-prices b{font-size:14px!important}
.packages-scene .service-bottom{
  min-height:72px!important;
  margin-top:12px!important;
  padding-top:14px!important;
}
.packages-scene .price b{font-size:32px!important}
.packages-scene .choose{min-width:140px!important;min-height:46px!important}

/* Keep all four cards visually aligned */
.performance-card,.windows-card,.app-card,.ultimate-card{
  box-shadow:0 22px 65px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important;
}
.packages-scene .service:hover{
  transform:translateY(-6px) scale(1.008)!important;
}

/* Desktop: clean 2 x 2 block. Mobile: one per row. */
@media(max-width:900px){
  .packages-scene .service-grid{grid-template-columns:1fr!important}
  .packages-scene .service{aspect-ratio:auto!important;min-height:620px!important}
}
@media(max-width:600px){
  .packages-scene .service{min-height:580px!important;padding:25px!important}
  .packages-scene .service h3{font-size:27px!important}
}

/* V17 — significantly larger 2x2 package cards */
.packages-scene{
  padding-left:max(calc((100vw - 1540px)/2 + 30px),30px)!important;
  padding-right:max(calc((100vw - 1540px)/2 + 30px),30px)!important;
}
.packages-scene .section-head,
.packages-scene .service-grid,
.packages-scene .express-strip,
.packages-scene>.fine{
  max-width:1480px!important;
}
.packages-scene .service-grid{
  gap:30px!important;
}
.packages-scene .service{
  aspect-ratio:1.08 / 1!important;
  min-height:720px!important;
  padding:42px!important;
  border-radius:18px!important;
}
.packages-scene .service-icon{
  width:64px!important;height:64px!important;
  font-size:25px!important;
  margin:31px 0 16px!important;
}
.packages-scene .service h3{
  font-size:38px!important;
  margin:7px 0 15px!important;
}
.packages-scene .package-eyebrow{font-size:9px!important}
.packages-scene .service>p{
  min-height:76px!important;
  max-width:590px;
  font-size:14px!important;
  line-height:1.7!important;
}
.packages-scene .service ul{
  padding:12px 18px!important;
  margin:12px 0 18px!important;
}
.packages-scene .service li{
  min-height:43px!important;
  padding:11px 0!important;
  font-size:12px!important;
}
.packages-scene .package-metrics span{
  min-height:62px!important;
  padding:11px 13px!important;
}
.packages-scene .package-metrics small{font-size:7px!important}
.packages-scene .package-metrics b{font-size:9px!important}
.packages-scene .app-prices span{min-height:64px!important}
.packages-scene .app-prices small{font-size:7px!important}
.packages-scene .app-prices b{font-size:18px!important}
.packages-scene .service-bottom{
  min-height:88px!important;
  margin-top:17px!important;
  padding-top:19px!important;
}
.packages-scene .price b{font-size:42px!important}
.packages-scene .choose{
  min-width:175px!important;
  min-height:55px!important;
  font-size:11px!important;
}
.packages-scene .num{font-size:34px!important}
.packages-scene .badge{padding:7px 10px!important;font-size:8px!important}

@media(max-width:1100px){
 .packages-scene .service{min-height:680px!important;padding:34px!important}
}
@media(max-width:900px){
 .packages-scene .service{aspect-ratio:auto!important;min-height:680px!important}
}
@media(max-width:600px){
 .packages-scene{padding-left:18px!important;padding-right:18px!important}
 .packages-scene .service{min-height:610px!important;padding:27px!important}
 .packages-scene .service h3{font-size:30px!important}
}

/* V18 — premium package comparison */
.compare-section{padding-top:90px!important}
.compare-table{border:1px solid #3b3041;border-radius:18px;overflow:hidden;background:rgba(12,11,15,.86);box-shadow:0 35px 100px rgba(0,0,0,.36);backdrop-filter:blur(16px)}
.compare-row{display:grid;grid-template-columns:1.65fr .72fr .72fr;min-height:72px;border-bottom:1px solid #29252d}
.compare-row:last-child{border-bottom:0}
.compare-row>div{padding:18px 22px;display:flex;align-items:center;border-right:1px solid #29252d;color:#ddd8e0;font-size:12px;line-height:1.4}
.compare-row>div:last-child{border-right:0}
.compare-row>div:not(:first-child){justify-content:center;text-align:center}
.compare-title{min-height:112px;background:linear-gradient(180deg,#15131a,#100f14)}
.compare-title small{font-size:8px;letter-spacing:2px;color:#827a87}
.compare-title>div:not(:first-child){flex-direction:column;gap:7px}
.compare-title b{font-size:15px}.compare-title strong{font-size:13px;color:#aaa1af}
.compare-title em{font-style:normal;font-size:6px;letter-spacing:1.4px;font-weight:900;padding:5px 8px;border-radius:999px;background:linear-gradient(90deg,#f3d98a,#cda749);color:#221a08}
.compare-row .recommended{background:linear-gradient(90deg,rgba(173,122,39,.10),rgba(232,187,87,.06));border-left:1px solid rgba(218,177,75,.38)}
.compare-row .yes{font-size:22px;color:#c875e2;font-weight:800}
.compare-row .yes.recommended{color:#e8bd59}
.compare-row .no{font-size:18px;color:#6d6672}
.compare-price{min-height:92px;background:#111015}.compare-price strong{font-size:27px;color:#c875e2}.compare-price .recommended strong{color:#e8bd59}
.compare-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.compare-actions>div{min-height:170px;padding:24px 26px;border:1px solid #342d39;border-radius:14px;background:linear-gradient(145deg,#111015,#0b0a0d)}
.compare-actions span{font-size:8px;letter-spacing:1.7px;font-weight:900;color:#b568c9}.compare-actions p{max-width:580px;color:#8e8793;font-size:10px;line-height:1.65;margin:12px 0 20px}
.compare-actions .gold-card{border-color:rgba(193,150,62,.42)}.compare-actions .gold-card span{color:#e2b955}
.compare-btn{min-height:46px;padding:0 17px;border:1px solid #70417e;border-radius:8px;background:#161019;color:#dca9e9;font-weight:800;font-size:9px;cursor:pointer;transition:.25s}
.compare-btn:hover{transform:translateY(-2px);background:#8b3aa7;color:#fff;box-shadow:0 10px 28px rgba(145,52,174,.18)}
.compare-btn.gold{border-color:#8d7133;color:#e5bd5b;background:#17140e}.compare-btn.gold:hover{background:#9b7524;color:#fff}
@media(max-width:750px){
 .compare-row{grid-template-columns:1.3fr .7fr .7fr}.compare-row>div{padding:13px 10px;font-size:9px}.compare-title b{font-size:10px}.compare-title strong{font-size:10px}.compare-price strong{font-size:19px}
 .compare-actions{grid-template-columns:1fr}
}

/* V19 — stronger readability for App / All-in-One / Express */
.app-card .app-prices span{
  background:#0b0b10!important;
  border:1px solid #454052!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.app-card .app-prices small{
  color:#aaa3b2!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:1.35px!important;
}
.app-card .app-prices b{
  color:#fff!important;
  font-size:21px!important;
  font-weight:900!important;
}
.app-card .price small,.ultimate-card .price small{
  color:#aaa3b2!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:1.4px!important;
}
.app-card .price b,.ultimate-card .price b{
  color:#f5eff7!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(190,90,225,.18);
}
.app-card .choose,.ultimate-card .choose{
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  border-color:#71447e!important;
  background:#171019!important;
}
.app-card .choose:hover,.ultimate-card .choose:hover{
  background:#8b3ca7!important;
}
.express-strip{
  min-height:125px!important;
  padding:28px 32px!important;
  background:#0b090d!important;
  border:1px solid #3d3043!important;
  box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025)!important;
}
.express-strip>div:first-child{max-width:900px!important}
.express-strip small,.express-strip .eyebrow{
  color:#d17be7!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.5px!important;
}
.express-strip h3{
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.4!important;
  margin-top:7px!important;
  text-shadow:none!important;
}
.express-strip p{
  color:#d6d0d9!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.55!important;
}
.express-strip strong,.express-price{
  color:#fff!important;
  font-size:32px!important;
  font-weight:950!important;
  text-shadow:0 0 18px rgba(194,93,227,.18);
}
@media(max-width:700px){
 .express-strip{padding:22px!important;min-height:145px!important}
 .express-strip h3{font-size:15px!important}
 .express-strip p{font-size:11px!important}
}

/* V20 — clearly labelled demo testimonials */
.testimonials-section{position:relative}
.testimonial-notice{display:flex;align-items:center;gap:10px;margin:-25px 0 28px;padding:12px 15px;border:1px solid #3b3240;border-radius:9px;background:#0d0b0f;color:#9f98a4;font-size:9px;font-weight:700}
.testimonial-notice span{padding:5px 8px;border-radius:5px;background:#2b1731;color:#d77dec;font-size:7px;letter-spacing:1.3px;font-weight:950}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{position:relative;min-height:300px;padding:26px;border:1px solid #342e39;border-radius:15px;background:linear-gradient(145deg,#121015,#0a090c);overflow:hidden;transition:.3s}
.testimonial-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0,rgba(174,70,210,.10),transparent 34%);pointer-events:none}
.testimonial-card:hover{transform:translateY(-7px);border-color:#71427e;box-shadow:0 25px 65px rgba(0,0,0,.35),0 0 35px rgba(168,65,204,.08)}
.featured-review{border-color:#65406f}
.review-top{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center}
.review-avatar{width:46px;height:46px;border:1px solid #70427c;border-radius:50%;display:grid;place-items:center;background:#171019;color:#d77dec;font-size:15px;font-weight:950;box-shadow:0 0 20px rgba(178,71,216,.09)}
.review-top>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.review-top b{font-size:12px;color:#f2eef4}.review-top small{font-size:7px;color:#7f7884}.review-top>span{font-size:10px;letter-spacing:2px;color:#d9ae50}
.testimonial-card>p{position:relative;margin:28px 0 34px;font-size:12px;line-height:1.8;color:#c9c3cd}
.review-foot{position:absolute;left:26px;right:26px;bottom:22px;padding-top:15px;border-top:1px solid #29252d;display:flex;align-items:center;justify-content:space-between}.review-foot span{font-size:6px;letter-spacing:1px;color:#736c78}.review-foot i{font-style:normal;font-size:20px;font-weight:950;color:#29242d}
.testimonial-summary{margin-top:18px;padding:23px 25px;border:1px solid #332d38;border-radius:13px;background:#0c0b0e;display:flex;align-items:center;justify-content:space-between;gap:25px}.testimonial-summary>div{display:grid;gap:5px}.testimonial-summary small{font-size:7px;letter-spacing:1.4px;color:#a75abd;font-weight:900}.testimonial-summary b{font-size:15px}.testimonial-summary p{margin:0;color:#817a86;font-size:9px}.testimonial-summary a{min-height:47px;padding:0 18px;border:1px solid #674073;border-radius:8px;display:flex;align-items:center;color:#dba7e8;text-decoration:none;font-size:9px;font-weight:900;transition:.25s}.testimonial-summary a:hover{transform:translateY(-2px);background:#8b3aa7;color:#fff}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:250px}}
@media(max-width:600px){.testimonial-summary{align-items:flex-start;flex-direction:column}.testimonial-summary a{width:100%;justify-content:center}}
\n/* V23 — full product/brand refinement */\nhtml{scroll-behavior:smooth}
.trust-strip{position:relative;z-index:3;max-width:1500px;margin:0 auto 24px;padding:0 28px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px}
.trust-strip>div{min-height:92px;padding:18px 16px;background:rgba(12,10,15,.82);border:1px solid #2d2732;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;transition:.25s}
.trust-strip>div:hover{border-color:#684174;transform:translateY(-2px)}.trust-strip span{grid-row:1/3;width:34px;height:34px;border:1px solid #60406a;border-radius:8px;display:grid;place-items:center;color:#d078e6;font-size:11px;font-weight:900}.trust-strip b{font-size:9px;letter-spacing:.8px;color:#f3eef5}.trust-strip small{font-size:7px;color:#7e7682}
.app-showcase{padding-top:105px!important}.app-showcase-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.app-window{border:1px solid #44364a;border-radius:18px;overflow:hidden;background:#08080b;box-shadow:0 40px 100px rgba(0,0,0,.42),0 0 60px rgba(151,55,180,.08);position:relative}.app-window>em{display:block;padding:10px 16px;color:#625b66;font-size:7px;font-style:normal;text-align:right}.app-window-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #28232d;background:#111015}.app-window-bar i{width:8px;height:8px;border-radius:50%;background:#403946}.app-window-bar i:first-child{background:#8f45a2}.app-window-bar span{margin-left:8px;font-size:7px;letter-spacing:1.3px;color:#77707c}.app-window-body{display:grid;grid-template-columns:150px 1fr;min-height:420px}.app-window-body aside{padding:20px 14px;border-right:1px solid #242029;background:#0b0a0d;display:flex;flex-direction:column;gap:7px}.app-window-body aside>b{width:42px;height:42px;display:grid;place-items:center;border:1px solid #6d4178;border-radius:10px;color:#d17ce5;margin-bottom:18px}.app-window-body aside span{padding:11px;border-radius:7px;color:#6e6872;font-size:8px}.app-window-body aside .on{background:#1b1020;color:#dba7e8;border:1px solid #4c2c56}.app-window-body main{padding:34px}.app-window-body main>small{color:#9a5baa;font-size:7px;letter-spacing:1.5px;font-weight:900}.app-window-body h3{font-size:25px;margin:8px 0 25px}.app-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.app-stat-grid div{padding:15px;border:1px solid #2e2933;border-radius:9px;background:#0d0c10}.app-stat-grid small{display:block;color:#625b68;font-size:6px;margin-bottom:7px}.app-stat-grid b{font-size:9px}.app-stat-grid .green{color:#75d69b}.app-fake-chart{height:115px;margin:18px 0;border:1px solid #29242e;border-radius:10px;background:linear-gradient(180deg,rgba(156,61,184,.07),transparent),repeating-linear-gradient(0deg,transparent 0 27px,#19161d 28px);display:flex;align-items:flex-end;gap:8px;padding:14px}.app-fake-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#bd67d3,#572866);height:35%}.app-fake-chart i:nth-child(2){height:58%}.app-fake-chart i:nth-child(3){height:45%}.app-fake-chart i:nth-child(4){height:72%}.app-fake-chart i:nth-child(5){height:62%}.app-fake-chart i:nth-child(6){height:84%}.app-fake-chart i:nth-child(7){height:76%}.app-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.app-actions span{padding:12px;border:1px solid #302a35;border-radius:8px;font-size:7px;color:#8e8692;text-align:center}.app-copy{padding:15px 0}.app-pill{display:inline-block;padding:7px 10px;border:1px solid #593364;border-radius:999px;color:#c46ed9;font-size:7px;font-weight:900;letter-spacing:1.4px}.app-copy h3{font-size:34px;line-height:1.08;margin:18px 0}.app-copy>p{font-size:11px;line-height:1.8;color:#98909c;max-width:580px}.app-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.app-feature-grid div{padding:15px;border:1px solid #302a35;border-radius:9px;background:#0d0c10}.app-feature-grid b{display:block;font-size:9px;margin-bottom:6px}.app-feature-grid small{font-size:7px;color:#766f7a}.app-buy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.app-buy button{position:relative;padding:15px 10px;border:1px solid #3a3240;border-radius:9px;background:#0d0b10;color:#fff;cursor:pointer;transition:.25s}.app-buy button:hover{transform:translateY(-3px);border-color:#8c4a9d}.app-buy small{display:block;font-size:6px;color:#817886;margin-bottom:5px}.app-buy b{font-size:19px}.app-buy .best{border-color:#8a6531;background:linear-gradient(145deg,#18130d,#0e0c0a)}.app-buy em{position:absolute;top:-8px;right:8px;font-size:5px;font-style:normal;background:#c69b46;color:#160f05;padding:4px 6px;border-radius:99px;font-weight:900}.app-configure{border:0;cursor:pointer}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-grid article{min-height:205px;padding:24px;border:1px solid #332d38;border-radius:13px;background:linear-gradient(145deg,#111015,#0a090c);position:relative;overflow:hidden}.process-grid article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#9d4db2,transparent);opacity:.45}.process-grid i{display:block;color:#5d3b66;font-size:30px;font-style:normal;font-weight:950;margin-bottom:28px}.process-grid b{display:block;font-size:13px;margin-bottom:9px}.process-grid p{font-size:9px;line-height:1.65;color:#817985}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.proof-grid div{padding:24px;border:1px solid #312b36;border-radius:12px;background:#0c0b0e}.proof-grid small{display:block;font-size:7px;color:#a35cb4;letter-spacing:1.2px;font-weight:900}.proof-grid b{display:block;font-size:18px;margin:11px 0 8px}.proof-grid span{font-size:8px;line-height:1.6;color:#79727d}.trust-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-detail-grid>div{padding:25px;border-top:1px solid #62406b;background:linear-gradient(180deg,rgba(116,51,133,.06),transparent)}.trust-detail small{font-size:7px;color:#a45bb5;letter-spacing:1.4px;font-weight:900}.trust-detail h3{font-size:16px;margin:10px 0}.trust-detail p{font-size:9px;line-height:1.7;color:#837b87}
.config-layout{align-items:start}.order-summary{position:sticky!important;top:105px!important}.testimonials-section{opacity:.88}.testimonial-notice{border-style:dashed!important}.social-section{margin-top:40px}
@media(max-width:1050px){.trust-strip{grid-template-columns:repeat(3,1fr)}.app-showcase-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.app-window-body{min-height:360px}}
@media(max-width:700px){.trust-strip{grid-template-columns:1fr 1fr;padding:0 16px}.trust-strip>div{min-height:78px}.app-window-body{grid-template-columns:92px 1fr;min-height:330px}.app-window-body aside{padding:14px 8px}.app-window-body aside span{font-size:6px;padding:8px}.app-window-body main{padding:20px 13px}.app-stat-grid{grid-template-columns:1fr}.app-stat-grid div:nth-child(n+2){display:none}.app-fake-chart{height:90px}.app-actions{grid-template-columns:1fr}.app-actions span:nth-child(n+2){display:none}.app-copy h3{font-size:27px}.app-feature-grid,.app-buy,.proof-grid,.trust-detail-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:160px}.order-summary{position:relative!important;top:auto!important}.hero .actions{flex-direction:column;align-items:stretch}.hero .actions .btn{text-align:center;justify-content:center}.social-top-inner{overflow-x:auto}.top-platform{min-width:180px}.compare-table{overflow-x:auto}.compare-row{min-width:620px}}

/* V24 — Fortnite Tool + Custom Windows requirements */
.app-feature-grid .fortnite-feature{border-color:rgba(189,89,220,.55)!important;background:linear-gradient(145deg,rgba(112,40,132,.22),rgba(12,10,15,.92))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 28px rgba(170,65,205,.08)}
.app-feature-grid .fortnite-feature b{color:#e6b0f1!important}
.windows-card ul li b{color:#f0c7f7}


/* V25 — readability pass: small website text enlarged without bloating the layout */
body{font-size:16px!important}

/* Small labels / eyebrows / metadata */
.eyebrow,
.package-eyebrow,
.section-head span,
.service small,
.service-bottom small,
.price small,
.app-prices small,
.package-metrics small,
.compare-title small,
.compare-actions span,
.testimonial-summary small,
.review-top small,
.review-foot span,
.trust-strip,
.trust-strip span{
  font-size:max(10px,.72rem)!important;
  line-height:1.45!important;
}

/* Paragraphs and secondary copy */
.section-head p,
.service>p,
.compare-actions p,
.testimonial-card>p,
.testimonial-summary p,
.express-strip p,
.fine,
.muted,
.app-showcase p,
.app-copy p,
.process-card p,
.transparency-card p{
  font-size:max(13px,.88rem)!important;
  line-height:1.7!important;
  color:#c8c2cc!important;
}

/* Package features */
.service li{
  font-size:max(13px,.84rem)!important;
  line-height:1.55!important;
}
.package-metrics b,
.app-prices b{
  line-height:1.25!important;
}

/* Navigation + buttons */
nav a,
.choose,
.compare-btn,
.cta,
button,
.social-btn{
  font-size:max(11px,.76rem)!important;
  letter-spacing:.04em!important;
}

/* FAQ */
.faq-question,
.faq-item summary{
  font-size:max(14px,.94rem)!important;
  line-height:1.5!important;
}
.faq-answer,
.faq-item p{
  font-size:max(13px,.86rem)!important;
  line-height:1.7!important;
}

/* Checkout/configurator form readability */
label,
.configurator label,
.checkout label{
  font-size:max(12px,.8rem)!important;
}
input,select,textarea{
  font-size:14px!important;
}

/* Keep hierarchy strong */
.service h3{line-height:1.12!important}
.section-head h2{line-height:1.04!important}

@media(max-width:700px){
  body{font-size:15px!important}
  .service>p,.service li,.section-head p,.faq-answer,.faq-item p{font-size:13px!important}
}


/* =========================================================
   V26 — LARGE READABILITY PASS
   Besonders: Ablauf / Angebotsprogramm / Konfigurator
   ========================================================= */

/* 4-Schritte Angebots-/Bestellablauf */
.process-grid{
  gap:18px!important;
}
.process-card{
  min-height:235px!important;
  padding:30px 30px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.process-card .process-number,
.process-card .num,
.process-card > span:first-child{
  font-size:38px!important;
  line-height:1!important;
  font-weight:900!important;
  opacity:.9!important;
  margin-bottom:28px!important;
}
.process-card h3{
  font-size:20px!important;
  line-height:1.25!important;
  margin-bottom:10px!important;
}
.process-card p{
  font-size:15px!important;
  line-height:1.65!important;
  color:#c7c0cb!important;
  max-width:720px!important;
}

/* Mess-/Transparenzkarten */
.transparency-card{
  min-height:180px!important;
  padding:28px!important;
}
.transparency-card .eyebrow,
.transparency-card small{
  font-size:12px!important;
  letter-spacing:.12em!important;
}
.transparency-card h3{
  font-size:22px!important;
  margin:14px 0 12px!important;
}
.transparency-card p{
  font-size:14px!important;
  line-height:1.65!important;
  color:#c8c2cc!important;
}

/* Angebotsprogramm / Konfigurator */
.configurator-shell,
.configurator-main{
  font-size:16px!important;
}
.config-steps{
  min-height:78px!important;
}
.config-steps > *,
.config-step{
  font-size:15px!important;
  font-weight:800!important;
}
.config-step .step-number,
.config-step span:first-child{
  font-size:16px!important;
}

.configurator h2,
.configurator-main h2{
  font-size:26px!important;
  line-height:1.2!important;
}
.configurator .lead,
.configurator-main .lead,
.configurator-main h2 + p{
  font-size:15px!important;
  line-height:1.6!important;
  color:#aaa3ae!important;
}

.package-option,
.plan-option,
.option-card,
.config-choice{
  min-height:88px!important;
  padding:20px 24px!important;
}
.package-option strong,
.plan-option strong,
.option-card strong,
.config-choice strong{
  font-size:17px!important;
  line-height:1.3!important;
}
.package-option small,
.plan-option small,
.option-card small,
.config-choice small{
  font-size:13px!important;
  line-height:1.5!important;
  color:#a9a2ad!important;
}
.package-option .price,
.plan-option .price,
.option-card .price,
.config-choice .price{
  font-size:17px!important;
  font-weight:900!important;
}

/* Sticky Bestellübersicht */
.order-summary,
.checkout-summary,
.summary-card{
  padding:30px!important;
}
.order-summary .eyebrow,
.checkout-summary .eyebrow,
.summary-card .eyebrow{
  font-size:12px!important;
}
.order-summary h3,
.checkout-summary h3,
.summary-card h3{
  font-size:27px!important;
  line-height:1.2!important;
}
.order-summary .summary-row,
.checkout-summary .summary-row,
.summary-card .summary-row{
  font-size:14px!important;
  min-height:50px!important;
}
.order-summary .total,
.checkout-summary .total,
.summary-card .total{
  font-size:18px!important;
}
.order-summary .total strong,
.checkout-summary .total strong,
.summary-card .total strong{
  font-size:34px!important;
}

/* Untere Vertrauenskarten */
.session-grid > *,
.support-grid > *,
.info-grid > *{
  padding:28px!important;
  min-height:180px!important;
}
.session-grid small,
.support-grid small,
.info-grid small{
  font-size:12px!important;
}
.session-grid h3,
.support-grid h3,
.info-grid h3{
  font-size:21px!important;
}
.session-grid p,
.support-grid p,
.info-grid p{
  font-size:14px!important;
  line-height:1.65!important;
  color:#c4bdc8!important;
}

/* App-Vorschau: winzige UI-Texte besser lesbar */
.app-window{
  font-size:14px!important;
}
.app-window small,
.app-window .muted,
.app-window .sidebar a,
.app-window .sidebar div{
  font-size:11px!important;
}
.app-window h3{
  font-size:28px!important;
}
.app-feature-card strong{
  font-size:14px!important;
}
.app-feature-card small{
  font-size:11px!important;
}

/* Allgemein keine kaum lesbaren 7–9px Texte mehr */
main small,
section small{
  line-height:1.5!important;
}

@media(max-width:800px){
  .process-card{min-height:auto!important;padding:24px!important}
  .process-card h3{font-size:19px!important}
  .process-card p{font-size:14px!important}
  .configurator h2,.configurator-main h2{font-size:23px!important}
  .package-option strong,.plan-option strong,.option-card strong,.config-choice strong{font-size:16px!important}
}


/* =========================================================
   V27 — EXTRA LARGE + CONFIGURATOR REDESIGN
   ========================================================= */

/* User requested areas: genuinely large, readable typography */
.process-card{min-height:270px!important;padding:38px!important}
.process-card .process-number,.process-card .num,.process-card>span:first-child{
  font-size:52px!important;margin-bottom:34px!important;font-weight:950!important
}
.process-card h3{font-size:25px!important;margin-bottom:14px!important}
.process-card p{font-size:17px!important;line-height:1.7!important;color:#d8d2dc!important}

.transparency-card{min-height:205px!important;padding:34px!important}
.transparency-card .eyebrow,.transparency-card small{font-size:13px!important}
.transparency-card h3{font-size:27px!important}
.transparency-card p{font-size:16px!important;color:#d2ccd6!important}

.session-grid>*,
.support-grid>*,
.info-grid>*{min-height:210px!important;padding:36px!important}
.session-grid small,.support-grid small,.info-grid small{font-size:13px!important}
.session-grid h3,.support-grid h3,.info-grid h3{font-size:25px!important}
.session-grid p,.support-grid p,.info-grid p{font-size:16px!important;line-height:1.7!important;color:#d3ccd7!important}

/* Configurator spotlight */
.configurator-spotlight{
  position:relative;overflow:hidden;
  display:flex;justify-content:space-between;align-items:center;gap:34px;
  max-width:1360px;margin:0 auto 22px;padding:34px 38px;
  border:1px solid rgba(198,91,232,.55);border-radius:22px;
  background:
    radial-gradient(circle at 15% 0%,rgba(193,70,226,.24),transparent 38%),
    linear-gradient(110deg,rgba(33,18,39,.96),rgba(13,12,16,.96));
  box-shadow:0 24px 80px rgba(130,35,160,.18),inset 0 1px rgba(255,255,255,.04)
}
.configurator-spotlight:after{
  content:"";position:absolute;width:280px;height:280px;border-radius:50%;
  right:-80px;top:-150px;border:1px solid rgba(215,100,245,.3);
  box-shadow:0 0 80px rgba(180,56,220,.18)
}
.spot-kicker{display:block;color:#d47bea;font-size:13px;font-weight:900;letter-spacing:.18em;margin-bottom:10px}
.configurator-spotlight h3{font-size:34px;line-height:1.05;margin:0 0 12px;color:#fff}
.configurator-spotlight p{font-size:16px;line-height:1.65;max-width:750px;margin:0;color:#d0c8d4}
.spot-badges{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}
.spot-badges span{padding:12px 15px;border:1px solid #56335f;border-radius:999px;background:#100d13;font-size:13px;font-weight:800;white-space:nowrap}

/* Main configurator becomes a premium focal component */
.configurator-shell{
  max-width:1360px!important;
  gap:22px!important;
}
.configurator-main{
  border:1px solid rgba(174,83,202,.55)!important;
  border-radius:22px!important;
  padding:32px!important;
  background:linear-gradient(145deg,rgba(17,14,20,.98),rgba(9,9,12,.98))!important;
  box-shadow:0 28px 90px rgba(73,16,91,.22)!important;
}
.config-steps{
  min-height:96px!important;border-radius:15px!important;overflow:hidden;
  background:#0d0b10!important;margin-bottom:34px!important
}
.config-steps>*,
.config-step{font-size:17px!important;padding:22px 18px!important}
.config-step .step-number,.config-step span:first-child{font-size:18px!important;width:30px!important;height:30px!important}

.configurator-main h2,.configurator h2{font-size:34px!important;margin-bottom:9px!important}
.configurator-main h2+p,.configurator .lead{font-size:17px!important;margin-bottom:28px!important}

/* Choices look like real selectable products */
.package-option,.plan-option,.option-card,.config-choice{
  min-height:108px!important;padding:24px 28px!important;margin-bottom:13px!important;
  border-radius:15px!important;border:1px solid #3d3741!important;
  background:linear-gradient(100deg,#0d0c0f,#111016)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important
}
.package-option:hover,.plan-option:hover,.option-card:hover,.config-choice:hover{
  transform:translateX(7px)!important;border-color:#b756d0!important;
  box-shadow:0 12px 36px rgba(167,64,195,.14)!important
}
.package-option:has(input:checked),.plan-option:has(input:checked),.option-card:has(input:checked),.config-choice:has(input:checked){
  border-color:#d56bea!important;
  background:linear-gradient(100deg,rgba(83,31,94,.28),#111016)!important;
  box-shadow:inset 4px 0 #c75be0,0 14px 40px rgba(155,55,181,.14)!important
}
.package-option strong,.plan-option strong,.option-card strong,.config-choice strong{font-size:20px!important}
.package-option small,.plan-option small,.option-card small,.config-choice small{font-size:14px!important;margin-top:5px!important}
.package-option .price,.plan-option .price,.option-card .price,.config-choice .price{font-size:20px!important;color:#e47bf3!important}

/* Larger controls and CTA */
.configurator-main input[type=radio],
.configurator-main input[type=checkbox]{width:19px!important;height:19px!important}
.configurator-main button,
.configurator-main .next-btn{
  min-height:64px!important;padding:0 30px!important;font-size:16px!important;border-radius:12px!important;
  box-shadow:0 12px 34px rgba(174,58,205,.2)
}

/* Summary card: bold and unmistakable */
.order-summary,.checkout-summary,.summary-card{
  min-width:350px!important;padding:34px!important;border-radius:22px!important;
  border:1px solid rgba(174,83,202,.55)!important;
  background:
   radial-gradient(circle at 90% 0%,rgba(172,57,203,.14),transparent 32%),
   #0c0b0e!important;
  box-shadow:0 26px 75px rgba(69,14,86,.22)!important
}
.order-summary .eyebrow,.checkout-summary .eyebrow,.summary-card .eyebrow{font-size:13px!important}
.order-summary h3,.checkout-summary h3,.summary-card h3{font-size:32px!important;margin:18px 0 28px!important}
.order-summary .summary-row,.checkout-summary .summary-row,.summary-card .summary-row{
  min-height:58px!important;font-size:15px!important
}
.order-summary .total strong,.checkout-summary .total strong,.summary-card .total strong{font-size:42px!important}

/* App showcase readable too */
.app-showcase h2,.app-copy h2{font-size:38px!important}
.app-showcase p,.app-copy p{font-size:17px!important}
.app-feature-card{min-height:90px!important;padding:20px!important}
.app-feature-card strong{font-size:16px!important}
.app-feature-card small{font-size:13px!important}

/* Make tiny descriptive copy globally safer in the showcased sections */
.process-card small,.transparency-card small,.session-grid small,.support-grid small,.info-grid small,
.configurator-shell small,.configurator-spotlight small{font-size:13px!important}

@media(max-width:900px){
 .configurator-spotlight{flex-direction:column;align-items:flex-start;padding:27px}
 .configurator-spotlight h3{font-size:29px}
 .order-summary,.checkout-summary,.summary-card{min-width:0!important}
 .configurator-main{padding:22px!important}
 .process-card{min-height:auto!important}
}


/* =========================================================
   V28 — EXTRA LARGE SECONDARY TEXT
   Kleine Untertexte aus den markierten Bereichen stark vergrößert
   ========================================================= */

/* 01–04 Ablaufkarten */
.process-card p,
.process-card .description,
.process-card small{
  font-size:20px!important;
  line-height:1.65!important;
  color:#d8d1dc!important;
  opacity:1!important;
  max-width:900px!important;
}
.process-card h3{
  font-size:29px!important;
  line-height:1.25!important;
}
.process-card .process-number,
.process-card .num,
.process-card>span:first-child{
  font-size:58px!important;
}

/* Echte Tests / Nachvollziehbar / Keine Garantie */
.transparency-card p,
.transparency-card .description{
  font-size:19px!important;
  line-height:1.65!important;
  color:#d8d1dc!important;
  opacity:1!important;
}
.transparency-card h3{
  font-size:29px!important;
}
.transparency-card .eyebrow,
.transparency-card small{
  font-size:14px!important;
  color:#d378e8!important;
  opacity:1!important;
}

/* App Feature Boxen: Performance, Fortnite Tool, Windows, Cleanup, Updates */
.app-feature-card{
  min-height:120px!important;
  padding:25px 26px!important;
}
.app-feature-card strong,
.app-feature-card b{
  font-size:19px!important;
  line-height:1.3!important;
}
.app-feature-card small,
.app-feature-card p,
.app-feature-card span:not(.icon){
  font-size:16px!important;
  line-height:1.55!important;
  color:#cfc7d3!important;
  opacity:1!important;
}

/* Falls die Feature-Boxen anders benannt sind */
.app-features > div small,
.app-features > div p,
.feature-grid > div small,
.feature-grid > div p{
  font-size:16px!important;
  line-height:1.55!important;
  color:#cfc7d3!important;
  opacity:1!important;
}
.app-features > div strong,
.feature-grid > div strong{
  font-size:19px!important;
}

/* Supportkarten unten */
.session-grid p,
.support-grid p,
.info-grid p{
  font-size:18px!important;
  line-height:1.65!important;
  color:#d5ced9!important;
  opacity:1!important;
}
.session-grid h3,
.support-grid h3,
.info-grid h3{
  font-size:27px!important;
}

/* Configurator secondary text */
.configurator-main h2+p,
.configurator-main .lead,
.package-option small,
.plan-option small,
.option-card small,
.config-choice small{
  font-size:16px!important;
  line-height:1.55!important;
  color:#c8c1cc!important;
  opacity:1!important;
}

/* Avoid tiny low-contrast copy in the redesigned focal areas */
.process-grid,
.transparency-grid,
.app-features,
.feature-grid,
.configurator-shell{
  --small-readable:16px;
}
.process-grid small,
.transparency-grid small,
.app-features small,
.feature-grid small,
.configurator-shell small{
  font-size:var(--small-readable)!important;
  opacity:1!important;
}

@media(max-width:800px){
  .process-card p{font-size:17px!important}
  .transparency-card p{font-size:17px!important}
  .app-feature-card small,.app-feature-card p{font-size:15px!important}
}


/* =========================================================
   V29 — GLOBAL READABILITY SYSTEM
   Kein Kleingedrucktes mehr: Mindestgrößen + höherer Kontrast
   ========================================================= */

html{font-size:18px!important}
body{font-size:18px!important;line-height:1.55!important}

/* Global minimum readable copy */
p,li,label,summary,details,td,th,input,select,textarea,button,a{
  line-height:1.55!important;
}
p,li,label,td,th{
  font-size:max(16px,.9rem)!important;
}

/* "small" is no longer tiny */
small,
.fine,
.muted,
.meta,
.caption,
.helper,
.hint,
.subtext,
.description{
  font-size:15px!important;
  line-height:1.55!important;
  color:#c9c2cd!important;
  opacity:1!important;
}

/* Eyebrows remain compact but fully readable */
.eyebrow,
.kicker,
[class*="eyebrow"],
[class*="kicker"]{
  font-size:13px!important;
  line-height:1.45!important;
  letter-spacing:.13em!important;
  opacity:1!important;
}

/* Buttons/nav never tiny */
button,.cta,.choose,.compare-btn,.social-btn,nav a{
  font-size:15px!important;
  font-weight:800!important;
}

/* Pricing/package cards */
.service>p,
.service li,
.package-card p,
.package-card li{
  font-size:16px!important;
  color:#d0cad4!important;
}
.service small,.package-card small{
  font-size:14px!important;
  color:#bbb4c0!important;
}

/* App showcase */
.app-copy p,.app-showcase p{font-size:17px!important}
.app-feature-card small,
.app-feature-card p,
.app-features small,
.app-features p,
.feature-grid small,
.feature-grid p{
  font-size:16px!important;
  color:#d2cbd6!important;
}

/* Process 01–04 */
.process-card p,.process-card small{
  font-size:19px!important;
  color:#ddd6e1!important;
}

/* Transparency/test cards */
.transparency-card p,.transparency-card small{
  font-size:17px!important;
  color:#d5ced9!important;
}

/* Configurator / offer program */
.configurator-shell,
.configurator-main,
.order-summary,
.checkout-summary,
.summary-card{font-size:17px!important}

.configurator-main h2+p,
.configurator-main .lead{
  font-size:17px!important;
  color:#d0c9d4!important;
}
.package-option small,.plan-option small,.option-card small,.config-choice small{
  font-size:15px!important;
  color:#c9c2cd!important;
}
.config-steps>*,
.config-step{
  font-size:16px!important;
}
.order-summary small,.checkout-summary small,.summary-card small,
.order-summary .summary-row,.checkout-summary .summary-row,.summary-card .summary-row{
  font-size:15px!important;
  color:#cbc4cf!important;
}

/* FAQ/reviews/support */
.faq-answer,.faq-item p,.testimonial-card p,.review-card p,
.session-grid p,.support-grid p,.info-grid p{
  font-size:17px!important;
  color:#d4cdd8!important;
}
.faq-question,.faq-item summary{
  font-size:18px!important;
}

/* Form controls */
input,select,textarea{
  font-size:16px!important;
  min-height:48px!important;
}
::placeholder{font-size:15px!important;opacity:.8!important}

/* Footer/legal still visually secondary, but readable */
footer,footer p,footer a,.footer,.footer p,.footer a{
  font-size:14px!important;
  line-height:1.6!important;
}

/* Kill ultra-low-opacity copy */
main p,main small,section p,section small{
  opacity:1!important;
}

@media(max-width:800px){
  html,body{font-size:16px!important}
  p,li,label,td,th{font-size:15px!important}
  small,.fine,.muted,.meta,.caption,.helper,.hint,.subtext,.description{font-size:14px!important}
  .process-card p{font-size:17px!important}
}


/* =========================================================
   V30 — OFFER / CONFIGURATOR REDESIGN
   Inspired by the approved visual direction, implemented as real HTML/CSS.
   ========================================================= */
.configurator{padding-top:90px!important}
.configurator>.section-head{margin-bottom:28px!important}
.config-layout{grid-template-columns:minmax(0,3fr) minmax(360px,1fr)!important;gap:24px!important}
.config-main{border-radius:24px!important;border:1px solid #382a40!important;background:linear-gradient(145deg,#0c0b10,#09090c)!important;box-shadow:0 28px 90px rgba(91,28,115,.18)!important}
.config-main>.steps{display:none!important}
.offer-step{padding:34px!important}

.offer-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:28px}
.offer-kicker{display:block;font-size:14px!important;font-weight:950;color:#c96ee1;letter-spacing:.15em;margin-bottom:8px}
.offer-intro h3{font-size:46px!important;line-height:.98!important;margin:0 0 13px!important;letter-spacing:-.035em}
.offer-intro h3 em{font-style:normal;color:#c15be0}
.offer-intro>div>p{font-size:17px!important;line-height:1.6!important;color:#cfc7d2!important;max-width:660px}
.offer-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:440px}
.offer-trust>div{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #382d40;border-radius:13px;background:#100d14}
.offer-trust i{font-size:23px;color:#c45ce1;font-style:normal}
.offer-trust b{display:block;font-size:14px}
.offer-trust small{display:block;font-size:12px!important;color:#a79daa!important;margin-top:2px}

.offer-progress{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #3b2a43;border-radius:17px;background:#0d0b10;margin-bottom:24px;overflow:hidden}
.offer-progress>div{min-height:78px;padding:16px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid #332738;position:relative}
.offer-progress>div:last-child{border:0}
.offer-progress>div.active{background:linear-gradient(90deg,rgba(177,67,211,.25),rgba(88,33,105,.06))}
.offer-progress>div.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#c85ee6}
.offer-progress i{display:grid;place-items:center;width:34px;height:34px;border:2px solid #62416d;border-radius:50%;font-style:normal;font-size:17px;font-weight:900}
.offer-progress .active i{background:linear-gradient(145deg,#e48bf5,#a43bc7);color:#160a1b;border-color:#e08af2;box-shadow:0 0 22px rgba(197,80,226,.42)}
.offer-progress b{display:block;font-size:16px}
.offer-progress small{display:block;font-size:13px!important;color:#9f95a3;margin-top:2px}

.offer-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pick.offer-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:relative;min-height:520px!important;padding:24px!important;margin:0!important;border:1px solid #3c3342!important;border-radius:18px!important;background:linear-gradient(165deg,#111016,#0b0a0e)!important;overflow:hidden;cursor:pointer;transition:.25s ease!important}
.pick.offer-card:hover{transform:translateY(-7px)!important;border-color:#895099!important;box-shadow:0 22px 55px rgba(115,37,137,.18)!important}
.pick.offer-card.selected{border:2px solid #d163ee!important;background:radial-gradient(circle at 60% 10%,rgba(194,69,226,.22),transparent 35%),linear-gradient(165deg,#17101c,#0c0a10)!important;box-shadow:0 0 0 1px rgba(214,103,240,.2),0 22px 60px rgba(144,42,170,.25),inset 0 0 38px rgba(175,53,204,.07)!important}
.pick.offer-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.offer-select{position:absolute;right:17px;top:17px;width:25px;height:25px;border:2px solid #6b6370;border-radius:50%;display:grid;place-items:center;font-size:14px;color:transparent}
.offer-card.selected .offer-select{color:#40104b;background:#e7a0f5;border-color:#e7a0f5;box-shadow:0 0 18px rgba(222,116,244,.55)}
.offer-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid #6e3e7b;border-radius:13px;background:linear-gradient(145deg,#3b1747,#17101c);font-size:29px;color:#dc7cf1;box-shadow:0 8px 24px rgba(125,39,146,.2);margin-bottom:19px}
.windows-icon{color:#73b8ff;border-color:#315d8a;background:linear-gradient(145deg,#163657,#0d1725)}
.crown-icon{color:#e5b35c;border-color:#745426;background:linear-gradient(145deg,#402b12,#171009)}
.offer-copy{display:flex!important;flex-direction:column;flex:1}
.offer-copy>b{font-size:27px!important;line-height:.98!important;letter-spacing:-.025em;margin-bottom:13px}
.offer-copy>small{font-size:15px!important;line-height:1.48!important;color:#c3bac7!important;min-height:68px}
.offer-copy ul{list-style:none;padding:17px 0 0;margin:0;border-top:1px solid #302a34}
.offer-copy li{position:relative;padding-left:23px;margin:0 0 10px;font-size:14px!important;line-height:1.35!important;color:#ddd6e1}
.offer-copy li:before{content:"✓";position:absolute;left:0;color:#d36bec;font-weight:950}
.offer-price{display:block!important;border-top:1px solid #302a34;padding-top:15px;margin-top:12px}
.offer-price small{display:block;font-size:13px!important;color:#9c929f!important;margin-bottom:2px}
.offer-price strong{font-size:34px!important;line-height:1;color:#f4eff6!important}
.offer-card.selected .offer-price strong{color:#d86eef!important}
.offer-cta{display:grid!important;place-items:center;min-height:44px;margin-top:15px;border:1px solid #a94dc0;border-radius:9px;font-size:14px!important;font-weight:900;color:#d66bea;background:#100c13}
.offer-card.selected .offer-cta{background:linear-gradient(90deg,#b13bd2,#d15bec);color:#140817;border-color:#dc74ef}

.offer-license{margin-top:20px!important;padding:22px!important;border-radius:15px!important;background:#0f0c12!important}
.offer-next{float:right!important;margin-top:24px!important;min-width:250px!important;background:linear-gradient(90deg,#a53bc5,#c754e3)!important}

.premium-summary{border-radius:24px!important;padding:26px!important;border:1px solid #7b3e8b!important;background:radial-gradient(circle at 50% 0%,rgba(156,52,182,.16),transparent 34%),#0d0b10!important;box-shadow:0 28px 90px rgba(91,28,115,.22)!important}
.summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.summary-head span{display:block;font-size:12px!important;letter-spacing:.14em;color:#c46ddb;font-weight:950}
.summary-head h3{font-size:26px!important;margin:5px 0 0!important}
.summary-head em{font-style:normal;font-size:12px;padding:8px 10px;border:1px solid #324336;border-radius:999px;background:#0b1510;color:#bfe8c8;white-space:nowrap}
.summary-product{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #3b3040;border-radius:14px;background:#110e14;margin-bottom:12px}
.summary-product>i{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(145deg,#4a1b58,#1d1122);font-size:28px;font-style:normal;color:#dc78f0}
.summary-product b{display:block;font-size:18px!important;line-height:1.15}
.summary-product small{display:block;font-size:13px!important;color:#a99fab!important;margin-top:5px}
.summary-product>strong{font-size:18px}
.premium-summary .line{min-height:64px!important;padding:0 6px!important}
.premium-summary .line small{font-size:14px!important;color:#c0b7c3!important}
.premium-summary .line b{font-size:16px!important}
.summary-divider{height:1px;background:#302936;margin:8px 0 18px}
.premium-summary .total{display:flex!important;align-items:end!important;justify-content:space-between!important;padding:0 5px 18px!important;border:0!important}
.premium-summary .total small{font-size:18px!important;font-weight:900;color:#fff!important}
.premium-summary .total b{font-size:44px!important;color:#d05fe8!important}
.summary-next{width:100%;min-height:64px;border:0;border-radius:12px;background:linear-gradient(90deg,#aa3ccc,#ce58e6);color:#fff;font-size:17px!important;font-weight:950;cursor:pointer;box-shadow:0 15px 38px rgba(167,55,195,.25)}
.premium-summary .summary-info{margin-top:15px!important}
.premium-summary .summary-info p{font-size:13px!important;color:#b2a9b5!important;line-height:1.5!important}

@media(max-width:1250px){
 .config-layout{grid-template-columns:1fr!important}
 .premium-summary{position:relative!important;top:auto!important}
 .offer-trust{min-width:0}
}
@media(max-width:1050px){
 .offer-intro{flex-direction:column}
 .offer-trust{width:100%}
 .offer-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .offer-step{padding:20px!important}
 .offer-intro h3{font-size:36px!important}
 .offer-trust{grid-template-columns:1fr}
 .offer-progress{grid-template-columns:1fr 1fr}
 .offer-cards{grid-template-columns:1fr}
 .pick.offer-card{min-height:auto!important}
 .offer-copy>small{min-height:0}
}


/* =========================================================
   V31 — DECORATED 01–04 PROCESS
   Passend zum neuen Angebots-/Konfigurator-Design
   ========================================================= */

.process-grid{
  position:relative!important;
  display:grid!important;
  gap:18px!important;
  counter-reset:vayro-process!important;
}
.process-grid:before{
  content:""!important;
  position:absolute!important;
  left:53px!important;
  top:92px!important;
  bottom:92px!important;
  width:2px!important;
  background:linear-gradient(180deg,
    rgba(214,103,240,.05),
    rgba(214,103,240,.85) 20%,
    rgba(159,66,188,.65) 75%,
    rgba(214,103,240,.05))!important;
  box-shadow:0 0 18px rgba(199,84,225,.32)!important;
  z-index:0!important;
}

.process-card{
  position:relative!important;
  z-index:1!important;
  min-height:220px!important;
  padding:38px 42px 38px 128px!important;
  border:1px solid rgba(115,78,126,.55)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 91% 12%,rgba(177,66,205,.11),transparent 28%),
    linear-gradient(115deg,rgba(17,15,21,.99),rgba(10,9,13,.99))!important;
  box-shadow:0 18px 55px rgba(37,9,45,.12),inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.process-card:hover{
  transform:translateX(7px)!important;
  border-color:rgba(202,92,228,.8)!important;
  box-shadow:0 22px 65px rgba(111,31,133,.19),inset 0 1px rgba(255,255,255,.035)!important;
}
.process-card:after{
  content:""!important;
  position:absolute!important;
  width:270px!important;
  height:270px!important;
  border:1px solid rgba(192,79,218,.12)!important;
  border-radius:50%!important;
  right:-115px!important;
  top:-125px!important;
  box-shadow:0 0 70px rgba(155,49,182,.08)!important;
  pointer-events:none!important;
}

/* Number becomes a real timeline badge */
.process-card .process-number,
.process-card .num,
.process-card>span:first-child{
  position:absolute!important;
  left:25px!important;
  top:31px!important;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(207,101,232,.75)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(82,29,96,.95),rgba(29,15,35,.98))!important;
  color:#dd7af1!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 0 0 5px rgba(11,9,13,.96),0 10px 30px rgba(134,39,157,.18)!important;
}

/* Decorative icon at the right */
.process-card:before{
  position:absolute!important;
  right:38px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:76px!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(185,78,211,.3)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(74,26,87,.32),rgba(17,12,20,.55))!important;
  color:#cc66e4!important;
  font-size:32px!important;
  opacity:.82!important;
  box-shadow:0 14px 40px rgba(96,25,114,.12)!important;
}
.process-card:nth-child(1):before{content:"▣"!important}
.process-card:nth-child(2):before{content:"⚙"!important}
.process-card:nth-child(3):before{content:"€"!important}
.process-card:nth-child(4):before{content:"✓"!important}

.process-card h3{
  position:relative!important;
  z-index:2!important;
  max-width:850px!important;
  margin:10px 115px 12px 0!important;
  font-size:25px!important;
  line-height:1.2!important;
  color:#fff!important;
}
.process-card p{
  position:relative!important;
  z-index:2!important;
  max-width:880px!important;
  margin:0 115px 0 0!important;
  font-size:18px!important;
  line-height:1.65!important;
  color:#cfc7d3!important;
}

/* Accent line beneath the title */
.process-card h3:after{
  content:""!important;
  display:block!important;
  width:52px!important;
  height:2px!important;
  margin-top:14px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#ca5ce5,rgba(202,92,229,0))!important;
}

/* Small contextual badges */
.process-card:nth-child(1) h3:before{content:"AUSWAHL"; }
.process-card:nth-child(2) h3:before{content:"SETUP"; }
.process-card:nth-child(3) h3:before{content:"CHECKOUT"; }
.process-card:nth-child(4) h3:before{content:"ABSCHLUSS"; }
.process-card h3:before{
  display:block!important;
  margin-bottom:9px!important;
  color:#c66cdd!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.17em!important;
}

/* First card receives a subtle active glow */
.process-card:first-child{
  border-color:rgba(174,78,197,.72)!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(176,60,207,.10),transparent 30%),
    radial-gradient(circle at 91% 12%,rgba(177,66,205,.11),transparent 28%),
    linear-gradient(115deg,rgba(18,15,22,.99),rgba(10,9,13,.99))!important;
}

@media(max-width:800px){
  .process-grid:before{left:37px!important}
  .process-card{
    min-height:auto!important;
    padding:30px 24px 30px 94px!important;
  }
  .process-card .process-number,
  .process-card .num,
  .process-card>span:first-child{
    left:16px!important;
    top:27px!important;
    width:48px!important;
    height:48px!important;
    font-size:20px!important;
  }
  .process-card:before{
    position:static!important;
    transform:none!important;
    width:48px!important;
    height:48px!important;
    margin:20px 0 0!important;
    font-size:22px!important;
  }
  .process-card h3,.process-card p{margin-right:0!important}
  .process-card h3{font-size:22px!important}
  .process-card p{font-size:16px!important}
}


/* V32 — prominent app license selector */
.offer-license{clear:both!important;margin:22px 0 0!important;padding:26px!important;border:1px solid rgba(208,92,234,.72)!important;border-radius:18px!important;background:radial-gradient(circle at 15% 0%,rgba(190,61,220,.18),transparent 35%),#0d0b10!important;box-shadow:0 18px 50px rgba(117,30,137,.16)!important;animation:licenseIn .24s ease both}
.offer-license>span{display:block!important;font-size:14px!important;font-weight:950!important;letter-spacing:.14em!important;color:#d875ee!important;margin-bottom:7px!important}
.offer-license:before{content:"Wähle deine Laufzeit";display:block;font-size:25px;font-weight:950;color:#fff;margin-bottom:4px}
.offer-license:after{content:"30 Tage, 1 Jahr oder Lifetime. Keine automatische Verlängerung.";display:block;font-size:15px;color:#c8c0cc;margin-top:14px}
.license-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:18px!important}
.license-grid label{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:105px!important;padding:18px 20px!important;border:1px solid #44364b!important;border-radius:14px!important;background:#100e13!important;cursor:pointer!important;transition:.2s ease!important}
.license-grid label:hover{transform:translateY(-3px)!important;border-color:#a44fba!important;background:#151019!important}
.license-grid label:has(input:checked){border:2px solid #d263e9!important;background:linear-gradient(145deg,rgba(91,31,105,.42),#100d13)!important;box-shadow:0 0 0 1px rgba(214,101,235,.12),0 12px 35px rgba(129,35,150,.18)!important}
.license-grid input{position:absolute!important;right:15px!important;top:15px!important;width:19px!important;height:19px!important;accent-color:#c85ce1!important}
.license-grid b{font-size:29px!important;line-height:1!important;color:#fff!important;margin-bottom:8px!important}
.license-grid small{font-size:15px!important;color:#c9c1cd!important}
.license-grid label:nth-child(1) small:before{content:"30 TAGE · ";font-size:11px;font-weight:900;letter-spacing:.1em;color:#cf6ee5}
.license-grid label:nth-child(2) small:before{content:"1 JAHR · ";font-size:11px;font-weight:900;letter-spacing:.1em;color:#cf6ee5}
.license-grid label:nth-child(3) small:before{content:"LIFETIME · ";font-size:11px;font-weight:900;letter-spacing:.1em;color:#e8b85f}
.license-grid label:nth-child(3):after{content:"BELIEBT";position:absolute;right:13px;bottom:12px;padding:5px 8px;border-radius:999px;background:#e2ae4c;color:#1b1205;font-size:10px;font-weight:950;letter-spacing:.08em}
@keyframes licenseIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.license-grid{grid-template-columns:1fr!important}.offer-license:before{font-size:22px}}

/* V34 — kostenlose App Web-Demo */
.free-test-nav{color:#dc78f0!important}.app-test-section{position:relative}.app-test-head em{font-style:normal;color:#c65ce3}.app-test-shell{display:grid;grid-template-columns:250px 1fr;max-width:1280px;margin:34px auto 0;border:1px solid #5d3468;border-radius:24px;overflow:hidden;background:#09090c;box-shadow:0 30px 100px rgba(105,28,126,.24)}
.demo-sidebar{padding:25px 18px;background:linear-gradient(180deg,#100c14,#09090c);border-right:1px solid #332639}.demo-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.demo-brand img{width:48px;height:48px;border-radius:12px;object-fit:cover}.demo-brand b{display:block;font-size:16px}.demo-brand small{display:block;font-size:12px!important;color:#aa9faf;letter-spacing:.12em}.demo-tab{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#a99fac;padding:15px;border-radius:11px;font-size:15px!important;font-weight:800;text-align:left;cursor:pointer;margin-bottom:7px}.demo-tab.active,.demo-tab:hover{color:#fff;border-color:#6b3978;background:linear-gradient(90deg,rgba(174,65,204,.25),rgba(174,65,204,.04))}.demo-free-badge{margin:28px 8px 0;padding:11px;border:1px solid #4e3157;border-radius:9px;color:#d174e6;font-size:11px;font-weight:900;letter-spacing:.1em;text-align:center}.demo-main{padding:32px}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.demo-top small{font-size:12px!important;color:#c86ee0;letter-spacing:.15em;font-weight:900}.demo-top h3{font-size:34px!important;margin:5px 0 0}.demo-status{font-size:12px;font-weight:900;padding:10px 13px;border:1px solid #28543a;border-radius:999px;color:#a9e7bc;background:#0b1710}.demo-status i{display:inline-block;width:8px;height:8px;background:#45dc78;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #45dc78}.demo-notice{padding:14px 16px;border:1px solid #3b3040;border-radius:11px;background:#100d13;color:#c9c1cc;font-size:14px;margin-bottom:18px}.demo-panel{display:none}.demo-panel.active{display:grid;gap:11px}.demo-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px;border:1px solid #37313b;border-radius:13px;background:linear-gradient(100deg,#0e0d11,#121016)}.demo-card b{display:block;font-size:17px}.demo-card small{display:block;font-size:14px!important;color:#aaa1ad;margin-top:4px}.demo-toggle{position:relative;flex:0 0 52px;width:52px;height:29px;border:1px solid #554b59;border-radius:999px;background:#211d23;cursor:pointer}.demo-toggle:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#827988;transition:.2s}.demo-toggle.on{border-color:#bd57d6;background:#6d267e;box-shadow:0 0 20px rgba(192,79,218,.2)}.demo-toggle.on:after{left:26px;background:#e68df5}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:23px;border-top:1px solid #302a34}.demo-bottom b{display:block;font-size:18px}.demo-bottom small{display:block;font-size:14px!important;color:#a99fac;margin-top:4px}
@media(max-width:850px){.app-test-shell{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid #332639;display:flex;gap:6px;overflow:auto}.demo-brand,.demo-free-badge{display:none}.demo-tab{min-width:max-content;margin:0}.demo-main{padding:22px}.demo-bottom{flex-direction:column;align-items:stretch}.demo-top{align-items:flex-start;flex-direction:column}}

/* V35 — Full Vayro Tweaks product presentation */
.app-product-section{padding-top:80px!important}.app-product-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);gap:58px;align-items:center;max-width:1500px;margin:0 auto;padding:58px;border:1px solid rgba(118,62,132,.5);border-radius:30px;background:radial-gradient(circle at 15% 20%,rgba(154,43,185,.18),transparent 35%),linear-gradient(120deg,#09090c,#0e0912 58%,#09090c);overflow:hidden;box-shadow:0 35px 120px rgba(80,19,96,.22)}
.app-product-stage:before{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(118deg,transparent 0 115px,rgba(193,71,221,.035) 116px 118px);transform:rotate(-5deg);pointer-events:none}.app-product-visual{position:relative;z-index:1;perspective:1200px;padding:30px 15px}.app-product-glow{position:absolute;inset:14% 6%;background:#9d32c0;filter:blur(95px);opacity:.23;border-radius:50%}.app-product-window{position:relative;z-index:2;border:1px solid #8a439b;border-radius:18px;background:#08080b;overflow:hidden;box-shadow:0 0 0 1px rgba(222,108,245,.15),0 30px 80px rgba(104,27,125,.36),0 0 55px rgba(181,61,211,.16);transform:rotateY(5deg) rotateX(1deg)}
.app-product-titlebar{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #302438;background:#0d0b10}.app-product-titlebar>span{display:flex;gap:6px}.app-product-titlebar>span i{width:8px;height:8px;border-radius:50%;background:#71337e}.app-product-titlebar>b{font-size:12px;letter-spacing:.12em;color:#d37be8;margin-right:auto}.app-product-titlebar>em{font-style:normal;color:#887d8c}.app-product-ui{display:grid;grid-template-columns:180px 1fr;min-height:485px}.app-product-ui aside{padding:19px 12px;border-right:1px solid #2d2531;background:#0b0a0e}.app-product-logo{display:flex;align-items:center;gap:9px;padding:4px 6px 18px}.app-product-logo img{width:37px;height:37px;border-radius:10px;object-fit:cover}.app-product-logo strong{font-size:11px;line-height:1.05;letter-spacing:.08em}.app-product-ui aside button{display:flex;width:100%;gap:10px;align-items:center;border:0;background:transparent;color:#8e8492;border-radius:8px;padding:11px 10px;margin-bottom:4px;text-align:left;font-size:12px!important}.app-product-ui aside button.active{background:linear-gradient(90deg,rgba(184,65,216,.3),rgba(105,34,121,.1));color:#fff;border:1px solid #693276}.app-product-ui main{padding:27px}.app-ui-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.app-ui-head small{font-size:10px!important;color:#c75fdf;letter-spacing:.14em;font-weight:900}.app-ui-head h3{font-size:27px!important;margin:5px 0 3px}.app-ui-head p{font-size:12px!important;color:#918895!important}.app-ui-head>span{padding:7px 9px;border:1px solid #245337;border-radius:999px;color:#75db95;font-size:9px;font-weight:900}.app-ui-head>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46dc78;margin-right:5px}.app-ui-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.app-ui-stats>div{padding:12px;border:1px solid #312a35;border-radius:9px;background:#0f0e12}.app-ui-stats small{display:block;font-size:8px!important;color:#827887}.app-ui-stats b{font-size:11px}.app-ui-stats>div:nth-child(3) b{color:#6dde8e}.app-ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.app-ui-grid>div{min-height:92px;padding:13px;border:1px solid #342c38;border-radius:10px;background:linear-gradient(145deg,#121015,#0c0b0f)}.app-ui-grid i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#40174b;color:#dd78f1;font-style:normal;margin-bottom:8px}.app-ui-grid b{display:block;font-size:11px}.app-ui-grid small{font-size:8px!important;color:#857b89}.app-ui-action{margin-top:14px;display:flex;justify-content:center;gap:10px;padding:12px;border:1px solid #a347b9;border-radius:8px;background:linear-gradient(90deg,#5e1d70,#7d2792);font-size:11px;font-weight:900}.app-product-chip{position:absolute;z-index:4;padding:12px 14px;border:1px solid #713a80;border-radius:12px;background:rgba(13,10,16,.94);box-shadow:0 15px 35px rgba(52,10,62,.35);backdrop-filter:blur(10px)}.app-product-chip b{display:block;font-size:10px;color:#d66ce9;letter-spacing:.1em}.app-product-chip span{display:block;font-size:11px;color:#b8afbc;margin-top:3px}.chip-one{left:-5px;bottom:4px}.chip-two{right:-8px;top:4px}
.app-product-copy{position:relative;z-index:2}.app-product-pill{display:inline-flex;padding:8px 12px;border:1px solid #5b2b68;border-radius:999px;background:#170d1b;color:#ce67e5;font-size:12px!important;font-weight:900;letter-spacing:.12em}.app-product-copy h2{font-size:58px!important;line-height:.91!important;letter-spacing:-.045em;margin:20px 0 20px}.app-product-copy h2 em{font-style:normal;color:#ca5ce5}.app-product-lead{font-size:18px!important;line-height:1.6!important;color:#c9c0cd!important;max-width:640px}.app-product-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.app-product-benefits>div{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #382e3d;border-radius:12px;background:#0e0c11}.app-product-benefits i{display:grid;place-items:center;width:35px;height:35px;border:1px solid #673473;border-radius:9px;background:#24102b;color:#d86fed;font-style:normal;font-weight:900}.app-product-benefits b{display:block;font-size:14px}.app-product-benefits small{display:block;font-size:12px!important;color:#9f95a3;margin-top:2px}.app-product-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.app-product-prices button{position:relative;min-height:92px;border:1px solid #44374b;border-radius:13px;background:#0d0c10;color:#fff;cursor:pointer}.app-product-prices button:hover,.app-product-prices button.active{border-color:#c45add;background:linear-gradient(145deg,rgba(91,29,105,.42),#0e0c11);box-shadow:0 10px 28px rgba(124,34,146,.17)}.app-product-prices small{display:block;font-size:11px!important;color:#aaa0ad;letter-spacing:.09em}.app-product-prices b{display:block;font-size:28px;margin-top:5px}.app-product-prices em{position:absolute;right:7px;top:-9px;padding:4px 7px;border-radius:999px;background:#d368e9;color:#19091d;font-size:8px;font-style:normal;font-weight:950}.app-product-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.app-product-actions button{min-height:60px;border-radius:11px;font-size:15px!important;font-weight:950;cursor:pointer}.app-test-now{border:0;background:linear-gradient(90deg,#a936ca,#cf5be8);color:#fff;box-shadow:0 15px 38px rgba(159,48,185,.28)}.app-buy-now{border:1px solid #774184;background:#100d13;color:#e184f3}.app-coming-soon{margin-top:12px;padding:14px 16px;border:1px solid #754084;border-radius:11px;background:#130e17}.app-coming-soon b{display:block;color:#e17af2;font-size:14px}.app-coming-soon span{display:block;color:#b8aebc;font-size:12px;margin-top:3px}.app-product-safe{display:flex;flex-wrap:wrap;gap:13px;margin-top:16px}.app-product-safe span{font-size:11px;color:#a79dab}.app-product-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1500px;margin:14px auto 0}.app-product-steps>div{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid #3a2f3f;border-radius:14px;background:#0d0b10}.app-product-steps i{display:grid;place-items:center;width:43px;height:43px;border:1px solid #6c3478;border-radius:11px;background:#231029;color:#d46be9;font-style:normal;font-weight:950}.app-product-steps b{display:block;font-size:14px}.app-product-steps small{display:block;font-size:12px!important;color:#9f95a3;margin-top:2px}
@media(max-width:1150px){.app-product-stage{grid-template-columns:1fr;padding:35px}.app-product-copy h2{font-size:48px!important}.app-product-steps{grid-template-columns:1fr 1fr}.chip-one,.chip-two{display:none}}@media(max-width:700px){.app-product-stage{padding:20px}.app-product-ui{grid-template-columns:1fr}.app-product-ui aside{display:none}.app-ui-stats{grid-template-columns:1fr 1fr}.app-ui-grid{grid-template-columns:1fr 1fr}.app-product-copy h2{font-size:38px!important}.app-product-benefits,.app-product-prices,.app-product-actions,.app-product-steps{grid-template-columns:1fr}.app-product-window{transform:none}.app-product-visual{padding:5px 0}}


/* V36 — payment method selector */
.payment-showcase{
  margin:0 0 28px;padding:28px;border:1px solid #56335f;border-radius:20px;
  background:radial-gradient(circle at 10% 0%,rgba(188,65,220,.15),transparent 34%),#0d0b10;
  box-shadow:0 20px 65px rgba(72,18,87,.15)
}
.payment-showcase-head{margin-bottom:22px}
.payment-kicker{display:block;color:#cf6be7;font-size:13px!important;font-weight:950;letter-spacing:.15em;margin-bottom:7px}
.payment-showcase h3{font-size:30px!important;margin:0 0 8px}
.payment-showcase p{font-size:16px!important;color:#c8c0cc!important;max-width:850px}
.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-method{
  position:relative;display:grid;grid-template-columns:54px 1fr 26px;align-items:center;gap:14px;
  min-height:92px;padding:17px 18px;border:1px solid #3b3340;border-radius:14px;
  background:linear-gradient(110deg,#111015,#0c0b0e);cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.payment-method:hover{transform:translateY(-3px);border-color:#875095;box-shadow:0 12px 30px rgba(119,38,140,.14)}
.payment-method.active{border-color:#ce63e7;box-shadow:inset 3px 0 #cf62e8,0 12px 34px rgba(131,39,154,.14)}
.payment-method input{position:absolute;opacity:0;pointer-events:none}
.payment-logo{
  width:52px;height:52px;display:grid;place-items:center;border-radius:12px;
  font-size:20px;font-weight:950;background:#17131a;border:1px solid #4b3d50
}
.paypal-mark{color:#70a9ff}
.card-mark{color:#d98aed}
.apple-mark{color:#fff}
.klarna-mark{color:#ff9ed0}
.bank-mark{color:#9cc7ff}
.payment-method b{display:block;font-size:17px!important}
.payment-method small{display:block;font-size:14px!important;color:#aaa1ad!important;margin-top:4px;line-height:1.4!important}
.payment-method i{
  width:24px;height:24px;display:grid;place-items:center;border:2px solid #615766;border-radius:50%;
  font-size:12px;font-style:normal;color:transparent
}
.payment-method.active i{color:#35103d;background:#df87f0;border-color:#df87f0}
.payment-security{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.payment-security span{font-size:13px!important;color:#bcb3c0;padding:8px 11px;border:1px solid #342c38;border-radius:999px;background:#0a090c}

@media(max-width:720px){
 .payment-method-grid{grid-template-columns:1fr}
 .payment-showcase{padding:20px}
}
.account-open{padding:11px 16px;border:1px solid #8b4899;border-radius:10px;background:#1b1020;color:#fff;font-weight:900;cursor:pointer}.account-modal[hidden]{display:none!important}.account-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.account-backdrop{position:absolute;inset:0;background:#030205dd;backdrop-filter:blur(12px)}.account-dialog{position:relative;width:min(880px,96vw);max-height:92vh;overflow:auto;padding:30px;border:1px solid #754182;border-radius:24px;background:radial-gradient(circle at 10% 0%,#5d226733,transparent 35%),#0d0b10;box-shadow:0 40px 120px #000b}.account-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:1px solid #4b3b50;border-radius:10px;background:#0a080c;color:#fff;font-size:24px}.account-brand{display:flex;align-items:center;gap:13px;margin-bottom:22px}.account-brand img{width:54px;height:54px;border-radius:13px;object-fit:cover}.account-brand small{display:block;color:#cf68e5!important;font-size:12px!important;letter-spacing:.14em}.account-brand b{font-size:24px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;background:#08070a;border:1px solid #372d3b;border-radius:12px;margin-bottom:22px}.account-tabs button{min-height:48px;border:0;border-radius:8px;background:transparent;color:#aaa;font-weight:900}.account-tabs button.active{background:linear-gradient(90deg,#9133ad,#c952e2);color:#fff}.account-form{display:none}.account-form.active{display:grid;grid-template-columns:1fr 1fr;gap:15px}.account-form h3,.account-form>p,.account-primary,.account-form>p:last-child{grid-column:1/-1}.account-form h3{font-size:29px!important;margin:0}.account-form>p{font-size:15px!important;color:#bdb4c1!important}.account-form label{display:grid;gap:7px;font-size:14px!important;font-weight:800}.account-form input{min-height:52px;border:1px solid #46394b;border-radius:10px;background:#09080b;color:#fff;padding:0 13px}.account-primary{min-height:57px;border:0;border-radius:10px;background:linear-gradient(90deg,#a53ac5,#ce58e6);color:#fff;font-weight:950}.account-safe{margin-top:17px;padding:12px;border:1px solid #372d3b;border-radius:10px;color:#aaa;font-size:13px}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #52365b;border-radius:15px;background:#28122e66;margin-bottom:14px}.dashboard-hero small{color:#ce68e5!important}.dashboard-hero h3{font-size:28px!important;margin:5px 0}.dashboard-hero p{font-size:14px!important;margin:0!important}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-grid article{padding:21px;min-height:170px;border:1px solid #3c3240;border-radius:14px;background:#100e13}.dashboard-grid article>b{color:#d16de7}.dashboard-grid h4{font-size:19px!important;margin:14px 0 7px}.dashboard-grid p{font-size:14px!important;color:#aaa1ad!important}@media(max-width:700px){.account-form.active,.dashboard-grid{grid-template-columns:1fr}.account-form label{grid-column:1/-1}}
/* V38 account orders, license and subscription */.customer-data-grid article{min-height:230px}.customer-list{display:grid;gap:9px}.profile-order{display:grid;gap:3px;padding:12px;border:1px solid #3d3342;border-radius:10px;background:#0a090c}.profile-order strong{font-size:15px}.profile-order span,.profile-order small{font-size:13px!important;color:#b8afbb!important}.license-profile>small{font-size:11px!important;color:#cc68e4!important;letter-spacing:.12em;font-weight:900}.license-code{display:flex;align-items:center;gap:8px;margin:10px 0}.license-code code{flex:1;padding:13px;border:1px solid #5e3a68;border-radius:9px;background:#08070a;color:#e58bf5;font-size:15px;letter-spacing:.06em}.license-code button,.cancel-sub{padding:11px 13px;border:1px solid #9c4eae;border-radius:9px;background:#24102b;color:#fff;font-weight:850;cursor:pointer}.cancel-sub{margin-top:10px;border-color:#8e4656;background:#2a1017;color:#ffb2bc}.customer-data-grid p{font-size:14px!important;color:#b6adb9!important}

/* V39 compact page flow */
#services{padding-top:72px!important;padding-bottom:72px!important}
#app,#why,#ablauf,#kundenstimmen,#faq{scroll-margin-top:90px}
.app-product-section,.why,.process-section,.testimonials-section,.faq-section{padding-top:78px!important;padding-bottom:78px!important}
@media(max-width:800px){#services,.app-product-section,.why,.process-section,.testimonials-section,.faq-section{padding-top:54px!important;padding-bottom:54px!important}}

.mini-copy{margin-left:8px;padding:5px 8px;border:1px solid #74417f;border-radius:7px;background:#1a0f1e;color:#d875ec;font-size:11px;font-weight:900;cursor:pointer}.profile-order code{color:#e18bf2;font-weight:900;letter-spacing:.04em}

/* V42 launch preparation */
nav .nav-app-test{color:#fff!important;padding:9px 15px;border:1px solid #b64ed1;border-radius:10px;background:linear-gradient(135deg,#5e2080,#8e2fbd);box-shadow:0 0 22px #a53dd455;transition:.2s}nav .nav-app-test:hover{transform:translateY(-1px);box-shadow:0 0 30px #bd4ee577}.profile-settings{display:grid;gap:9px;margin-top:12px}.profile-settings input{min-height:42px;border:1px solid #44364a;border-radius:9px;background:#09080b;color:#fff;padding:0 11px}.profile-settings button,.admin-btn{min-height:42px;border:1px solid #8f43a1;border-radius:9px;background:#2a1230;color:#fff;font-weight:850;cursor:pointer}.profile-settings small{min-height:18px;color:#bdaec1}.legal-links{display:flex;gap:14px;flex-wrap:wrap}.legal-links a{color:#aaa!important;font-size:13px!important}.legal-page{max-width:1000px;margin:120px auto 80px;padding:0 24px}.legal-page article{padding:26px;margin:16px 0;border:1px solid #3c3041;border-radius:16px;background:#0e0c11}.legal-page h1{font-size:48px}.legal-page h2{font-size:26px}.legal-page p,.legal-page li{font-size:16px!important;line-height:1.7;color:#c3b9c7!important}.legal-warning{border-color:#89509a!important;background:#26152c!important}.admin-wrap{max-width:1250px;margin:70px auto;padding:24px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.admin-stat,.admin-card{padding:20px;border:1px solid #403246;border-radius:14px;background:#0e0c11}.admin-stat b{display:block;font-size:30px;color:#d261e8}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:13px;border-bottom:1px solid #302735;text-align:left;font-size:14px}.admin-table code{color:#d16ce7}.admin-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-login{max-width:440px;margin:120px auto;padding:28px;border:1px solid #603c69;border-radius:18px;background:#0e0c11}.admin-login input{width:100%;min-height:48px;margin:7px 0 12px;background:#08070a;border:1px solid #443649;border-radius:9px;color:#fff;padding:0 12px}@media(max-width:800px){.admin-grid{grid-template-columns:1fr 1fr}.admin-table{display:block;overflow:auto}}

/* V43 shop polish */
header .inner{align-items:center!important}header nav{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(116,70,130,.34);border-radius:14px;background:linear-gradient(180deg,rgba(18,16,21,.96),rgba(8,8,10,.96));box-shadow:inset 0 1px rgba(255,255,255,.025)}header nav a{display:flex;align-items:center;min-height:38px;padding:0 12px!important;border-radius:9px!important;white-space:nowrap}nav .nav-app-test{background:linear-gradient(135deg,#692491,#9c36c9)!important;border-color:#c25ae0!important;box-shadow:0 0 24px rgba(173,62,210,.34)!important}.account-wide{grid-column:1/-1!important}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-settings label{display:grid;gap:6px;font-size:13px!important;font-weight:800;color:#cfc5d2}.account-disabled{margin-top:10px;padding:11px 13px;border:1px solid #45384a;border-radius:9px;background:#151217;color:#777;cursor:not-allowed}.download-ready{padding:12px;border:1px solid #5f3a68;border-radius:10px;background:#130c17}.admin-toolbar{display:flex;gap:10px;align-items:center;margin:14px 0}.admin-toolbar input{flex:1;min-height:44px;border:1px solid #49364f;border-radius:9px;background:#09080b;color:#fff;padding:0 13px}.admin-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#24102b;color:#d875ec;font-size:11px;font-weight:900}.admin-card h2{margin-bottom:4px}.admin-card>p{color:#a99eac!important;font-size:14px!important}.admin-btn.secondary{background:#111015;border-color:#4b3d50}.admin-btn.danger{background:#2a1017;border-color:#854452;color:#ffb2bc}@media(max-width:760px){.settings-columns{grid-template-columns:1fr}header nav{overflow-x:auto;max-width:100%}header nav a{font-size:12px!important}}

/* V44 — final visual polish + real app showcase */
.app-real-showcase{padding:12px!important}.app-showcase-frame{position:relative;z-index:2;border:1px solid rgba(212,89,241,.72);border-radius:22px;overflow:hidden;background:#07060a;box-shadow:0 32px 90px rgba(113,25,143,.38),0 0 55px rgba(191,55,231,.22);transform:perspective(1300px) rotateY(2deg);transition:transform .35s ease,box-shadow .35s ease}.app-showcase-frame:hover{transform:perspective(1300px) rotateY(0) translateY(-5px);box-shadow:0 38px 110px rgba(132,30,166,.46),0 0 72px rgba(207,66,244,.28)}.app-showcase-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.showcase-badge{position:absolute;z-index:3;padding:8px 11px;border:1px solid #b84ad1;border-radius:999px;background:rgba(13,8,17,.88);backdrop-filter:blur(12px);font-size:11px!important;font-weight:950;letter-spacing:.08em;color:#efb5fb;box-shadow:0 0 22px rgba(190,61,221,.28)}.badge-top{right:18px;top:18px;color:#9dffbe;border-color:#3a8a5a}.badge-fortnite{left:18px;bottom:18px}.app-product-benefits>div,.why-grid>div,.testimonial-card,.package-card,.dashboard-grid article{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.app-product-benefits>div:hover,.why-grid>div:hover,.package-card:hover,.dashboard-grid article:hover{transform:translateY(-4px);border-color:#6e3b79;box-shadow:0 16px 38px rgba(76,22,90,.18)}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal-ready.revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.app-showcase-frame,.package-card{transition:none!important}}
.site-footer{max-width:none!important;margin-top:40px!important;padding:54px max(5vw,28px) 24px!important;display:grid!important;grid-template-columns:1.5fr .8fr .8fr!important;gap:42px!important;align-items:start!important;border-top:1px solid #43294a!important;background:radial-gradient(circle at 12% 0%,rgba(140,43,166,.14),transparent 32%),#08070a!important}.site-footer .footer-brand{max-width:520px}.site-footer .footer-brand p{margin-top:16px!important;color:#aaa0ad!important;font-size:15px!important;line-height:1.6!important}.footer-col{display:grid;gap:10px}.footer-col>b{color:#d36be8;font-size:12px;letter-spacing:.14em}.footer-col a{color:#c7bdca!important;font-size:14px!important}.footer-col a:hover{color:#fff!important}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #2c2430;color:#7f7582;font-size:12px}
.profile-order strong:after{content:"BEZAHLT";display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#0f2a1a;color:#72e99a;font-size:9px;letter-spacing:.08em;vertical-align:middle}.license-profile h4:after{content:"AKTIV";display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#18221a;color:#83eba4;font-size:9px;letter-spacing:.08em}
@media(max-width:980px){.app-product-stage{grid-template-columns:1fr!important;padding:28px!important;gap:32px!important}.app-showcase-frame{transform:none}.site-footer{grid-template-columns:1fr 1fr!important}.footer-brand,.footer-bottom{grid-column:1/-1}}
@media(max-width:620px){.app-product-stage{padding:16px!important;border-radius:20px!important}.showcase-badge{font-size:9px!important}.badge-top{right:9px;top:9px}.badge-fortnite{left:9px;bottom:9px}.site-footer{grid-template-columns:1fr!important;padding:38px 22px 22px!important}.site-footer>*{grid-column:1!important}.footer-bottom{flex-direction:column;gap:7px}}

/* V45 public FREE download */
.app-download-now{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.app-download-live{margin-top:14px;padding:14px 16px;border:1px solid rgba(185,78,221,.42);border-radius:12px;background:linear-gradient(135deg,rgba(111,33,139,.18),rgba(10,8,13,.9));color:#bcb2c1;font-size:14px;line-height:1.55}.app-download-live b{display:block;color:#fff;font-size:15px;margin-bottom:3px}.account-download{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;min-height:44px;padding:0 14px;border:1px solid #88469a;border-radius:9px;background:linear-gradient(90deg,#8d2daa,#bd48d7);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 9px 24px rgba(139,43,166,.2)}
.local-lab{padding:28px 20px 70px}.local-lab-inner{max-width:1100px;margin:auto;padding:28px;border:1px solid #6f3c7d;border-radius:20px;background:radial-gradient(circle at 20% 0,#8f2cac25,transparent 38%),#0d0a10;box-shadow:0 22px 70px #0008}.local-lab .eyebrow{color:#d96cf1;font-weight:900;letter-spacing:.14em}.local-lab h2{font-size:clamp(25px,4vw,42px);margin:8px 0}.local-lab p{max-width:760px;color:#b9afbd}.local-test-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.local-test-actions select,.local-test-actions button{min-height:50px;border-radius:11px;padding:0 16px}.local-test-actions select{background:#09070b;color:#fff;border:1px solid #4c3a52}.local-test-actions button{border:1px solid #d06be8;background:linear-gradient(90deg,#8f2dac,#d052e7);color:#fff;font-weight:950;cursor:pointer}#testCheckoutResult{margin-top:14px;font-weight:800;color:#d9a8e5}

/* V48: Discord Support-Ticket Hinweise */
.discord-ticket-note{margin:18px 0;padding:16px 18px;border:1px solid rgba(190,70,255,.42);border-radius:14px;background:linear-gradient(135deg,rgba(145,35,210,.16),rgba(18,13,24,.92));color:#d9d0df;line-height:1.55}.discord-ticket-note strong,.discord-ticket-note b{color:#fff}.order-next-step{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(190,70,255,.3);background:rgba(154,44,210,.08);display:grid;gap:5px}.order-next-step>b{color:#d86cff;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.order-next-step span{color:#d8d0dc;font-size:.92rem}.order-next-step a{color:#e596ff;font-weight:800;text-decoration:none}.order-next-step a:hover{color:#fff}
/* V51 - animated public installer download */
.app-download-now{position:relative;overflow:hidden;isolation:isolate;min-height:66px!important;border:1px solid rgba(232,135,255,.68)!important;background:linear-gradient(100deg,#8425bd 0%,#c13fea 48%,#8c2bd0 100%)!important;background-size:220% 100%!important;box-shadow:0 0 0 1px rgba(211,92,244,.12),0 14px 38px rgba(165,44,204,.34),inset 0 1px rgba(255,255,255,.18)!important;font-size:16px!important;font-weight:950!important;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:vayroDownloadGradient 4s ease infinite}
.app-download-now::before{content:"";position:absolute;inset:-80% -30%;z-index:-1;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.22) 48%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:vayroDownloadShine 3.2s ease-in-out infinite}
.app-download-now:hover{transform:translateY(-3px) scale(1.012);border-color:#efb1ff!important;box-shadow:0 0 28px rgba(200,72,239,.42),0 20px 48px rgba(145,34,185,.4)!important}
.app-download-now:active{transform:translateY(0) scale(.992)}
.app-download-now .download-arrow{display:inline-grid;place-items:center;width:29px;height:29px;margin-left:11px;border-radius:50%;background:rgba(16,7,21,.26);font-size:18px;animation:vayroArrowBounce 1.6s ease-in-out infinite}
.account-download{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(90deg,#8d2daa,#c447df,#8d2daa)!important;background-size:200% 100%!important;animation:vayroDownloadGradient 4s ease infinite}
.account-download:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(172,55,205,.34)}
@keyframes vayroDownloadGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes vayroDownloadShine{0%,58%{transform:translateX(-80%) rotate(8deg)}78%,100%{transform:translateX(80%) rotate(8deg)}}
@keyframes vayroArrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.app-download-now,.app-download-now::before,.app-download-now .download-arrow,.account-download{animation:none!important}}

/* V54 localhost-only developer panel */
.local-dev-panel{max-width:1180px;margin:32px auto 70px;padding:0 24px}.local-dev-inner{border:1px solid rgba(203,78,255,.5);background:linear-gradient(135deg,rgba(25,12,31,.96),rgba(10,9,14,.98));border-radius:24px;padding:28px;box-shadow:0 0 42px rgba(174,46,255,.12)}.local-dev-inner small{color:#db72ff;font-weight:900;letter-spacing:.14em}.local-dev-inner h2{margin:8px 0;font-size:30px}.local-dev-inner p{color:#aaa}.local-dev-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.local-dev-controls select{min-width:260px;background:#0c0a10;color:#fff;border:1px solid #47344e;border-radius:12px;padding:13px 15px}.local-dev-controls button{border:0;border-radius:12px;padding:13px 20px;font-weight:900;color:white;background:linear-gradient(135deg,#8d27d8,#d04df2);cursor:pointer;box-shadow:0 8px 26px rgba(178,49,232,.25)}.local-dev-controls button:hover{transform:translateY(-2px)}.local-dev-status{margin:14px 0 0!important;color:#e0b8ef!important;font-weight:700}@media(max-width:650px){.local-dev-controls>*{width:100%}}

/* Mein Vayro dashboard refresh */
.account-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.account-overview>div{display:grid;gap:4px;padding:15px 17px;border:1px solid #403346;border-radius:13px;background:linear-gradient(180deg,#151118,#0c0a0e)}.account-overview small{font-size:10px!important;letter-spacing:.13em;color:#9e8fa3!important;font-weight:900}.account-overview strong{font-size:21px;color:#fff}.account-overview span{font-size:12px;color:#8f8592}.account-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:20px 2px 10px}.account-section-title small{font-size:10px!important;letter-spacing:.13em;color:#c95ce1!important;font-weight:900}.account-section-title h4{margin:4px 0 0;font-size:18px!important}.account-live-dot{padding:6px 9px;border:1px solid #31543d;border-radius:999px;background:#0c1b11;color:#72e99a;font-size:10px;font-weight:900;letter-spacing:.08em}.dashboard-hero #accountLogout{padding:10px 14px;border:1px solid #5a465f;border-radius:9px;background:#0c0a0e;color:#ddd;font-weight:850;cursor:pointer}.dashboard-hero #accountLogout:hover{border-color:#a653b7;color:#fff}.profile-settings{display:grid;gap:11px}.profile-settings input{min-height:46px;border:1px solid #46394b;border-radius:9px;background:#09080b;color:#fff;padding:0 12px}.profile-settings button,.account-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #914aa1;border-radius:9px;background:#211027;color:#fff;font-weight:900;text-decoration:none;cursor:pointer}.profile-settings small{min-height:18px;color:#bdaec1}.order-status{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.08em}.order-status.paid{background:#0f2a1a;color:#72e99a}.order-status.pending{background:#2b2410;color:#f1ce6d}.order-status.cancelled,.order-status.refunded{background:#2a1017;color:#ff9fac}@media(max-width:700px){.account-overview{grid-template-columns:1fr}.account-section-title{align-items:start;flex-direction:column}.account-dialog{padding:20px}}
.profile-order strong:after{display:none!important;content:none!important}
.bank-order-button{width:100%;margin:16px 0 8px;padding:16px 20px;border:0;border-radius:14px;font-weight:900;font-size:15px;cursor:pointer;background:linear-gradient(135deg,#fff,#d9d9e6);color:#111;box-shadow:0 10px 30px rgba(255,255,255,.08);transition:.2s transform,.2s box-shadow}.bank-order-button:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,255,255,.13)}.bank-order-button:disabled{opacity:.55;cursor:wait;transform:none}.bank-order-result{margin:14px 0 18px;padding:18px;border:1px solid rgba(151,105,255,.34);border-radius:16px;background:rgba(16,11,30,.88)}.bank-order-result h4{margin:0 0 12px;font-size:19px}.bank-order-result p{margin:8px 0;color:#c9c5d7}.bank-data{display:grid;gap:8px;margin:14px 0}.bank-data span{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05);font-size:13px}.bank-data b{text-align:right;word-break:break-word}.bank-warning{font-size:12px!important}.bank-account-open{margin-top:8px;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;font-weight:800;cursor:pointer}@media(max-width:650px){.bank-data span{display:block}.bank-data b{display:block;text-align:left;margin-top:4px}}