:root{--orange: #f97316;--orange-dark: #c2410c;--ink: #151515;--muted: #666666;--line: #e8e8e8;--surface: #ffffff;--soft: #f6f6f6;--panel: #202020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.site-header{align-items:center;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:18px clamp(20px,5vw,72px);position:sticky;top:0;z-index:20}.brand{background:none;border:0;color:var(--ink);font-size:24px;font-weight:900}.main-nav,.admin-nav,.inline-actions,.hero-actions,.demo-actions{display:flex;gap:10px}.main-nav button,.admin-nav button{background:transparent;border:0;color:var(--muted);padding:10px 12px}.main-nav button.active,.admin-nav button.active{color:var(--ink);font-weight:800}.button{align-items:center;border-radius:8px;border:1px solid transparent;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:0 18px;text-decoration:none}.button.primary{background:var(--orange);color:#fff}.button.primary:hover{background:var(--orange-dark)}.button.ghost{background:#ffffff;border-color:var(--line);color:var(--ink)}.button.small{min-height:38px}.button.full{width:100%}.hero{align-items:center;background:linear-gradient(135deg,#ffffff 0%,#f2f2f2 100%);display:grid;gap:36px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);min-height:620px;padding:72px clamp(20px,5vw,72px)}.hero-content,.page-hero,.section{max-width:1180px}.hero-content h1,.page-hero h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:14px 0 20px;max-width:900px}.hero-content p,.page-hero p{color:var(--muted);font-size:20px;line-height:1.6;max-width:720px}.eyebrow{color:var(--orange-dark);font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-panel{background:var(--panel);border-radius:8px;color:#fff;display:grid;gap:8px;padding:32px}.hero-panel span{color:#ffcfb0;font-weight:800}.hero-panel strong{font-size:38px}.hero-panel small{color:#d8d8d8;margin-bottom:18px}.section,.page-hero{margin:0 auto;padding:72px clamp(20px,5vw,72px)}.page-hero{background:#f7f7f7;max-width:none}.page-hero>*{margin-left:auto;margin-right:auto;max-width:1180px}.page-hero.compact{min-height:520px}.split{display:grid;gap:40px;grid-template-columns:.8fr 1.2fr}.feature-grid,.stat-grid,.demo-grid,.pricing-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(3,1fr)}.pricing-section{display:grid;gap:24px;grid-template-columns:.7fr 1.3fr}.pricing-grid{grid-template-columns:repeat(4,1fr)}.price-card{background:#151515;border-radius:8px;color:#fff;display:grid;gap:8px;padding:22px}.price-card span,.price-card small{color:#dedede}.price-card strong{font-size:28px}.feature-grid>div,.stat-card,.editor-panel,.login-panel,.contact-box{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:22px}.toolbar{align-items:end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}label{color:var(--muted);display:grid;gap:8px;font-size:13px;font-weight:800}input,select,textarea{background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}.segmented{background:#eeeeee;border-radius:8px;display:flex;padding:4px}.segmented button{background:transparent;border:0;border-radius:6px;font-weight:800;min-height:38px;padding:0 16px}.segmented button.active{background:#ffffff;color:var(--orange-dark)}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.demo-image{aspect-ratio:16 / 10;background:#eaeaea;position:relative}.demo-image img{height:100%;object-fit:cover;width:100%}.demo-image span:not(.badge){display:grid;height:100%;place-items:center}.badge{background:var(--orange);border-radius:999px;color:#fff;font-size:12px;font-weight:900;left:14px;padding:7px 10px;position:absolute;top:14px}.demo-body{display:grid;gap:14px;padding:20px}.demo-body h3,.feature-grid h3{margin:0}.demo-body p,.feature-grid p{color:var(--muted);line-height:1.5;margin:0}.demo-meta{color:var(--muted);display:flex;font-size:13px;font-weight:800;justify-content:space-between;text-transform:uppercase}.site-footer{align-items:center;background:var(--ink);color:#fff;display:flex;gap:16px;justify-content:space-between;padding:28px clamp(20px,5vw,72px)}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#151515;color:#fff;display:flex;flex-direction:column;gap:24px;padding:24px}.admin-brand{color:#fff;text-align:left}.admin-nav{flex-direction:column}.admin-nav button{border-radius:8px;color:#cfcfcf;text-align:left}.admin-nav button.active{background:#2a2a2a;color:#fff}.admin-content{background:#f7f7f7;padding:34px}.admin-head,.section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-head h1,.section-head h1{margin:6px 0 0}.stat-grid{grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card span{color:var(--muted);display:block;font-weight:800;margin-bottom:10px}.stat-card strong{font-size:36px}.admin-section{margin-top:28px}.editor-panel{display:grid;gap:16px;margin-bottom:24px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.table{background:#ffffff;border:1px solid var(--line);border-radius:8px;overflow-x:auto}.table-row{align-items:center;border-top:1px solid var(--line);display:grid;gap:16px;grid-template-columns:repeat(4,minmax(130px,1fr));min-width:720px;padding:15px 18px}.table-row:first-child{border-top:0}.table-head{background:#f1f1f1;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.table.wide .table-row{grid-template-columns:repeat(6,minmax(140px,1fr));min-width:980px}.demos-table .table-row{grid-template-columns:repeat(5,minmax(130px,1fr));min-width:900px}.row-actions{display:flex;gap:8px}.row-actions button{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.login-page{background:#f5f5f5;display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{display:grid;gap:16px;max-width:420px;width:100%}.modal-backdrop{background:rgba(0,0,0,.55);top:0;right:0;bottom:0;left:0;padding:24px;position:fixed;z-index:50;overflow-y:auto}.modal-panel{background:#ffffff;border-radius:8px;display:grid;gap:16px;margin:40px auto;max-width:820px;padding:26px}.modal-head{align-items:start;display:flex;justify-content:space-between}.icon-button{background:#f1f1f1;border:0;border-radius:8px;height:38px;width:38px}.form-error{color:#b42318;font-weight:800}.success-box,.empty-state{background:#fff4ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-weight:800;padding:18px}@media (max-width: 900px){.site-header,.site-footer,.toolbar,.admin-head,.section-head{align-items:stretch;flex-direction:column}.hero,.split,.admin-shell,.feature-grid,.demo-grid,.pricing-grid,.stat-grid,.form-grid,.pricing-section{grid-template-columns:1fr}.admin-sidebar{position:static}.main-nav{overflow-x:auto}.demo-actions{flex-direction:column}}