@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Google+Sans:wght@400;500;700&display=swap";
:root{--bg-base:#f8f9fa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f3f4;--border:#dadce0;--border-bright:#bdc1c6;--text-primary:#202124;--text-secondary:#5f6368;--text-muted:#80868b;--google-blue:#1a73e8;--google-blue-hover:#174ea6;--google-blue-light:#e8f0fe;--google-red:#ea4335;--google-yellow:#fbbc04;--google-green:#34a853;--accent-maps:#1a73e8;--accent-routes:#1a73e8;--accent-places:#1a73e8;--accent-env:#1a73e8;--accent-legacy:#5f6368;--accent-ai:#a855f7;--tier-essentials:#188038;--tier-pro:#1a73e8;--tier-enterprise:#9334e6;--tier-free:#5f6368;--shape-small:8px;--shape-medium:12px;--shape-large:16px;--shape-extra-large:28px;--shape-full:9999px;--shadow-card:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-glow:0 4px 6px #1a73e826}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Roboto,Google Sans,-apple-system,sans-serif;line-height:1.5}.app-layout{grid-template-rows:auto auto 1fr;min-height:100vh;display:grid}.main-content{grid-template-columns:1fr 360px;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:24px 24px 48px;display:grid}@media (max-width:1024px){.main-content{grid-template-columns:1fr}}.ai-banner-card{width:100%;max-width:1440px;margin:20px auto 0;padding:0 24px}.ai-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--shape-large);width:100%;box-shadow:var(--shadow-card);padding:20px 24px;position:relative;overflow:hidden}.ai-banner-inner{z-index:1;position:relative}.ai-banner-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ai-badge{color:#8430ce;text-transform:uppercase;letter-spacing:.5px;background:#f3e8fd;border:1px solid #d4b1f6;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.ai-badge-dot{background:var(--accent-ai);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ai-banner-title{color:var(--text-secondary);font-size:14px;font-weight:500}.ai-input-row{align-items:flex-end;gap:12px;display:flex}.ai-textarea{border:1px solid var(--border);border-radius:var(--shape-small);color:var(--text-primary);resize:none;background:#fff;flex:1;min-height:48px;max-height:120px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;overflow-y:auto}.ai-textarea:focus{border-color:var(--google-blue);box-shadow:inset 0 0 0 1px var(--google-blue);outline:none}.ai-textarea::placeholder{color:var(--text-muted)}.ai-submit-btn{background:var(--google-blue);border-radius:var(--shape-full);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;height:48px;padding:12px 24px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.ai-submit-btn:hover:not(:disabled){background:var(--google-blue-hover);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.ai-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ai-response-box{border-radius:var(--shape-medium);color:#1967d2;background:#e8f0fe;border:1px solid #d2e3fc;margin-top:12px;padding:12px 16px;font-size:13px;animation:.3s fade-in}.ai-filled-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ai-chip{color:#1967d2;background:#fff;border:1px solid #d2e3fc;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:flex}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.page-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:16px 24px}.page-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;display:flex}.logo-group{align-items:center;gap:12px;display:flex}.logo-icon{justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.logo-text h1{color:var(--text-primary);font-family:Google Sans,sans-serif;font-size:18px;line-height:1.2}.logo-text p{color:var(--text-secondary);margin-top:1px;font-size:12px}.header-links{gap:12px;display:flex}.header-link{border:1px solid var(--border);border-radius:var(--shape-small);color:var(--google-blue);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.header-link:hover{background:var(--google-blue-light)}.calculator-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--shape-large);box-shadow:var(--shadow-card);overflow:hidden}.calculator-panel-body{padding:16px 20px 20px}.category-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 8px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--google-blue);background:var(--bg-card-hover)}.tab-btn.active{color:var(--google-blue);border-bottom-color:var(--google-blue)}.tab-count{color:var(--text-secondary);text-align:center;background:#f1f3f4;border-radius:10px;min-width:24px;padding:2px 8px;font-size:11px;font-weight:500}.tab-btn.active .tab-count{background:var(--google-blue-light);color:var(--google-blue)}.sku-grid{flex-direction:column;display:flex}.sku-row+.sku-row{border-top:1px solid var(--border)}.sku-row{background:0 0;padding:16px 20px;transition:background .15s}.sku-row:hover{background:var(--bg-card-hover)}.sku-row.active{background:0 0}.sku-row-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sku-name{color:var(--text-primary);flex:1;font-family:Google Sans,sans-serif;font-size:16px;font-weight:500}.tier-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:500}.tier-Essentials{color:var(--tier-essentials);background:#e6f4ea}.tier-Pro{color:var(--tier-pro);background:#e8f0fe}.tier-Enterprise{color:var(--tier-enterprise);background:#f3e8fd}.tier-Free{color:var(--text-secondary);background:#f1f3f4}.legacy-badge{color:#c5221f;background:#fce8e6;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.sku-row-controls{border-radius:var(--shape-medium);border:1px solid var(--border);background:#f8f9fa;align-items:center;gap:20px;padding:16px;display:flex}.sku-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px;position:relative}.sku-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--google-blue);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s}.sku-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sku-volume-input{border:1px solid var(--border);border-radius:var(--shape-small);color:var(--text-primary);text-align:right;background:#fff;width:130px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.sku-volume-input:focus{border-color:var(--google-blue);box-shadow:inset 0 0 0 1px var(--google-blue);outline:none}.sku-cost-pill{color:var(--text-primary);text-align:right;min-width:90px;font-family:Google Sans,sans-serif;font-size:16px;font-weight:500}.sku-cost-pill.has-cost{color:var(--google-blue)}.sku-free-label{color:var(--tier-essentials);text-align:right;margin-top:6px;font-size:12px;font-weight:500;display:block}.cost-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--shape-large);max-height:calc(100vh - 48px);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:sticky;top:24px;overflow:hidden}.summary-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:24px}.summary-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:500}.summary-total{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:Google Sans,sans-serif;font-size:36px;font-weight:500}.summary-total-sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.summary-savings{color:#137333;background:#e6f4ea;border-radius:4px;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.summary-items{flex:1;padding:0;overflow-y:auto}.summary-empty{text-align:center;color:var(--text-secondary);padding:48px 24px;font-size:14px}.summary-item{border-bottom:1px solid #f1f3f4;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 24px;display:flex}.summary-item:last-child{border-bottom:none}.summary-item-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.summary-item-cost{color:var(--text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.summary-footer{border-top:1px solid var(--border);background:#f8f9fa;flex-direction:column;gap:12px;padding:24px;display:flex}.cta-btn{background:var(--google-blue);border-radius:var(--shape-full);color:#fff;cursor:pointer;text-align:center;border:none;width:100%;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s;display:block}.cta-btn:hover{background:var(--google-blue-hover);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.reset-btn{border:1px solid var(--border);border-radius:var(--shape-full);color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;width:100%;padding:10px;font-size:13px;font-weight:500;transition:background .2s}.reset-btn:hover{color:var(--text-primary);background:#f1f3f4}.plan-picker-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--shape-large);box-shadow:var(--shadow-card);padding:16px 20px}.plan-picker-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.plan-picker-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;flex:1;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500}.plan-picker-learn{color:var(--google-blue);align-items:center;gap:3px;font-size:12px;text-decoration:none;display:flex}.plan-picker-learn:hover{text-decoration:underline}.plan-picker-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:800px){.plan-picker-cards{grid-template-columns:repeat(2,1fr)}}.plan-card-btn{background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--shape-medium);cursor:pointer;text-align:left;padding:12px 12px 10px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;position:relative}.plan-card-btn:hover{border-color:var(--google-blue);background:var(--bg-surface)}.plan-card-btn-active{border-color:var(--google-blue);background:var(--google-blue-light);box-shadow:0 0 0 1px var(--google-blue)}.plan-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.plan-card-name{font-family:Google Sans,sans-serif;font-size:13px;font-weight:500}.plan-card-check{color:var(--google-blue);font-size:16px}.plan-card-price{color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:400}.plan-price-free{color:var(--tier-essentials);font-size:16px;font-weight:500}.plan-price-amount{font-weight:500}.plan-price-period{color:var(--text-secondary);font-size:12px}.plan-card-calls{color:var(--text-muted);font-size:11px;line-height:1.4}.plan-picker-note{color:var(--text-secondary);background:var(--google-blue-light);border-radius:var(--shape-small);align-items:center;gap:5px;margin-top:12px;padding:8px 12px;font-size:12px;display:flex}.summary-item-plan{background:var(--google-blue-light)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:.3s fade-in}.subcategory-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;padding:16px 0 8px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:500}.subcategory-label:first-child{margin-top:0;padding-top:0}.preset-chip{border:1px solid var(--border);border-radius:var(--shape-full);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:2px 10px;font-family:inherit;font-size:11px;transition:all .15s}.preset-chip:hover{border-color:var(--google-blue);color:var(--google-blue)}.preset-chip-active{background:var(--google-blue-light);border-color:var(--google-blue);color:var(--google-blue)}.preset-chip-clear{color:var(--text-secondary)}.preset-chip-clear:hover{border-color:var(--google-red);color:var(--google-red)}.error-box{border-radius:var(--shape-small);color:#c5221f;background:#fce8e6;border:1px solid #fad2cf;margin-top:12px;padding:12px 16px;font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.mcp-page{background:var(--bg-base);min-height:100vh}.mcp-hero{color:#fff;background:linear-gradient(135deg,#202124 0%,#303134 50%,#3c4043 100%);padding:64px 24px 56px;position:relative;overflow:hidden}.mcp-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4285f41f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;right:-10%}.mcp-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-30%;left:-5%}.mcp-hero-inner{z-index:1;max-width:800px;margin:0 auto;position:relative}.mcp-hero-badge{color:#d4b1f6;letter-spacing:1px;background:#a855f726;border:1px solid #a855f74d;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:600;display:inline-flex}.mcp-hero-badge-dot{background:#a855f7;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.mcp-hero-title{margin-bottom:16px;font-family:Google Sans,sans-serif;font-size:42px;font-weight:400;line-height:1.2}.mcp-hero-subtitle{color:#8ab4f8;font-weight:500}.mcp-hero-desc{color:#bdc1c6;max-width:600px;margin-bottom:28px;font-size:16px;line-height:1.7}.mcp-hero-endpoint{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;display:inline-flex}.mcp-endpoint-label{text-transform:uppercase;letter-spacing:.5px;color:#8ab4f8;font-size:11px;font-weight:600}.mcp-endpoint-url{color:#e8eaed;-webkit-user-select:all;user-select:all;font-family:Roboto Mono,SF Mono,monospace;font-size:14px}.mcp-section{max-width:1100px;margin:0 auto;padding:48px 24px}.mcp-section-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-family:Google Sans,sans-serif;font-size:22px;font-weight:500;display:flex}.mcp-tools-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mcp-tool-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--shape-large);padding:24px;transition:box-shadow .2s,border-color .2s}.mcp-tool-card:hover{box-shadow:var(--shadow-card);border-color:var(--border-bright)}.mcp-tool-header{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.mcp-tool-icon{color:#1a73e8;background:#e8f0fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mcp-icon-calc{color:#188038;background:#e6f4ea}.mcp-icon-list{color:#e37400;background:#fef7e0}.mcp-tool-name{color:var(--text-primary);font-family:Roboto Mono,SF Mono,monospace;font-size:16px;font-weight:500}.mcp-tool-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.mcp-tag-ai{color:#8430ce;background:#f3e8fd}.mcp-tag-math{color:#188038;background:#e6f4ea}.mcp-tag-ref{color:#e37400;background:#fef7e0}.mcp-tool-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.mcp-tool-desc code{background:#f1f3f4;border-radius:3px;padding:1px 5px;font-size:13px}.mcp-tool-params{flex-direction:column;gap:6px;display:flex}.mcp-param{align-items:baseline;gap:10px;font-size:13px;display:flex}.mcp-param code{color:var(--text-primary);white-space:nowrap;background:#f1f3f4;border-radius:4px;padding:2px 8px;font-family:Roboto Mono,SF Mono,monospace;font-size:12px;font-weight:500}.mcp-param span{color:var(--text-muted)}.mcp-connect-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;display:grid}@media (max-width:860px){.mcp-connect-grid{grid-template-columns:1fr}}.mcp-connect-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--shape-large);padding:24px}.mcp-connect-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mcp-connect-header h3{font-family:Google Sans,sans-serif;font-size:16px;font-weight:500}.mcp-connect-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mcp-connect-desc{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.mcp-connect-desc code{background:#f1f3f4;border-radius:3px;padding:1px 5px;font-size:12px}.mcp-code-block{color:#d4d4d4;white-space:pre;background:#1e1e1e;border:1px solid #333;border-radius:10px;padding:16px 20px;font-family:Roboto Mono,SF Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.mcp-copy-btn{background:var(--google-blue);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mcp-copy-btn:hover{background:#1967d2;transform:translateY(-1px);box-shadow:0 2px 6px #1a73e84d}.mcp-copy-btn:active{transform:translateY(0)}.mcp-copy-btn .material-symbols-outlined{font-size:16px}.mcp-copy-btn-mini{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:12px;transition:all .2s;display:flex}.mcp-copy-btn-mini:hover{background:#fff3}.mcp-auth-section{margin-bottom:60px}.mcp-auth-card{background:#fff9e6;border:1px solid #ffeeb3;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;display:flex}.mcp-prompt-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px;display:grid}.mcp-prompt-card{border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mcp-prompt-card:hover{border-color:var(--google-yellow);transform:translateY(-4px);box-shadow:0 8px 24px #fbbc041a}.mcp-prompt-card h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.mcp-prompt-text{color:var(--text-secondary);border-left:2px solid #eee;margin:0;padding-left:12px;font-size:14px;font-style:italic;line-height:1.6}.mcp-auth-card h3{color:#856404;margin:0 0 8px;font-size:18px}.mcp-auth-card p{color:#856404;font-size:14px;line-height:1.6}.mcp-auth-card code{background:#0000000f;border-radius:3px;padding:1px 5px;font-size:12px}.mcp-footer{border-top:1px solid var(--border);align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:24px;font-size:13px;display:flex}.mcp-footer-link{color:var(--google-blue);align-items:center;gap:4px;text-decoration:none;display:flex}.mcp-footer-link:hover{text-decoration:underline}.mcp-footer-sep,.mcp-footer-text{color:var(--text-muted)}@media (max-width:1000px){.mcp-tools-grid{grid-template-columns:1fr}}@media (max-width:600px){.mcp-hero{padding:40px 20px 36px}.mcp-hero-title{font-size:28px}}.get-started-ribbon-wrapper{width:100%;margin:0;padding:0}.get-started-ribbon{background:linear-gradient(135deg,#e8f0fe 0%,#f3e8fd 50%,#fef7e0 100%);border-bottom:1px solid #d2e3fc;border-radius:0;animation:.4s fade-in;overflow:hidden}.get-started-ribbon-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto;padding:16px 96px;display:flex}.get-started-ribbon-content{align-items:center;gap:14px;display:flex}.get-started-ribbon-icon{width:40px;height:40px;color:var(--google-blue);background:#1a73e81f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.get-started-ribbon-icon .material-symbols-outlined{font-size:22px}.get-started-ribbon-text{flex-direction:column;gap:2px;display:flex}.get-started-ribbon-headline{color:var(--text-primary);font-family:Google Sans,sans-serif;font-size:15px;font-weight:500}.get-started-ribbon-sub{color:var(--text-secondary);font-size:13px}.get-started-ribbon-btn{background:var(--google-blue);color:#fff;border-radius:var(--shape-full);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,transform .15s;display:flex}.get-started-ribbon-btn:hover{background:var(--google-blue-hover);transform:translateY(-1px);box-shadow:0 2px 8px #1a73e84d}.get-started-ribbon-btn:active{transform:translateY(0)}@media (max-width:700px){.get-started-ribbon-inner{flex-direction:column;align-items:flex-start}.get-started-ribbon-btn{justify-content:center;width:100%}}.get-started-inline{border-radius:var(--shape-full);width:100%;color:var(--google-blue);cursor:pointer;background:linear-gradient(135deg,#e8f0fe 0%,#f3e8fd 100%);border:1.5px solid #d2e3fc;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.get-started-inline:hover{border-color:var(--google-blue);background:linear-gradient(135deg,#d2e3fc 0%,#e8d5f5 100%);transform:translateY(-1px);box-shadow:0 2px 8px #1a73e826}.get-started-inline:active{transform:translateY(0)}.quiz-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#20212499;justify-content:center;align-items:center;padding:24px;animation:.25s quiz-overlay-in;display:flex;position:fixed;inset:0}@keyframes quiz-overlay-in{0%{opacity:0}to{opacity:1}}.quiz-modal{background:var(--bg-surface);border-radius:var(--shape-large);width:100%;max-width:560px;max-height:90vh;animation:.3s cubic-bezier(.2,0,0,1) quiz-modal-in;overflow-y:auto;box-shadow:0 24px 80px #00000040,0 8px 32px #0000001a}@keyframes quiz-modal-in{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 0;display:flex}.quiz-modal-header-text{flex:1}.quiz-modal-badge{color:var(--google-blue);text-transform:uppercase;letter-spacing:.5px;background:#e8f0fe;border:1px solid #d2e3fc;border-radius:16px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.quiz-modal-title{color:var(--text-primary);margin-bottom:6px;font-family:Google Sans,sans-serif;font-size:22px;font-weight:400;line-height:1.3}.quiz-modal-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.quiz-close-btn{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.quiz-close-btn:hover{color:var(--text-primary);background:#f1f3f4}.quiz-form{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.quiz-field{flex-direction:column;gap:8px;display:flex}.quiz-label{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.quiz-label-number{background:var(--google-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.quiz-optional{color:var(--text-muted);margin-left:4px;font-size:12px;font-weight:400}.quiz-select,.quiz-input{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--shape-small);color:var(--text-primary);appearance:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.quiz-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%235f6368'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:36px}.quiz-select:focus,.quiz-input:focus{border-color:var(--google-blue);box-shadow:inset 0 0 0 1px var(--google-blue);outline:none}.quiz-input::placeholder{color:var(--text-muted)}.quiz-email-row{align-items:center;gap:12px;display:flex}.quiz-submit-btn{background:var(--google-blue);color:#fff;border-radius:var(--shape-small);cursor:pointer;white-space:nowrap;border:none;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.quiz-submit-btn:hover:not(:disabled){background:#174ea6}.quiz-submit-btn:disabled{color:#80868b;cursor:not-allowed;background:#dadce0}.quiz-success-msg{color:#0f9d58;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.quiz-resources{border-top:1px solid var(--border);padding:24px 28px 28px}.quiz-resources-blurb{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:16px;font-size:14px;line-height:1.5;display:flex}.quiz-resource-cards{flex-direction:column;gap:10px;display:flex}.quiz-resource-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--shape-medium);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.quiz-resource-card:hover{border-color:var(--google-blue);background:#e8f0fe;transform:translate(4px);box-shadow:0 2px 8px #1a73e81a}.quiz-resource-icon{width:40px;height:40px;color:var(--google-blue);background:#e8f0fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-resource-card:hover .quiz-resource-icon{background:#d2e3fc}.quiz-resource-text{flex:1;min-width:0}.quiz-resource-title{color:var(--text-primary);margin-bottom:2px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500}.quiz-resource-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.quiz-resource-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s,color .2s;font-size:18px!important}.quiz-resource-card:hover .quiz-resource-arrow{color:var(--google-blue);transform:translate(4px)}.quiz-resource-alt{border-radius:var(--shape-small);color:#137333;background:#e6f4ea;align-items:center;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.quiz-resource-alt strong{font-weight:600}@media (max-width:600px){.quiz-modal{border-radius:var(--shape-medium);max-height:100vh}.quiz-modal-header{padding:20px 20px 0}.quiz-form,.quiz-resources{padding:20px}.quiz-modal-title{font-size:18px}.page-header-inner,.header-links{flex-wrap:wrap;justify-content:center}.plan-picker-cards{grid-template-columns:1fr!important}.sku-row-controls{flex-wrap:wrap;gap:12px}.sku-slider{min-width:100%}}@media (max-width:800px){.page-header-inner{flex-wrap:wrap;justify-content:center;gap:16px}.header-links{flex-wrap:wrap;justify-content:center;width:100%}.ai-input-row{flex-wrap:wrap}.ai-textarea{flex:none;width:100%}.ai-submit-btn{justify-content:center;width:100%}}.data-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.data-modules-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:1024px){.data-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.data-modules-grid{grid-template-columns:1fr}}@media (max-width:600px){.data-stats-grid{grid-template-columns:1fr}}