:root{--ink:#183334;--muted:#617374;--cream:#f7f7f1;--paper:#fffefa;--green:#0a7b63;--mint:#dff3e9;--line:#dce4de;--orange:#ee8d38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.7}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#fff;font-size:14px;font-weight:800}.header-note{font-size:13px;color:var(--muted)}.hero{padding:84px 24px 68px;min-height:575px;text-align:center;background:radial-gradient(circle at 50% 0,#e7f7ed 0,rgba(231,247,237,.1) 38%,transparent 66%)}.eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 9px}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.32;letter-spacing:-.06em;margin:0}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{margin:18px auto 32px;color:var(--muted);font-size:16px}.tool-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;max-width:740px;margin:auto;padding:20px 22px 16px;box-shadow:0 16px 35px rgba(29,65,54,.08);text-align:left}.tool-card label{font-size:14px;font-weight:700}.tool-card textarea{width:100%;border:0;outline:0;resize:vertical;display:block;padding:10px 0 4px;background:transparent;color:var(--ink);font:500 16px/1.7 inherit}.tool-card textarea::placeholder{color:#a0aeaa}.tool-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:13px}.tool-footer span{font-size:11px;color:var(--muted)}button{font:inherit;cursor:pointer}.tool-footer button{border:0;border-radius:9px;background:var(--green);color:#fff;font-size:14px;font-weight:700;padding:10px 16px;white-space:nowrap}.tool-footer button span{color:#fff;font-size:18px;margin-left:5px}.quick-questions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:760px;margin:15px auto}.quick-questions button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:5px 12px;color:#526867;font-size:12px}.quick-questions button:hover{border-color:var(--green);color:var(--green)}.result-section,.examples,.how-it-works{max-width:1040px;margin:auto;padding:76px 28px}.section-heading{text-align:center}.section-heading h2{font-size:clamp(25px,4vw,34px);letter-spacing:-.04em;margin:0 0 28px}.answer-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 10px 24px rgba(29,65,54,.05)}.answer-head{display:flex;justify-content:space-between;align-items:center}.tag{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--mint);color:var(--green);font-size:12px;font-weight:700}.copy-button{border:1px solid #a9cabc;border-radius:7px;background:#fff;color:var(--green);font-size:12px;padding:6px 10px}.answer-card h3{font-size:23px;margin:12px 0}.formula-wrap{background:#163c37;border-radius:10px;padding:16px;overflow:auto}.formula-wrap code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e2fae5;font-size:15px;white-space:nowrap}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:23px 0 10px}.answer-card h4{font-size:14px;margin:0 0 6px}.answer-card p,.answer-card ol{font-size:14px;margin:0;color:#4d6261}.answer-card ol{padding-left:20px}.answer-card details{border-top:1px solid var(--line);padding-top:15px;margin-top:10px}.answer-card summary{font-size:13px;font-weight:700;cursor:pointer}.answer-card details p{margin-top:8px}.tip{background:#fff3dc;border-radius:8px;padding:9px 12px;margin-top:18px!important;color:#77512b!important;font-size:13px!important}.examples{padding-top:45px}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.example-card{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:18px;min-height:132px;transition:.15s}.example-card:hover{transform:translateY(-3px);box-shadow:0 10px 17px rgba(24,51,52,.08);border-color:#9ccbbb}.example-card span{display:block;color:var(--green);font-size:12px;font-weight:700}.example-card strong{display:block;line-height:1.5;margin:7px 0 8px;font-size:15px}.example-card small{font-family:monospace;color:#778986}.how-it-works{padding-bottom:92px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;text-align:center}.steps b{display:grid;place-items:center;width:36px;height:36px;margin:auto;background:var(--green);border-radius:50%;color:#fff;font-size:14px}.steps h3{font-size:16px;margin:10px 0 1px}.steps p{font-size:13px;margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:var(--ink);font-weight:700;font-size:14px}footer span:last-child{color:var(--muted);font-weight:400}@media(max-width:650px){.site-header{height:62px;padding:0 18px}.header-note{display:none}.hero{padding:58px 17px 42px;min-height:0}.hero-copy{font-size:14px}.tool-card{padding:17px}.tool-footer span{display:none}.tool-footer{justify-content:flex-end}.result-section,.examples,.how-it-works{padding:52px 18px}.answer-card{padding:19px}.answer-grid,.steps{grid-template-columns:1fr;gap:18px}.example-grid{grid-template-columns:1fr 1fr}.example-card{min-height:115px;padding:14px}.quick-questions{justify-content:flex-start}.formula-wrap code{font-size:13px}}
.header-actions{display:flex;align-items:center;gap:12px}.header-pro{border:1px solid var(--green);border-radius:99px;background:#fff;color:var(--green);font-size:12px;font-weight:800;padding:4px 11px}.free-note{font-size:12px;color:var(--muted);margin:10px 0 0}.free-note button{border:0;background:none;color:var(--green);font-size:12px;font-weight:700;text-decoration:underline}.upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px;padding:25px 28px;border-radius:16px;background:#163c37;color:#fff}.upgrade-card .eyebrow{color:#8be2bb}.upgrade-card h3{margin:0;font-size:22px;line-height:1.45}.upgrade-card p:not(.eyebrow){margin:7px 0 0;color:#d4e3dd;font-size:13px}.upgrade-card button{border:1px solid #b3e8cc;border-radius:9px;background:#effcf4;color:#12664f;font-size:13px;font-weight:800;padding:10px 14px;white-space:nowrap}.pricing{max-width:1040px;margin:auto;padding:55px 28px 92px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:740px;margin:auto}.plan-card{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:24px}.plan-pro{border:2px solid var(--green);box-shadow:0 12px 28px rgba(10,123,99,.1)}.popular{position:absolute;right:16px;top:-13px;background:var(--green);border-radius:99px;color:#fff;font-size:11px;font-weight:700;padding:3px 9px}.plan-name{margin:0;font-size:15px;font-weight:800}.plan-name small{font-size:11px;color:var(--orange)}.price{margin:7px 0!important;font-size:30px!important;font-weight:800;color:var(--ink)!important}.price small{font-size:12px;font-weight:400;color:var(--muted)}.plan-card>p:not(.price):not(.plan-name){font-size:13px;color:var(--muted)}.plan-card ul{min-height:120px;padding:0;list-style:none;font-size:13px}.plan-card li{padding:4px 0}.plan-card li::before{content:"✓";color:var(--green);font-weight:800;margin-right:7px}.plan-current{width:100%;border:1px solid var(--line);border-radius:9px;background:#f0f2ef;color:#83908d;padding:10px;font-weight:700}.pro-button{border:0;border-radius:9px;background:var(--green);color:#fff;font-size:14px;font-weight:700;padding:10px 16px}.plan-card .pro-button{width:100%}.pricing-note{text-align:center;color:var(--muted);font-size:11px;margin:14px 0}.pro-dialog{position:relative;max-width:440px;border:0;border-radius:18px;padding:32px;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.25)}.pro-dialog::backdrop{background:rgba(16,39,35,.5)}.pro-dialog h2{font-size:25px;line-height:1.4;margin:4px 0 12px}.pro-dialog p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--muted);font-size:26px}.dialog-price{margin:20px 0;padding:13px;border-radius:10px;background:var(--mint);color:var(--green);font-size:13px}.dialog-price strong{display:block;font-size:22px}.pro-dialog .pro-button{width:100%}@media(max-width:650px){.pricing{padding:52px 18px}.plan-grid{grid-template-columns:1fr;gap:18px}.upgrade-card{align-items:flex-start;flex-direction:column;padding:22px}.upgrade-card h3{font-size:19px}.plan-card ul{min-height:0}.header-actions{gap:5px}.pro-dialog{margin:18px;padding:27px 22px}}