:root{--bg:#ffffff;--bg-soft:#f3f7fa;--fg:#14202b;--muted:#566573;--line:#dbe3ea;--accent:#1990c7;--accent-deep:#0d6e9c;--navy:#0f2233;--navy-line:#24405a;--on-navy:#e6eef5;--on-navy-muted:#9fb4c6;--font-display:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;--font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;--gutter:max(20px,env(safe-area-inset-left,0px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.85}h1,h2,h3{font-family:var(--font-display);line-height:1.35;text-wrap:balance;margin:0}p{margin:0}a{color:var(--accent-deep)}.inner{max-width:1120px;margin:0 auto;padding-left:var(--gutter);padding-right:max(20px,env(safe-area-inset-right,0px))}section{padding-block:96px}section h2{font-size:clamp(26px,3.4vw,38px);font-weight:900}.lead{color:var(--muted);font-size:17px}.lead,.rich{margin-top:18px;max-width:46em}.rich{display:grid;grid-gap:12px;gap:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:999px;border:0;font-size:16px;font-family:var(--font-body);cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-deep)}.btn:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn-small{padding:8px 18px;font-size:14px}.btn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.chip{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--accent-deep);background:#e4f2fa;padding:2px 10px;border-radius:999px}.site-header{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:10;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.06em;color:var(--accent);text-decoration:none}.site-header nav{display:flex;align-items:center;gap:22px;font-size:14px}.site-header nav a:not(.btn){color:var(--fg);text-decoration:none}.preview-bar{background:#fff4e0;color:#8a5300;text-align:center;font-size:13px;padding:6px 16px}.hero{padding-block:120px 104px;background:linear-gradient(180deg,rgba(255,255,255,0) 60%,var(--bg) 100%),repeating-linear-gradient(0deg,transparent 0 47px,#e2eef6 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,#e2eef6 47px 48px),var(--bg-soft)}.hero .eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--accent-deep)}.hero h1{margin-top:18px;font-size:clamp(36px,6.4vw,76px);font-weight:900;letter-spacing:-.01em}.hero-lead{margin-top:26px;max-width:40em;font-size:clamp(16px,1.6vw,19px);color:var(--muted)}.hero .btn{margin-top:36px}.cards{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;grid-gap:10px;gap:10px;align-content:start;min-width:0}.card .chip{justify-self:start}.card h3{font-size:19px;font-weight:700}.card p{color:var(--muted);font-size:15px}.feature.layout-cards:nth-of-type(odd){background:var(--bg-soft)}.feature.layout-diagram{background:var(--navy);color:var(--on-navy)}.feature.layout-diagram .lead,.feature.layout-diagram .rich{color:var(--on-navy-muted)}.hub{margin-top:48px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:stretch}.hub-core{border:2px solid var(--accent);border-radius:18px;padding:28px;display:grid;align-content:center;grid-gap:10px;gap:10px;background:radial-gradient(circle at 30% 20%,rgba(25,144,199,.28),transparent 60%)}.hub-core strong{font-family:var(--font-display);font-size:40px;font-weight:900;color:#fff;letter-spacing:.02em}.hub-core span:last-child{color:var(--on-navy-muted);font-size:15px}.chip-invert{background:var(--accent);color:#fff;justify-self:start}.hub-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px;position:relative}.hub-nodes .card{background:#132b40;border-color:var(--navy-line);position:relative}.hub-nodes .card:before{content:"";position:absolute;left:-15px;top:34px;width:14px;height:2px;background:var(--accent)}.hub-nodes .card h3{color:#fff}.hub-nodes .card p{color:var(--on-navy-muted)}.hub-nodes .chip{background:rgba(25,144,199,.2);color:#8fd0ef}@media (max-width:760px){.hub{grid-template-columns:1fr}.hub-nodes .card:before{display:none}}.steps{margin-top:40px;grid-gap:16px;counter-reset:s}.step,.steps{display:grid;gap:16px}.step{grid-template-columns:56px minmax(0,1fr);grid-gap:16px;align-items:start}.step-n{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--font-display);font-size:20px}.products{background:var(--bg)}.product-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}@media (max-width:760px){.product-grid{grid-template-columns:1fr}}.product{border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;grid-gap:12px;gap:12px;align-content:start;min-width:0}.product.is-highlight{border:2px solid var(--accent);box-shadow:0 12px 32px rgba(25,144,199,.12)}.product .chip{justify-self:start}.product h3{font-size:21px;font-weight:900}.product .tagline{color:var(--accent-deep);font-weight:700;font-size:15px}.product p{color:var(--muted);font-size:15px}.product ul{margin:0;padding-left:1.2em;font-size:15px;display:grid;grid-gap:4px;gap:4px}.product-foot{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}.price{font-family:var(--font-display);font-weight:900;font-size:20px}.faq{background:var(--bg-soft)}.faq-list{margin-top:32px;display:grid;grid-gap:12px;gap:12px;max-width:860px}.faq details{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px 22px}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin-top:10px;color:var(--muted)}.cta{background:linear-gradient(135deg,var(--accent) 0,var(--accent-deep) 100%);color:#fff}.cta-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:48px;gap:48px;align-items:start}.cta h2{color:#fff}.cta-inner>div p{margin-top:18px;opacity:.92}.form{background:#fff;color:var(--fg);border-radius:16px;padding:28px;display:grid;grid-gap:14px;gap:14px}.form label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:700}.form input,.form textarea{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft)}.form-note{font-size:13px;color:var(--muted)}@media (max-width:760px){.cta-inner{grid-template-columns:1fr}}.empty{padding-block:160px;text-align:center}.site-footer{border-top:1px solid var(--line);padding-block:28px;font-size:13px;color:var(--muted)}