*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a73e8;--primary-dark: #1557b0;--primary-light: #e8f0fe;--green: #34a853;--text: #202124;--text-light: #5f6368;--bg: #ffffff;--bg-gray: #f8f9fa;--border: #dadce0;--shadow-sm: 0 1px 3px rgba(60,64,67,.15);--shadow-md: 0 4px 12px rgba(60,64,67,.2);--radius: 12px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 24px}.site-header{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;padding:2rem 0;text-align:center}.site-header h1{font-size:2rem;font-weight:700;margin-bottom:.25rem}.site-header .tagline{font-size:1rem;opacity:.85}.site-nav{background:var(--bg-gray);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.site-nav .container{display:flex;gap:0;flex-wrap:wrap}.site-nav a{display:block;padding:.875rem 1.25rem;color:var(--text);text-decoration:none;font-size:.95rem;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.site-nav a:hover{background:#fff;border-bottom-color:var(--primary);color:var(--primary);text-decoration:none}.site-nav a.active{background:#fff;border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.site-footer{background:var(--bg-gray);border-top:1px solid var(--border);padding:2rem 0;margin-top:5rem;text-align:center}.site-footer p{color:var(--text-light);font-size:.9rem;line-height:1.8}.site-footer .trademark{font-size:.8rem;margin-top:.5rem}.content-wrap{max-width:780px;margin:0 auto;padding:3rem 24px 5rem}.content-wrap h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.content-wrap .meta{color:var(--text-light);font-size:.9rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border);margin-bottom:2.5rem}.content-wrap section{margin-bottom:2.5rem}.content-wrap h3{font-size:1.35rem;font-weight:600;margin-bottom:.75rem;color:var(--text);padding-bottom:.4rem;border-bottom:1px solid var(--border)}.content-wrap h4{font-size:1.05rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--text)}.content-wrap p{color:var(--text-light);margin-bottom:.75rem}.content-wrap ul,.content-wrap ol{padding-left:1.5rem;margin-bottom:.75rem}.content-wrap li{color:var(--text-light);margin-bottom:.4rem}.content-wrap strong{color:var(--text)}.content-wrap pre{margin:.5rem 0 1rem}main.home{padding:0 0 5rem}.hero{text-align:center;padding:5rem 24px 4rem;background:linear-gradient(180deg,var(--primary-light) 0%,var(--bg) 100%)}.hero h2{font-size:2.4rem;font-weight:700;margin-bottom:1rem;color:var(--text);line-height:1.2}.hero p{font-size:1.15rem;color:var(--text-light);max-width:560px;margin:0 auto 2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.hero-sub{font-size:.85rem;color:var(--text-light);margin-top:.5rem}.btn-primary{display:inline-block;background:var(--primary);color:#fff;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none;color:#fff}.btn-secondary{display:inline-block;background:#fff;color:var(--primary);border:2px solid var(--primary);padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:var(--primary-light);text-decoration:none;color:var(--primary)}.script-id{background:var(--bg-gray);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-family:monospace;font-size:.8rem;cursor:pointer;color:var(--primary);word-break:break-all;transition:background .2s}.script-id:hover{background:var(--primary-light)}.features{padding:4rem 24px}.features h3,.how-it-works h3,.docs-links h3{font-size:1.75rem;text-align:center;margin-bottom:2.5rem;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;text-align:center;transition:all .25s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--primary)}.feature-card .icon{font-size:2.5rem;margin-bottom:.75rem}.feature-card h4{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--text-light);line-height:1.5}.how-it-works{padding:4rem 24px;background:var(--bg-gray)}.steps{list-style:none;max-width:620px;margin:0 auto;counter-reset:step}.steps li{display:flex;gap:1.25rem;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1rem}.steps li:before{content:counter(step);counter-increment:step;background:var(--primary);color:#fff;width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.step-text strong{display:block;font-weight:600;margin-bottom:.25rem}.step-text p{font-size:.9rem;color:var(--text-light);margin:0}.step-text code{font-size:.85rem;background:var(--bg-gray);padding:1px 5px;border-radius:3px}.library-id-section{padding:3rem 24px;background:var(--bg-gray)}.library-id-section h3{font-size:1.75rem;text-align:center;margin-bottom:.5rem;font-weight:700}.lib-desc{text-align:center;color:var(--text-light);margin-bottom:1.25rem}.id-box{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid var(--border);border-radius:10px;padding:1rem 1.25rem;max-width:680px;margin:0 auto .75rem}.id-box code{flex:1;font-family:monospace;font-size:.9rem;color:var(--text);word-break:break-all}.copy-btn{flex-shrink:0;background:var(--primary);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--primary-dark)}.copy-btn.copied{background:var(--green)}.lib-note{text-align:center;font-size:.875rem;color:var(--text-light)}.docs-links{padding:4rem 24px}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:680px;margin:0 auto}.doc-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;background:#fff;border:2px solid var(--border);border-radius:10px;color:var(--text);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}.doc-link:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);text-decoration:none}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1rem}.support-card{background:var(--primary-light);border:1px solid #c5d8fb;border-radius:var(--radius);padding:1.5rem}.support-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.support-card .note{font-size:.82rem;color:var(--text-light);margin-top:.4rem}.code-block-wrap{position:relative;margin-top:.5rem}.code-block-wrap pre{margin:0;padding-right:90px}.code-copy-btn{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;border:none;padding:.4rem .9rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.code-copy-btn:hover{background:var(--primary-dark)}.code-copy-btn.copied{background:var(--green)}.callout{background:#fef9e7;border-left:4px solid #f39c12;border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1rem 0;font-size:.95rem}@media (max-width:600px){.site-header h1{font-size:1.5rem}.hero h2{font-size:1.75rem}.site-nav .container{overflow-x:auto;flex-wrap:nowrap}.site-nav a{padding:.75rem 1rem;font-size:.875rem}.features,.how-it-works,.docs-links,.library-id-section{padding:2.5rem 16px}.content-wrap{padding:2rem 16px 4rem}.id-box{flex-direction:column;align-items:stretch}.copy-btn{width:100%}.hero-buttons{flex-direction:column;align-items:center}}