:root{--background:#f8fafc;--surface:#fff;--surface-muted:#eef6f6;--text:#152324;--muted:#5a6b6d;--border:#d8e2e3;--accent:#0f766e;--accent-dark:#0b4f4a;--error:#b42318;--error-bg:#fff2f0;--shadow:0 18px 60px #15232414}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{min-width:0}button,input,select{font:inherit;-webkit-tap-highlight-color:transparent}.page-shell{width:min(1120px,100% - 32px);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 max(16px,50% - 560px);display:flex}.brand-link{color:var(--text);font-weight:800;text-decoration:none}.auth-status{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.auth-status span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.auth-status.muted{color:var(--muted)}.auth-menu{position:relative}.auth-menu-trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.auth-menu-trigger:hover,.auth-menu-trigger[aria-expanded=true]{border-color:var(--accent)}.auth-avatar{object-fit:cover;border-radius:999px;width:28px;height:28px;display:block}.auth-avatar-fallback{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.auth-menu-panel{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(260px,100vw - 32px);padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #0f172a1f}.auth-menu-user{border-bottom:1px solid var(--border);padding:8px 8px 10px}.auth-menu-user strong,.auth-menu-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.auth-menu-user strong{color:var(--text);font-size:14px}.auth-menu-user span{color:var(--muted);margin-top:3px;font-size:13px}.auth-menu-item{width:100%;min-height:38px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;margin-top:6px;padding:0 8px;font-weight:700}.auth-menu-item:hover{background:var(--soft);color:var(--accent-dark)}.secondary-button,.text-button{border:1px solid var(--border);background:var(--surface);color:var(--accent-dark);cursor:pointer;border-radius:8px;min-height:38px;padding:0 12px;font-weight:700}.auth-sign-in{border-color:var(--accent);background:var(--accent);color:#fff}.auth-sign-in:hover{background:var(--accent-dark);color:#fff}.text-button{border:0;min-height:auto;padding:0}.secondary-button:hover,.text-button:hover{color:var(--accent)}.narrow{width:min(840px,100% - 32px)}.hero{background:var(--surface);padding:72px 0 32px}.compact-hero{padding-bottom:48px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:48px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:0;margin:0 0 16px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:820px;margin-bottom:18px;font-size:56px;line-height:1.02}h2{margin-bottom:24px;font-size:28px;line-height:1.2}h3{margin-bottom:10px;font-size:18px}.hero-copy{max-width:680px;color:var(--muted);margin-bottom:14px;font-size:20px;line-height:1.55}.hero-support{max-width:620px;color:var(--muted);margin-bottom:0;line-height:1.6}.hero-panel{border:1px solid var(--border);background:linear-gradient(180deg, #0f766e14, #fff0), var(--surface);min-height:280px;box-shadow:var(--shadow);border-radius:8px;padding:28px}.preview-line{background:#d7eaea;border-radius:999px;width:68%;height:12px;margin-bottom:16px}.preview-line-wide{width:88%}.preview-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:42px;padding:24px}.preview-card span,.preview-card strong{display:block}.preview-card span{color:var(--muted);margin-bottom:8px}.tool-section{background:var(--surface);padding:32px 0}.tool-intro{max-width:920px;color:var(--muted);margin-bottom:16px;line-height:1.6}.tool-intro p{margin-bottom:0}.tool-card{border:1px solid var(--border);background:var(--surface);width:min(920px,100% - 32px);box-shadow:var(--shadow);border-radius:8px;margin:0 auto;padding:24px}.tool-form label{margin-bottom:10px;font-weight:700;display:block}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.input-row input{border:1px solid var(--border);min-width:0;height:52px;color:var(--text);border-radius:8px;outline:none;padding:0 16px}.input-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.input-row button{white-space:nowrap;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:52px;padding:0 20px;font-weight:700}.input-row button:hover{background:var(--accent-dark)}.input-row button:disabled{cursor:wait;opacity:.72}.language-select{appearance:none;border:1px solid var(--border);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) right 18px center / 6px 6px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) right 12px center / 6px 6px no-repeat, var(--surface);width:100%;height:48px;color:var(--text);border-radius:8px;outline:none;margin-top:0;margin-bottom:4px;padding:0 44px 0 14px}.tool-form .input-row+label{margin-top:16px}.language-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.status{border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;line-height:1.45;display:flex}.status-loading{background:var(--surface-muted);color:var(--accent-dark)}.status-error{background:var(--error-bg);color:var(--error)}.auth-prompt{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.auth-prompt p{color:var(--accent-dark);margin-bottom:0;line-height:1.5}.auth-prompt button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;min-height:42px;padding:0 14px;font-weight:700}.loading-dot{background:var(--accent);border-radius:999px;flex:none;width:10px;height:10px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.results{margin-top:28px}.results-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.results-toolbar h2{margin-bottom:0}.copy-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--accent-dark);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 14px;font-weight:700}.copy-button:hover{border-color:var(--accent)}.result-section+.result-section{margin-top:32px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{margin-bottom:0}.section-heading p{color:var(--muted);margin-bottom:0;font-size:14px}.result-grid,.three-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.result-card,.simple-block{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:18px}.result-card p,.simple-block p,.faq-list p{color:var(--muted);line-height:1.6}.result-card p:last-child,.simple-block p:last-child{margin-bottom:0}.result-list{color:var(--muted);gap:10px;padding-left:20px;line-height:1.6;display:grid}.option-list{color:var(--muted);gap:8px;margin:0 0 16px;padding-left:20px;line-height:1.5;display:grid}.answer{color:var(--accent-dark);margin-bottom:0;font-weight:700}.section{padding:64px 0}.section-muted{background:var(--surface-muted)}.simple-block span{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:16px;font-weight:700;display:inline-flex}.faq-list{gap:16px;display:grid}.faq-list article{border-bottom:1px solid var(--border);padding-bottom:16px}.seo-links-section{background:var(--surface-muted)}.seo-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.seo-link-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;border-radius:8px;padding:18px;text-decoration:none;display:block}.seo-link-card:hover{border-color:var(--accent)}.seo-link-card span{margin-bottom:10px;font-weight:700;display:block}.seo-link-card p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.55}.cta{text-align:center}.footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);padding:24px 0}.footer-inner{justify-content:space-between;gap:16px;display:flex}.footer-inner p{margin-bottom:0}@media (max-width:780px){.hero{padding-top:48px}.hero-grid,.input-row,.result-grid,.three-column,.seo-link-grid{grid-template-columns:1fr}h1{font-size:40px}.hero-copy{font-size:18px}.hero-panel{min-height:220px}.input-row button{width:100%}.tool-card{width:min(100% - 24px,920px);padding:18px}.site-header,.auth-prompt{flex-direction:column;align-items:stretch}.site-header{padding:14px 16px}.auth-status{justify-content:space-between;width:100%}.auth-menu{align-self:flex-end}.auth-prompt button{width:100%}.section-heading{display:block}.results-toolbar{flex-direction:column;align-items:stretch}.copy-button{width:100%}.section-heading p{margin-top:6px}.footer-inner{display:block}.footer-inner p+p{margin-top:8px}}@media (max-width:420px){h1{font-size:34px}.hero-copy{font-size:17px}.input-row input,.input-row button{min-height:50px}}