:root{--bg-color: #0d0f17;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #6d28d9;--accent-secondary: #4f46e5;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;width:100%;max-width:100vw}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5;animation:float 20s infinite ease-in-out alternate}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%);top:50%;right:-150px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#db2777 0%,transparent 70%);bottom:-50px;left:20%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}to{transform:translate(-30px,60px) scale(.9)}}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem);background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:.5rem}p{color:var(--text-secondary);font-size:1.125rem}a{text-decoration:none;color:var(--text-primary);transition:color .3s ease}ul{list-style-type:none}nav{position:fixed;top:0;left:0;right:0;padding:1rem 0;z-index:100;background:#0d0f17cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:2rem}.nav-links a:hover{color:#a78bfa}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;font-weight:500;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s;border:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 14px #6d28d963}.btn-primary:hover{box-shadow:0 6px 20px #6d28d999;transform:translateY(-2px);color:#fff}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-small{padding:.5rem 1rem;font-size:.875rem}main{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:10}.hero{padding:10rem 0 6rem;display:flex;align-items:center;gap:4rem;min-height:100vh}.hero-content{flex:1}.badge{display:inline-block;padding:.25rem .75rem;background:#6d28d926;border:1px solid rgba(109,40,217,.3);color:#c4b5fd;border-radius:999px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.hero-subtitle{margin-bottom:2.5rem;max-width:500px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.large-button{padding:1rem 2rem;font-size:1.125rem}.hero-visual{flex:1;perspective:1000px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#fff3}.app-preview{transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.app-preview:hover{transform:rotateY(0) rotateX(0)}.preview-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.dots{display:flex;gap:6px;margin-right:1rem}.dots span{width:10px;height:10px;border-radius:50%;background:#3f3f46}.dots span:nth-child(1){background:#ef4444}.dots span:nth-child(2){background:#f59e0b}.dots span:nth-child(3){background:#10b981}.preview-title{font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:#a1a1aa}.alert-box.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem;display:flex;gap:1rem;margin-bottom:1.5rem;word-break:break-word}.alert-box .icon{margin-top:2px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.alert-box strong{display:block;color:#fca5a5;margin-bottom:.25rem}.alert-box span{font-size:.875rem;color:#fecaca}.rule-list{display:flex;flex-direction:column;gap:.75rem}.rule-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;word-break:break-word}.rule-item .check{width:18px;height:18px;border-radius:4px;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:10px}.rule-item.completed{color:#a1a1aa}.rule-item.completed .check{background:#10b981;border-color:#10b981;color:#fff}.rule-item.pending{color:var(--text-primary)}.rule-item.pending .check{border-color:#ef4444}.features-section{padding:6rem 0}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.feature-highlight{display:flex;gap:4rem;align-items:center;padding:3rem;margin-bottom:6rem}.highlight-content{flex:1}.tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;background:#10b98126;color:#34d399;border-radius:4px;margin-bottom:1rem}.highlight-content ul{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.highlight-content li{position:relative;padding-left:1.5rem}.highlight-content li:before{content:"→";position:absolute;left:0;color:var(--accent-primary)}.highlight-content strong{color:var(--text-primary)}.highlight-visual{flex:1;display:flex;justify-content:center}.mockup-guard{background:#0d0f17cc;border:1px solid rgba(139,92,246,.4);padding:1.5rem;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 30px #8b5cf633}.guard-pill{font-family:monospace;font-size:1rem;color:#ddd6fe;z-index:2;position:relative}.guard-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:var(--accent-primary);filter:blur(40px);opacity:.5;z-index:1;animation:pulse 2s infinite}.guard-status{margin-top:1rem;font-size:.75rem;font-weight:700;color:#f43f5e;text-align:right;z-index:2;position:relative;letter-spacing:.05em}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}to{transform:translate(-50%,-50%) scale(.8);opacity:.3}}.upcoming-header{margin-top:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{display:flex;flex-direction:column}.feature-icon{font-size:2rem;margin-bottom:1rem;background:#ffffff0d;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--glass-border)}.feature-card p{margin-bottom:1.5rem;font-size:1rem}.feature-bullets{margin-top:auto}.feature-bullets li{font-size:.875rem;margin-bottom:.5rem;padding-left:1rem;position:relative;color:#a1a1aa}.feature-bullets li:before{content:"·";position:absolute;left:0;color:var(--accent-secondary);font-weight:700}.feature-bullets strong{color:#e4e4e7}.pricing-section{padding:6rem 0;display:flex;flex-direction:column;align-items:center}.pricing-card{max-width:400px;width:100%;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),#db2777)}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.5rem;font-weight:600;color:#a1a1aa}.amount{font-size:4.5rem;font-weight:700;font-family:var(--font-heading);line-height:1}.period{color:var(--text-secondary)}.pricing-features{margin-bottom:2.5rem}.pricing-features p{font-size:.875rem;margin-bottom:1rem;text-align:center}.pricing-features ul{display:flex;flex-direction:column;gap:1rem}.pricing-features li{display:flex;align-items:center;gap:.75rem}.check-icon{color:#10b981;font-weight:700}.full-width{width:100%}.trial-text{text-align:center;font-size:.75rem;margin-top:1rem;color:var(--text-secondary)}footer{border-top:1px solid var(--glass-border);padding:3rem 0;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:var(--font-heading);font-weight:700;color:#fff}.footer-copyright{font-size:.875rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.875rem;color:var(--text-secondary)}.footer-links a:hover{color:#fff}.slide-up{animation:slideUp .8s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.hero{flex-direction:column;text-align:center;padding-top:8rem}.hero-subtitle{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.feature-highlight{flex-direction:column;padding:2rem}.highlight-content{text-align:center}.highlight-content ul{text-align:left;display:inline-flex}}@media(max-width:600px){.nav-links{display:none}h1{font-size:2.5rem}.footer-content{flex-direction:column;text-align:center}}