*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,sans-serif;background:#040a14;color:#e2e8f0;line-height:1.6;overflow-x:hidden}a{color:#fbbf24;text-decoration:none}a:hover{color:#f59e0b}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(245,158,11,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.015) 1px,transparent 1px);background-size:40px 40px}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;background:#040a14d9;backdrop-filter:blur(16px);border-bottom:1px solid rgba(245,158,11,.06)}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em}.nav-brand svg{flex-shrink:0}.nav-brand span{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:#94a3b8;font-size:14px;font-weight:500;transition:color .15s}.nav-links a:hover,.nav-links a.active{color:#fbbf24}.nav-cta{background:linear-gradient(135deg,#d97706,#f59e0b);color:#1a1a1a!important;font-weight:700;font-size:13px;padding:8px 20px;border-radius:8px;box-shadow:0 4px 16px #f59e0b33;transition:all .15s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b4d}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle svg{stroke:#94a3b8}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px}.hero-glow{position:absolute;top:10%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(245,158,11,.08) 0%,transparent 70%);pointer-events:none}.hero-icon{width:80px;height:80px;border-radius:22px;background:linear-gradient(135deg,#d97706,#f59e0b);display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 12px 48px #f59e0b4d;position:relative}@keyframes steamFloat{0%{transform:translateY(0) scaleX(1);opacity:0}15%{opacity:.5}50%{transform:translateY(-25px) scaleX(1.3);opacity:.2}to{transform:translateY(-50px) scaleX(.6);opacity:0}}.steam{position:absolute;top:-6px;width:3px;height:10px;background:#fbbf2480;border-radius:3px;filter:blur(2px);animation:steamFloat 2.5s ease-in-out infinite}.steam:nth-child(2){left:30%;animation-delay:.4s;animation-duration:2.8s}.steam:nth-child(3){left:50%;animation-delay:.8s;animation-duration:2.2s}.steam:nth-child(4){left:70%;animation-delay:.2s;animation-duration:3s}h1{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;max-width:700px}h1 em{font-style:normal;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:18px;color:#94a3b8;max-width:560px;margin-bottom:40px;line-height:1.7}.hero-actions{display:flex;gap:12px}.btn-primary{display:inline-block;background:linear-gradient(135deg,#d97706,#f59e0b);color:#1a1a1a;font-weight:700;font-size:15px;padding:14px 32px;border-radius:10px;border:none;cursor:pointer;box-shadow:0 6px 24px #f59e0b40;transition:all .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b59}.btn-secondary{display:inline-block;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);color:#fbbf24;font-weight:600;font-size:15px;padding:14px 32px;border-radius:10px;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#f59e0b1f}section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f59e0b;margin-bottom:8px}.section-title{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.section-desc{font-size:16px;color:#94a3b8;max-width:600px;margin-bottom:48px;line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#0a162899;backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.06);border-radius:14px;padding:28px;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff05;transition:all .2s}.feature-card:hover{border-color:#f59e0b33;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.feature-icon{width:40px;height:40px;border-radius:10px;background:#f59e0b14;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-card h3{font-size:15px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:13px;color:#94a3b8;line-height:1.6}.frameworks{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:40px}.framework-badge{background:#0a162899;border:1px solid rgba(245,158,11,.08);border-radius:10px;padding:16px 28px;font-size:14px;font-weight:600;color:#94a3b8;display:flex;align-items:center;gap:10px;transition:all .15s}.framework-badge:hover{border-color:#f59e0b33;color:#fbbf24}.framework-badge .dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{text-align:center;padding:32px 24px;background:#0a162866;border:1px solid rgba(245,158,11,.04);border-radius:14px}.step-num{width:48px;height:48px;border-radius:50%;background:#f59e0b14;border:2px solid rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:20px;font-weight:700;color:#fbbf24;margin:0 auto 16px}.step-card h3{font-size:15px;font-weight:700;margin-bottom:8px}.step-card p{font-size:13px;color:#94a3b8;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:40px 0}.stat{text-align:center;padding:24px;background:#0a162866;border:1px solid rgba(245,158,11,.04);border-radius:12px}.stat-value{font-family:DM Mono,monospace;font-size:36px;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:12px;color:#64748b;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}footer{position:relative;z-index:1;border-top:1px solid rgba(245,158,11,.06);padding:40px 24px;text-align:center}.footer-brand{font-weight:700;font-size:16px;color:#94a3b8;margin-bottom:12px}.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.footer-links a{color:#64748b;font-size:13px}.footer-copy{font-size:12px;color:#475569}.page-header{position:relative;z-index:1;text-align:center;padding:160px 24px 60px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.pricing-card{background:#0a162899;backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.06);border-radius:14px;padding:40px 32px;text-align:center;transition:all .2s}.pricing-card:hover{border-color:#f59e0b33;transform:translateY(-2px)}.pricing-card.featured{border-color:#f59e0b4d;box-shadow:0 8px 48px #f59e0b1a}.pricing-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.pricing-card .price{font-family:DM Mono,monospace;font-size:36px;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.pricing-card ul{list-style:none;text-align:left;margin-bottom:24px}.pricing-card li{font-size:14px;color:#94a3b8;padding:6px 0;border-bottom:1px solid rgba(245,158,11,.04)}.pricing-card li:before{content:"✓";color:#f59e0b;margin-right:8px;font-weight:700}.beta-banner{background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);border-radius:14px;padding:40px;text-align:center;max-width:700px;margin:0 auto 60px}.beta-banner h2{font-size:24px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.beta-banner p{color:#94a3b8;font-size:15px;margin-bottom:24px;line-height:1.7}.about-content{max-width:700px;margin:0 auto}.about-content p{font-size:16px;color:#94a3b8;line-height:1.8;margin-bottom:24px}.about-content h2{font-size:24px;font-weight:800;margin:48px 0 16px}.blog-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.blog-card{background:#0a162899;border:1px solid rgba(245,158,11,.06);border-radius:14px;padding:28px;transition:all .2s}.blog-card:hover{border-color:#f59e0b33;transform:translateY(-2px)}.blog-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.blog-card .blog-date{font-size:12px;color:#64748b;margin-bottom:12px;font-family:DM Mono,monospace}.blog-card p{font-size:14px;color:#94a3b8;line-height:1.6}.blog-post{max-width:700px;margin:0 auto}.blog-post h1{font-size:36px;margin-bottom:8px}.blog-post .blog-date{font-size:13px;color:#64748b;margin-bottom:40px;font-family:DM Mono,monospace}.blog-post h2{font-size:24px;font-weight:800;margin:40px 0 16px}.blog-post h3{font-size:18px;font-weight:700;margin:32px 0 12px}.blog-post p{font-size:16px;color:#94a3b8;line-height:1.8;margin-bottom:20px}.blog-post ul,.blog-post ol{color:#94a3b8;margin:0 0 20px 24px;line-height:1.8}.blog-post code{font-family:DM Mono,monospace;background:#f59e0b14;padding:2px 6px;border-radius:4px;font-size:14px}.blog-post pre{background:#0a1628cc;border:1px solid rgba(245,158,11,.06);border-radius:10px;padding:20px;margin-bottom:24px;overflow-x:auto}.blog-post pre code{background:none;padding:0}.blog-post blockquote{border-left:3px solid #f59e0b;padding-left:20px;margin:20px 0;color:#94a3b8;font-style:italic}.domain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.domain-card{background:#0a162899;border:1px solid rgba(245,158,11,.06);border-radius:14px;padding:32px;transition:all .2s}.domain-card:hover{border-color:#f59e0b33;transform:translateY(-2px)}.domain-card h3{font-size:18px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:10px}.domain-card ul{list-style:none;margin:0}.domain-card li{font-size:13px;color:#94a3b8;padding:6px 0;border-bottom:1px solid rgba(245,158,11,.04)}.domain-card li:last-child{border-bottom:none}@media(max-width:768px){h1{font-size:36px}.features,.steps,.stats,.domain-grid,.pricing-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}nav{padding:12px 20px}.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#040a14f2;backdrop-filter:blur(16px);padding:20px;gap:16px;border-bottom:1px solid rgba(245,158,11,.06)}}