.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:background .4s var(--ease-out),box-shadow .4s var(--ease-out)}.site-header.is-scrolled{background:#fffffff7;box-shadow:0 1px #13243a14,var(--shadow-sm)}.site-header__bar{display:flex;align-items:center;gap:24px;width:100%;max-width:var(--maxw);height:var(--header-h);margin-inline:auto;padding-inline:var(--gutter)}.site-header__logo{display:flex;align-items:center;flex-shrink:0;transition:transform .3s var(--ease-out)}.site-header__logo:hover{transform:translateY(-1px)}.logo{height:52px;width:auto}.site-header__nav{margin-left:auto}.site-header__nav ul{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);margin:0;padding:0;list-style:none}.site-header__nav a{position:relative;color:var(--ink);font-size:var(--step--1);font-weight:700;letter-spacing:.04em;text-decoration:none;transition:color .3s var(--ease-out)}.site-header__nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .34s var(--ease-out)}.site-header__nav a:hover:after{transform:scaleX(1)}.site-header__nav a:hover{color:var(--accent)}.site-header__cta{flex-shrink:0}.site-header__progress{display:block;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-warm));transform-origin:left;transform:scaleX(0);opacity:0;transition:opacity .4s var(--ease-out)}.site-header.is-scrolled .site-header__progress{opacity:1}.site-header__toggle{display:none;position:relative;width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid rgba(19,36,58,.16);border-radius:var(--radius-pill);background:#ffffffd9;cursor:pointer;transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}.site-header__toggle span{position:absolute;left:50%;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .38s var(--ease-out)}.site-header__toggle span:nth-child(1){transform:translate(-50%,-4px)}.site-header__toggle span:nth-child(2){transform:translate(-50%,4px)}.site-header.is-open .site-header__toggle span:nth-child(1){transform:translate(-50%) rotate(45deg)}.site-header.is-open .site-header__toggle span:nth-child(2){transform:translate(-50%) rotate(-45deg)}.site-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:calc(var(--header-h) + 24px) var(--gutter) var(--gutter);background:radial-gradient(70% 60% at 20% 10%,rgba(0,174,239,.14),transparent 70%),var(--page-bg);opacity:0;visibility:hidden;transition:opacity .42s var(--ease-out),visibility .42s var(--ease-out)}.site-menu[hidden]{display:flex}.site-header.is-open .site-menu{opacity:1;visibility:visible}.site-menu ul{margin:0;padding:0;list-style:none}.site-menu li{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.site-header.is-open .site-menu li{opacity:1;transform:none}.site-menu a{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--ink);font-size:var(--step-2);font-weight:700;text-decoration:none}.site-menu__index{color:var(--accent);font-size:var(--step--1);font-weight:700;letter-spacing:.1em}.site-menu__cta{margin-top:28px;align-self:flex-start}.site-menu a.site-menu__cta{color:var(--button-text)}@media(max-width:860px){.site-header .site-header__nav,.site-header .site-header__cta{display:none}.site-header__toggle{display:block;margin-left:auto}.logo{height:38px}}@media(min-width:861px){.site-menu,.site-menu[hidden]{display:none}}.site-footer{position:relative;padding:clamp(48px,7vw,88px) var(--gutter) 0;background:var(--ink);color:#ffffffb8;font-size:var(--step--1)}.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent-2) 30%,var(--accent-warm) 70%,transparent);opacity:.6}.site-footer__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:clamp(32px,5vw,64px);padding-bottom:clamp(32px,5vw,56px)}.site-footer__logo{width:min(240px,70%);margin-bottom:16px}.site-footer__lead{max-width:34ch;margin:0 0 22px;line-height:1.9;color:#fff9}.site-footer__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:28px}.site-footer__heading{margin:0 0 14px;font-size:var(--step--1);font-weight:800;letter-spacing:.16em;color:#fff}.site-footer__col ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.site-footer a{color:#ffffffad;text-decoration:none;transition:color .24s var(--ease-out)}.site-footer a.button{color:var(--button-text)}.site-footer__col a:hover{color:var(--accent-2)}.site-footer__bottom{padding:20px 0 24px;border-top:1px solid rgba(255,255,255,.1);text-align:center;letter-spacing:.08em;color:#ffffff80}.site-footer__bottom p{margin:0}@media(max-width:760px){.site-footer__grid{grid-template-columns:minmax(0,1fr)}}:root{--brand-dark: #13243a;--brand-navy: #13243a;--accent: #0077a8;--accent-2: #00aeef;--accent-warm: #ff8c42;--button-bg: #ffa35c;--button-bg-hover: #ff9548;--button-text: #33383d;--ink: #13243a;--ink-2: #1d3550;--surface: #ffffff;--surface-muted: #f4f1eb;--page-bg: #faf8f4;--border: #e4e0d8;--text: #13243a;--muted: #4a5a6e;--danger: #b00020;--success: #0a7f45;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(19, 36, 58, .06), 0 2px 8px rgba(19, 36, 58, .05);--shadow: 0 10px 30px rgba(19, 36, 58, .08), 0 2px 8px rgba(19, 36, 58, .04);--shadow-lg: 0 24px 60px rgba(19, 36, 58, .14), 0 6px 18px rgba(19, 36, 58, .06);--shadow-accent: 0 12px 30px rgba(255, 140, 66, .32);--step--1: clamp(.82rem, .79rem + .13vw, .9rem);--step-0: clamp(.95rem, .92rem + .16vw, 1.05rem);--step-1: clamp(1.1rem, 1.03rem + .34vw, 1.3rem);--step-2: clamp(1.3rem, 1.16rem + .7vw, 1.75rem);--step-3: clamp(1.6rem, 1.33rem + 1.35vw, 2.5rem);--step-4: clamp(2.1rem, 1.5rem + 3vw, 4rem);--step-5: clamp(2.6rem, 1.6rem + 5vw, 5.5rem);--gutter: clamp(20px, 5vw, 48px);--section-y: clamp(64px, 9vw, 128px);--maxw: 1200px;--maxw-narrow: 760px;--header-h: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:var(--radius-pill);background:var(--button-bg);color:var(--button-text);font:inherit;font-size:var(--step-0);font-weight:700;letter-spacing:.03em;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:var(--shadow-accent);transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out),color .26s var(--ease-out)}.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--button-bg-hover);opacity:0;transition:opacity .32s var(--ease-out)}.button:hover{transform:translateY(-3px);box-shadow:0 18px 38px #ffa35c66}.button:hover:after{opacity:1}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3);transform:none;box-shadow:var(--shadow-sm)}.button__arrow{display:inline-block;transition:transform .26s var(--ease-out)}.button:hover .button__arrow{transform:translate(4px)}.button--outline{background:transparent;color:var(--accent);border:1.5px solid color-mix(in oklab,var(--accent) 45%,transparent);box-shadow:none}.button--outline:after{background:linear-gradient(120deg,var(--accent),var(--accent-2))}.button--outline:hover{color:#fff;border-color:transparent;box-shadow:var(--shadow-accent)}.button--ghost{background:#ffffffd9;color:var(--ink);border:1px solid rgba(19,36,58,.18);box-shadow:none}.button--ghost:after{background:#fff}.button--ghost:hover{box-shadow:var(--shadow)}.button--sm{padding:10px 20px;font-size:var(--step--1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;font-family:Noto Sans JP,Hiragino Sans,Helvetica Neue,system-ui,sans-serif;font-size:var(--step-0);line-height:1.85;letter-spacing:.02em;background-color:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--accent)}:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:3px;border-radius:4px}.section{position:relative;padding-block:var(--section-y);padding-inline:var(--gutter)}.container{width:100%;max-width:var(--maxw);margin-inline:auto}.section-head{max-width:var(--maxw-narrow);margin-inline:auto;margin-bottom:clamp(32px,5vw,64px);text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);background:#fff;color:var(--accent);font-size:var(--step--1);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.section-title{margin:0;font-size:var(--step-3);font-weight:800;line-height:1.35;letter-spacing:.01em;color:var(--ink);text-wrap:balance}.section-lead{max-width:60ch;margin:16px auto 0;color:var(--muted);text-wrap:balance}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}