:root{--primary: #16305C;--primary-d: #0E2244;--primary-l: #E9EEF6;--accent: #D8302A;--accent-d: #B0231E;--accent-l: #FBE9E8;--ink: #1B2333;--ink-2: #3A4250;--sub: #5C6473;--muted: #97A0AD;--line: #E7E9EE;--bg: #FCFCFB;--card: #FFFFFF;--shadow: 0 1px 2px rgba(20, 30, 50, .04), 0 6px 18px rgba(20, 30, 50, .06);--radius: 18px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}@media (max-width: 480px){.wrap{padding:0 18px}}.section{padding:120px 0}@media (max-width: 720px){.section{padding:74px 0}}@media (max-width: 480px){.section{padding:58px 0}}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent);background:var(--accent-l);padding:6px 13px;border-radius:999px;text-transform:uppercase}.h2{font-size:33px;font-weight:800;letter-spacing:-.01em;line-height:1.42;color:var(--primary)}.lead{font-size:15.5px;color:var(--sub);margin-top:16px;line-height:1.9}@media (max-width: 720px){.h2{font-size:24px}}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:800;font-size:15px;padding:14px 28px;border-radius:999px;cursor:pointer;border:none;transition:.18s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px #16305c33}.btn-primary:hover{background:var(--primary-d);transform:translateY(-1px)}.btn-ghost{background:#fff;color:var(--primary);border:1px solid #D4D8E0}.btn-ghost:hover{border-color:var(--primary)}.btn-white{background:#fff;color:var(--accent-d)}.btn-white:hover{background:#f3f0ec;transform:translateY(-1px)}.header{position:sticky;top:0;z-index:50;background:#fcfcfbeb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.promo{background:var(--primary);color:#fff;text-align:center;font-size:12px;font-weight:600;padding:8px 16px;letter-spacing:.02em}.promo b{color:#ff9e8e;font-weight:800}@media (max-width: 480px){.promo{font-size:11px;padding:7px 14px;line-height:1.5}}.nav{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:13.5px;color:var(--ink-2);font-weight:600}.nav-links a:hover{color:var(--accent)}.navtoggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.navtoggle span{display:block;width:22px;height:2px;background:var(--primary);margin:4px 0;border-radius:2px}.mobile-menu{display:flex;flex-direction:column;padding:6px 28px 16px;background:#fff;border-bottom:1px solid var(--line)}.mobile-menu a{padding:13px 2px;font-size:15px;font-weight:700;color:var(--ink-2);border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border-bottom:none;color:var(--accent)}@media (min-width: 921px){.mobile-menu{display:none}}@media (max-width: 920px){.nav-links{display:none}.navtoggle{display:block}}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background-image:url(/screens/hero-bg.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat}.hero:before{content:"";position:absolute;top:-140px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(22,48,92,.07),transparent 65%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-block:80px 64px;position:relative}@media (max-width: 940px){.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:52px}}.hero h1{font-size:46px;font-weight:900;line-height:1.28;letter-spacing:-.02em;color:var(--primary)}.hero h1 .hl{color:var(--accent)}.hero .qr{font-size:30px;font-weight:900;line-height:1.28;letter-spacing:-.02em;color:var(--primary)}@media (max-width: 720px){.hero h1{font-size:29px}}.hero p{font-size:16.5px;color:var(--sub);margin-top:24px;line-height:1.95}@media (max-width: 480px){.hero-grid{padding-block:38px;gap:32px}.hero p{font-size:15px;margin-top:18px}}.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}@media (max-width: 480px){.hero-cta{gap:10px;margin-top:26px}.hero-cta .btn{flex:1 1 100%;justify-content:center}}.langbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.langchip{font-size:12px;font-weight:700;color:var(--ink-2);background:#fff;border:1px solid var(--line);padding:6px 13px;border-radius:999px}.logocard{background:#fdfcfc;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);display:grid;place-items:center}@media (max-width: 480px){.logocard{padding:22px}}.logocard img{width:100%;max-width:380px}.hero-features{display:flex;gap:32px;margin-top:22px;flex-wrap:wrap}.hero-feature{width:140px;text-align:center}.hero-feature img{width:90px;height:90px;object-fit:contain;margin:0 auto 14px}.hero-feature h3{font-size:15px;font-weight:800;color:var(--primary);line-height:1.5}.hero-feature p{font-size:13px;color:var(--sub);margin-top:6px;line-height:1.6}@media (max-width:768px){.hero-features{justify-content:center;gap:24px}.hero-feature{width:120px}.hero-feature img{width:72px;height:72px}.hero-feature h3{font-size:14px}.hero-feature p{font-size:12px}}.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media (max-width: 820px){.problems-grid{grid-template-columns:1fr}}.problem{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.problem .pq{font-size:13px;font-weight:900;color:var(--accent);letter-spacing:.04em}.problem h3{font-size:16.5px;font-weight:800;color:var(--primary);margin-top:10px;line-height:1.6}.problem p{font-size:13.5px;color:var(--sub);margin-top:10px;line-height:1.85}.solve{display:flex;flex-direction:column;gap:100px;margin-top:52px}.solve-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:top}.solve-row.rev{grid-template-columns:1.15fr .85fr}.solve-row.rev .solve-text{order:2}@media (max-width: 820px){.solve-row,.solve-row.rev{grid-template-columns:1fr;gap:28px}.solve-row.rev .solve-text{order:0}}.solve-bad{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:800;color:var(--primary)}.solve-bad .x{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-l);color:var(--accent);font-size:12px;font-weight:900}.solve-text h3{font-size:22px;font-weight:900;color:var(--primary);margin-top:10px;line-height:1.5}.solve-text p{font-size:14.5px;color:var(--sub);margin-top:14px;line-height:1.9}.solve-text .tag{display:inline-block;margin-top:18px;font-size:12px;font-weight:800;color:var(--primary);background:var(--primary-l);padding:7px 14px;border-radius:999px}.illust{width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 10px 30px #141e321a;display:block}.illust-ph{width:100%;aspect-ratio:3 / 2;border:1px dashed #D8DCE3;border-radius:var(--radius);display:grid;place-items:center;color:var(--muted);font-size:11px;letter-spacing:.16em;background:#fafbfc}.stats{background:var(--primary);color:#fff}.stats .h2{color:#fff}.stats .lead{color:#ffffffb3}.stats .eyebrow{background:#ffffff24;color:#ffb3ac}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}@media (max-width: 720px){.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}}.stats-grid>div{text-align:center;padding:12px;border-right:1px solid rgba(255,255,255,.18)}.stats-grid>div:last-child{border-right:none}@media (max-width: 720px){.stats-grid>div:nth-child(2){border-right:none}}.stats .n{font-size:38px;font-weight:900;letter-spacing:-.01em}.stats .l{font-size:12.5px;opacity:.92;margin-top:2px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media (max-width: 920px){.grid3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid3{grid-template-columns:1fr}}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.feature h3{font-size:16px;font-weight:800;color:var(--primary)}.feature p{font-size:13.5px;color:var(--sub);margin-top:9px;line-height:1.85}.usecases{background:#f4f7fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}@media (max-width: 760px){.uc-grid{grid-template-columns:1fr}}.uc-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--primary);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.uc-card .head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.uc-card h3{font-size:17px;font-weight:800;color:var(--primary)}.uc-card ul{list-style:none;display:flex;flex-direction:column;gap:10px}.uc-card li{font-size:13.5px;color:var(--sub);display:flex;gap:10px;line-height:1.7}.uc-card li .b{color:var(--accent);font-weight:900;flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}@media (max-width: 760px){.steps{grid-template-columns:1fr}}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.step .n{font-size:13px;font-weight:900;color:var(--accent);letter-spacing:.14em;margin-bottom:14px}.step h3{font-size:16px;font-weight:800;color:var(--primary)}.step p{font-size:13.5px;color:var(--sub);margin-top:9px;line-height:1.85}.howflows{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px;align-items:start}@media (max-width: 820px){.howflows{grid-template-columns:1fr;gap:36px}}.flowcol-title{font-size:16px;font-weight:900;color:var(--primary);text-align:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--accent-l)}.flowsteps{display:flex;flex-direction:column}.flowstep{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 20px;box-shadow:var(--shadow)}.flowstep .st-t{font-size:15px;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:10px}.flowstep .st-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:900;flex-shrink:0}.flowstep .st-d{font-size:13px;color:var(--sub);margin-top:8px;line-height:1.7}.flowarrow{text-align:center;color:var(--accent);font-weight:900;font-size:16px;padding:8px 0}.band-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}@media (max-width: 820px){.band-inner{grid-template-columns:1fr}}.checklist{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:14px}.checklist li{display:flex;gap:12px;font-size:14.5px}.checklist .c{color:var(--accent);font-weight:900}.note-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.note-card .big{font-size:21px;font-weight:900;color:var(--primary)}.note-card .pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent-d);background:var(--accent-l);padding:4px 12px;border-radius:999px;margin-bottom:14px}.faq{max-width:800px;margin:44px auto 0;display:flex;flex-direction:column;gap:12px}.qa{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px 24px;box-shadow:var(--shadow)}.qa h4{font-size:15px;font-weight:800;display:flex;gap:12px;color:var(--primary)}.qa h4 .q{color:var(--accent)}.qa p{font-size:13.5px;color:var(--sub);margin-top:9px;padding-left:27px;line-height:1.85}.cta{background:var(--accent);color:#fff;border-radius:26px;padding:64px 40px;text-align:center;box-shadow:0 20px 50px #d8302a3d}.cta h2{font-size:32px;font-weight:900;letter-spacing:-.01em;color:#fff}.cta p{color:#ffffffeb;margin-top:14px}.cta .btn-white{margin-top:30px}@media (max-width: 720px){.cta{padding:46px 24px;border-radius:20px}.cta h2{font-size:23px}}.footer{padding:56px 0 64px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;background:#fff}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer .brand{margin-bottom:12px}.footer a:hover{color:var(--accent)}.footer-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.footer-link:hover{color:var(--accent)}.footer-link:disabled{cursor:wait;opacity:.7}.iphone{position:relative;width:100%;max-width:258px;margin:0 auto;aspect-ratio:9 / 19.5;background:#0e1320;border-radius:46px;padding:9px;box-shadow:0 18px 42px #141e3238,inset 0 0 0 2px #2a3145,inset 0 0 0 6px #0e1320}.iphone:after{content:"";position:absolute;right:-2px;top:34%;width:3px;height:52px;background:#2a3145;border-radius:0 3px 3px 0}.iphone:before{content:"";position:absolute;left:-2px;top:24%;width:3px;height:24px;background:#2a3145;border-radius:3px 0 0 3px;box-shadow:0 38px #2a3145,0 76px #2a3145}.iphone-screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#f1f4f8}.iphone-screen img{width:100%;height:100%;object-fit:cover;display:block}.iphone-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:30%;height:18px;background:#000;border-radius:999px;z-index:3}.iphone-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:11px;letter-spacing:.16em}.shot-cap{font-size:12.5px;color:var(--sub);text-align:center;margin-top:16px;letter-spacing:.02em}.logos{background:#fff;border-bottom:1px solid var(--line)}.logos-inner{padding:30px 0}.logos .cap{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin-bottom:18px;text-align:center}.ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ticker-track{display:flex;gap:14px;width:max-content;animation:ticker-scroll 30s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}.logo-ph{flex:0 0 auto;width:150px;height:56px;border:1px dashed #D8DCE3;border-radius:10px;display:grid;place-items:center;font-size:10px;color:var(--muted);background:#fafbfc;letter-spacing:.12em}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}@media (max-width: 860px){.flow-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 460px){.flow-grid{grid-template-columns:1fr}}.flow-step{font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--accent);text-align:center;margin-bottom:12px}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}@media (max-width: 760px){.scene-grid{grid-template-columns:1fr}}.scene{aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#f1f4f8}.scene img{width:100%;height:100%;object-fit:cover}.scene-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:11px;letter-spacing:.16em}.scene-cap{font-size:13px;color:var(--sub);text-align:center;margin-top:14px;font-weight:600}.lead,.hero p,.solve-text h3,.solve-text p,.feature h3,.feature p,.step h3,.step p,.qa h4,.qa p,.uc-card li,.problem h3,.problem p,.shot-cap,.scene-cap{white-space:pre-line}.fade{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.fade.in{opacity:1;transform:none}.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px #141e321a;padding:16px 28px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.cookie-bar-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.cookie-bar-text{font-size:13px;color:var(--sub);line-height:1.7;flex:1;min-width:240px}.cookie-bar-text .link{background:none;border:none;padding:0;font:inherit;color:var(--primary);font-weight:700;text-decoration:underline;cursor:pointer}.cookie-bar-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.cookie-bar .btn{padding:10px 24px;font-size:14px}@media (max-width: 480px){.cookie-bar{padding:14px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.cookie-bar-actions{width:100%}.cookie-bar-actions .btn{flex:1;justify-content:center}}