*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1f2430}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:24px;padding:10px 18px;background:#171b23;color:#f4f6f9;box-shadow:0 1px 4px #00000040;z-index:5}.brand{font-weight:700;font-size:16px;white-space:nowrap;display:flex;align-items:center;gap:8px}.logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:15px;background:linear-gradient(135deg,#2f80ed,#27ae60);color:#fff}.tagline{font-size:11px;font-weight:400;color:#7b8698;letter-spacing:.5px}.tag{font-size:11px;font-weight:500;color:#9aa4b5;margin-left:6px;padding:2px 8px;border:1px solid #313a49;border-radius:20px}.tag.client{color:#7dd87d;border-color:#2c5b2c}.tag.error{color:#ff8a80;border-color:#6e2b26}.steps{display:flex;gap:6px;flex:1}.step{border:1px solid #313a49;background:transparent;color:#c6cedd;padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px}.step.on{background:#2f80ed;border-color:#2f80ed;color:#fff;font-weight:600}.step:disabled{opacity:.4;cursor:default}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.view-controls,.zoom-controls{display:inline-flex;gap:3px}.zoom-controls{padding-left:6px;margin-left:2px;border-left:1px solid #313a49}.topbar .zoom-button{width:30px;padding-left:0;padding-right:0;font-size:17px;font-weight:700}.topbar .zoom-value{width:52px;padding-left:4px;padding-right:4px;font-variant-numeric:tabular-nums}.topbar .btn{background:transparent;color:#c6cedd;border:1px solid #313a49}.topbar .btn.on{background:#2b3444;color:#fff;border-color:#4a5568}.topbar .btn:hover:not(:disabled){background:#232a37}.topbar .btn.send{background:linear-gradient(90deg,#2f80ed,#27ae60);border:none;color:#fff;font-weight:600}.topbar .btn.send:hover:not(:disabled){filter:brightness(1.1)}.topbar .btn.send:disabled{opacity:.4}.body{display:flex;flex:1;min-height:0;position:relative}.sidebar{width:260px;padding:16px;overflow-y:auto;background:#fff;border-right:1px solid #e2e6ec}.sidebar h2{font-size:14px;margin:0 0 6px}.hint{font-size:12px;color:#6b7482;margin:0 0 14px;line-height:1.45}.canvas-wrap{flex:1;min-width:0;min-height:0;padding:12px;display:flex;overflow:auto;overscroll-behavior:contain;position:relative}.canvas-zoom-surface{flex:none;display:flex;min-width:1px;min-height:1px;transform-origin:top left;transition:width .14s ease-out,height .14s ease-out}.empty{margin:auto;color:#8b93a1;font-size:15px;border:2px dashed #ccd2da;padding:40px 60px;border-radius:14px;background:#fff}.shelf-card{display:block;width:100%;text-align:left;margin-bottom:10px;padding:12px;border:1px solid #dde2e9;border-radius:10px;background:#fbfcfe;cursor:pointer}.shelf-card:hover{border-color:#2f80ed;background:#f0f6ff}.sc-name{font-weight:600;font-size:14px}.sc-desc{font-size:12px;color:#6b7482;margin-top:3px}.product-card{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:8px;border:1px solid #e2e6ec;border-radius:10px;background:#fbfcfe;cursor:grab;-webkit-user-select:none;user-select:none}.product-card:hover{border-color:#2f80ed}.product-card:active{cursor:grabbing}.mini-can{width:26px;height:52px;border-radius:6px 6px 5px 5px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;border-top:3px solid #d5d9de;box-shadow:inset -5px 0 8px #00000047,inset 4px 0 6px #ffffff38}.pc-name{font-size:13px;font-weight:600}.pc-price{font-size:12px;color:#6b7482}.btn{padding:7px 12px;border-radius:8px;border:1px solid #d3d9e1;background:#fff;color:#1f2430;font-size:13px;cursor:pointer}.btn:hover:not(:disabled){border-color:#2f80ed}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:#2f80ed;border-color:#2f80ed;color:#fff;font-weight:600}.btn.primary:hover{background:#2569c8}.btn.danger{background:#fff2f1;border-color:#f0b6b0;color:#c0392b}.btn.block{display:block;width:100%;margin-bottom:8px}.divider{height:1px;background:#e5e9ef;margin:14px 0}.icon-btn{border:none;background:none;font-size:14px;cursor:pointer;color:#6b7482}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e73;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:14px;padding:20px 22px;width:340px;box-shadow:0 18px 50px #0000004d}.modal h3{margin:0 0 14px;font-size:16px}.modal label,.editor-panel label{display:block;font-size:12px;font-weight:600;color:#49505c;margin-bottom:12px}.modal input,.modal select,.editor-panel input{display:block;width:100%;margin-top:4px;padding:7px 10px;border:1px solid #d3d9e1;border-radius:8px;font-size:14px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal.saved-planograms-modal{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.draft-save-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:18px 0 8px}.draft-save-row input{margin:0}.draft-list{display:grid;gap:10px;margin:18px 0}.draft-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #e2e6ec;border-radius:10px;background:#fafbfd}.draft-card>div:first-child{display:grid;gap:4px;min-width:0}.draft-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card span{color:#7a8492;font-size:12px}.draft-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.form-row{display:grid;grid-template-columns:1fr 100px;gap:10px}.seg{display:flex;gap:6px;margin-top:4px}.seg button{flex:1;padding:7px;border:1px solid #d3d9e1;border-radius:8px;background:#fff;cursor:pointer;font-size:13px}.seg button.on{background:#2f80ed;border-color:#2f80ed;color:#fff;font-weight:600}.billing-backdrop{padding:22px;overflow-y:auto;align-items:flex-start}.modal.pricing-modal{width:min(980px,calc(100vw - 32px));margin:auto;padding:28px;color:#1f2430;max-height:calc(100vh - 44px);overflow-y:auto}.pricing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}.pricing-head h2{margin:2px 0 8px;font-size:28px}.pricing-head p{margin:0;color:#687386;line-height:1.5}.pricing-kicker{color:#2f80ed!important;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.pricing-close{font-size:18px}.pricing-section-title{margin:0 0 12px;font-size:14px;color:#465166}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-card{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid #dfe4eb;border-radius:14px;background:#fbfcfe}.pricing-card.featured{border:2px solid #2f80ed;padding:19px;box-shadow:0 10px 30px #2f80ed1f}.pricing-badge{position:absolute;top:-11px;right:14px;padding:4px 9px;border-radius:20px;background:#2f80ed;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.pricing-card h3{margin:0 0 10px;font-size:17px}.pricing-price{display:flex;align-items:baseline;margin-bottom:14px}.pricing-price strong{font-size:30px}.pricing-price span{color:#7b8698;font-size:12px}.pricing-card ul{flex:1;padding-left:18px;margin:0 0 18px;color:#4e596b;font-size:13px;line-height:1.65}.pricing-card .btn{text-align:center;text-decoration:none}.payg-card{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:24px;margin-top:18px;padding:20px 22px;border-radius:14px;background:linear-gradient(110deg,#eef5ff,#eef9f2);border:1px solid #cbdced}.payg-card h3{margin:2px 0 5px;font-size:18px}.payg-card p{margin:0;color:#5d697b;font-size:13px;line-height:1.5}.payg-card .payg-features{display:flex;flex-wrap:wrap;gap:4px 22px;margin:9px 0 0;padding-left:18px;color:#4e596b;font-size:12px;line-height:1.45}.payg-card .btn{text-decoration:none;white-space:nowrap}.payg-prices{display:flex;gap:16px}.payg-prices>div{display:flex;flex-direction:column;min-width:88px}.payg-prices strong{font-size:24px}.payg-prices span{color:#667286;font-size:11px}.pricing-note{margin:14px 0 0;color:#8993a2;font-size:11.5px}.modal.payment-modal,.modal.completion-modal{width:min(430px,calc(100vw - 32px));text-align:center}.payment-icon,.completion-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#eef5ff;color:#2f80ed;font-size:22px;font-weight:900}.completion-icon{background:#eaf8ef;color:#21864c}.payment-summary{display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:13px 15px;border-radius:10px;background:#f3f5f8;color:#4f596a;font-size:13px}.payment-summary strong{color:#171b23;font-size:22px}.payment-message{padding:9px 11px;border-radius:8px;background:#fff7e6;color:#8a5b00;font-size:12px;line-height:1.45}.completion-modal p{color:#566174;line-height:1.55}.tag.plan{color:#c8d5e8;border-color:#425169}.editor-panel{position:absolute;top:16px;right:16px;width:240px;background:#fff;border:1px solid #e2e6ec;border-radius:14px;padding:14px 16px;box-shadow:0 8px 30px #00000024;z-index:20}.ep-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ep-head h3{margin:0;font-size:14px}.swatches{display:flex;gap:6px;margin-top:6px}.swatch{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:#1f2430}.btn.dashed{border-style:dashed;color:#5a6270;background:#fbfcfe}.btn.small{padding:5px 8px;font-size:12px}.btn.on{background:#eaf2ff;border-color:#2f80ed}.language-switch{display:inline-flex;align-items:center;flex:none;padding:2px;border:1px solid #ccd3de;border-radius:9px;background:#eef1f5}.language-switch button{min-width:34px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:#647084;font:700 11px/1.2 system-ui,sans-serif;cursor:pointer;letter-spacing:.4px}.language-switch button.on{background:#fff;color:#1f66c4;box-shadow:0 1px 4px #0f192829}.language-switch.dark{border-color:#313a49;background:#11151c}.language-switch.dark button{color:#8290a4}.language-switch.dark button.on{background:#2f80ed;color:#fff;box-shadow:none}.shape-picker{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#49505c}.check.small{font-size:12px;font-weight:400}.check.muted{opacity:.55}.check input{width:auto!important;margin:0!important;display:inline!important}.mini-can.photo{padding:0;overflow:hidden;background:transparent;border-top-color:transparent;box-shadow:none}.mini-can.photo img{width:100%;height:100%;object-fit:contain}.mini-can.shape-squeeze-bottle,.mini-can.shape-bottle{clip-path:polygon(36% 0,64% 0,64% 9%,87% 17%,96% 100%,4% 100%,13% 17%,36% 9%)}.mini-can.shape-pouch{width:31px;clip-path:polygon(8% 0,92% 0,100% 96%,90% 100%,10% 100%,0 96%)}.dropzone{border:2px dashed #c4cbd6;border-radius:12px;background:#f8fafc;padding:18px;text-align:center;font-size:13px;color:#5a6270;cursor:pointer;margin-bottom:14px;transition:all .15s}.dropzone.over,.dropzone:hover{border-color:#2f80ed;background:#eef5ff}.dz-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.can-preview{position:relative;width:62px;height:122px;border-radius:10px 10px 8px 8px;overflow:hidden;border-top:5px solid #d5d9de;box-shadow:0 4px 12px #0000002e}.can-preview img{width:100%;height:100%;object-fit:cover}.can-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0006,#00000005 25%,#ffffff52 45%,#ffffff0a 62%,#0000006b)}.admin{display:flex;flex-direction:column;height:100%}.admin-cols{display:flex;flex:1;min-height:0;gap:1px;background:#e2e6ec}.admin-col{background:#fff;padding:16px;overflow-y:auto;width:250px;flex:none}.admin-col.wide{flex:1;width:auto}.admin-col h3{font-size:13px;margin:0 0 12px;color:#49505c;text-transform:uppercase;letter-spacing:.4px}.admin-item{display:flex;align-items:center;gap:6px;padding:9px 10px;margin-bottom:6px;border-radius:9px;border:1px solid #e2e6ec;cursor:pointer;background:#fbfcfe}.admin-item:hover{border-color:#9db9e8}.admin-item.on{border-color:#2f80ed;background:#eef5ff}.ai-name{flex:1;font-size:13px;font-weight:600}.ai-meta{font-size:11px;color:#8b93a1;background:#eef0f4;border-radius:10px;padding:1px 7px}.add-row{display:flex;gap:6px;margin-top:10px}.add-row input{flex:1;padding:7px 10px;border:1px solid #d3d9e1;border-radius:8px;font-size:13px;min-width:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:12px}.admin-product{display:flex;gap:10px;align-items:center;border:1px solid #e2e6ec;border-radius:10px;padding:10px;background:#fbfcfe}.ap-fields{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.ap-fields input{padding:5px 8px;border:1px solid #d3d9e1;border-radius:7px;font-size:13px;width:100%}.ap-price{display:flex;align-items:center;gap:6px}.ap-price span{font-size:10px;color:#657083;font-weight:700}.product-source{display:flex;align-items:center;gap:7px;font-size:10.5px;color:#7c8798}.product-source span{padding:1px 5px;border-radius:5px;background:#edf2f8;font-weight:700}.product-source a{color:#2f80ed;text-decoration:none}.import-success{color:#21864c;background:#eef9f2;border:1px solid #c8ead5;border-radius:8px;padding:8px 10px;font-size:12px}.modal.import-modal{width:min(680px,calc(100vw - 34px));max-height:calc(100vh - 34px);overflow-y:auto}.package-dropzone{min-height:128px;border:2px dashed #aeb8c8;border-radius:14px;background:#f7f9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#647084;cursor:pointer;padding:18px;transition:border-color .15s,background .15s}.package-dropzone strong{color:#28354a;font-size:15px}.package-dropzone.over,.package-dropzone:hover{border-color:#2f80ed;background:#eef5ff}.import-targets{margin-top:16px}.import-targets>label{margin-bottom:10px}.import-preview-list{border-top:1px solid #e5e9ef;padding-top:10px;margin-top:12px}.import-preview-product{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:5px 0;font-size:12px}.import-preview-product img{width:25px;height:44px;object-fit:contain}.import-preview-product strong{font-size:11px;color:#4d586b}.shares{padding:22px;overflow-y:auto;max-width:760px}.share-card{background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:16px;margin-bottom:14px}.share-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#49505c}.share-label{flex:1;font-weight:600;padding:7px 10px;border:1px solid #d3d9e1;border-radius:8px;font-size:14px}.share-code{width:110px;padding:7px 10px;border:1px solid #d3d9e1;border-radius:8px;font-family:monospace;font-size:14px;letter-spacing:1px}.share-scope{margin-bottom:12px}.scope-cat{margin-bottom:8px}.scope-groups{margin:6px 0 0 24px;display:flex;flex-direction:column;gap:5px}.share-link{display:flex;align-items:center;gap:10px;background:#f4f6f9;border-radius:9px;padding:8px 12px}.share-billing{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 13px;padding:11px 12px;border-radius:9px;background:#f4f6f9}.share-billing label{display:flex;flex-direction:column;gap:4px;color:#697487;font-size:10.5px;font-weight:700}.share-billing select,.share-billing input{height:32px;padding:5px 8px;border:1px solid #ccd3dd;border-radius:7px;background:#fff;font-size:12px}.share-billing input{width:78px}.share-usage{align-self:center;color:#566174;font-size:12px;font-weight:600}.share-link code{flex:1;font-size:12px;color:#2b3444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-drawer{position:absolute;top:0;right:0;bottom:0;width:min(430px,100%);background:#fff;border-left:1px solid #e2e6ec;box-shadow:-8px 0 30px #0f142014;padding:18px 20px;overflow-y:auto;z-index:25;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.stat-section{border-bottom:1px solid #eef1f5;padding:14px 0}.stat-section h4{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7482}.stat-big{font-size:28px;font-weight:800;margin-bottom:8px;color:#171b23}.stat-row{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:6px;color:#3c434f}.stat-row.spread{justify-content:space-between}.stat-row abbr{text-decoration:none;cursor:help;color:#9aa4b5}.stat-note{font-size:11.5px;color:#8b93a1;margin:6px 0 0;line-height:1.45}.stat-note.center{text-align:center}.opportunity-section{margin:8px -9px;padding:16px 10px 18px;border:1px solid #cfe0f6;border-radius:13px;background:linear-gradient(145deg,#f5f9ff,#f7fbf8)}.opportunity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.opportunity-heading h4{margin:0;color:#1d5fae}.opportunity-heading>span{padding:4px 8px;border-radius:20px;background:#dcecff;color:#1d5fae;font-size:9.5px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.opportunity-intro{margin:8px 0 14px;color:#65758a}.opportunity-field,.opportunity-input-grid label{display:grid;gap:5px;color:#465166;font-size:11px;font-weight:700}.opportunity-field{margin:0 0 12px}.opportunity-field select,.opportunity-input-grid input{width:100%;min-width:0;height:34px;padding:6px 8px;border:1px solid #c9d5e4;border-radius:8px;background:#fff;color:#253247;font-size:12px}.opportunity-field input[type=range]{width:100%;accent-color:#2f80ed}.spread-label,.opportunity-availability-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.opportunity-availability{margin-bottom:10px;padding:10px 11px;border:1px solid #dbe6f2;border-radius:9px;background:#ffffffb8}.opportunity-availability-meta{color:#526074;font-size:11.5px}.opportunity-availability-meta strong{font-size:15px}.opportunity-availability-bar{height:10px;margin:7px 0 5px;overflow:hidden;border-radius:6px;background:#f3c9c5}.opportunity-availability-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f80ed,#27ae60);transition:width .2s ease}.opportunity-availability small{color:#778498;font-size:10.5px}.opportunity-presets{display:flex;gap:6px;margin:0 0 12px}.opportunity-presets .btn{flex:1;padding-left:5px;padding-right:5px;font-size:10.5px}.opportunity-presets .danger.on{border-color:#d84332;background:#fdebea;color:#b92d21}.opportunity-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.opportunity-input-grid label>span:first-child{min-height:26px}.opportunity-input-grid abbr{text-decoration:none;color:#8491a3;cursor:help}.input-suffix{position:relative}.input-suffix input{padding-right:26px}.input-suffix>span{position:absolute;right:9px;top:9px;color:#8491a3;font-size:11px}.opportunity-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.opportunity-results>div{display:grid;gap:4px;min-height:67px;padding:10px;border:1px solid #d9e3ef;border-radius:9px;background:#fff}.opportunity-results span{color:#738095;font-size:10px;line-height:1.25}.opportunity-results strong{align-self:end;color:#253247;font-size:17px}.opportunity-results .primary-result{border-color:#a9d7bd;background:#eef9f3}.opportunity-results .primary-result strong{color:#187344}.opportunity-monthly{margin:10px 0 0;padding:9px 10px;border-radius:8px;background:#fff6df;color:#805b0d;font-size:11px;font-weight:650;line-height:1.4}.opportunity-method{margin-top:10px;color:#738095;font-size:10.5px;line-height:1.45}.opportunity-method summary{color:#516075;cursor:pointer;font-weight:700}.opportunity-method p{margin:7px 0}.opportunity-method a{color:#246fc2}.warn{color:#d84332}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.mine{background:#2f80ed}.dot.comp{background:#c0c7d2}.bar{height:8px;border-radius:5px;background:#e8ecf1;overflow:hidden;margin:4px 0}.bar-fill{height:100%;border-radius:5px;transition:width .25s}.level-table{margin-top:12px}.level-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.lv-name{width:92px;font-size:11.5px;color:#49505c;flex:none}.lv-name em{color:#9aa4b5;font-style:normal;font-size:10.5px}.lv-bar{flex:1;display:flex;height:10px;border-radius:5px;overflow:hidden;background:#f0f2f6}.lv-mine{background:#2f80ed}.lv-comp{background:#c9d0da}.lv-empty{flex:1}.lv-meta{width:40px;text-align:right;font-size:11px;color:#8b93a1;flex:none}.score-pair{display:flex;gap:10px}.score-box{flex:1;text-align:center;padding:10px;border-radius:10px;background:#eef5ff;border:1px solid #d5e4fb}.score-box.comp{background:#f4f6f9;border-color:#e2e6ec}.score-num{font-size:26px;font-weight:800;color:#1d5cb8}.score-box.comp .score-num{color:#5a6270}.score-label{font-size:11px;color:#7b8698;text-transform:uppercase;letter-spacing:.4px}.stat-input{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:600;color:#49505c;margin-bottom:10px}.stat-input input{width:70px;padding:6px 8px;border:1px solid #d3d9e1;border-radius:8px;font-size:13px}.stock-table{margin-top:8px}.stock-row{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:5px 0;border-bottom:1px dashed #eef1f5}.st-name{flex:1;font-weight:600;color:#2b3444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-meta{color:#8b93a1;flex:none}.st-cover{font-weight:700;flex:none}.btn.big{padding:12px;font-size:14px;margin-top:16px}.side-sect{margin:16px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8b93a1;border-bottom:1px solid #eef1f5;padding-bottom:5px}.promo-side-title{margin-top:0}.promo-mode-button{text-align:left}.promo-mode-button.on{background:#eaf2ff;border-color:#2f80ed;color:#175cae;font-weight:700;box-shadow:0 0 0 2px #2f80ed14}.promo-button-icon{display:inline-grid;place-items:center;width:22px;height:18px;margin-right:5px;border-radius:4px;background:#ffd60a;color:#664e00;font-size:10px;vertical-align:-2px}.promo-button-icon.price{background:#fff;border:1px solid #d90429;color:#d90429;font-size:11px;font-weight:900}.promo-canvas-prompt{position:absolute;z-index:18;top:16px;left:50%;max-width:min(460px,calc(100% - 24px));padding:9px 14px;border:1px solid #9fc4f7;border-radius:22px;background:#eaf2fff5;color:#175cae;box-shadow:0 5px 18px #214e8924;font-size:12px;font-weight:700;text-align:center;pointer-events:none;transform:translate(-50%)}.modal.price-color-modal{width:min(430px,calc(100vw - 32px))}.price-color-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.price-color-head h3{margin:3px 0 0;font-size:18px}.price-color-kicker{color:#2f80ed;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.price-color-description{margin-top:10px}.price-label-preview{display:grid;gap:5px;width:min(285px,100%);min-height:78px;margin:18px auto;padding:11px 16px 9px;border:1px solid rgba(40,48,60,.25);border-radius:6px;text-align:center;box-shadow:0 5px 14px #1923321a}.price-label-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.price-label-preview strong{font-size:25px;line-height:1.1}.price-color-input-row{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center}.modal .price-color-input-row input[type=color]{width:52px;height:38px;margin:4px 0 0;padding:3px;cursor:pointer}.price-color-input-row input[type=text]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.4px}.price-color-presets{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 18px}.price-color-swatch{width:31px;height:31px;padding:0;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #cbd2dc;cursor:pointer}.price-color-swatch.on{box-shadow:0 0 0 2px #2f80ed;transform:scale(1.06)}.price-color-actions{flex-wrap:wrap}.price-color-actions .btn:first-child{margin-right:auto}.pc-remove{border:none;background:#f4f5f7;color:#8b93a1;width:22px;height:22px;border-radius:6px;cursor:pointer;font-size:11px;flex:none}.pc-remove:hover{background:#fdeceb;color:#d84332}.client-folder{margin-bottom:22px}.client-folder h3{font-size:14px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.sub-card{display:flex;gap:14px;align-items:flex-start}.sub-thumb{flex:none;width:120px;border:1px solid #e2e6ec;border-radius:9px;padding:0;overflow:hidden;cursor:pointer;background:#fff}.sub-thumb img{display:block;width:100%;height:auto}.sub-thumb:hover{border-color:#2f80ed}.sub-body{flex:1;min-width:0}.shelf3d{position:relative;flex:1;min-width:0;border-radius:12px;overflow:hidden}.shelf3d canvas{display:block;width:100%!important;height:100%!important}.shelf3d-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#171b23d1;color:#dfe5ee;font-size:12px;padding:7px 14px;border-radius:20px;pointer-events:none;white-space:nowrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#171b23;color:#fff;font-size:13px;padding:11px 18px;border-radius:10px;z-index:200;box-shadow:0 10px 30px #0000004d;animation:slide-up .2s ease-out}@keyframes slide-up{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast.danger{background:#c0392b}.tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:auto}.tour-layer.tour-welcome{background:#0a0e16b8}.tour-spotlight{position:fixed;border-radius:13px;pointer-events:none;box-shadow:0 0 0 9999px #0a0e16b8,0 0 0 3px #5b9dfff2;transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease}.tour-card{position:fixed;min-height:190px;padding:20px 21px 17px;background:#fff;border:1px solid #dfe5ed;border-radius:15px;box-shadow:0 20px 65px #00000059;color:#1f2430;max-height:calc(100vh - 24px);overflow-y:auto}.tour-kicker{color:#2f80ed;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;margin-bottom:7px}.tour-card h2{margin:0 0 8px;font-size:20px}.tour-card p{margin:0;color:#5d6675;font-size:13.5px;line-height:1.55}.tour-progress{display:flex;gap:5px;margin:15px 0 13px}.tour-progress span{width:18px;height:4px;border-radius:3px;background:#dfe4eb}.tour-progress span.on{background:#2f80ed}.tour-actions{display:flex;align-items:center;gap:7px}.tour-spacer{flex:1}@media (max-width: 1180px){.topbar{gap:10px;flex-wrap:wrap}.steps{order:3;width:100%}.toolbar{margin-left:auto}}.modal textarea{display:block;width:100%;margin-top:4px;resize:vertical;padding:7px 10px;border:1px solid #d3d9e1;border-radius:8px;font-size:13px;font-family:inherit}.landing{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 75% 10%,rgba(47,128,237,.16),transparent 60%),radial-gradient(700px 420px at 15% 90%,rgba(39,174,96,.1),transparent 60%),#0b0d12;color:#eef1f6}.landing-top{padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-logo{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:.3px}.landing-by{font-size:12px;font-weight:400;color:#7d879a;margin-left:6px;letter-spacing:.6px}.landing-by strong{color:#b9c2d4;letter-spacing:1.5px}.landing-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.landing-xr4mark-link{padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#c9d3e2;background:transparent;font:700 12.5px/1.2 system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.landing-xr4mark-link:hover{color:#fff;border-color:#56c8ff8c;background:#2f80ed1f}.landing-demo-link{color:#fff;border-color:#40bf808c;background:#27ae6024}.landing-demo-link:hover{border-color:#4cd490;background:#27ae603d}.landing-hero{flex:1;display:grid;grid-template-columns:minmax(520px,720px) minmax(340px,460px);align-items:center;justify-content:center;gap:clamp(30px,3.5vw,56px);width:100%;padding:34px 48px 54px}.landing-copy{max-width:720px}.landing-kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2.3px;color:#8e9bb0;margin:0 0 18px}.landing h1{font-size:clamp(40px,3.65vw,56px);line-height:1.09;margin:0 0 22px;font-weight:850;letter-spacing:-1.2px}.landing .grad{display:inline-block;font-size:.82em;white-space:nowrap;background:linear-gradient(90deg,#2f80ed,#27ae60);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-sub{max-width:640px;font-size:18px;line-height:1.65;color:#b7c1d1;margin:0 0 30px}.landing-sub strong{color:#dfe5ee}.code-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 22px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.code-card label{display:block;font-size:14px;font-weight:700;letter-spacing:.3px;color:#e1e7f0;margin-bottom:11px}.code-row{display:flex;gap:10px}.code-row input{flex:1;padding:13px 16px;border-radius:11px;font-size:17px;font-family:ui-monospace,monospace;letter-spacing:3px;text-transform:uppercase;background:#10141c;border:1px solid #2b3444;color:#fff;outline:none;min-width:0}.code-row input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed40}.cta{padding:13px 22px;border:none;border-radius:11px;cursor:pointer;font-size:14.5px;font-weight:700;color:#fff;white-space:nowrap;background:linear-gradient(90deg,#2f80ed,#27ae60);transition:transform .12s,box-shadow .12s}.cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #2f80ed59}.cta:disabled{opacity:.45;cursor:default}.code-error{color:#ff8a80;font-size:13px;margin:10px 0 0}.code-hint{color:#929db0;font-size:13px;margin:12px 0 0;line-height:1.55}.admin-gate{display:grid;min-height:100vh;place-items:center;padding:24px}.access-panel{width:min(620px,100%);padding:38px;border:1px solid #252c3a;border-radius:18px;background:#151922;box-shadow:0 24px 70px #00000059}.access-panel h1{margin:30px 0 12px;font-size:clamp(28px,5vw,44px)}.access-panel .cta{margin:16px 0}.admin-gate-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.uid-box{padding:12px 14px;border:1px solid #343d4f;border-radius:9px;background:#0f1218;overflow-wrap:anywhere}.uid-box code{color:#9bd3ff}.landing-chips{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:26px 0 0}.landing-chips li{font-size:13.5px;color:#cbd3e1;padding:8px 15px;border-radius:30px;border:1px solid rgba(255,255,255,.14);background:#ffffff08}.landing-visual{min-width:0;text-align:center}.landing-art{width:min(460px,100%);max-width:88vw;overflow:visible;filter:drop-shadow(0 24px 65px rgba(0,0,0,.58))}.landing-caption{font-size:15px;color:#9ba7ba;margin:16px auto 0;line-height:1.45}.hero-live-pill circle{animation:hero-live 1.5s ease-in-out infinite}@keyframes hero-live{0%,to{opacity:.45}50%{opacity:1}}.landing-features{padding:96px 48px 110px;border-top:1px solid rgba(255,255,255,.07);background:radial-gradient(650px 340px at 14% 18%,rgba(47,128,237,.1),transparent 67%),radial-gradient(650px 340px at 86% 76%,rgba(39,174,96,.08),transparent 67%),#05070b61}.landing-features-head{width:min(790px,100%);margin:0 auto 46px;text-align:center}.landing-features-head .landing-kicker{margin-bottom:15px}.landing-features-head h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-1.25px}.landing-features-head>p:last-child{margin:18px auto 0;max-width:680px;color:#aab5c6;font-size:17px;line-height:1.65}.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1180px,100%);margin:auto}.landing-feature-card{overflow:hidden;min-width:0;border:1px solid rgba(255,255,255,.105);border-radius:22px;background:linear-gradient(145deg,#1b212ceb,#0d1118f2);box-shadow:0 24px 65px #00000038;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.landing-feature-card:hover{transform:translateY(-4px);border-color:#5bb0ff4d;box-shadow:0 30px 75px #00000057}.landing-feature-copy{position:relative;padding:26px 29px 31px}.landing-feature-number{display:inline-block;margin-bottom:11px;color:#58aef7;font:800 11px/1 ui-monospace,monospace;letter-spacing:1.6px}.landing-feature-copy h3{margin:0 0 10px;color:#f3f6fa;font-size:22px;letter-spacing:-.25px}.landing-feature-copy p{margin:0;color:#aab4c4;font-size:14.5px;line-height:1.66}.landing-demo-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px;width:min(1180px,100%);margin:44px auto 0;padding:38px 42px;border:1px solid rgba(84,202,143,.24);border-radius:22px;background:linear-gradient(110deg,#1c4f7f6b,#19734b57);box-shadow:0 24px 65px #00000038}.landing-demo-cta .landing-kicker{margin-bottom:10px;color:#80caef}.landing-demo-cta h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.75px}.landing-demo-cta>div>p:last-child{max-width:760px;margin:13px 0 0;color:#b8c4d3;font-size:15.5px;line-height:1.6}.landing-demo-cta-button{display:inline-flex;align-items:center;justify-content:center;min-width:175px;text-decoration:none}.feature-motion{position:relative;height:190px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.075);background:radial-gradient(circle at 50% 42%,rgba(68,116,177,.16),transparent 58%),#0d1118}.motion-shelf{position:absolute;top:30px;right:48px;bottom:25px;left:48px;border:6px solid #414b5b;border-radius:7px;background:#10151d;box-shadow:0 18px 35px #00000057}.motion-shelf-rail{position:absolute;left:0;right:0;height:7px;background:linear-gradient(#637084,#343d4a)}.motion-shelf-rail.top{top:58px}.motion-shelf-rail.bottom{bottom:0}.motion-can{position:absolute;bottom:7px;width:25px;height:49px;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,#1f5fa4,#4ba5eb 42%,#194e87);box-shadow:inset 0 4px #ffffff38}.motion-can:before{content:"";position:absolute;left:2px;right:2px;top:-2px;height:5px;border-radius:50%;background:#9da9b8}.motion-can-0{left:24px}.motion-can-1{left:54px;background:linear-gradient(90deg,#1e704b,#46c986 42%,#195c3f)}.motion-can-2{left:84px;bottom:65px;background:linear-gradient(90deg,#62408d,#ad75e5 42%,#4e3271)}.motion-can-3{left:114px;bottom:65px;background:linear-gradient(90deg,#784b1d,#e4a64c 42%,#5f3915)}.motion-can-4{left:144px;bottom:65px;background:linear-gradient(90deg,#784b1d,#e4a64c 42%,#5f3915)}.motion-drag-can{left:208px;bottom:65px;animation:feature-place-can 4.8s cubic-bezier(.45,0,.2,1) infinite}.motion-price{position:absolute;left:21px;bottom:-18px;padding:2px 8px;border-radius:3px;background:#f4f5f7;color:#151b24;font:800 9px/1.4 system-ui}.motion-wobbler{position:absolute;right:23px;top:13px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#ffca28;color:#352604;font:900 9px/1 system-ui;transform-origin:50% -16px;animation:feature-wobbler 2.6s ease-in-out infinite}.motion-wobbler:before{content:"";position:absolute;width:2px;height:17px;top:-17px;background:#d9dee7}@keyframes feature-place-can{0%,16%{transform:translate(55px,-18px) scale(1.05);opacity:.55}42%,78%{transform:translate(-34px) scale(1);opacity:1}to{transform:translate(-34px);opacity:0}}@keyframes feature-wobbler{0%,to{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}.motion-view-tabs{position:absolute;z-index:2;top:18px;left:50%;display:flex;gap:5px;padding:4px;border:1px solid #344054;border-radius:10px;background:#151b25;transform:translate(-50%)}.motion-view-tabs span{padding:5px 10px;border-radius:6px;color:#8490a3;font:800 9px/1 system-ui}.motion-view-tabs span:nth-child(3){color:#fff;background:#2f80ed;animation:feature-tab 4.2s ease-in-out infinite}.motion-view-stage{position:absolute;top:57px;right:63px;bottom:18px;left:63px;perspective:600px}.motion-view-shelf{position:absolute;top:6px;right:28px;bottom:7px;left:28px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:7px;padding:24px 17px 16px;border:5px solid #49566a;border-top-width:8px;background:linear-gradient(155deg,#19212d,#0d1219);transform:rotateX(8deg) rotateY(-12deg);animation:feature-view-rotate 5.4s ease-in-out infinite;box-shadow:17px 17px 28px #00000059}.motion-view-shelf:before{content:"";position:absolute;left:0;right:0;top:50%;height:5px;background:#536176}.motion-view-shelf i{position:relative;z-index:1;height:45px;border-radius:5px;background:linear-gradient(90deg,#566276,#a3abba 45%,#4b5567)}.motion-view-shelf i:nth-child(2n){height:55px;background:linear-gradient(90deg,#1b724d,#51c68b 45%,#17583d)}.motion-zoom-ring{position:absolute;right:6px;bottom:2px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #4a5c76;border-radius:50%;color:#a9d8ff;background:#152235;font-size:20px;animation:feature-zoom 3s ease-in-out infinite}@keyframes feature-view-rotate{0%,to{transform:rotateX(8deg) rotateY(-12deg) scale(.94)}50%{transform:rotateX(3deg) rotateY(12deg) scale(1.04)}}@keyframes feature-zoom{0%,to{transform:scale(.9);box-shadow:0 0 #49a3ff00}50%{transform:scale(1.08);box-shadow:0 0 0 8px #49a3ff14}}@keyframes feature-tab{0%,to{background:#2f80ed}50%{background:#27ae60}}.motion-catalog-tree{position:absolute;left:45px;top:31px;width:205px;padding:16px;border:1px solid #344154;border-radius:12px;background:#151b25;box-shadow:0 17px 35px #00000047}.motion-category,.motion-group{display:block;border-radius:7px;font:800 9px/1 system-ui;letter-spacing:.7px}.motion-category{padding:9px 11px;color:#d6e5f7;background:#253348}.motion-group{width:78%;margin:9px 0 0 20px;padding:7px 9px;color:#9facc0;background:#202936}.motion-group:before{content:"";position:absolute;margin:4px 0 0 -15px;width:9px;height:1px;background:#52627a}.motion-group.own{animation:feature-catalog-select 4.6s ease-in-out infinite}.motion-client-card{position:absolute;right:42px;top:54px;width:145px;padding:13px;border:1px solid #385270;border-radius:12px;background:#111c2b;box-shadow:0 17px 35px #00000047}.motion-client-card span{display:block;margin-bottom:10px;color:#70bdff;font:800 9px/1 system-ui;letter-spacing:1px}.motion-client-card i{display:inline-block;width:25px;height:35px;margin-right:5px;border-radius:4px;background:linear-gradient(90deg,#5b6677,#a1a9b5,#4d5768)}.motion-client-card i:nth-child(2){background:linear-gradient(90deg,#1d704b,#4dc889,#185a3e)}.motion-access-line{position:absolute;left:247px;top:91px;width:64px;height:2px;overflow:hidden;background:#33445a}.motion-access-line:after{content:"";position:absolute;width:18px;height:2px;background:#56c8ff;box-shadow:0 0 8px #56c8ff;animation:feature-access-flow 2.2s linear infinite}@keyframes feature-access-flow{0%{transform:translate(-18px)}to{transform:translate(64px)}}@keyframes feature-catalog-select{0%,to{color:#9facc0;background:#202936}35%,70%{color:#e8f5ff;background:#1d6297}}.motion-browser{position:absolute;left:64px;top:32px;width:245px;height:126px;padding:35px 24px 18px;border:1px solid #3a4658;border-radius:12px;background:#111720;box-shadow:0 18px 40px #00000054}.motion-browser-bar{position:absolute;left:0;right:0;top:0;height:24px;border-bottom:1px solid #303b4d;background:#1b2330}.motion-browser-bar:before{content:"•••";position:absolute;left:10px;top:3px;color:#738096;letter-spacing:3px}.motion-browser i{display:block;width:84%;height:8px;margin-bottom:10px;border-radius:4px;background:#293446}.motion-browser i:nth-child(3){width:62%}.motion-browser i:nth-child(4){width:72%;background:#1c6f4c}.motion-code-token{position:absolute;left:36px;top:71px;padding:8px 12px;border:1px solid #4aaef7;border-radius:8px;color:#dff4ff;background:#17314c;font:800 10px/1 ui-monospace,monospace;letter-spacing:1px;animation:feature-code-share 4.8s cubic-bezier(.4,0,.2,1) infinite}.motion-submit-check{position:absolute;right:70px;bottom:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#07160f;background:#39d98a;font-size:23px;font-weight:900;animation:feature-submit-check 4.8s ease-in-out infinite}@keyframes feature-code-share{0%,18%{transform:translate(0);opacity:.45}42%,75%{transform:translate(102px);opacity:1}to{transform:translate(102px);opacity:0}}@keyframes feature-submit-check{0%,54%{transform:scale(.35);opacity:0}67%,88%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:0}}.motion-chart{position:absolute;left:48px;bottom:28px;display:flex;align-items:end;gap:12px;width:215px;height:125px;padding:15px 16px 9px;border-left:1px solid #354255;border-bottom:1px solid #354255}.motion-chart i{flex:1;height:var(--bar-height);transform-origin:bottom;border-radius:5px 5px 2px 2px;background:linear-gradient(#45adff,#236bb4);animation:feature-bar-grow 3.8s cubic-bezier(.35,0,.2,1) infinite alternate}.motion-chart i:nth-child(2n){background:linear-gradient(#53d699,#1c8255);animation-delay:-.7s}.motion-stat-score{position:absolute;right:54px;top:43px;display:grid;place-items:center;width:94px;height:94px;border-radius:50%;border:8px solid #243448;border-right-color:#42c985;border-top-color:#42c985;background:#111821;animation:feature-score 4s ease-in-out infinite}.motion-stat-score strong{color:#eef7f3;font-size:26px;line-height:1}.motion-stat-score span{color:#76869b;font:800 7px/1 system-ui;letter-spacing:.7px}.motion-trend{position:absolute;right:50px;bottom:24px;color:#54d994;font:800 10px/1 system-ui}@keyframes feature-bar-grow{0%{transform:scaleY(.15);opacity:.45}55%,to{transform:scaleY(1);opacity:1}}@keyframes feature-score{0%,to{transform:rotate(-8deg)}50%{transform:rotate(6deg)}}.feature-validate svg{display:block;width:100%;height:100%}.feature-heat-pulse{transform-box:fill-box;transform-origin:center;animation:feature-heat 6s ease-in-out infinite}.feature-heat-pulse.two{animation-delay:-3s}.motion-survey-bars rect:nth-child(2n){transform-box:fill-box;transform-origin:left;animation:feature-survey-bar 3.4s ease-in-out infinite alternate}@keyframes feature-heat{0%,25%,to{opacity:0;transform:scale(.55)}40%,67%{opacity:.86;transform:scale(1)}82%{opacity:.2;transform:scale(1.15)}}@keyframes feature-survey-bar{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.feature-motion *,.feature-motion *:before,.feature-motion *:after,.landing-feature-card{animation:none!important;transition:none!important}}.landing-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 40px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#6f7a8f;flex-wrap:wrap}.landing-footer a{color:#8fa6c8;text-decoration:none}.landing-footer a:hover{color:#cdd5e1}.studio-link{opacity:.75}@media (max-width: 1060px){.landing-hero{grid-template-columns:minmax(0,720px);gap:34px;padding-top:24px}.landing-visual{order:-1}.landing-art{width:min(440px,88vw)}}@media (max-width: 900px){.landing-features{padding:76px 28px 86px}.landing-feature-grid{grid-template-columns:1fr;max-width:620px}}@media (max-width: 720px){.landing-top{padding:17px 20px;flex-wrap:wrap}.landing-by{display:none}.landing-xr4mark-link{padding:6px 9px;font-size:11.5px}.landing h1{font-size:clamp(34px,10vw,46px);letter-spacing:-.8px}.landing .grad{font-size:.88em;white-space:normal}.landing-sub{font-size:16px}.landing-kicker{font-size:11.5px;letter-spacing:1.7px}.landing-hero{padding:16px 20px 38px}.landing-art{width:min(390px,92vw)}.landing-features{padding:62px 20px 70px}.landing-features-head{margin-bottom:32px;text-align:left}.landing-features-head h2{font-size:clamp(31px,9vw,42px)}.landing-features-head>p:last-child{font-size:15.5px}.landing-feature-grid{gap:16px}.feature-motion{height:174px}.landing-feature-copy{padding:23px 22px 26px}.landing-feature-copy h3{font-size:20px}.motion-shelf{left:26px;right:26px}.landing-demo-cta{grid-template-columns:1fr;gap:22px;margin-top:28px;padding:28px 23px}.landing-demo-cta-button{width:100%}.code-row{flex-direction:column}.landing-footer{padding:17px 20px}.pricing-grid{grid-template-columns:1fr}.payg-card{grid-template-columns:1fr;gap:14px}.billing-backdrop{padding:10px}.modal.pricing-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:20px}.draft-save-row{grid-template-columns:1fr}.draft-card{align-items:stretch;flex-direction:column}.draft-actions{justify-content:flex-start}}.drag-cursor{position:fixed;transform:translate(12px,12px);pointer-events:none;background:#171b23;color:#fff;font-size:12px;padding:5px 9px;border-radius:8px;z-index:100;white-space:nowrap}