:root{--fg-bg-main: #f4f6f9;--fg-bg-card: #ffffff;--fg-bg-card-hover: #f8fafc;--fg-bg-input: #eef2f6;--fg-border: #dbe2ea;--fg-border-accent: #0284c7;--fg-text-main: #0f172a;--fg-text-muted: #64748b;--fg-accent: #0284c7;--fg-accent-hover: #0369a1;--fg-card-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--fg-title-gradient: linear-gradient(135deg, #0f172a 0%, #0284c7 100%);--fg-green: #059669;--fg-yellow: #d97706;--fg-red: #dc2626;--fg-purple: #7c3aed;--fg-font: "Artifakt Element", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--fg-bg-main: #181b20;--fg-bg-card: #22262e;--fg-bg-card-hover: #2a303a;--fg-bg-input: #121417;--fg-border: #333a46;--fg-border-accent: #0088ff;--fg-text-main: #f0f3f8;--fg-text-muted: #9aa5b8;--fg-accent: #0099ff;--fg-accent-hover: #1aa3ff;--fg-card-shadow: 0 2px 4px rgba(0, 0, 0, .25);--fg-title-gradient: linear-gradient(135deg, #ffffff 0%, #38bdf8 100%);--fg-green: #10b981;--fg-yellow: #f59e0b;--fg-red: #ef4444;--fg-purple: #8b5cf6}body{margin:0;padding:0;background-color:var(--fg-bg-main);color:var(--fg-text-main);font-family:var(--fg-font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4;box-sizing:border-box;transition:background-color .2s,color .2s}*,*:before,*:after{box-sizing:border-box}.urbancool-app{display:flex;flex-direction:column;min-height:100vh;padding:12px;gap:12px;background-color:var(--fg-bg-main);color:var(--fg-text-main)}.app-header{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--fg-border);padding-bottom:12px}.brand-row{display:flex;flex-direction:column;gap:4px}.brand-row-top{display:flex;justify-content:space-between;align-items:center}.brand-badge{display:inline-block;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:var(--fg-accent);background:#0284c71a;padding:2px 8px;border-radius:12px;border:1px solid rgba(2,132,199,.25)}.theme-toggle-btn{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-muted);padding:2px 8px;border-radius:12px;font-size:10.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.theme-toggle-btn:hover{border-color:var(--fg-border-accent);color:var(--fg-text-main)}.app-title{margin:0;font-size:18px;font-weight:800;background:var(--fg-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-tagline{font-size:11px;color:var(--fg-text-muted)}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--fg-bg-input);padding:3px;border-radius:8px;border:1px solid var(--fg-border)}.tab-btn{background:transparent;border:none;color:var(--fg-text-muted);padding:6px 2px;font-size:10.5px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-btn:hover{color:var(--fg-text-main);background:#0000000a}[data-theme=dark] .tab-btn:hover{background:#ffffff0d}.tab-btn.tab-active{background:var(--fg-bg-card);color:var(--fg-accent);border:1px solid var(--fg-border-accent);box-shadow:var(--fg-card-shadow)}.app-content{display:flex;flex-direction:column;gap:12px;flex:1}.mode-switch-card{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--fg-card-shadow)}.mode-switch-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-title-group{display:flex;align-items:center;gap:8px}.mode-icon{font-size:18px}.mode-label{font-size:12px;font-weight:700;color:var(--fg-text-main)}.mode-sublabel{font-size:10px;color:var(--fg-text-muted)}.mode-header-actions{display:flex;align-items:center;gap:6px}.key-drawer-btn{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-muted);font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s}.key-drawer-btn:hover{border-color:var(--fg-border-accent);color:var(--fg-text-main)}.key-drawer-btn.key-configured{background:#0284c71a;border-color:#0284c74d;color:var(--fg-accent)}.mode-toggle-btn{font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-mock{background:#0596691f;color:var(--fg-green);border-color:#0596694d}.btn-mock:hover{background:#05966933}.btn-live{background:#0284c71f;color:var(--fg-accent);border-color:#0284c74d}.btn-live:hover{background:#0284c733}.api-key-drawer,.llm-settings-drawer{background:var(--fg-bg-input);border:1px solid var(--fg-border);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.key-drawer-header,.drawer-title{font-size:10px;font-weight:700;color:var(--fg-text-main)}.key-input-row{display:flex;gap:6px}.key-text-input{flex:1;background:var(--fg-bg-card);border:1px solid var(--fg-border);color:var(--fg-text-main);padding:4px 8px;border-radius:5px;font-size:10.5px;outline:none}.key-text-input:focus{border-color:var(--fg-border-accent)}.key-save-btn{background:var(--fg-accent);color:#fff;border:none;padding:4px 10px;border-radius:5px;font-size:10px;font-weight:700;cursor:pointer}.key-test-btn{background:var(--fg-bg-card);color:var(--fg-text-main);border:1px solid var(--fg-border);padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap}.key-test-btn:hover{border-color:var(--fg-border-accent)}.drawer-status-msg{font-size:10px;padding:4px 8px;border-radius:4px;border:1px solid transparent}.status-success{background:#0596691a;border-color:#0596694d;color:var(--fg-green);font-weight:600}.status-error{background:#dc26261a;border-color:#dc262659;color:var(--fg-red);font-weight:600}.status-info{background:#0284c714;border-color:#0284c740;color:var(--fg-accent)}.key-help-sub{font-size:8.5px;color:var(--fg-text-muted)}.mode-notice{font-size:10.5px;padding:6px 8px;border-radius:5px;border:1px solid;display:flex;flex-direction:column;gap:5px}.notice-mock{background:#05966914;border-color:#05966940;color:var(--fg-green)}.notice-live{background:#0284c714;border-color:#0284c740;color:var(--fg-accent)}.notice-error{background:#dc26261a;border-color:#dc262666;color:var(--fg-red);font-weight:600}.notice-fallback-btn{background:var(--fg-bg-card);border:1px solid rgba(220,38,38,.4);color:var(--fg-text-main);font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;cursor:pointer;align-self:flex-start;transition:all .15s}.notice-fallback-btn:hover{background:#05966926;border-color:var(--fg-green);color:var(--fg-green)}.metrics-card{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--fg-card-shadow)}.metrics-header{display:flex;justify-content:space-between;align-items:center}.metrics-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.metrics-actions{display:flex;gap:6px}.unit-toggle-btn,.refresh-btn{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-main);padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s}.unit-toggle-btn:hover,.refresh-btn:hover{background:var(--fg-bg-card-hover);border-color:var(--fg-border-accent)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-tile{background:var(--fg-bg-input);border:1px solid var(--fg-border);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:2px;transition:transform .1s}.metric-tile-title{font-size:10px;color:var(--fg-text-muted);font-weight:600;display:flex;align-items:center;justify-content:space-between}.metric-tile-val{font-size:17px;font-weight:800;color:var(--fg-text-main)}.metric-tile-sub{font-size:9.5px;color:var(--fg-text-muted)}.metric-danger .metric-tile-val{color:var(--fg-red)}.metric-warning .metric-tile-val{color:var(--fg-yellow)}.metric-info .metric-tile-val{color:var(--fg-accent)}.metric-purple .metric-tile-val{color:var(--fg-purple)}.status-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;text-transform:uppercase}.badge-green{background:#05966926;color:var(--fg-green)}.badge-yellow{background:#d9770626;color:var(--fg-yellow)}.badge-orange{background:#ea580c26;color:#ea580c}.badge-red{background:#dc262626;color:var(--fg-red)}.badge-blue{background:#0284c726;color:var(--fg-accent)}.controls-card{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--fg-card-shadow)}.controls-header{display:flex;justify-content:space-between;align-items:center}.controls-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.switch-container{position:relative;display:inline-block;width:36px;height:20px}.switch-container input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--fg-bg-input);border:1px solid var(--fg-border);transition:.2s;border-radius:20px}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--fg-text-muted);transition:.2s;border-radius:50%}input:checked+.switch-slider{background-color:#0284c7;border-color:#38bdf8}input:checked+.switch-slider:before{transform:translate(16px);background-color:#fff}.controls-body{display:flex;flex-direction:column;gap:8px;padding-top:4px}.control-row{display:flex;flex-direction:column;gap:4px}.control-label{font-size:10.5px;color:var(--fg-text-muted);font-weight:600}.range-slider{width:100%;accent-color:#38bdf8}.palette-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.palette-btn{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-muted);padding:4px 6px;font-size:10.5px;border-radius:4px;cursor:pointer}.palette-btn.palette-active{background:#38bdf826;border-color:#38bdf8;color:#38bdf8;font-weight:700}.legend-container{display:flex;flex-direction:column;gap:2px;margin-top:4px}.legend-bar{height:10px;border-radius:3px;width:100%}.legend-bar[data-palette=turbo]{background:linear-gradient(to right,#30123b,#4561e1,#1ae4b6,#a2fc3c,#faba39,#e03b13,#7a0403)}.legend-bar[data-palette=plasma]{background:linear-gradient(to right,#0d0887,#6a00a8,#b12a90,#e16462,#fca636,#f0f921)}.legend-bar[data-palette=temperature]{background:linear-gradient(to right,#00f,#0ff,#ff0,#ff8000,red)}.legend-labels{display:flex;justify-content:space-between;font-size:9.5px;color:var(--fg-text-muted)}.parcel-card{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--fg-card-shadow)}.parcel-header{display:flex;justify-content:space-between;align-items:center}.parcel-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.parcel-clear-btn{background:transparent;border:1px solid var(--fg-border);color:var(--fg-text-muted);font-size:10px;padding:2px 6px;border-radius:4px;cursor:pointer}.parcel-desc{margin:0;font-size:10.5px;color:var(--fg-text-muted)}.draw-parcel-btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;width:100%}.draw-parcel-btn:hover{background:linear-gradient(135deg,#0369a1,#075985)}.draw-parcel-btn.drawing-active{background:#f59e0b;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.inspection-results{background:var(--fg-bg-input);border:1px solid var(--fg-border);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:8px;margin-top:6px}.result-header{display:flex;justify-content:space-between;align-items:center}.parcel-area-tag{font-size:10.5px;font-weight:700;color:#38bdf8}.result-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.result-grid-4{grid-template-columns:repeat(4,1fr);gap:5px}.sub-metric{background:var(--fg-bg-card);padding:5px 4px;border-radius:5px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:48px}.sub-label{font-size:8.5px;color:var(--fg-text-muted);font-weight:600;white-space:nowrap}.sub-val{font-size:11.5px;font-weight:800;margin:1px 0}.sub-sub-label{font-size:8px;color:var(--fg-text-muted);opacity:.85;white-space:nowrap}.sub-status-tag{font-size:7.5px;font-weight:700;padding:1px 4px;border-radius:4px;text-transform:uppercase;margin-top:1px}.text-red{color:#f87171}.text-green{color:#34d399}.text-blue{color:#38bdf8}.text-orange{color:#fb923c}.text-purple{color:#c084fc}.recommendations-box{display:flex;flex-direction:column;gap:4px}.rec-title{font-size:10.5px;font-weight:700;color:#a7f3d0}.rec-list{margin:0;padding-left:16px;font-size:10px;color:var(--fg-text-main);display:flex;flex-direction:column;gap:3px}.comparison-card{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px}.comparison-header{display:flex;justify-content:space-between;align-items:center}.comparison-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.comparison-desc{margin:0;font-size:10.5px;color:var(--fg-text-muted);line-height:1.4}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comp-col{background:var(--fg-bg-input);border:1px solid var(--fg-border);border-radius:6px;padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.comp-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.tag-baseline{background:#ef444426;color:#f87171}.tag-mitigated{background:#10b98126;color:#34d399}.comp-temp{font-size:20px;font-weight:800;margin:2px 0}.comp-sub{font-size:9.5px;color:var(--fg-text-muted)}.impact-stats-banner{background:linear-gradient(135deg,#10b9811f,#38bdf81f);border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:8px 10px;display:flex;justify-content:space-around;align-items:center}.impact-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.impact-stat-label{font-size:9px;color:var(--fg-text-muted);font-weight:600}.impact-stat-val{font-size:13.5px;font-weight:800}.impact-stat-divider{width:1px;height:24px;background:#ffffff1a}.interventions-container{display:flex;flex-direction:column;gap:6px}.interventions-header-row{display:flex;justify-content:space-between;align-items:center}.interventions-title{font-size:10.5px;font-weight:700;color:var(--fg-text-main)}.interventions-counter{font-size:9.5px;color:#38bdf8;font-weight:700}.interventions-list{display:flex;flex-direction:column;gap:5px}.intervention-item{display:flex;align-items:flex-start;gap:8px;background:var(--fg-bg-input);border:1px solid var(--fg-border);padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease-in-out}.intervention-item:hover{border-color:var(--fg-border-accent);background:var(--fg-bg-card-hover)}.intervention-item.item-active{border-color:#10b98180;background:#10b98114}.item-checkbox{padding-top:2px}.item-checkbox input{accent-color:#10b981;cursor:pointer}.item-body{flex:1;display:flex;flex-direction:column;gap:2px}.item-top{display:flex;justify-content:space-between;align-items:center}.item-name{font-size:10.5px;font-weight:700;color:var(--fg-text-main)}.item-delta-tag{font-size:9.5px;font-weight:800;color:#34d399;background:#10b98126;padding:1px 5px;border-radius:4px}.item-desc{font-size:9px;color:var(--fg-text-muted);line-height:1.3}.ai-copilot-card{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px;flex:1;box-shadow:var(--fg-card-shadow)}.ai-header{display:flex;justify-content:space-between;align-items:center}.ai-header-actions{display:flex;align-items:center;gap:6px}.copilot-settings-btn{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-muted);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:6px;cursor:pointer;transition:all .15s}.copilot-settings-btn:hover{border-color:var(--fg-border-accent);color:var(--fg-text-main)}.copilot-settings-btn.settings-active{background:#7c3aed1f;border-color:#7c3aed4d;color:var(--fg-purple)}.provider-select-row{display:flex;align-items:center;gap:8px}.provider-label{font-size:10px;font-weight:600;color:var(--fg-text-muted)}.provider-select{background:var(--fg-bg-card);border:1px solid var(--fg-border);color:var(--fg-text-main);padding:3px 6px;border-radius:4px;font-size:10.5px;outline:none}.ai-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.ai-badge{font-size:9px;background:#8b5cf633;color:#c084fc;padding:2px 6px;border-radius:8px;font-weight:700}.quick-prompts-container{display:flex;flex-wrap:wrap;gap:4px}.prompt-chip{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-main);padding:4px 8px;border-radius:12px;font-size:10px;cursor:pointer;transition:all .15s;text-align:left}.prompt-chip:hover{border-color:#38bdf8;background:#38bdf81a}.chat-messages-container{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.chat-msg{display:flex;flex-direction:column}.drawer-header-row{display:flex;justify-content:space-between;align-items:center}.use-default-btn{background:#0596691f;border:1px solid rgba(5,150,105,.3);color:var(--fg-green);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .15s}.use-default-btn:hover{background:#05966940}.chat-fallback-btn{display:inline-block;margin-top:6px;background:var(--fg-bg-card);border:1px solid var(--fg-green);color:var(--fg-green);font-size:10px;font-weight:700;padding:4px 8px;border-radius:5px;cursor:pointer;transition:all .15s}.chat-fallback-btn:hover{background:#05966926}.msg-bubble{padding:8px 10px;border-radius:8px;font-size:11px;line-height:1.45}.msg-ai .msg-bubble{background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-main)}.msg-user{align-items:flex-end}.msg-user .msg-bubble{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff}.msg-sender{font-size:9px;font-weight:700;margin-bottom:2px;color:#38bdf8}.msg-user .msg-sender{color:#e0f2fe}.msg-text{white-space:pre-line}.chat-input-form{display:flex;gap:6px;margin-top:auto}.chat-text-input{flex:1;background:var(--fg-bg-input);border:1px solid var(--fg-border);color:var(--fg-text-main);padding:6px 10px;border-radius:6px;font-size:11px;outline:none}.chat-text-input:focus{border-color:#38bdf8}.chat-send-btn{background:#0284c7;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.shadow-study-panel{background:var(--fg-bg-card);border:1px solid var(--fg-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--fg-card-shadow)}.section-title{font-size:12px;font-weight:700;margin-bottom:4px}.shadow-actions{display:flex;flex-direction:column;gap:6px;margin-top:6px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.row-title{font-size:11px;color:var(--fg-text-muted)}.row-item{display:flex;align-items:center;gap:8px}.color-picker{border:none;background:none;cursor:pointer;width:24px;height:24px}.app-footer{text-align:center;font-size:9.5px;color:var(--fg-text-muted);border-top:1px solid var(--fg-border);padding-top:8px;margin-top:auto}.landing-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px 16px;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);font-family:var(--fg-font);color:var(--fg-text-main)}.landing-card{width:100%;max-width:680px;background:#fff;border-radius:16px;border:1px solid #dbe2ea;box-shadow:0 10px 25px #0000000d,0 20px 48px #0000000d;padding:32px 28px;display:flex;flex-direction:column;gap:20px}.landing-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.landing-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--fg-accent);background:#0284c714;border:1px solid rgba(2,132,199,.2);padding:3px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.landing-title{margin:4px 0 0;font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.landing-subtitle{margin:0;font-size:13px;color:#64748b}.landing-status{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:3px 10px;border-radius:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98133}.landing-setup-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.setup-title{margin:0;font-size:14px;font-weight:700;color:#0f172a}.setup-steps{margin:0;padding-left:20px;font-size:12.5px;line-height:1.6;color:#334155;display:flex;flex-direction:column;gap:6px}.setup-steps a{color:#0284c7;font-weight:600;text-decoration:none}.setup-steps a:hover{text-decoration:underline}.url-copy-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.url-code{background:#fff;border:1px solid #cbd5e1;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#0284c7;font-family:monospace}.copy-btn{background:#0284c7;color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease}.copy-btn:hover{background:#0369a1}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.feature-icon{font-size:20px}.feature-name{font-size:13px;font-weight:700;color:#0f172a}.feature-desc{font-size:11px;color:#64748b;line-height:1.35}.landing-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:6px}.video-btn{display:inline-flex;align-items:center;gap:6px;background:#dc2626;color:#fff;text-decoration:none;font-size:12px;font-weight:700;padding:8px 16px;border-radius:8px;transition:background .15s ease}.video-btn:hover{background:#b91c1c}.preview-btn{background:#f1f5f9;color:#0f172a;border:1px solid #cbd5e1;font-size:12px;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .15s ease}.preview-btn:hover{background:#e2e8f0}.landing-footer{text-align:center;font-size:10px;color:#94a3b8;border-top:1px solid #f1f5f9;padding-top:12px}