:root{--bg:#090b12;--bg-2:#111522;--card:#111522e0;--card-2:#ffffff0a;--text:#f4f1ea;--muted:#a9b1c7;--muted-2:#7f879c;--border:#ffffff14;--border-2:#ffffff26;--gold:#d7bf86;--green:#76d7b0;--blue:#8ca8ff;--purple:#c79bff;--red:#f08a7f;--shadow:0 24px 80px #0000007a;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--max:1180px;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:"Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #76d7b01f}50%{box-shadow:0 0 0 9px #76d7b033,0 0 0 14px #76d7b00f}}@keyframes shimmer-text{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-btn{0%,to{box-shadow:0 4px 20px #d7bf862e,0 2px 8px #76d7b01f}50%{box-shadow:0 8px 36px #d7bf8657,0 4px 18px #76d7b038}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 0 0,#d7bf861f,#0000 30%),radial-gradient(circle at 80% 12%,#8ca8ff29,#0000 26%),radial-gradient(circle at 70% 74%,#76d7b014,#0000 30%),linear-gradient(#06070c 0%,#090b12 35%,#080a10 100%);margin:0;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0}main,header,footer{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(calc(100% - 40px), var(--max));margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(170%);background:#06070cc2;border-bottom:1px solid #ffffff12;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{background-position:50%;background-size:145%;border-radius:12px;width:40px;height:40px;transition:transform .28s,box-shadow .28s;box-shadow:0 0 0 1px #ffffff1a,0 8px 24px #8ca8ff3d}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.08);box-shadow:0 0 0 1px #ffffff29,0 12px 32px #8ca8ff61}.nav-links{color:var(--muted);align-items:center;gap:2px;font-size:.94rem;font-weight:500;display:flex}.nav-links a{border-radius:9px;padding:7px 13px;transition:background .18s,color .18s}.nav-links a:hover{color:var(--text);background:#ffffff12}.topbar-actions{align-items:center;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#05080e;background:linear-gradient(135deg, var(--gold), #9fdfca);box-shadow:0 4px 20px #d7bf862e,0 2px 8px #76d7b01f}.button.primary:hover{box-shadow:0 8px 34px #d7bf8652,0 4px 18px #76d7b038}.button.secondary{color:var(--text);border-color:var(--border);background:#ffffff0a}.button.secondary:hover{background:#ffffff12;border-color:#ffffff2e}.button.ghost{color:var(--muted)}.button.ghost:hover{color:var(--text)}.hero{padding:80px 0 44px}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:44px;display:grid}.eyebrow{color:var(--muted);background:#76d7b00d;border:1px solid #76d7b038;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:7px 14px;font-size:.9rem;font-weight:500;display:inline-flex}.eyebrow-dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;animation:2.6s ease-in-out infinite pulse-dot;box-shadow:0 0 0 5px #76d7b024}h1{font-family:var(--serif);letter-spacing:-.055em;max-width:10ch;margin:0;font-size:clamp(3.4rem,8vw,6.8rem);line-height:.92}.gradient-text{background:linear-gradient(115deg, #fff8e4 0%, var(--gold) 18%, #b8a5ff 46%, var(--blue) 62%, var(--green) 100%);color:#0000;background-size:220% 220%;-webkit-background-clip:text;background-clip:text;animation:5.5s infinite shimmer-text}.hero-copy{max-width:56ch;color:var(--muted);margin:24px 0 30px;font-size:1.08rem;line-height:1.68}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-note{color:var(--muted-2);margin-top:16px;font-size:.92rem}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.9rem;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.badge:hover{background:#ffffff0f;border-color:#ffffff26}.badge-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.mockup{border-radius:var(--radius-xl);box-shadow:var(--shadow), 0 30px 80px #8ca8ff24, inset 0 1px 0 #ffffff14;background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff1a;animation:7s ease-in-out infinite float;position:relative;overflow:hidden}.mockup:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 10%,#d7bf8626,#0000 24%),radial-gradient(circle at 88% 14%,#8ca8ff26,#0000 23%);position:absolute;inset:0}.mockup-inner{padding:18px;position:relative}.mockup-bar{background:#ffffff08;border:1px solid #ffffff14;border-bottom:0;border-radius:18px 18px 0 0;align-items:center;gap:8px;padding:12px 14px;display:flex}.dot{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.window-title{color:var(--muted-2);margin-left:auto;font-size:.86rem}.panel{background:#0a0c12db;border:1px solid #ffffff14;border-radius:0 0 22px 22px;overflow:hidden}.panel-section{border-bottom:1px solid #ffffff0f;padding:18px}.panel-section:last-child{border-bottom:0}.panel-label{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;background:#d7bf861f;border:1px solid #d7bf8638;border-radius:999px;margin-bottom:12px;padding:5px 10px;font-size:.78rem;display:inline-flex}.prompt-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;gap:12px;padding:16px;display:grid}.row{color:var(--text);grid-template-columns:88px 1fr;gap:12px;display:grid}.row strong{font-family:var(--mono);color:var(--muted-2);font-size:.84rem}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:.82rem}.deck-card{background:radial-gradient(circle at 15% 18%,#d7bf8624,#0000 26%),radial-gradient(circle at 86% 12%,#8ca8ff1f,#0000 24%),linear-gradient(135deg,#151a24fa,#0e111afa);border:1px solid #ffffff14;border-radius:18px;padding:18px}.deck-cover{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;min-height:186px;padding:18px}.deck-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.78rem}.deck-title{font-family:var(--serif);max-width:8ch;margin:0;font-size:2rem;line-height:1}.deck-copy{color:var(--muted);max-width:34ch;margin:12px 0 0}.mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.mini{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;min-height:70px;padding:12px}.mini strong{margin-bottom:4px;font-size:.92rem;display:block}.mini span{color:var(--muted-2);font-size:.82rem}.section{padding:44px 0 0}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.section-heading h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.02}.section-heading p{max-width:64ch;color:var(--muted);margin:0}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.stat{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0b,#ffffff05);padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s}.stat:hover{border-color:var(--border-2);transform:translateY(-3px);box-shadow:0 16px 44px #00000038}.stat-value{letter-spacing:-.04em;margin-bottom:6px;font-size:2.2rem;font-weight:800}.stat-label{color:var(--muted);font-size:.95rem}.grid-4,.grid-3,.grid-2{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(#ffffff0d,#ffffff06);padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 8px 30px #00000029}.card:hover{border-color:#ffffff24;transform:translateY(-5px);box-shadow:0 24px 64px #00000052,0 0 0 1px #ffffff14,0 0 40px #8ca8ff12}.card .num{color:var(--gold);font-family:var(--mono);letter-spacing:.1em;margin-bottom:12px;font-size:.78rem}.card h3{margin:0 0 10px;font-size:1.08rem;font-weight:700}.card p{color:var(--muted);margin:0;line-height:1.6}.feature-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--muted);gap:10px;font-size:.95rem;display:flex}.feature-list li:before{content:"";background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;margin-top:9px;box-shadow:0 0 0 4px #76d7b01f}.feature-list.blue li:before{background:var(--blue);box-shadow:0 0 0 4px #8ca8ff1f}.feature-list.purple li:before{background:var(--purple);box-shadow:0 0 0 4px #c79bff1f}.feature-list.red li:before{background:var(--red);box-shadow:0 0 0 4px #f08a7f1f}.feature-list.gold li:before{background:var(--gold);box-shadow:0 0 0 4px #d7bf861f}.showcase-shell{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:start;gap:14px;margin-top:18px;display:grid}.showcase-frame{border:1px solid var(--border);box-shadow:var(--shadow);background:#07080d;border-radius:26px;min-height:620px;overflow:hidden}.showcase-frame iframe{background:#07080d;border:0;width:100%;height:620px;display:block}.showcase-side{gap:14px;display:grid}.showcase-side .card{min-height:auto}.showcase-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.showcase-list li{color:var(--muted);gap:10px;display:flex}.showcase-list li:before{content:"";background:var(--blue);border-radius:50%;flex:none;width:7px;height:7px;margin-top:9px;box-shadow:0 0 0 4px #8ca8ff1f}.showcase-frame-link{justify-self:start}.callout{background:radial-gradient(circle at 15% 20%,#d7bf8614,#0000 28%),linear-gradient(150deg,#121622fc,#0b0e16fc);border:1px solid #ffffff17;border-radius:24px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s}.callout:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 52px #0000004d}.callout .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.callout h3{margin:0 0 8px;font-size:1.12rem;font-weight:700}.callout p{color:var(--muted);margin:0;line-height:1.6}.workflow{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid;position:relative}.workflow:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--blue), var(--green), transparent);pointer-events:none;opacity:.5;height:1px;position:absolute;top:50%;left:10%;right:10%}.workflow .card{z-index:1;position:relative}.roadmap-grid{align-items:stretch;margin-top:18px}.roadmap-summary{flex-direction:column;justify-content:center;display:flex}.roadmap-summary .feature-list{margin-top:18px}.timeline{gap:12px;display:grid}.timeline-item{border-bottom:1px solid #ffffff0f;grid-template-columns:18px 1fr;align-items:start;gap:12px;padding:14px 0;display:grid}.timeline-item:last-child{border-bottom:0}.timeline-dot{background:var(--gold);border-radius:50%;width:12px;height:12px;margin-top:6px;box-shadow:0 0 0 5px #d7bf861f}.timeline-item h4{margin:0 0 6px;font-size:1rem;font-weight:700}.timeline-item p{color:var(--muted);margin:0}.pricing{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.price{border:1px solid var(--border);background:linear-gradient(160deg,#ffffff0a,#ffffff05);border-radius:24px;padding:26px;transition:transform .22s,box-shadow .22s}.price:hover{transform:translateY(-4px);box-shadow:0 20px 52px #00000047}.price.featured{box-shadow:0 0 0 1px #d7bf861a, var(--shadow);background:linear-gradient(160deg,#d7bf8612 0%,#8ca8ff0a 60%,#ffffff05 100%);border-color:#d7bf8652;padding-top:40px;position:relative}.price.featured:before{content:"Most popular";background:linear-gradient(135deg, var(--gold), #9fdfca);color:#05080e;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-radius:0 0 12px 12px;padding:5px 16px;font-size:.74rem;font-weight:800;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.price-name{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:600}.price-value{letter-spacing:-.05em;margin:8px 0 4px;font-size:3rem;font-weight:800;line-height:1}.price-desc{color:var(--muted);margin-bottom:18px;font-size:.95rem;line-height:1.55}.price ul{gap:11px;margin:18px 0 0;padding:0;list-style:none;display:grid}.price li{color:var(--muted);align-items:flex-start;gap:10px;font-size:.95rem;display:flex}.price li:before{content:"✓";color:var(--green);flex:none;font-weight:800}.faq{gap:12px;display:grid}.faq-item{border:1px solid var(--border);background:#ffffff08;border-radius:18px;transition:border-color .22s;overflow:hidden}.faq-item:hover,.faq-item.open{border-color:#ffffff21}.faq-trigger{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.faq-trigger strong{font-size:1rem;font-weight:600}.faq-trigger span{color:var(--muted)}.faq-content{border-top:1px solid #ffffff0f;max-height:0;transition:max-height .28s;overflow:hidden}.faq-content-inner{color:var(--muted);padding:0 20px 20px;line-height:1.65}.faq-item.open .faq-content{max-height:180px}.chev{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:12px;height:12px;transition:transform .25s;transform:rotate(45deg)}.faq-item.open .chev{transform:rotate(225deg)}.cta{box-shadow:var(--shadow), inset 0 1px 0 #ffffff12;background:radial-gradient(circle at 10% 16%,#d7bf862e,#0000 28%),radial-gradient(circle at 86% 14%,#8ca8ff29,#0000 28%),linear-gradient(135deg,#121624f7,#0a0c14fa);border:1px solid #ffffff1a;border-radius:32px;margin:44px 0 80px;padding:40px}.cta-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.cta h2{font-family:var(--serif);letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1}.cta p{max-width:60ch;color:var(--muted);margin:0;line-height:1.65}.cta .button.primary{animation:3s ease-in-out infinite glow-btn}.footer{color:var(--muted-2);padding:0 0 36px;font-size:.92rem}.footer-inner{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:22px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a:hover{color:var(--text)}.accent-gold{color:var(--gold)}.accent-green{color:var(--green)}.accent-blue{color:var(--blue)}.accent-purple{color:var(--purple)}.accent-red{color:var(--red)}@media (max-width:1024px){.hero-grid,.grid-4,.pricing,.stats,.workflow,.grid-3,.grid-2,.showcase-shell{grid-template-columns:1fr 1fr}.workflow:before{display:none}.section-heading,.cta-inner,.topbar-inner{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}}@media (max-width:720px){.container{width:min(calc(100% - 28px), var(--max))}.hero{padding-top:44px}h1{max-width:100%}.hero-grid,.grid-4,.grid-3,.grid-2,.pricing,.stats,.workflow,.mini-grid,.cta-inner,.showcase-shell{grid-template-columns:1fr}.showcase-frame,.showcase-frame iframe{height:520px;min-height:520px}.topbar{position:static}.topbar-actions,.hero-actions,.button{width:100%}.row{grid-template-columns:72px 1fr}.price.featured{padding-top:40px}.mockup{animation:none}}