:root{--font-size-small:12px;--ink:#14243b;--muted:#526279;--blue:#245bd6;--line:#dce3ed;--paper:#f7f9fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.8;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #245bd6;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-weight:750;font-size:20px}.brand span{font-size:13px;color:var(--muted);font-weight:500}.header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.header nav a{color:var(--ink);text-decoration:none}.skip-link{position:absolute;top:-100px;left:16px;padding:8px 16px;background:white;z-index:2}.skip-link:focus{top:12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding:80px 0 88px}.eyebrow{font-size:13px;font-weight:650;letter-spacing:.08em;color:var(--blue);margin:0 0 20px}.app-name{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:700;margin-bottom:24px}.app-name img{border-radius:12px}h1{font-size:clamp(32px,4.5vw,54px);line-height:1.45;letter-spacing:-.04em;margin:0 0 24px}h2{font-size:clamp(25px,3vw,34px);line-height:1.5;margin:0 0 28px;letter-spacing:-.025em}h3{font-size:18px;line-height:1.6;margin:12px 0}p{margin:12px 0}.lead{font-size:16px;color:var(--muted);max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:11px 20px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:white;color:var(--ink);font-size:14px;font-weight:650;min-height:48px;text-align:center}.button:hover{background:#edf2fb;text-decoration:none}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:#1848b4}.caption{font-size:var(--font-size-small);color:var(--muted)}.connection{padding:32px;border:1px solid #cddbed;border-radius:20px;background:linear-gradient(150deg,#edf4ff,#fff);box-shadow:0 20px 50px #1939570a}.devices{display:flex;align-items:center;justify-content:space-between;margin:28px 0 36px;gap:8px}.devices>div{display:grid;justify-items:center;font-size:14px}.pc{display:grid;place-items:center;width:88px;height:64px;background:#fff;border:2px solid #9eb8df;border-bottom-width:6px;border-radius:8px;color:#245bd6;font-size:32px;margin-bottom:12px}.connection-line{font-size:32px;color:var(--blue)}.connection-list{list-style:none;padding:0;border-top:1px solid var(--line);font-size:14px}.connection-list li{padding:12px 0;border-bottom:1px solid var(--line)}.connection-list span{color:var(--blue);margin-right:12px;font-size:12px;font-weight:700}.section{border-top:1px solid var(--line);padding:64px 0}.section>.eyebrow{margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.feature-grid article{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.number{font-size:12px;color:var(--blue);letter-spacing:.08em;font-weight:650}.feature-grid p,.steps p,.note p,.details p{font-size:15px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-left:24px}.steps li{padding-left:4px}.steps li::marker{color:var(--blue);font-weight:700}.note{padding:20px 28px;border-left:3px solid var(--blue);background:#edf2fa;margin-top:32px}.note h3{font-size:16px;margin-top:0}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.download-grid article{padding:24px;background:white;border:1px solid var(--line);border-radius:12px}.download-grid h3{font-size:24px;margin:0}.download-grid article>p:not(.caption){font-size:13px;color:var(--muted);margin:8px 0 24px}.download-grid .button{width:100%;padding-inline:12px}.download-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px}#release-status{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px;font-weight:650}details p{max-width:800px}.footer{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-block:28px;font-size:12px}.footer span{margin-left:auto;color:var(--muted)}.mobile-break{display:none}@media(max-width:900px){.hero{gap:32px;grid-template-columns:1fr 1fr}.download-grid{grid-template-columns:1fr}.download-grid article{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.download-grid .button{grid-column:2;grid-row:1/3;align-self:center}.download-grid .caption{grid-column:1/-1}.steps{gap:24px}.brand span{display:none}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{padding-block:16px;gap:12px;align-items:flex-start}.header nav{justify-content:flex-end;gap:8px 16px;font-size:12px}.brand{font-size:18px}.hero{grid-template-columns:1fr;gap:36px;padding:44px 0}.connection{padding:24px}.section{padding:40px 0}.feature-grid,.steps{grid-template-columns:1fr;gap:16px}.feature-grid article{padding:22px}.steps{gap:12px}.steps h3{margin-top:0}.download-grid article{display:block}.download-grid .button{margin-top:4px}.footer span{margin-left:0;flex-basis:100%}.app-name{font-size:16px}.mobile-break{display:block}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}