:root{--bg:#0c0814;--surface:#161020;--border:#2a1c40;--primary:#9f86ff;--accent:#e58ab3;--text:#f0edf7;--muted:#b7b0cc;--highlight:#e58ab3}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:"Segoe UI",system-ui,sans-serif;background:linear-gradient(180deg,#120a1e,#2a1c40);color:var(--text);line-height:1.65}nav{position:sticky;top:0;z-index:100;background:rgb(16 10 30 / .85);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:auto;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:1.2rem}.nav-links a{color:var(--muted);text-decoration:none;font-size:.95rem;padding:.4rem .6rem;border-radius:6px;transition:color 0.2s ease,background 0.2s ease}.nav-links a:hover{color:var(--highlight);background:rgb(159 134 255 / .12)}.nav-buttons-desktop{display:flex;align-items:center}.nav-secondary{margin-left:1rem;padding:.5rem 1rem;border-radius:6px;background:linear-gradient(135deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(225deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(45deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(315deg,rgb(255 255 255 / .06) 25%,transparent 25%);background-size:6px 6px;background-color:#1b1428;border:1px solid var(--border);color:var(--text);font-weight:600;text-decoration:none;transition:transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.nav-secondary:hover{transform:translateY(-1px);border-color:var(--highlight);box-shadow:0 4px 14px rgb(0 0 0 / .35)}.nav-cta{margin-left:1rem;padding:.5rem 1rem;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--accent));color:#000;font-weight:600;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgb(159 134 255 / .35);color:var(--highlight)}.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:110;transition:transform 0.15s ease,box-shadow 0.15s ease}.nav-hamburger span{display:block;height:3px;width:100%;background:var(--text);border-radius:2px;transition:all 0.3s ease}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--surface);box-shadow:-4px 0 12px rgb(0 0 0 / .35);display:flex;flex-direction:column;padding:2rem;transition:right 0.35s ease;z-index:105}.nav-mobile-menu.open{right:0}.nav-mobile-menu a{margin-bottom:1.5rem;font-weight:600;color:var(--text);text-decoration:none;transition:color 0.2s ease}.nav-mobile-menu a:hover{color:var(--highlight)}@media (max-width:880px){.nav-links,.nav-buttons-desktop{display:none}.nav-hamburger{display:flex}}.faq-bg{position:absolute;top:0;left:0;right:0;height:520px;z-index:0;background:url(faq.jpg) center / cover no-repeat;filter:blur(8px) brightness(.8);transform:scale(1.1);-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0) 65%,#fff0 100%);mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0) 65%,#fff0 100%)}section{position:relative;z-index:1;max-width:1100px;margin:auto;padding:6rem 1.5rem 4rem}.section-header{margin-bottom:2.5rem;text-align:center}.section-header h1{font-size:2.4rem;font-weight:600}.section-header p{color:var(--muted);max-width:600px;margin:.5rem auto 0}.faq-grid{display:grid;gap:1.5rem}details.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border 0.2s ease,transform 0.2s ease}details.faq-item:hover{border-color:var(--primary);transform:translateY(-2px)}details summary::-webkit-details-marker{display:none}summary{list-style:none;cursor:pointer}.faq-question{padding:1.6rem 2rem;display:flex;justify-content:space-between;align-items:center;font-weight:600}.faq-question:hover{background:rgb(159 134 255 / .06)}.faq-icon{font-size:1.4rem;color:var(--primary);transition:transform 0.35s ease}details[open] .faq-icon{transform:rotate(45deg)}.faq-content{padding:0 2rem 1.6rem;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height 0.35s ease,opacity 0.35s ease,transform 0.35s ease}details[open] .faq-content{max-height:1000px;opacity:1;transform:translateY(0)}.pricing-box{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-top:2rem;gap:1rem}.pricing-box .icon{flex-shrink:0;width:50px;height:50px}.pricing-box .left{flex:1}.pricing-box .left h3{font-size:1.6rem;font-weight:600;color:var(--primary)}.pricing-box .left p{color:var(--muted);margin-top:.5rem}.pricing-box .right{text-align:right}.pricing-box .right .primary-btn{padding:.75rem 1.6rem;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;font-weight:600;text-decoration:none;display:inline-block;transition:transform 0.15s ease,box-shadow 0.15s ease}.pricing-box .right .primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgb(159 134 255 / .25);color:var(--highlight)}footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;background:rgb(16 10 30 / .85);backdrop-filter:blur(6px)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-links a{color:var(--muted);text-decoration:none;font-weight:600}.footer-links a:hover{color:var(--highlight)}.company-name{font-weight:600;color:var(--muted)}
