html{scroll-behavior:smooth}body{color:var(--text-primary);font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(at 50% -10%,#6366f10f 0%,#0000 60%),radial-gradient(at 100% 80%,#6366f108 0%,#0000 50%),linear-gradient(#0c0c0d 0%,#111118 50%,#0c0c0d 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.container{max-width:1100px;padding:0 var(--space-5);margin:0 auto}.highlight{color:var(--color-primary)}#nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#0c0c0de6;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;height:60px;display:flex}.nav-logo{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.nav-link{padding:var(--space-1) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-cta{margin-left:var(--space-2)}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;display:none}#hero{align-items:center;min-height:80vh;padding:120px 0 80px;display:flex;position:relative}#hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-text h1{font-size:var(--text-3xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}@media (width>=769px){.hero-text h1{font-size:3rem}}.hero-sub{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:480px}.hero-visual{justify-content:center;display:flex}.phone-mockup{background:var(--bg-surface);border:1px solid var(--border-default);width:260px;height:520px;box-shadow:var(--shadow-lg);border-radius:36px;flex-direction:column;padding:16px 8px;display:flex;position:relative}.phone-notch{background:var(--bg-hover);border-radius:var(--radius-full);width:80px;height:6px;margin:0 auto 12px}.phone-scan{border-radius:var(--radius-lg);background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.phone-frame{border:2px solid var(--color-primary);opacity:.6;border-radius:var(--radius-md);width:180px;height:80px;box-shadow:0 0 0 9999px #0006}.phone-line{background:var(--color-primary);height:1px;box-shadow:0 0 8px var(--color-primary);animation:2s ease-in-out infinite scanline;position:absolute;top:20%;left:15%;right:15%}@keyframes scanline{0%,to{top:20%}50%{top:70%}}.phone-result{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:center;margin-top:var(--space-2);font-size:var(--text-sm);border:1px solid var(--color-success-muted)}.phone-result strong{font-size:var(--text-base);display:block}.phone-result .price{color:var(--color-success);font-size:var(--text-lg);font-weight:800}.section{padding:100px 0}.section.alt{background:radial-gradient(ellipse at 0% 50%, #6366f10a 0%, transparent 50%), var(--bg-surface)}.section-title{text-align:center;margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight);font-size:2.25rem;font-weight:800}.section-sub{text-align:center;color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-10)}.features-grid{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-7,28px);transition:transform var(--transition-base), border-color var(--transition-base)}.feature-card:hover{border-color:var(--color-primary-muted);transform:translateY(-2px)}.feature-card svg{width:36px;height:36px;color:var(--color-primary);margin-bottom:var(--space-3);stroke-width:1.5px}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.steps{align-items:center;gap:var(--space-6);margin-top:var(--space-10);display:flex}.step{text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-5);flex:1}.step-num{background:var(--color-primary-muted);width:48px;height:48px;color:var(--color-primary);font-size:var(--text-xl);margin:0 auto var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.step h3{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.step p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.step-arrow{font-size:var(--text-xl);color:var(--text-disabled);font-weight:300}.pricing-grid{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);flex-direction:column;display:flex;position:relative}.pricing-card.featured{border-color:var(--color-primary-muted);background:#6366f108;transform:scale(1.05)}.pricing-badge{background:var(--color-primary);color:var(--color-primary-text);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.pricing-price{margin-bottom:var(--space-6)}.pricing-price .amount{font-size:2.25rem;font-weight:800}.pricing-price .period{font-size:var(--text-sm);color:var(--text-tertiary)}.pricing-features{margin-bottom:var(--space-6);flex:1;list-style:none}.pricing-features li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓ ";color:var(--color-success);font-weight:700}.signup-form{gap:var(--space-3);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.form-row{gap:var(--space-2);flex-direction:column;display:flex}.slug-preview{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);align-items:center;display:flex;overflow:hidden}.slug-preview span{padding:var(--space-3) 0 var(--space-3) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);white-space:nowrap}.slug-preview .form-input{padding-left:var(--space-1);background:0 0;border:none}.signup-form input,.signup-form select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.signup-form input::placeholder{color:var(--text-disabled)}.signup-form input:focus,.signup-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.btn-block{justify-content:center;width:100%}.error-msg{color:var(--color-danger);font-size:var(--text-sm);min-height:20px}.success-msg{color:var(--color-success);font-size:var(--text-sm);min-height:20px}#footer{padding:var(--space-10) 0;border-top:1px solid var(--border-subtle)}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{flex-direction:column;gap:2px;display:flex}.footer-brand strong{font-size:var(--text-base)}.footer-links{gap:var(--space-4);display:flex}.footer-links a{font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.footer-copy{font-size:var(--text-sm);color:var(--text-disabled)}@media (width<=768px){#hero{min-height:unset;padding:100px 0 60px}.section{padding:60px 0}.section-title{font-size:1.75rem}.nav-links{display:none}.nav-links.open{background:var(--bg-elevated);padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-bottom:1px solid var(--border-default);z-index:99;flex-direction:column;display:flex;position:fixed;top:60px;left:0;right:0}.nav-toggle{display:flex}.hero-inner{text-align:center;grid-template-columns:1fr;gap:32px}.hero-text h1{font-size:1.75rem}.hero-sub{font-size:var(--text-base);margin:0 auto var(--space-6)}.phone-mockup{width:200px;height:400px}.features-grid{gap:var(--space-4);grid-template-columns:1fr}.feature-card{padding:var(--space-5)}.steps{gap:var(--space-4);flex-direction:column}.step-arrow{transform:rotate(90deg)}.pricing-grid{gap:var(--space-4);grid-template-columns:1fr}.pricing-card{padding:var(--space-6) var(--space-5)}.pricing-card.featured{transform:none}.signup-form{max-width:100%}.slug-preview{flex-wrap:wrap}.footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}.btn-lg{justify-content:center;width:100%}}