:root{color:#dbeafe;--blue:#0b63ff;--line:#1b2b43;--panel:#081426;--panel2:#0c1a2d;--text:#edf6ff;--muted:#8ea4c2;--soft:#eaf4ff;background:#050d1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#050d1a;min-width:1180px;margin:0}.builder-shell{height:100vh;color:var(--text);background:#06101f;grid-template-columns:104px 260px minmax(720px,1fr) 330px;display:grid;overflow:hidden}.left-rail{background:linear-gradient(#061326,#030914);border-right:1px solid #14263c;flex-direction:column;gap:28px;padding:20px 12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand svg{width:56px;height:36px}.brand .speed{stroke:#1b75ff;stroke-width:5px;stroke-linecap:round}.brand strong,.brand span{text-transform:uppercase;line-height:1;display:block}.brand strong{font-size:18px}.brand span{color:#b7c8e6;letter-spacing:.15em;font-size:11px}.left-rail nav{gap:8px;display:grid}.left-rail nav button{color:#dce9ff;background:0 0;border:0;border-radius:8px;place-items:center;height:42px;font-size:20px;display:grid}.left-rail nav button span{margin-top:4px;font-size:11px}.left-rail nav button.active{color:#fff;background:#0d5fff;box-shadow:0 8px 22px #0b63ff59}.admin{place-items:center;gap:8px;margin-top:auto;display:grid}.admin>span{color:#0d2b55;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.admin div{text-align:center}.admin small{color:#10d075;display:block}.widgets,.inspector{background:#071221;border-right:1px solid #14263c;overflow:auto}.widgets{padding:18px 14px}.panel-head h2{margin:0 0 14px;font-size:16px}.tabs{background:#0b1728;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:6px;display:grid}.tabs button,.inspect-tabs button{color:#9fb3d2;background:0 0;border:0;border-radius:7px;height:40px}.tabs button.active,.inspect-tabs button.active{color:#fff;background:#102a55;box-shadow:inset 0 -2px #0b63ff}.search{color:#9fb3d2;background:#0a1627;border:1px solid #1b3150;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;height:40px;padding:0 10px;display:grid}.search input{color:#fff;background:0 0;border:0;outline:0}.search kbd{color:#8294af;font-size:10px}.widget-section h3{color:#cfe2ff;margin:18px 0 10px;font-size:13px}.widget-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.widget-grid button{color:#f2f7ff;background:#0d1c30;border:1px solid #152944;border-radius:8px;place-items:center;gap:8px;height:76px;display:grid}.widget-grid svg{font-size:22px}.widget-grid span{font-size:12px}.workspace{grid-template-rows:60px 1fr;min-width:0;display:grid}.topbar{background:#07111f;border-bottom:1px solid #172942;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:18px;height:60px;padding:0 16px;display:grid}.topbar button{color:#dbeafe;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;height:36px;padding:0 12px;display:inline-flex}.top-left,.top-actions{align-items:center;gap:8px;display:flex}.divider{background:#1f334d;width:1px;height:26px}.device-switch{gap:12px;display:flex}.device-switch button{background:#0b1a2f;border:1px solid #183150;justify-content:center;width:54px}.device-switch .active{background:#0b63ff;box-shadow:0 10px 28px #0b63ff59}.top-actions{justify-content:end}.top-actions .draft{background:#0d1b2e;border:1px solid #1d3453}.top-actions .publish{background:#0b63ff;justify-content:center;min-width:150px}.site-chip{color:#89a3c7;font-size:12px}.canvas{background:#eff6ff;padding:0 18px 60px;overflow:auto}.page{background:#fff;width:min(1160px,100%);min-height:100%;margin:0 auto;position:relative;box-shadow:0 18px 60px #102b561f}.section-toolbar{z-index:5;background:#0b63ff;border-radius:8px;gap:2px;width:max-content;margin:24px auto -6px;padding:6px;display:flex;position:sticky;top:22px;box-shadow:0 12px 30px #0b63ff52}.section-toolbar button{color:#fff;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 10px;display:inline-flex}.hero{background:linear-gradient(135deg,#fff 0%,#f4f9ff 48%,#eaf4ff 100%);border:1.5px dashed #0b63ff;border-radius:8px;margin:30px 16px 40px;position:relative;overflow:hidden}.edge{color:#fff;z-index:2;background:#0b63ff;border:0;border-radius:8px;place-items:center;width:28px;height:44px;display:grid;position:absolute}.edge-left{top:48%;left:-14px}.edge-right{top:48%;right:-14px}.edge-bottom{border-radius:50%;width:28px;height:28px;bottom:-14px;left:50%}.site-nav{color:#0b1b3f;border-bottom:1px solid #e7eef8;justify-content:space-between;align-items:center;height:86px;padding:0 58px;display:flex}.site-nav .brand svg{width:48px}.site-nav nav{gap:34px;font-size:13px;display:flex}.site-nav a:first-child{color:#0b63ff;text-decoration:underline}.site-nav button{color:#0b1b3f;background:#fff;border:0;border-radius:8px;height:40px;padding:0 18px}.primary{box-shadow:0 10px 24px #0b63ff38;color:#fff!important;background:#0b63ff!important}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:90px 58px 52px;display:grid}.pill{color:#0b63ff;background:#e9f3ff;border-radius:99px;align-items:center;gap:9px;width:max-content;height:30px;padding:0 16px;font-size:13px;display:flex}.pill span{background:#0b63ff;border-radius:50%;width:4px;height:4px}.pill.small{height:26px;font-size:12px}.hero h1{color:#091638;letter-spacing:-.02em;margin:28px 0 20px;font-size:48px;line-height:1.15}.hero h1 strong{color:#0b63ff;text-underline-offset:8px;text-decoration:underline}.hero p{color:#47607f;max-width:560px;font-size:17px;line-height:1.65}.hero-actions{gap:16px;margin-top:30px;display:flex}.hero-actions button{color:#0b1b3f;background:#fff;border:1px solid #dce8f7;border-radius:8px;align-items:center;gap:10px;height:50px;padding:0 28px;font-weight:700;display:inline-flex}.hero-art{height:420px;position:relative}.floating-card{color:#0b1b3f;background:#fff;border:1px solid #dce8f7;border-radius:8px;position:absolute;box-shadow:0 20px 50px #2b57962e}.toolbar{align-items:center;gap:16px;height:42px;padding:0 18px;display:flex;top:34px;left:72px;transform:rotate(-5deg)}.image{z-index:3;place-items:center;width:74px;height:82px;display:grid;top:190px;left:34px;transform:rotate(8deg)}.image svg{color:#0b63ff;font-size:24px}.browser-card{background:#fff;border:1px solid #dce8f7;border-radius:14px;width:430px;height:270px;padding:26px;position:absolute;top:70px;right:6px;transform:rotate(-6deg);box-shadow:0 30px 70px #2b579638}.dots{text-align:right;height:22px}.dots i{background:#b7c8e6;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.browser-content{grid-template-columns:1fr 160px;align-items:center;gap:20px;display:grid}.browser-content h2{color:#091638;line-height:1.1}.browser-content h2 strong{color:#0b63ff}.browser-content p{font-size:12px;line-height:1.5}.browser-content button{color:#fff;background:#0b63ff;border:0;border-radius:6px;height:38px;padding:0 16px}.mountain{background:linear-gradient(145deg,#d8ecff,#79b7ff 45%,#0d5fcf);border-radius:10px;height:160px;position:relative;overflow:hidden}.mountain:before,.mountain:after{content:"";border-left:70px solid #0000;border-right:70px solid #0000;position:absolute;bottom:0}.mountain:before{border-bottom:90px solid #1359b9;left:-15px}.mountain:after{border-bottom:115px solid #0a3f91;right:-30px}.feature-strip{background:#ffffffb8;border:1px solid #e4edf8;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:0 58px 72px;padding:16px;display:grid}.feature-strip article{border-right:1px solid #e6edf6;align-items:center;gap:14px;padding:0 18px;display:flex}.feature-strip article:last-child{border-right:0}.feature-strip span,.below article span{color:#0b63ff;background:#e8f3ff;border-radius:10px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.feature-strip strong,.feature-strip small{color:#0b1b3f;display:block}.feature-strip small{color:#526987}.below{color:#0b1b3f;grid-template-columns:1.1fr repeat(3,1fr);gap:22px;padding:0 42px 64px;display:grid}.below h2{font-size:28px;line-height:1.25}.below article{background:#fff;border:1px solid #e7eef8;border-radius:14px;padding:26px;box-shadow:0 14px 35px #2b579614}.below article p{color:#526987;line-height:1.6}.inspector{border-left:1px solid #14263c;border-right:0}.inspect-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;display:grid}.inspect-tabs button{place-items:center;height:48px;font-size:12px;display:grid}.inspect-tabs svg{font-size:18px}.inspect-body{padding:0 16px 28px}.inspect-body h2{align-items:center;gap:8px;font-size:16px;display:flex}.inspect-body label{color:#c9dbf5;margin:12px 0;font-size:13px;display:block}.copy-input,.color-row,.range,.toggle-row{align-items:center;gap:8px;margin-top:8px;display:flex}.copy-input input,.range input:first-child,.inspect-body select{color:#fff;background:#0b1728;border:1px solid #1c3555;border-radius:7px;flex:1;height:38px;padding:0 10px}.mode-tabs,.segmented{background:#0b1728;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.mode-tabs button,.segmented button{color:#9fb3d2;background:0 0;border:0;border-radius:7px;height:36px}.mode-tabs .active,.segmented .active{color:#fff;background:#102a55}.setting-group{border-top:1px solid #18304d;padding:18px 0}.setting-group h3{justify-content:space-between;margin:0 0 12px;font-size:14px;display:flex}.color-row span{border:1px solid #dce8f7;border-radius:6px;width:28px;height:28px}.color-row input{color:#fff;background:#0b1728;border:1px solid #1c3555;border-radius:7px;width:96px;height:38px;padding:0 10px}.range input[type=range]{accent-color:#0b63ff}.box-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.box-grid input{color:#fff;text-align:center;background:#0b1728;border:1px solid #1c3555;border-radius:7px;height:38px}.toggle{background:#28415f;border:0;border-radius:20px;width:42px;height:22px;margin-left:auto}.toggle.active{background:#0b63ff}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;margin:2px 2px 2px auto;display:block}