:root{--p:#2a46c8;--shade:#1b2e8e;--soft:#e9eafb;--deep:#16256e;--ok:#149a55;--bg:#f5f6fb;--surface:#fff;--text:#141a2e;--muted:#6c7489;--muted-strong:#5b6278;--p-text:#2a46c8;--line:#dee2ee;--panel:#eef1fd;--panel-2:#eaf3fb;--spine:64px;--gutter:max(20px, 4vw)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{padding-left:var(--spine);background:var(--bg);color:var(--text);margin:0;font-family:Murecho,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;font-size:16px;line-height:1.9;position:relative;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,.f-lead,.pname{font-family:Zen Kaku Gothic New,Hiragino Sans,system-ui,sans-serif;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--p);color:#fff;z-index:50;border-radius:0 0 10px;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:focus{left:var(--spine)}:focus-visible{outline:2px solid var(--p);outline-offset:3px;border-radius:4px}.spine{width:var(--spine);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0}.spine-svg{width:100%;height:100%;overflow:visible}.spine-svg .track{stroke:#c9d0ea;stroke-width:6px;stroke-linecap:round;opacity:.7}.spine-svg .fill{stroke:url(#spineGrad);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--prog,0))}.spine-svg .dot{fill:var(--bg);stroke:#c9d0ea;stroke-width:6px;transition:stroke .35s ease-out,fill .35s ease-out}.spine-svg .dot.passed{stroke:var(--p)}.stop-anchor{width:1px;height:1px;position:absolute;top:0;left:0}header{z-index:10;height:72px;padding:0 var(--gutter);backdrop-filter:blur(16px)saturate(1.6);border-bottom:1px solid var(--line);background:#f5f6fbe0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:#1b2450;align-items:center;text-decoration:none;display:flex}.wordmark{fill:currentColor;width:auto;height:24px;display:block}nav{align-items:center;gap:22px;font-size:14px;font-weight:700;display:flex}nav a{color:var(--muted-strong);text-decoration:none;transition:color .2s ease-out}nav a:hover{color:var(--text)}.hero{max-width:1180px;padding:72px var(--gutter) 88px;grid-template-columns:1fr .9fr;align-items:center;gap:4vw;margin:0 auto;display:grid;position:relative}.hero-text{position:relative}h1{letter-spacing:.01em;margin:0 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.5}.hero-lead{color:var(--muted-strong);max-width:28em;margin:0 0 24px;font-size:17px;line-height:2}.pill{color:var(--p-text);background:var(--soft);border-radius:999px;align-items:center;gap:8px;margin:0;padding:9px 18px;font-size:14px;font-weight:700;display:inline-flex}.pill i{background:var(--p);border-radius:50%;width:8px;height:8px}.hero-shots{justify-content:center;align-items:flex-start;gap:16px;display:flex;position:relative}.hero-shots img{border:1px solid #141a2e14;border-radius:24px;width:220px;box-shadow:0 2px 6px #141a2e0f,0 30px 60px -22px #1b2e8e59}.hero-shots .s2{margin-top:48px}.feature{padding:36px var(--gutter)}.panel{background:var(--panel);border-radius:40px;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;max-width:1120px;margin:0 auto;padding:56px clamp(24px,4vw,64px);display:grid;position:relative;overflow:hidden}.feature:nth-child(odd) .panel{background:var(--panel-2)}.feature:nth-child(odd) .f-text{order:2}.deco{width:160px;height:160px;color:var(--p);opacity:.1;pointer-events:none;position:absolute;top:-14px;right:-14px}.feature:nth-child(odd) .deco{left:-14px;right:auto}.f-text{position:relative}.f-mark{background:var(--surface);width:52px;height:52px;color:var(--p);border-radius:16px;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 2px 8px #141a2e0f}.f-mark svg{width:26px;height:26px}.feature h2{letter-spacing:.01em;color:var(--p-text);margin:0 0 10px;font-size:clamp(26px,3.2vw,38px);line-height:1.45}.f-lead{color:var(--text);margin:0 0 12px;font-size:18px}.f-body{color:var(--muted-strong);max-width:30em;margin:0;font-size:16px;line-height:2}.f-visual{justify-content:center;align-items:flex-end;gap:14px;display:flex;position:relative}.shot-main img,.shot-sub img{border:1px solid #141a2e14;border-radius:22px;box-shadow:0 2px 6px #141a2e0f,0 26px 50px -20px #1b2e8e52}.shot-main img{width:240px}.shot-sub img{width:150px}.shot-sub{margin-bottom:26px}.curve{width:100%;color:var(--text);background:var(--surface);border-radius:24px;margin:0;padding:22px 22px 16px}.curve svg{width:100%;height:auto;display:block}.curve .cx{fill:var(--muted-strong);text-anchor:middle;font-size:22px;font-weight:600}.curve-key{flex-wrap:wrap;gap:20px;margin-top:6px;display:flex}.k{color:var(--muted-strong);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.k:before{content:"";background:#b9c0d6;border-radius:3px;width:20px;height:5px}.k-p{color:var(--p-text)}.k-p:before{background:var(--p)}.section{padding:80px var(--gutter)}.section-head{max-width:1120px;margin:0 auto 36px;position:relative}.section h2{color:var(--p-text);margin:0 0 12px;font-size:clamp(28px,3.4vw,40px);line-height:1.45}.section-head p{color:var(--muted-strong);max-width:42em;margin:0;font-size:16px;line-height:2}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:28px;max-width:1120px;margin:0 auto;overflow-x:auto}.ptable{border-collapse:collapse;width:100%;min-width:600px}.ptable thead th{vertical-align:top;border-bottom:2px solid var(--line);text-align:center;padding:26px 10px 20px}.ptable thead th:first-child{width:34%}.pname{color:var(--muted-strong);margin-bottom:6px;font-size:15px;display:block}.best .pname{color:var(--p-text)}.pprice{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;display:block}.pprice b{font-size:30px}.pprice i{color:var(--muted-strong);font-size:12px;font-style:normal}.best .pprice b{color:var(--p-text)}.pnote{color:var(--muted-strong);margin-top:4px;font-size:12px;display:block}.ptable tbody th{text-align:left;border-bottom:1px solid var(--line);color:var(--text);padding:14px 16px;font-size:14px;font-weight:500}.ptable tbody td{text-align:center;border-bottom:1px solid var(--line);padding:14px 10px}.ptable tbody tr:last-child th,.ptable tbody tr:last-child td{border-bottom:0}.ptable .best{background:#2a46c80d}.yes{color:var(--ok);font-weight:700}.best .yes{color:var(--p-text)}.no{color:var(--muted)}.plan-cards{gap:14px;display:none}.plan-cards>li{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 20px 18px}.plan-cards>li.best{border-color:var(--p)}.pc-head{justify-content:space-between;align-items:baseline;gap:10px;margin:0;display:flex}.pc-list{gap:8px;margin:14px 0 0;display:grid}.pc-list li{color:var(--muted-strong);padding-left:22px;font-size:14px;line-height:1.7;position:relative}.pc-list li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.best .pc-list li:before{color:var(--p-text)}.price-note{max-width:1120px;color:var(--muted-strong);margin:20px auto 0;font-size:14px}.close{margin:0 var(--gutter) 28px;background:var(--p);color:#fff;border-radius:40px;padding:72px clamp(24px,4vw,64px);position:relative}.close h2{margin:0 0 12px;font-size:clamp(26px,3.2vw,38px);line-height:1.45}.close p{color:#d9dfff;max-width:34em;margin:0;font-size:16px}footer{padding:28px var(--gutter) 40px;color:var(--muted-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.gl{pointer-events:none;z-index:2;width:100vw;height:100vh;position:fixed;inset:0}.shot img{transition:opacity .4s ease-out}.shot.is3d img{opacity:0}.shot.is3d{box-shadow:none}.js [data-reveal]{opacity:0;transition:opacity .5s cubic-bezier(.2, .7, .2, 1) var(--d,0s), transform .5s cubic-bezier(.2, .7, .2, 1) var(--d,0s);transform:translateY(16px)}.js [data-reveal].in{opacity:1;transform:none}.js [data-draw] .draw{stroke-dasharray:1;stroke-dashoffset:1px}.js [data-draw] .jump{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0)}.js [data-draw] .pop{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.3)}.js [data-draw].in .draw{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur) var(--ease,cubic-bezier(.45, 0, .55, 1)) var(--at)}.js [data-draw].in .jump{transition:transform .28s cubic-bezier(.3, 0, .2, 1) var(--at);transform:none}.js [data-draw].in .pop{opacity:1;transition:opacity .2s ease-out var(--at), transform .4s cubic-bezier(.3, 1.6, .5, 1) var(--at);transform:none}.d-gray{--at:.2s;--dur:1.3s;--ease:cubic-bezier(.3, 0, .3, 1)}.d-s1{--at:1.6s;--dur:.45s;--ease:cubic-bezier(.45, 0, 1, 1)}.j1{--at:2.05s}.p1{--at:2.3s}.d-s2{--at:2.4s;--dur:.6s}.j2{--at:3s}.p2{--at:3.25s}.d-s3{--at:3.35s;--dur:1s;--ease:cubic-bezier(.3, 0, .3, 1)}@media (width<=920px){:root{--spine:40px}.hero{padding:48px var(--gutter) 64px;grid-template-columns:1fr;gap:36px}.hero-shots{justify-content:flex-start}.hero-shots img{width:min(190px,44vw)}.hero-shots .s2{margin-top:32px}.panel{border-radius:32px;grid-template-columns:1fr;gap:28px;padding:40px clamp(20px,5vw,40px)}.feature:nth-child(odd) .f-text{order:0}.feature{padding:18px var(--gutter)}.deco{width:120px;height:120px}.f-visual{justify-content:flex-start}.shot-main img{width:min(230px,52vw)}.shot-sub img{width:min(140px,32vw)}.section{padding:56px var(--gutter)}.table-wrap{display:none}.plan-cards{display:grid}.close{border-radius:32px;padding:52px clamp(20px,5vw,40px)}}@media (width<=560px){:root{--spine:32px;--gutter:16px}body{font-size:15px}header{height:60px}nav{gap:14px;font-size:13px}.hero{padding:32px var(--gutter) 44px}.hero-lead,.f-body{font-size:15px}.curve{padding:16px 14px 12px}}@media (prefers-color-scheme:dark){:root{--bg:#101322;--surface:#171b2c;--text:#f1f3fc;--muted:#9aa2bb;--muted-strong:#c3c9dd;--line:#2a3048;--soft:#1e2748;--p-text:#9db0ff;--panel:#161b2e;--panel-2:#141a2b}.brand{color:#d6d9e4}header{background:#101322e6}.spine-svg .track,.spine-svg .dot{stroke:#333c5c}.spine-svg .dot{fill:var(--bg)}.spine-svg .dot.passed{stroke:#5b78ff}.pill{color:#9db0ff;background:#1e2748}.pill i{background:#5b78ff}.f-mark{color:#9db0ff;background:#1f2438}.curve{background:#11162a}.ptable .best{background:#5d78ff14}.close{background:#1b2e8e}.close p{color:#c9d2ff}.hero-shots img,.shot-main img,.shot-sub img{border-color:#2a3048;box-shadow:0 2px 6px #0006,0 26px 50px -20px #000000b3}}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transition:none;transform:none}.js [data-draw] .draw{stroke-dashoffset:0}.js [data-draw] .pop{opacity:1;transform:none}.js [data-draw] .jump{transform:none}}