:root{--bg:#f4f5f1;--paper:#fff;--ink:#14201c;--muted:#5d6863;--line:#d7ddd8;--accent:#e65f3a;--accent-dark:#b43d20;--green:#173b31;--max:1160px;--radius:16px;--space:clamp(5rem,9vw,9rem);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.7}a{color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.narrow{max-width:840px}.skip-link{position:fixed;z-index:9;top:8px;left:8px;padding:.6rem 1rem;background:var(--ink);color:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.header{border-bottom:1px solid var(--line);background:rgb(244 245 241 / 94%)}.header-inner{min-height:80px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:baseline;gap:.3rem;text-decoration:none;font-size:1.05rem}.brand strong{font-size:1.35rem}.brand small{margin-left:.35rem;color:var(--muted);font-size:.65rem}.header nav{display:flex;align-items:center;gap:1.7rem}.header nav a,footer nav a{font-size:.85rem;color:var(--muted);text-decoration:none}.header .lang{padding:.28rem .65rem;border:1px solid var(--line);border-radius:99px}.menu{display:none;border:0;background:none;min-width:48px;min-height:48px}.hero{padding:clamp(4rem,8vw,7rem) 0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(3rem,7vw,6rem)}.kicker,.index,.demo-note{font-size:.7rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.hero h1{margin:1rem 0 2rem;font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--accent)}.lead{max-width:630px;color:var(--muted);font-size:1.1rem}.button{display:inline-flex;gap:2rem;margin-top:1.3rem;padding:.8rem 1.2rem;border-radius:99px;background:var(--accent);color:white;text-decoration:none;font-weight:750}.button:hover{background:var(--accent-dark)}.app-demo{border:1px solid #293b35;border-radius:18px;overflow:hidden;background:#e8ece8;box-shadow:0 30px 70px rgb(20 32 28 / 18%);transform:rotate(1deg)}.demo-note{padding:.65rem 1rem;background:var(--green);color:#bcd3ca}.browser-bar{display:flex;align-items:center;gap:.35rem;padding:.75rem;background:#fff;border-bottom:1px solid var(--line)}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#cdd4cf}.browser-bar span{margin-left:.7rem;font-size:.7rem;color:var(--muted)}.browser-body{padding:1.2rem;background:#fafbfa}.browser-body label{display:block;margin:.7rem 0;font-size:.68rem;color:var(--muted)}.browser-body b{display:block;padding:.55rem;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:.78rem}.browser-body button{width:100%;padding:.7rem;border:0;border-radius:6px;background:#dce2de;color:#68736e}.data-panel{padding:1rem;background:#1d2c27;color:white}.data-head,.row,.action{display:grid;grid-template-columns:1fr 2fr 1fr;gap:.5rem;padding:.6rem;font-size:.68rem}.data-head{display:flex;justify-content:space-between;color:#b8c7c1}.row{border-top:1px solid rgb(255 255 255 / 12%)}.selected{background:rgb(230 95 58 / 24%);border-left:2px solid var(--accent)}.action{display:flex;justify-content:space-between;margin-top:.7rem;background:var(--accent);border-radius:6px;font-weight:750}.section{padding:var(--space) 0;border-top:1px solid var(--line);scroll-margin-top:1rem}h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.05em;margin:1rem 0 2.5rem}.large{font-size:clamp(1.25rem,2.3vw,1.8rem);color:var(--muted)}.steps{list-style:none;margin:4rem 0 0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.steps span{color:var(--accent);font-size:.75rem}.steps h3{margin:0;font-size:1.35rem}.steps p{margin:.4rem 0;color:var(--muted)}.surface{background:var(--paper)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.feature-grid article{padding:2.3rem 2.3rem 2.3rem 0;border-bottom:1px solid var(--line)}.feature-grid article:nth-child(even){padding-left:2.3rem;border-left:1px solid var(--line)}.feature-grid h3{font-size:1.3rem}.feature-grid p,.prose{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,8rem)}.prose{padding-top:3rem;font-size:1.05rem}.prose strong{color:var(--ink)}.dark{background:var(--green);color:white}.dark .index{color:#f28a6c}.dark .prose{color:#c0d0ca}.availability{display:flex;align-items:center;justify-content:space-between}.availability h2{margin-bottom:1rem}.availability p{color:var(--muted)}.availability>span{padding:.7rem 1rem;border:1px solid var(--line);border-radius:99px;color:var(--accent);font-weight:800;font-size:.72rem}.surface details{border-top:1px solid var(--line);padding:1.2rem 0}.surface details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:750;font-size:1.05rem}details p{color:var(--muted)}.cta{text-align:center;background:#f0e7e1}.cta p{color:var(--muted)}.secondary{background:var(--ink)}footer{padding:3rem 0;background:#111b18;color:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-inner nav{display:flex;gap:1.5rem}.footer-inner p{font-size:.75rem;color:#97a49f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid #f4ad47;outline-offset:4px}@media(max-width:760px){.container{width:min(var(--max),calc(100% - 32px))}.menu{display:block}.header nav{display:none;position:absolute;z-index:4;top:80px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:1.5rem 16px;background:var(--bg);border-bottom:1px solid var(--line)}.header nav[data-open=true]{display:flex}.hero-grid,.split,.feature-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.app-demo{transform:none}.feature-grid article,.feature-grid article:nth-child(even){padding:1.7rem 0;border-left:0}.prose{padding-top:0}.availability,.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}