:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:#1e3656;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.8;--blue:#3b67ba;--border:#dce6f3}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #74a6ec;outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;object-fit:contain}h1,h2,p{margin:0}h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.5;letter-spacing:.02em}p{color:#596d85}html{scroll-behavior:smooth}.skip-link{position:absolute;left:1rem;top:-5rem;padding:.6rem 1rem;background:#fff;z-index:10}.skip-link:focus{top:1rem}
.site-header,.site-footer{max-width:1200px;margin:0 auto;padding:1.4rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:800;line-height:1.4}.brand img{background:#fff;border:1px solid var(--border);border-radius:13px;padding:3px}.brand small{display:block;margin-top:.25rem;font-size:.62rem;letter-spacing:.13em;color:#8191a7;font-weight:600}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:50px;padding:.8rem 1.4rem;border-radius:14px;background:var(--blue);color:#fff;font-weight:750;font-size:.9rem;box-shadow:0 8px 24px #3b67ba24;transition:background .2s,transform .2s}.button:hover{background:#2855a2;transform:translateY(-2px)}.button-small{min-height:44px;padding:.6rem 1rem;font-size:.8rem;box-shadow:none}.text-link{display:inline-flex;gap:.7rem;align-items:center;color:var(--blue);font-weight:700;font-size:.9rem}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{max-width:1200px;margin:1rem auto 0;padding:4rem 2rem 5.5rem;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;position:relative}.hero::before{content:"";position:absolute;inset:0 -3vw 0;z-index:-1;background:linear-gradient(125deg,#f0f6ff,#f8fbff 55%,#eaf3ff);border-radius:40px}.eyebrow{font-size:.74rem;letter-spacing:.1em;color:var(--blue);font-weight:800}.hero h1{margin-top:1.15rem;font-size:1.1rem;letter-spacing:.08em;color:var(--blue)}.hero h1>span{display:block;margin-top:.5rem;font-size:clamp(2.1rem,4.1vw,3.5rem);line-height:1.4;letter-spacing:.025em;color:#1e3656}.lead{margin-top:1.6rem;font-size:1rem;line-height:2}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:2rem}.platforms{margin-top:1.1rem;font-size:.72rem;line-height:1.8}
.workflow{padding:1.6rem;background:#ffffffed;border:1px solid #d5e3f7;border-radius:28px;box-shadow:0 20px 55px #365f9e12}.workflow-heading{display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:#5d94d5}.workflow ol{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.8rem}.workflow li{display:flex;gap:1rem;align-items:center;padding:1.15rem;border-radius:17px;background:#f1f6ff;border:1px solid #e4edf9}.workflow li:nth-child(2){background:#e8f0fe}.workflow li:nth-child(3){background:#deebfc}.step-number{flex-shrink:0;font-size:.8rem;font-weight:800;color:#7a9bc9;letter-spacing:.04em}.workflow strong{font-size:.95rem}.workflow li p{margin-top:.25rem;font-size:.72rem}.diagram-note{margin-top:1rem;font-size:.63rem;line-height:1.7;color:#7d8ca0}
.section-wrap{max-width:1136px;margin:0 auto;padding:5rem 0}.section-heading{margin-bottom:2rem}.section-heading h2{margin-top:.6rem}.section-heading>p:last-child{margin-top:.8rem;max-width:760px;font-size:.9rem}.feature-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem}.feature-grid>div{padding:1.7rem 0;border-top:1px solid var(--border)}.feature-grid dt{font-size:1rem;font-weight:800}.feature-grid dt span{display:block;font-size:.7rem;letter-spacing:.1em;color:#7f9ac1;margin-bottom:.7rem}.feature-grid dd{margin:.65rem 0 0;font-size:.85rem;color:#596d85;line-height:1.95}
.setup{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;border-block:1px solid var(--border)}.setup h2{margin-top:.6rem}.setup-copy p{font-size:.9rem;line-height:2;margin-bottom:1.2rem}.faq{max-width:860px}.faq details{border-bottom:1px solid var(--border);padding:1.25rem 0}.faq summary{cursor:pointer;font-size:.93rem;font-weight:750;padding-right:1rem;min-height:32px}.faq details p{font-size:.85rem;line-height:2;margin-top:1rem;padding-right:2rem}.closing{text-align:center;background:linear-gradient(135deg,#eef5ff,#e4efff);padding:3rem 1.5rem;border-radius:28px;margin-bottom:3rem}.closing p{margin:.8rem 0 1.6rem;font-size:.9rem}.site-footer{border-top:1px solid var(--border);font-size:.8rem;color:#62738a;padding-block:1.8rem}.site-footer>span{font-weight:750}.footer-domain{margin-left:1rem;font-size:.72rem;font-weight:400}.site-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1250px){.hero{margin-inline:1.5rem}.hero::before{inset:0}.section-wrap{margin-inline:2rem}.hero{gap:2rem}}
@media(max-width:760px){.site-header{padding:1rem}.brand{font-size:.92rem;gap:.55rem}.brand img{width:36px;height:36px}.brand small{font-size:.52rem}.button-small{font-size:.72rem;padding:.55rem .7rem;gap:.4rem}.hero{grid-template-columns:1fr;padding:2.4rem 1.25rem;gap:2.3rem;margin:.5rem .75rem 0}.hero::before{border-radius:25px}.hero h1>span{font-size:2.15rem}.eyebrow{font-size:.64rem;letter-spacing:.04em}.lead{font-size:.88rem}.desktop-break{display:none}.hero-links{gap:1rem;margin-top:1.5rem}.hero-links>.button{width:100%;font-size:.85rem}.platforms{font-size:.65rem}.workflow{padding:1.1rem;border-radius:21px}.workflow li{padding:.9rem}.section-wrap{padding:3rem 0;margin-inline:1.25rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.1rem}.feature-grid dt{font-size:.88rem}.feature-grid dd{font-size:.78rem}.feature-grid>div{padding:1.3rem 0}.setup{grid-template-columns:1fr;gap:1.4rem}.setup-copy p{font-size:.85rem}.faq summary{font-size:.86rem}.closing{padding:2.4rem 1rem;margin-bottom:2rem}.closing h2{font-size:1.35rem}.site-footer{padding:1.4rem 1rem;font-size:.75rem;align-items:flex-start}.footer-domain{display:block;margin-left:0;margin-top:.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}