:root{color-scheme:light;--color-text: #222426;--color-muted: #646b73;--color-border: #d9dee5;--color-bg: #f5f7f9;--color-surface: #ffffff;--color-surface-alt: #edf5f2;--color-primary: #116149;--color-primary-dark: #0a4534;--color-accent: #b94f2d;--color-accent-soft: #f8e8df;--color-focus: #2d7ff9;--shadow-panel: 0 18px 45px rgba(32, 41, 54, .08);--radius: 8px;--container: 1120px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.75}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,input,select,textarea{border-radius:var(--radius)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-140%);padding:8px 12px;background:var(--color-text);color:#fff;border-radius:var(--radius)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;background:#ffffffeb;border-bottom:1px solid var(--color-border);backdrop-filter:blur(14px)}.header-inner,.site-nav,.brand,.hero-badges,.form-actions,.result-header,.cta-inner{display:flex;align-items:center}.header-inner{min-height:64px;justify-content:space-between;gap:16px}.brand{flex:0 1 auto}.brand-logo{width:min(200px,52vw);height:auto;max-height:42px;object-fit:contain}.site-nav{gap:8px;font-size:14px;color:var(--color-muted)}.site-nav a{padding:8px 10px;border-radius:var(--radius)}.site-nav a:hover{background:var(--color-surface-alt);color:var(--color-primary-dark)}.tool-hero,.home-hero,.waitlist-hero{background:linear-gradient(180deg,#fff,#f5f7f9);border-bottom:1px solid var(--color-border)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:40px;align-items:center;min-height:520px;padding-block:72px 54px}.hero-copy{max-width:760px}.eyebrow,.section-kicker{margin:0 0 10px;color:var(--color-primary);font-size:13px;font-weight:700;line-height:1.4;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.35}h1{max-width:780px;font-size:clamp(34px,6vw,58px)}h2{font-size:28px}h3{font-size:18px}.hero-lead{max-width:740px;margin:20px 0 0;color:var(--color-muted);font-size:18px}.hero-badges{flex-wrap:wrap;gap:8px;margin-top:24px}.hero-badges span{padding:6px 10px;border:1px solid #cce1d9;border-radius:999px;background:#f2faf6;color:var(--color-primary-dark);font-size:13px;font-weight:700}.document-preview{width:min(100%,390px);justify-self:end;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-panel);overflow:hidden}.preview-toolbar{display:flex;gap:7px;padding:12px;background:#e8edf1;border-bottom:1px solid var(--color-border)}.preview-toolbar span{width:10px;height:10px;border-radius:50%;background:#8c99a8}.preview-toolbar span:first-child{background:var(--color-accent)}.preview-page{display:grid;gap:14px;padding:28px}.preview-page strong{font-size:20px}.preview-line,.preview-columns span{display:block;height:12px;border-radius:6px;background:#dfe6ed}.preview-line.wide{width:92%}.preview-line{width:76%}.preview-line.short{width:48%;background:#cfe4db}.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:8px}.preview-columns span{height:72px;background:var(--color-accent-soft)}.tool-workspace{padding:36px 0 64px;background:var(--color-bg)}.tool-grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr);gap:24px;align-items:start}.tool-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-panel)}.panel-heading{padding:22px 22px 0}.panel-heading p:not(.section-kicker){margin:8px 0 0;color:var(--color-muted);font-size:14px}.tool-form{display:grid;gap:16px;padding:22px}.field{display:grid;gap:7px}.field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:700}.field strong{padding:2px 7px;border-radius:999px;background:#eef5ff;color:#245ca8;font-size:11px;line-height:1.4}input,select,textarea{width:100%;border:1px solid #cfd6df;background:#fff;color:var(--color-text);padding:11px 12px}textarea{min-height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:#9aa3ad}.form-actions{flex-wrap:wrap;gap:10px;padding-top:6px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius);font-weight:700;line-height:1.3;text-align:center}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover{background:var(--color-primary-dark)}.button-secondary{border-color:var(--color-border);background:#fff;color:var(--color-text)}.button-secondary:hover{border-color:#aab4bf;background:#f7f9fb}.result-panel{position:sticky;top:84px}.result-header{justify-content:space-between;gap:12px;padding-right:22px}.result-header .panel-heading{min-width:0}.copy-status{min-height:28px;margin:0;padding:0 22px;color:var(--color-primary);font-size:14px;font-weight:700}.result-output{min-height:640px;max-height:820px;margin:0;padding:22px;overflow:auto;border-top:1px solid var(--color-border);background:#fbfcfd;color:#26313c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.75;white-space:pre-wrap}.content-section{background:#fff;border-top:1px solid var(--color-border)}.article-layout{display:grid;gap:42px;padding-block:64px}.content-block{max-width:860px}.content-block p{margin:14px 0 0;color:var(--color-muted)}.faq-list{display:grid;gap:10px;margin-top:18px}details{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}summary{cursor:pointer;padding:14px 16px;font-weight:700}details p{margin:0;padding:0 16px 16px}.related-grid,.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.related-item,.tool-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:108px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.related-item p,.tool-list p{margin:6px 0 0;color:var(--color-muted);font-size:14px}.related-item a,.tool-list a{flex:0 0 auto;color:var(--color-primary);font-weight:700}.related-item span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#f4f6f8;color:var(--color-muted);font-size:13px;font-weight:700}.cta-band{background:var(--color-primary-dark);color:#fff}.cta-inner{justify-content:space-between;gap:24px;padding-block:42px}.cta-inner p{max-width:720px;margin:10px 0 0;color:#dceee7}.cta-inner .button{flex:0 0 auto;background:#fff;color:var(--color-primary-dark)}.home-hero .hero-grid,.waitlist-hero .hero-grid{min-height:420px}.home-section,.waitlist-section{background:#fff;border-top:1px solid var(--color-border);padding-block:56px}.waitlist-panel{max-width:820px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-panel)}.waitlist-panel p{margin:0 0 18px;color:var(--color-muted)}.site-footer{background:#1f2528;color:#d8dee3}.footer-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;padding-block:32px}.footer-title{margin:0 0 6px;color:#fff;font-weight:700}.site-footer p{margin-top:0}.disclaimer{color:#b9c2ca;font-size:13px}@media(max-width:900px){.hero-grid,.tool-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-block:48px 36px}.document-preview{justify-self:start}.result-panel{position:static}.result-output{min-height:420px;max-height:none}.cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.container{width:min(100% - 24px,var(--container))}.header-inner{align-items:flex-start;flex-direction:column;padding-block:12px}.site-nav{width:100%;justify-content:space-between}h1{font-size:36px}h2{font-size:24px}.hero-lead{font-size:16px}.tool-workspace{padding-top:24px}.result-header,.related-item,.tool-list article{align-items:flex-start;flex-direction:column}.result-header{padding-right:0}.result-header .button{width:calc(100% - 44px);margin:0 22px 22px}.related-grid,.tool-list{grid-template-columns:1fr}.button{width:100%}}