:root{--bg: #050505;--bg2: #0A0A0A;--bg3: #111111;--accent: #00E5FF;--accent2: #333;--text: #FAFAFA;--muted: #666;--border: rgba(255,255,255,.06);--card-bg: rgba(255,255,255,.03);--font-h: "Satoshi", sans-serif;--font-b: "General Sans", sans-serif;--radius: 12px}:root[data-theme=light]{--bg: #FAFAFA;--bg2: #F0F0F0;--bg3: #E8E8E8;--accent: #0097A7;--accent2: #999;--text: #111111;--muted: #666;--border: rgba(0,0,0,.08);--card-bg: rgba(0,0,0,.02);--nav-bg: rgba(250,250,250,.85);--logo-filter: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:16px;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}.container{max-width:1160px;margin:0 auto;padding:0 24px;position:relative;z-index:1}section{position:relative;z-index:1}nav{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;padding:10px 12px 10px 20px;display:flex;align-items:center;gap:8px;background:#121212b3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:0 4px 24px #0000004d;width:auto;max-width:calc(100vw - 32px)}.nav-logo{display:flex;align-items:center;text-decoration:none;margin-right:8px}.nav-logo img{height:28px;width:auto}.nav-divider{width:1px;height:20px;background:#ffffff1a;margin:0 4px}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-cta{background:var(--text);color:var(--bg);padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;margin-left:4px;transition:opacity .2s,transform .15s;white-space:nowrap}.nav-cta:hover{opacity:.85;transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}.btn-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text);padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;border:1px solid var(--border);cursor:pointer;font-family:var(--font-b);width:100%;transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .15s}.btn-card:hover{border-color:#ffffff26;background:#ffffff0a}.btn-card.accent{background:var(--accent);color:#050505;border-color:var(--accent);font-weight:600}.btn-card.accent:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #00e5ff33}.page-header{padding:140px 0 60px;text-align:center}.page-header h1{font-family:var(--font-h);font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1.08;letter-spacing:-2px;margin-bottom:20px}.page-header h1 em{font-style:normal;color:var(--accent);position:relative}.page-header h1 em:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px}.page-header p{color:var(--muted);font-size:17px;font-weight:300;max-width:560px;margin:0 auto}.pricing{padding:40px 0 100px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.pricing-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:28px 22px;position:relative;transition:border-color .3s;display:flex;flex-direction:column;height:100%}.pricing-card.popular{background:#00e5ff05;border-color:#00e5ff33;box-shadow:0 0 40px #00e5ff0a;transform:scale(1.02);z-index:2}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent);color:#050505;padding:5px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.pricing-card:hover{border-color:#ffffff1f}.pricing-card.popular:hover{border-color:#00e5ff66}.package-name{font-family:var(--font-h);font-size:20px;font-weight:700;margin-bottom:8px}.price-row{display:grid;gap:4px;margin-bottom:18px}.price-label{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:999px;background:#00e5ff14;border:1px solid rgba(0,229,255,.18);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.price-amount{font-family:var(--font-h);font-size:36px;line-height:1;letter-spacing:-1.6px}.price-tax{color:var(--muted);font-size:12px}.package-desc{color:var(--muted);font-size:13px;margin-bottom:24px;min-height:40px;line-height:1.6}.package-meta{display:grid;gap:14px}.package-meta>div{display:grid;gap:4px}.package-meta span{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.package-meta strong{font-size:13px;line-height:1.55;font-weight:500}.divider{height:1px;background:var(--border);margin:20px 0;width:100%}.features-list{list-style:none;flex-grow:1}.feature-group-title{margin:18px 0 10px;color:var(--accent)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.1px;text-transform:uppercase}.feature-group-title:first-child{margin-top:0}.features-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:14px;color:var(--text)}.features-list li svg{flex-shrink:0;width:18px;height:18px;fill:var(--accent);margin-top:2px}.features-list li.missing{color:var(--muted);opacity:.45}.features-list li.missing svg{fill:var(--muted)}.commercial-notes{margin-top:52px;padding:42px;background:var(--bg2);border:1px solid var(--border);border-radius:16px}.section-copy h2{font-family:var(--font-h);font-size:28px;font-weight:900;margin-bottom:10px;letter-spacing:-1px}.section-copy p{color:var(--muted);font-size:15px;max-width:780px}.commercial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.commercial-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.commercial-card strong{display:block;font-family:var(--font-h);font-size:15px;margin-bottom:8px}.commercial-card p{color:var(--muted);font-size:13px;line-height:1.6}.addons{margin-top:80px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:56px 48px;text-align:center}.addons h2{font-family:var(--font-h);font-size:28px;font-weight:900;margin-bottom:12px;letter-spacing:-1px}.addons>p{color:var(--muted);font-size:15px;max-width:520px;margin:0 auto 36px}.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.addon-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:border-color .2s}.addon-card:hover{border-color:#ffffff1f}.addon-card h4{font-family:var(--font-h);font-size:16px;font-weight:700;margin-bottom:6px}.addon-card p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.quiz-section{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:56px 40px;margin-top:60px;margin-bottom:20px;text-align:center;position:relative;overflow:hidden}.quiz-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.quiz-title{font-family:var(--font-h);font-size:26px;font-weight:900;margin-bottom:10px;letter-spacing:-.5px}.quiz-sub{color:var(--muted);font-size:15px;margin-bottom:40px}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes quizFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.quiz-step{display:none}.quiz-step.active{display:block;animation:quizFadeIn .5s ease forwards}.quiz-step.fade-out{display:block;animation:quizFadeOut .3s ease forwards}.quiz-question{font-size:18px;font-weight:700;margin-bottom:24px;font-family:var(--font-h)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:600px;margin:0 auto}.quiz-option{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:18px;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:12px;font-size:14px}.quiz-option:hover{border-color:#00e5ff4d;background:#00e5ff08}.quiz-option input{display:none}.quiz-option.selected{border-color:var(--accent);background:#00e5ff0f}.quiz-option-indicator{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.quiz-option.selected .quiz-option-indicator{border-color:var(--accent)}.quiz-option.selected .quiz-option-indicator:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.quiz-controls{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:16px}.quiz-result{display:none;text-align:center}.quiz-result h3{font-family:var(--font-h);font-size:22px;color:var(--accent);margin-bottom:12px}.quiz-result p{color:var(--muted);font-size:15px;margin-bottom:24px}footer{border-top:1px solid var(--border);padding:48px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-logo{display:flex;align-items:center;text-decoration:none}.footer-logo img{height:28px;width:auto}.footer-copy{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--accent)}.wa-float{position:fixed;bottom:28px;right:28px;width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;z-index:99;text-decoration:none;transition:transform .2s,box-shadow .2s}.wa-float:hover{transform:scale(1.08);box-shadow:0 6px 28px #25d36680}.wa-float svg{width:28px;height:28px;fill:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width: 1100px){.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto}}@media (max-width: 900px){.addons-grid{grid-template-columns:1fr}.commercial-grid{grid-template-columns:1fr 1fr}.nav-links,.nav-cta,.nav-divider{display:none}.nav-hamburger{display:flex}nav{padding:10px 16px}}@media (max-width: 750px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.pricing-card.popular{transform:scale(1)}}@media (max-width: 600px){.quiz-options{grid-template-columns:1fr}.quiz-section{padding:36px 20px}.quiz-controls{flex-direction:column;width:100%}.quiz-controls button{width:100%;max-width:100%!important}.addons{padding:36px 20px}.commercial-notes{padding:32px 20px}.commercial-grid{grid-template-columns:1fr}}.lamp-toggle{position:fixed;top:80px;right:32px;z-index:99;display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.lamp-cord{width:2px;height:40px;background:linear-gradient(to bottom,transparent,var(--muted));position:relative}.lamp-cord:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--muted)}.lamp-toggle:active .lamp-cord{height:52px;transition:height .15s}.lamp-toggle:hover .lamp-label{color:var(--accent)}.lamp-handle{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #00e5ff4d;transition:transform .3s,box-shadow .3s}.lamp-toggle:hover .lamp-handle{transform:scale(1.2);box-shadow:0 0 20px #00e5ff80}.lamp-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:8px;white-space:nowrap;writing-mode:vertical-rl;transition:color .3s}body,body *{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}:root[data-theme=light] nav{background:#f0f0f0b3;border-color:#00000014}:root[data-theme=light] .nav-logo img,:root[data-theme=light] .footer-logo img{filter:none}:root[data-theme=light] .pricing-card:hover{border-color:#0000001f}:root[data-theme=light] .addon-card:hover{border-color:#0000001f}:root[data-theme=light] .btn-card:hover{border-color:#00000026;background:#0000000a}:root[data-theme=light] .nav-links a:hover{color:var(--text);background:#0000000f}
