.feature-page{--fp-ink:#23252a;--fp-muted:#63666d;--fp-blue:#315ee7;--fp-line:#e0e2e6;--fp-wash:#f6f6f6;color:var(--fp-ink);background:#fff;font-family:Inter,"Noto Sans JP",sans-serif;font-size:16px;line-height:1.85}
.feature-page *{box-sizing:border-box}.feature-page :where(h1,h2,h3,p,figure,ul){margin:0}.feature-page :where(a){color:inherit}.feature-page svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fp-shell{width:min(1000px,calc(100% - 64px));margin-inline:auto}.feature-page .fp-kicker{font-family:Anton,sans-serif;font-weight:400;font-size:16px;letter-spacing:.035em;line-height:1.4;color:#999}
.feature-page-hero{padding-block:154px 76px;text-align:center}.feature-page-hero h1{margin-top:16px;font-size:clamp(32px,3.5vw,46px);font-weight:700;line-height:1.6}.feature-page .fp-lead{margin-top:24px;color:var(--fp-muted)}
.fp-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:52px;gap:14px;text-align:left}.fp-index a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:16px;min-height:90px;padding:18px 20px;background:#fff;border:1px solid #e2e4e8;border-radius:8px;box-shadow:0 6px 18px #23252a0a;text-decoration:none;font-size:15px;font-weight:600;line-height:1.6;transition:color .25s,border-color .25s,background-color .25s,box-shadow .25s}.fp-index-icon{display:flex;align-items:center;justify-content:center;color:var(--fp-blue)}.fp-index-icon svg{display:block;width:32px;height:32px}.fp-index-arrow{display:block;width:18px;height:18px;transition:transform .25s}.fp-index a:focus-visible{outline:3px solid var(--fp-blue);outline-offset:3px}
.fp-section{padding-block:88px 96px;scroll-margin-top:95px}.fp-section:nth-of-type(even){background:var(--fp-wash)}.fp-strength{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}.fp-strength-copy h2{margin-top:14px;font-size:clamp(28px,2.7vw,34px);line-height:1.6;font-weight:700;text-wrap:balance}.feature-page .fp-strength-lead{margin-top:22px;color:var(--fp-muted)}
.feature-page .fp-text-link{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:14px;text-decoration:none;transition:color .3s}.fp-text-link svg{width:24px;height:24px;flex:none;transition:transform .3s}.fp-strength-copy .fp-text-link{margin-top:26px}
.fp-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:330px;color:var(--fp-ink)}.fp-art svg{flex:none}.fp-art.fp-art-image{height:auto;aspect-ratio:3/2}.fp-art-image img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.fp-functions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 40px;padding:44px 0 0!important;margin-top:40px!important;border-top:1px solid var(--fp-line);list-style:none!important}.fp-functions>li{grid-column:span 3;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.fp-functions-3>li,.fp-functions-5>li:nth-child(-n+3){grid-column:span 2}.fp-functions-1>li{grid-column:1/-1}.fp-function-icon{flex:none;color:var(--fp-blue)}.fp-function-icon svg{width:32px;height:32px;display:block}.fp-functions h3{font-size:18px;line-height:1.6;font-weight:700}.fp-functions p{margin-top:10px;color:var(--fp-muted);font-size:16px;line-height:1.8}.feature-page .fp-note{font-size:14px;line-height:1.8;color:#696d74;margin-top:28px}.fp-migration-note .fp-note{margin-top:22px}.fp-migration-note .fp-text-link{margin-top:14px}
/* Real demo captures inside device frames; the screens remain undistorted. */
.fp-art.fp-device-art{height:auto;aspect-ratio:4/3;display:block;isolation:isolate}
.fp-device-desktop{position:absolute;left:0;top:3%;width:88%;filter:drop-shadow(0 12px 14px #23252a14)}
.fp-device-display{padding:8px 8px 0;background:#282a2e;border:1px solid #35383e;border-bottom:0;border-radius:11px 11px 0 0;overflow:hidden}
.fp-device-display img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.fp-device-chin{height:20px;background:linear-gradient(#dedfe1,#c9cbd0);border:1px solid #bfc2c8;border-top:0;border-radius:0 0 9px 9px}
.fp-device-stand{position:relative;height:35px;width:17%;margin-inline:auto;background:linear-gradient(#a2a5ad,#d3d5d9);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.fp-device-desktop::after{content:"";display:block;width:35%;height:6px;margin-inline:auto;background:linear-gradient(#d7d9dd,#b5b8c0);border-radius:50% 50% 2px 2px}
.fp-device-phone{position:absolute;width:24%;right:0;bottom:5%;padding:5px;background:#25272b;border:1px solid #5d6066;border-radius:20px;box-shadow:0 14px 24px #23252a2a,0 0 0 2px #d1d3d7;overflow:hidden}
.fp-device-phone::before{content:"";position:absolute;top:7px;left:37%;width:26%;height:7px;border-radius:9px;background:#222;z-index:1}
.fp-device-phone img{display:block;width:100%;height:auto;aspect-ratio:1/2;object-fit:cover;border-radius:14px}
.feature-page .fp-closing .home-closing-inner{max-width:1000px;margin-inline:auto}.feature-page .fp-closing h2{font-size:clamp(26px,2.7vw,34px);font-weight:700;line-height:1.6}.feature-page .fp-closing p{font-weight:700}.feature-page a:focus-visible{outline:3px solid var(--fp-blue);outline-offset:6px;border-radius:2px}
@media(hover:hover){.fp-index a:hover{color:var(--fp-blue);border-color:var(--fp-blue);background:#f6f8ff;box-shadow:0 9px 24px #315ee71a}.fp-index a:hover .fp-index-arrow{transform:translateY(3px)}.fp-text-link:hover{color:var(--fp-blue)}.fp-text-link:hover svg{transform:translateX(4px)}}
@media(max-width:1050px){.fp-strength{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px}}
@media(max-width:850px){.fp-index{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-strength{grid-template-columns:1fr;gap:32px}.fp-strength-copy{text-align:center}.fp-strength-copy h2{font-size:30px}.fp-art{width:min(520px,100%);height:330px;margin-inline:auto}.fp-functions{margin-top:32px!important}.fp-section{padding-block:64px}.fp-index a{font-size:14px}.fp-strength-copy .fp-strength-lead{margin-top:18px}}
@media(max-width:600px){.fp-shell{width:calc(100% - 40px)}.feature-page{font-size:14px}.feature-page-hero{padding-block:112px 48px}.feature-page-hero h1{font-size:clamp(22px,6.2vw,30px);line-height:1.6;margin-top:14px}.feature-page .fp-kicker{font-size:14px}.feature-page .fp-lead{margin-top:20px}.fp-desktop{display:none}.fp-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.fp-index a{grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"icon icon" "label arrow";align-content:center;gap:10px 6px;min-height:96px;padding:14px 16px;font-size:13px}.fp-index-icon{grid-area:icon;justify-content:flex-start}.fp-index-icon svg{width:28px;height:28px}.fp-index-label{grid-area:label;word-break:keep-all}.fp-index-arrow{grid-area:arrow;width:16px;height:16px}.fp-section{padding-block:52px 56px;scroll-margin-top:78px}.fp-strength{gap:24px}.fp-strength-copy{text-align:left}.fp-strength-copy h2{font-size:26px;line-height:1.55;margin-top:10px;text-wrap:initial}.fp-strength-copy .fp-strength-lead{margin-top:18px}.fp-strength-copy .fp-text-link{margin-top:18px}.fp-art{height:280px}.fp-functions,.fp-functions-3,.fp-functions-5{grid-template-columns:1fr;gap:32px;padding-top:44px!important;margin-top:26px!important}.fp-functions>li,.fp-functions-3>li,.fp-functions-5>li:nth-child(-n+3){grid-column:1/-1;gap:12px}.fp-function-icon svg{width:28px;height:28px}.fp-functions h3{font-size:17px}.fp-functions p{font-size:14px;margin-top:7px;line-height:1.8}.feature-page .fp-note{font-size:12px;margin-top:24px}.fp-device-display{padding:5px 5px 0;border-radius:8px 8px 0 0}.fp-device-chin{height:14px}.fp-device-stand{height:24px}.fp-device-phone{padding:3px;border-radius:15px}.fp-device-phone img{border-radius:11px}.fp-device-phone::before{height:5px;top:5px}.feature-page .fp-closing .home-closing-inner{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.feature-page .fp-closing h2{font-size:26px}.feature-page .fp-closing p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.feature-page *{transition:none!important}}