:root{--paper:#f7f6f0;--ink:#183c33;--muted:#566b62;--line:#dce3d9;--mint:#dceccb;--white:#fff;--orange:#e8a276}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #ad6434;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:16px;top:-70px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:12px 12px 15px 15px;background:var(--ink);color:var(--mint);font-size:21px;text-align:center;line-height:34px}.nav{display:flex;gap:25px;font-size:13px;font-weight:600}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:84px 0 80px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.15em;font-weight:750;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(34px,4.5vw,57px);line-height:1.5;letter-spacing:-.04em;margin:22px 0}h2{font-size:clamp(27px,3vw,38px);line-height:1.5;letter-spacing:-.025em;margin:12px 0 22px}h3{font-size:19px;line-height:1.7;margin:14px 0 10px}p{margin:0 0 18px}.intro{color:var(--muted);max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;padding:13px 23px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:700;min-height:48px}.button:hover{background:#2b594b}.button.secondary{background:transparent;border:1px solid #b7c4b8;color:var(--ink)}.small{font-size:12px;color:var(--muted)}.hero .small{margin-top:14px}.demo-wrap{background:var(--mint);padding:34px;border-radius:38px;transform:rotate(2deg)}.demo{background:var(--white);border-radius:22px;padding:24px;box-shadow:0 20px 35px #183c3312;transform:rotate(-2deg)}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:18px}.pill{display:inline-block;background:#edf3e7;border-radius:30px;padding:4px 12px;font-size:11px;font-weight:700}.sample{background:#f8f9f4;border-radius:14px;padding:24px 20px;margin-top:20px;min-height:188px}.sample b{display:block;font-size:21px;line-height:1.7;margin-top:10px}.answer{display:flex;justify-content:space-between;margin-top:16px;gap:10px}.answer span{font-size:11px;background:#edf3e7;border-radius:8px;padding:8px;flex:1;text-align:center}.demo-caption{font-size:11px;margin:15px 0 0;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:24px}.fact strong{font-size:31px;letter-spacing:-1px;display:block}.fact span{font-size:12px;color:var(--muted)}section.section{padding:82px 0}.section-head{max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{padding:28px;background:white;border:1px solid var(--line);border-radius:18px}.number{font-size:12px;font-weight:700;letter-spacing:.1em;color:#697e6d}.card p{color:var(--muted);font-size:14px;margin:0}.product{background:var(--ink);color:var(--paper);border-radius:26px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.product .eyebrow{color:#c3dcb3}.product p{color:#d2ddd6}.product .button{background:var(--mint);color:var(--ink)}.subjects{display:flex;gap:8px;flex-wrap:wrap;align-content:center}.subjects span{font-size:12px;border:1px solid #6a8579;border-radius:6px;padding:7px 10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.checklist{padding-left:1.4em;color:var(--muted)}.checklist li{margin:10px 0}.contact{padding:42px;background:#eceee4;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact h2{font-size:28px;margin:0 0 10px}.contact p{margin:0;max-width:620px;color:var(--muted);font-size:14px}.email{font-size:17px;font-weight:700;overflow-wrap:anywhere}footer{padding:34px 0;border-top:1px solid var(--line);margin-top:70px;font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.document{max-width:790px;padding:64px 0}.document h1{font-size:34px}.document h2{font-size:22px;margin-top:36px}.document p,.document li{color:#455d52}.document ul{padding-left:1.4em}.notice{border-left:3px solid #b78b54;padding:14px 20px;background:#f0eee3;font-size:13px}.legal-label{font-size:12px;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:46px 0;gap:38px}.demo-wrap{max-width:430px;margin:auto;width:100%;padding:25px}.cards{grid-template-columns:1fr}.product,.split{grid-template-columns:1fr;gap:28px}.product{padding:28px}.contact{display:block;padding:28px}.contact .email{display:inline-block;margin-top:18px}.hero h1 br{display:none}.nav{gap:14px;font-size:12px}section.section{padding:52px 0}.facts{gap:12px}.fact strong{font-size:25px}.fact span{font-size:11px}}@media(max-width:430px){.wrap{width:calc(100% - 32px)}.header{min-height:76px;gap:10px}.brand{font-size:22px;gap:8px}.nav a:nth-child(2){display:none}.facts{grid-template-columns:1fr}.fact{display:flex;align-items:baseline;gap:15px}.hero h1{font-size:34px}.actions{display:grid}.button{width:100%}.contact .email{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
