:root{--ink: #0f1830;--dim: #5d6b86;--line: #e4e8f0;--accent: #2f6bdb;--accent2: #1a3d99;--mincho: "Zen Old Mincho", "Noto Serif JP", serif;--mono: "JetBrains Mono", monospace;--sans: "Inter", "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);color:var(--ink);background:#f4f7fc;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.container{max-width:1180px;margin:0 auto;padding:0 32px}nav{position:fixed;top:22px;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 36px;color:var(--ink)}nav .logo{font-weight:800;font-size:20px;letter-spacing:.02em}nav .links{display:flex;gap:22px;font-family:var(--mono);font-size:12px;align-items:center;position:absolute;left:50%;transform:translate(-50%)}nav .links a{position:relative;transition:color .25s}nav .links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1.5px;background:currentColor;transition:width .3s cubic-bezier(.16,1,.3,1)}nav .links a:hover{color:var(--accent)}nav .links a:hover:after{width:100%}nav .nav-cta{display:inline-block;background:var(--ink);color:#fff;padding:9px 20px;border-radius:100px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;position:relative;overflow:hidden;transition:background .25s,transform .25s cubic-bezier(.16,1,.3,1)}nav .nav-cta:before{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:left .55s cubic-bezier(.16,1,.3,1)}nav .nav-cta:hover{background:var(--accent);transform:translateY(-2px)}nav .nav-cta:hover:before{left:140%}@media(max-width:760px){nav .links{display:none}}.menu-btn{display:none}#m-menu{position:fixed;inset:0;z-index:90;background:#0f1830;display:flex;flex-direction:column;justify-content:center;gap:40px;padding:0 34px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}body.menu-open #m-menu{opacity:1;visibility:visible}body.menu-open{overflow:hidden}#m-menu .mm-links{display:flex;flex-direction:column}#m-menu .mm-links a{display:flex;align-items:baseline;gap:14px;font-family:var(--mincho);font-weight:700;font-size:24px;letter-spacing:.05em;color:#fff;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}#m-menu .mm-links a i{font-size:10px;letter-spacing:.14em;color:#8fb0ff;font-style:normal;font-family:var(--mono)}#m-menu .mm-links a span{margin-left:auto;font-size:9px;letter-spacing:.22em;color:#fff6;font-family:var(--mono)}body.menu-open #m-menu .mm-links a{opacity:1;transform:none}body.menu-open #m-menu .mm-links a:nth-child(1){transition-delay:.06s}body.menu-open #m-menu .mm-links a:nth-child(2){transition-delay:.11s}body.menu-open #m-menu .mm-links a:nth-child(3){transition-delay:.16s}#m-menu .mm-cta{align-self:flex-start;background:#fff;color:var(--ink);padding:14px 34px;border-radius:100px;font-size:14px;opacity:0;transform:translateY(14px);transition:opacity .5s ease .22s,transform .5s cubic-bezier(.16,1,.3,1) .22s}body.menu-open #m-menu .mm-cta{opacity:1;transform:none}@media(max-width:760px){nav{padding:0 20px}nav .nav-cta{display:none!important}.menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:44px;height:44px;border:none;background:none;cursor:pointer;position:relative;z-index:95;padding:0}.menu-btn span{display:block;width:22px;height:1.8px;background:var(--ink);transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s}body.menu-open .menu-btn span:nth-child(1){transform:translateY(4.4px) rotate(45deg);background:#fff}body.menu-open .menu-btn span:nth-child(2){transform:translateY(-4.4px) rotate(-45deg);background:#fff}body.menu-open nav .logo{color:#fff}body.menu-open nav{z-index:95}}.phero{padding:165px max(48px,7vw) 40px;text-align:center}.phero .crumb{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim);display:flex;gap:10px;justify-content:center}.phero .crumb b{color:var(--accent);font-weight:400}.phero h1{font-family:var(--mincho);font-weight:700;font-size:clamp(34px,4.6vw,62px);letter-spacing:.04em;margin:18px 0;line-height:1.15}.phero .lead{font-size:14px;color:var(--dim);line-height:2.1;max-width:46ch;margin:0 auto}.btn{display:inline-block;background:var(--ink);color:#fff;border:none;cursor:pointer;padding:16px 46px;border-radius:100px;font:inherit;font-size:15px;position:relative;overflow:hidden;transition:background .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.btn:before{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:left .55s cubic-bezier(.16,1,.3,1)}.btn:hover{background:var(--accent);transform:translateY(-3px);box-shadow:0 14px 30px -12px #2f6bdb8c}.btn:hover:before{left:140%}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal].in{opacity:1;transform:none}footer{border-top:1px solid rgba(255,255,255,.12);background:var(--ink)}footer .ft-top{display:flex;justify-content:space-between;gap:44px;flex-wrap:wrap;padding:60px 0 34px}footer .ft-logo{font-weight:800;font-size:22px;letter-spacing:.02em;color:#fff}footer .ft-tag{font-family:var(--mincho);font-size:13px;color:#ffffffb8;margin-top:12px;max-width:22em;line-height:1.9}footer .ft-links{display:flex;flex-direction:column;gap:11px;font-family:var(--mono);font-size:12px}footer .ft-links a,footer .ft-contact a{color:#ffffffb8;position:relative;display:inline-block;transition:color .25s,transform .25s cubic-bezier(.16,1,.3,1)}footer .ft-links a:after,footer .ft-contact a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:currentColor;transition:width .3s cubic-bezier(.16,1,.3,1)}footer .ft-links a:hover,footer .ft-contact a:hover{color:#fff;transform:translate(3px)}footer .ft-links a:hover:after,footer .ft-contact a:hover:after{width:100%}footer .ft-contact{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#ffffffb8}footer .ft-ch{letter-spacing:.22em;color:#fff}footer .ft-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);color:#ffffffb8;font-size:11px}@media(max-width:860px){footer .ft-top{padding:40px 24px 24px;gap:26px}footer .ft-links{flex-direction:row;flex-wrap:wrap;gap:8px 18px}footer .ft-bottom{padding:14px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}[data-reveal]{opacity:1!important;transform:none!important}}