:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d1420;--foreground:#f8fbff;--muted:#bed0e8;--border:#263348;--panel:#151d2b;--panel-strong:#1e293b;--accent:#ffc044;--accent-dark:#1b1302;--blue:#a9cff8;--blue-dark:#122033;--success:#66d28a;--danger:#ff4d4f;--danger-dark:#2a1115}*{box-sizing:border-box}html,body{scroll-behavior:smooth;width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--foreground);background:radial-gradient(circle at 70% 10%,#1e293b6b,#0000 28%),linear-gradient(#0d1420 0%,#121925 48%,#0d1420 100%);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.site-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;width:min(1160px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand img,.preview-header img{border:1px solid var(--border);background:0 0;border-radius:8px}.brand span{gap:2px;display:grid}.brand strong{font-size:18px}.brand small,.preview-header span{color:var(--muted);font-size:13px}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--muted);border:1px solid #0000;border-radius:6px;flex:none;padding:10px 12px;font-size:14px;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{border-color:var(--border);color:var(--foreground);outline:none}.nav-links .nav-download{color:var(--accent);border-color:#ffc04473;font-weight:700}.hero{grid-template-columns:minmax(0,1fr) minmax(400px,.78fr);align-items:center;gap:52px;width:min(1160px,100% - 40px);min-height:640px;margin:0 auto;padding:34px 0 78px;display:grid}.hero-copy{max-width:680px}.hero h1{overflow-wrap:anywhere;max-width:760px;margin:0;font-size:58px;line-height:1.1}.hero-copy>p,.section-heading p,.feature-grid p,.example-panel p,.how-section p,.pricing-section p,.contact-section p,.download-section p{color:var(--muted);font-size:17px;line-height:1.6}.hero-copy>p{max-width:640px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button.compact{min-height:40px;padding:9px 14px}.button.primary{background:var(--accent);color:var(--accent-dark)}.button.secondary,.button.ghost{border:1px solid var(--border);background:var(--panel);color:var(--foreground)}.button.ghost{color:var(--muted)}.product-preview{background:var(--panel);border:1px solid #8c6a1f;border-radius:8px;gap:12px;min-width:0;padding:18px;display:grid;overflow:hidden;box-shadow:0 26px 70px #0000003d}.preview-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.preview-header div{gap:2px;display:grid}.product-preview label,.contact-form label{color:var(--blue);font-size:14px;font-weight:700}.field-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-heading span{color:#a9cff8ad;font-size:13px;font-weight:700}.product-preview select,.product-preview textarea,.contact-form input,.contact-form textarea,.license-activation input{background:var(--panel-strong);width:100%;color:var(--foreground);border:1px solid #334056;border-radius:8px}.product-preview select{min-height:52px;padding:0 16px}.product-preview textarea{resize:vertical;color:#f8fbffc7;min-height:148px;padding:16px;line-height:1.45}.generate-button{background:var(--accent);color:#0b0f18;cursor:pointer;min-height:56px;font:inherit;border:0;border-radius:8px;font-weight:700}.generate-button:disabled{cursor:not-allowed;opacity:.7}.generated-output{background:#0d1420b8;border:1px solid #334056;border-radius:8px;gap:12px;padding:14px;display:grid}.copy-action{border:1px solid var(--border);background:var(--blue);color:#07111f;cursor:pointer;border-radius:8px;justify-content:center;justify-self:end;align-items:center;gap:8px;width:fit-content;min-height:38px;padding:8px 12px;font-weight:700;display:inline-flex}.copy-action img{width:18px;height:18px;display:block}.generated-output p{color:var(--muted);margin:0;line-height:1.55}.demo-error{color:var(--danger);margin:-2px 0 0;font-size:14px;font-weight:700}.demo-plan-bar{background:#0d14208c;border:1px solid #a9cff83d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.demo-plan-bar>div:first-child{gap:2px;min-width:0;display:grid}.demo-plan-bar strong{color:var(--foreground)}.demo-plan-bar span,.license-status,.quota-message{color:var(--muted);font-size:14px;line-height:1.45}.demo-plan-actions{gap:8px;display:flex}.quota-message{color:var(--danger);margin:-2px 0 0;font-weight:700}.license-activation{border-top:1px solid #263348d9;gap:8px;padding-top:12px;display:grid}.license-activation-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.license-activation input{min-height:40px;padding:0 12px}.license-status{margin:0}.section-band,.examples-section,.how-section,.pricing-section,.contact-section,.download-section,.footer{width:min(1160px,100% - 40px);margin:0 auto}.section-band,.examples-section,.how-section,.pricing-section,.contact-section{padding:72px 0}.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin:0 auto}.section-heading h2,.download-section h2{margin:0;font-size:36px;line-height:1.18}.feature-grid,.step-grid,.pricing-grid{gap:16px;margin-top:28px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.step-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}.feature-grid article,.step-grid article,.price-card,.contact-form,.download-section{border:1px solid var(--border);background:#151d2bc7;border-radius:8px}.feature-grid article,.step-grid article,.price-card{padding:22px}.feature-grid span,.step-grid span{background:var(--blue);width:34px;height:34px;color:var(--blue-dark);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.feature-grid h3,.step-grid h3,.price-card h3{margin:18px 0 8px;font-size:20px}.examples-section{border-top:1px solid #263348d1}.example-showcase{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:18px;margin-top:34px;display:grid}.example-tabs{gap:10px;display:grid}.example-tabs button{border:1px solid var(--border);min-height:64px;color:var(--muted);cursor:pointer;text-align:left;background:#151d2bb8;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:12px 12px 16px;font-weight:700;display:grid;position:relative;overflow:hidden}.example-tabs button.active{color:var(--foreground);background:#ffc0441c;border-color:#ffc044b3}.example-tabs .example-number{background:var(--blue);width:34px;height:34px;color:var(--blue-dark);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.example-title{min-width:0}.example-progress{background:#ffffff29;border-radius:999px;height:3px;position:absolute;bottom:9px;left:12px;right:12px;overflow:hidden}.example-progress:before{transform-origin:0;border-radius:inherit;width:100%;height:100%;animation:exampleProgress var(--example-rotation-ms) linear forwards;content:"";background:#fff;display:block;transform:scaleX(0)}@keyframes exampleProgress{to{transform:scaleX(1)}}.example-stage{border:1px solid var(--border);background:linear-gradient(135deg,#a9cff817,#0000 42%),#151d2bb8;border-radius:8px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;padding:18px;display:grid}.example-panel{border-radius:8px;align-content:start;gap:12px;min-height:250px;padding:20px;display:grid}.request-panel{background:linear-gradient(145deg,#ff4d4f29,#ff4d4f0a),#2a11156b;border:1px solid #ff4d4fbd;box-shadow:inset 0 0 0 1px #ff4d4f24}.response-panel{background:#0a1f1961;border:1px solid #66d28a42}.example-panel span{color:var(--danger);text-transform:uppercase;font-size:13px;font-weight:800}.response-panel span{color:var(--success)}.example-panel p{margin:0;font-size:20px;line-height:1.5}.response-panel p{color:#d4e4f8}.how-section{padding-top:30px}.step-grid article{min-height:210px}.price-card{align-content:start;gap:14px;display:grid}.price-card.highlighted{border-color:#ffc04494;box-shadow:0 18px 58px #ffc04414}.plan-label{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:800}.price-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.price-card li{color:var(--muted);line-height:1.45}.price-card li:before{content:"✓";color:var(--success);margin-right:8px;font-weight:800}.contact-section{grid-template-columns:minmax(0,.9fr) minmax(380px,1fr);align-items:start;gap:34px;display:grid}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;display:grid}.contact-form label{gap:8px;display:grid}.contact-form .full,.contact-form button,.form-status{grid-column:1/-1}.contact-form input{min-height:48px;padding:0 14px}.contact-form textarea{resize:vertical;min-height:130px;padding:14px}.form-status{margin:0;color:var(--success)!important}.download-section{background:linear-gradient(90deg,#151d2bb8,#151d2b33),0 0;border:1px solid #263348d9;border-left:0;border-right:0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:28px;margin-bottom:34px;padding:34px 0;display:grid}.download-section>div:first-child{max-width:620px}.download-actions{justify-items:end;gap:12px;min-width:min(380px,100%);display:grid}.store-note{text-align:right;max-width:360px;margin:0}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:24px 0 34px;display:flex}.footer a{text-decoration:none}.eyebrow{letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-weight:800;color:var(--accent)!important;font-size:13px!important}.modal-backdrop{z-index:20;background:#030712b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.status-modal{background:var(--panel);border:1px solid #ffc04480;border-radius:8px;width:min(420px,100%);padding:24px;position:relative;box-shadow:0 28px 90px #00000073}.license-success-modal{border-color:#a9cff847}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:16px;right:16px}.modal-eyebrow{text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800;color:var(--muted)!important}.status-modal h2{margin:0;font-size:28px}.status-modal p{color:var(--muted);line-height:1.55}@media (max-width:960px){.hero,.contact-section,.download-section{grid-template-columns:1fr}.download-section{align-items:flex-start}.download-actions{justify-items:start}.store-note{text-align:left}.feature-grid,.feature-grid.four-up,.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-showcase,.example-stage{grid-template-columns:1fr}.example-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.example-tabs button{grid-template-columns:1fr}.example-panel{min-height:auto}.demo-plan-bar,.license-activation-row{grid-template-columns:1fr}.demo-plan-actions{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:760px){.topbar,.hero,.section-band,.examples-section,.how-section,.pricing-section,.contact-section,.download-section,.footer{width:min(100% - 28px,640px)}.topbar,.footer{flex-direction:column;align-items:flex-start;gap:14px}.nav-links{grid-template-columns:repeat(4,max-content);justify-content:start;align-items:start;width:100%;max-width:100%;display:grid}.nav-links a{padding-inline:8px}.nav-links .nav-download{grid-column:1/-1;width:max-content;margin-top:4px}.hero{min-height:auto;padding:20px 0 46px}.hero h1{max-width:360px;font-size:32px}.hero-copy,.product-preview{width:100%;max-width:390px}.hero-copy>p{max-width:360px}.feature-grid,.feature-grid.four-up,.step-grid,.pricing-grid,.contact-form,.example-tabs{grid-template-columns:1fr}.example-tabs button{grid-template-columns:38px minmax(0,1fr)}.example-panel p{font-size:17px}.section-heading h2,.download-section h2{font-size:29px}}@media (max-width:460px){.hero h1{font-size:30px}.brand strong{font-size:16px}.hero-actions .button{width:100%}}
