.site{--site-max:1200px;background:var(--bg);color:var(--fg);overflow-x:clip}html:has(.site){scroll-behavior:smooth}.site section[id]{scroll-margin-top:72px}@media (prefers-reduced-motion:reduce){html:has(.site){scroll-behavior:auto}}.site-wrap{width:100%;max-width:var(--site-max);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.seigaiha{background-color:var(--washi);background-image:radial-gradient(circle at 100% 150%,#0000 24%,#14244f0f 24% 28%,#0000 28% 36%,#14244f0d 36% 40%,#0000 40% 48%,#14244f0a 48% 52%,#0000 52%),radial-gradient(circle at 0 150%,#0000 24%,#14244f0f 24% 28%,#0000 28% 36%,#14244f0d 36% 40%,#0000 40% 48%,#14244f0a 48% 52%,#0000 52%),radial-gradient(circle at 50% 100%,#0000 24%,#14244f0f 24% 28%,#0000 28% 36%,#14244f0d 36% 40%,#0000 40% 48%,#14244f0a 48% 52%,#0000 52%);background-size:64px 32px}.site-nav{top:env(safe-area-inset-top,0px);z-index:50;transition:background .24s var(--ease-out), box-shadow .24s var(--ease-out), backdrop-filter .24s;position:sticky}.site-nav[data-solid=true]{box-shadow:0 1px 0 var(--line), 0 10px 30px -22px #14244f80;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);background:#ffffffeb}.site-link{color:var(--fg);padding:6px 2px;font-size:14px;font-weight:800;position:relative}.site-link:after{content:"";background:var(--ball);transform-origin:0;height:2px;transition:transform .24s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-link:hover:after{transform:scaleX(1)}.site-kicker{font-family:var(--font-mono);letter-spacing:.22em;color:var(--haiiro);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.site-kicker .num{background:var(--ball);color:#fff;width:30px;height:30px;font-family:var(--font-display);letter-spacing:0;border-radius:999px;place-items:center;font-size:15px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #ffffff59}.site-h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(40px,7vw,84px);font-weight:900;line-height:1.02}.site-h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(30px,4.4vw,52px);font-weight:900;line-height:1.08}.site-lead{font-size:clamp(15px,1.5vw,18px);line-height:1.75}.tategaki{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.45em;color:var(--haiiro-light);font-size:13px;font-weight:800}.ink-underline{background-image:linear-gradient(#0000 62%,#ffcb05b3 62% 92%,#0000 92%);background-repeat:no-repeat;background-size:100% 100%}.site-btn{height:54px;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background .16s;will-change:transform;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:900;display:inline-flex}.site-btn:active{transform:translateY(3px)}.site-btn-primary{background:var(--ball);color:#fff;box-shadow:0 5px 0 var(--ball-deep), 0 16px 30px -14px #ee1c25b3}.site-btn-primary:hover{background:#ff2a33}.site-btn-primary:active{box-shadow:0 2px 0 var(--ball-deep)}.site-btn-ghost{color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy), 0 5px 0 var(--navy);background:#fff}.site-btn-ghost:active{box-shadow:inset 0 0 0 2px var(--navy), 0 2px 0 var(--navy)}.hero-sun{background:radial-gradient(circle at 38% 34%, #ff5b62 0%, var(--ball) 55%, #c30f18 100%);border-radius:999px;position:absolute;box-shadow:0 40px 90px -30px #ee1c258c}.hero-fan{aspect-ratio:1/.92;width:min(560px,100%);position:relative}.hero-fan .fan-card{transform-origin:50% 118%;width:40%;position:absolute;bottom:4%;left:50%}.marquee{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{flex-shrink:0;gap:38px;padding-right:38px;animation:38s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-100%)}}.frame-pos{background:var(--navy);border-radius:18px;padding:10px;box-shadow:0 30px 70px -30px #14244fb3,0 0 0 1px #14244f33}.frame-browser{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -34px #14244f99}.frame-phone{background:#0d1428;border-radius:36px;padding:12px;box-shadow:0 34px 70px -28px #14244fbf,inset 0 0 0 2px #26324f}.scan-beam{background:linear-gradient(90deg,#0000,#ff3b43,#0000);height:2px;position:absolute;left:8%;right:8%;box-shadow:0 0 14px 3px #ff3b438c}.corner{border-style:solid;border-color:#35a2ff;width:22px;height:22px;position:absolute}.scroll-shot{background:#fff;position:relative;overflow:hidden;container-type:size}.scroll-shot-img{width:100%;height:auto;display:block;transform:translateY(0)}.scroll-shot[data-run=true] .scroll-shot-img{animation:shot-scroll var(--shot-s,26s) cubic-bezier(.45, 0, .55, 1) infinite alternate}.scroll-shot:hover .scroll-shot-img{animation-play-state:paused}@keyframes shot-scroll{0%,6%{transform:translateY(0)}94%,to{transform:translateY(calc(100cqh - 100%))}}.bento-tile{border:1px solid var(--line);box-shadow:var(--shadow-paper);transition:transform .26s var(--ease-out), box-shadow .26s var(--ease-out), border-color .26s;background:#fff;border-radius:18px;position:relative;overflow:hidden}.bento-tile:hover{box-shadow:var(--shadow-lift);border-color:#0000;transform:translateY(-4px)}.bento-mark{color:#fff;width:48px;height:48px;font-family:var(--font-display);transition:transform .3s var(--ease-stamp);border-radius:12px;place-items:center;font-size:22px;font-weight:900;display:grid}.bento-tile:hover .bento-mark{transform:rotate(-8deg)scale(1.06)}.plan{border:1px solid var(--line);transition:transform .26s var(--ease-out), box-shadow .26s var(--ease-out);background:#fff;border-radius:20px;position:relative}.plan:hover{box-shadow:var(--shadow-lift);transform:translateY(-6px)}.plan[data-hot=true]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 30px 60px -28px #14244fcc}.site-input{border:2px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font-size:16px;transition:border-color .16s}.site-input:focus{border-color:var(--sky)}textarea.site-input{resize:vertical;height:auto;min-height:104px;padding:14px 16px}@media (prefers-reduced-motion:reduce){.marquee-track,.scroll-shot[data-run=true] .scroll-shot-img{animation:none}.bento-tile,.plan,.site-btn{transition:none}}.feat-tile{--c:var(--sky);border:1px solid var(--line);box-shadow:var(--shadow-paper);transition:transform .26s var(--ease-out), box-shadow .26s var(--ease-out), border-color .26s;background:#fff;border-radius:20px;padding:22px;position:relative;overflow:hidden}.feat-tile:before{content:"";background:linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 20%, transparent));transform-origin:0;height:3px;transition:transform .42s var(--ease-out);position:absolute;inset:0 0 auto;transform:scaleX(.18)}.feat-tile:hover{border-color:color-mix(in srgb, var(--c) 35%, var(--line));box-shadow:var(--shadow-lift);transform:translateY(-4px)}.feat-tile:hover:before{transform:scaleX(1)}.feat-icon{width:52px;height:52px;color:color-mix(in srgb, var(--c) 82%, #12203f);background:color-mix(in srgb, var(--c) 13%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 28%, transparent);transition:transform .3s var(--ease-stamp);border-radius:16px;place-items:center;display:grid}.feat-tile:hover .feat-icon{transform:rotate(-6deg)scale(1.06)}.feat-en{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--c) 70%, var(--haiiro));font-size:10.5px;font-weight:600}.feat-ghost{color:var(--c);opacity:.07;stroke-width:1.2px;transition:transform .5s var(--ease-out), opacity .3s;position:absolute;bottom:-22px;right:-18px}.feat-tile:hover .feat-ghost{opacity:.12;transform:rotate(-8deg)scale(1.08)}.feat-mini{background:color-mix(in srgb, var(--c) 7%, var(--washi));border:1px solid color-mix(in srgb, var(--c) 18%, var(--line));border-radius:14px;padding:12px 14px;position:relative}.custom-tile{transition:border-color .24s, background .24s, transform .26s var(--ease-out);background:linear-gradient(160deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:20px;padding:22px;position:relative}.custom-tile:hover{background:linear-gradient(160deg,#ffffff1f,#ffffff0d);border-color:#ffcb0580;transform:translateY(-4px)}.custom-icon{width:52px;height:52px;color:var(--sun);transition:transform .3s var(--ease-stamp), background .24s;background:#ffcb051a;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffcb0559}.custom-tile:hover .custom-icon{background:#ffcb052e;transform:rotate(-6deg)scale(1.06)}@media (prefers-reduced-motion:reduce){.feat-tile,.feat-tile:before,.feat-icon,.feat-ghost,.custom-tile,.custom-icon{transition:none}}