/* Standalone brand film: scoped away from the existing reading pages. */
*{box-sizing:border-box}
:root{color-scheme:light;--ink:#24372e;--paper:#f3f2e9;--accent:#566c54;--line:#cbd2c5;--soft:#e9eee5}
body[data-site="2"]{--ink:#15364c;--paper:#f0f3f4;--accent:#2f617d;--line:#c2d1da;--soft:#e5eef3}
body[data-site="3"]{--ink:#503e50;--paper:#f7f1f4;--accent:#8b657f;--line:#dccbd6;--soft:#f0e6ed}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif}
button,select{font:inherit}button,select,a{touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.shell{max-width:1560px;margin:auto;padding:24px 32px 32px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:12px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:600;letter-spacing:.09em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);font:18px Georgia,"Yu Mincho",serif}.top label{display:flex;align-items:center;gap:10px}select{border:1px solid var(--line);background:transparent;padding:10px;color:inherit;border-radius:0}
.film{position:relative;isolation:isolate;overflow:hidden;width:100%;height:650px;background:#26302d;color:#fff}.life-scene{position:absolute;inset:0;background:url('cm-assets/life-scene-v4.webp') center 40%/cover no-repeat;transform-origin:55% 45%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#101d21a6 0%,#101d2100 78%),linear-gradient(0deg,#101d2199,transparent 60%)}.end-surface{position:absolute;inset:0;background:linear-gradient(90deg,#102023b8 0%,#10202380 44%,var(--paper) 64%);opacity:1}.film-signature{position:absolute;top:32px;left:5%;z-index:5;color:#fff;font-size:11px;letter-spacing:.24em}.question,.bridge{position:absolute;z-index:3;margin:0;white-space:pre-line;text-wrap:balance;font:400 clamp(32px,4.2vw,62px)/1.5 Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.03em;left:7%;width:46%;top:34%;opacity:0;text-shadow:0 2px 25px #0005}.bridge{font-size:clamp(27px,3vw,42px);color:#fff;top:35%;width:42%;text-shadow:none}.product{position:absolute;z-index:4;right:6%;top:12%;width:38%;max-width:470px;background:#fffffffa;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 26px 70px #192a3021;transform-origin:center}.product-top{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.product-brand{font-size:12px;font-weight:700}.demo{font-size:9px;color:#646a66;white-space:nowrap}.input-block{background:var(--soft);border-radius:6px;padding:16px}.input-label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.input-value{display:flex;gap:6px;font-size:17px;letter-spacing:.1em;min-height:30px;align-items:center}.date-cell{background:white;border:1px solid var(--line);padding:6px 12px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#68736c}.input-hint{display:block;font-size:10px;line-height:1.6;margin-top:8px;color:#5c665f}.input-chip{border:1px solid var(--line);padding:7px 10px;background:#fff;font-size:12px;letter-spacing:0}.connection{height:40px;display:flex;flex-direction:column;align-items:center;color:var(--accent);overflow:hidden}.connection span{width:1px;height:22px;background:var(--accent);transform-origin:top}.connection b{font-size:15px;line-height:15px}.result-label{font-size:12px;font-weight:700;margin-bottom:12px}.features{display:grid;gap:7px}.feature{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:4px;font-size:13px;line-height:1.5}.feature-index{font-size:10px;color:var(--accent);font-variant-numeric:tabular-nums}.product-foot{font-size:10px;letter-spacing:.06em;margin-top:16px;text-align:right;color:var(--accent)}.message{position:absolute;z-index:4;left:7%;width:42%;top:29%;color:#fff}.eyebrow{font-size:12px;letter-spacing:.17em;margin-bottom:22px;color:#e9e5cf}h1{font:400 clamp(30px,3.5vw,52px)/1.5 Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;white-space:pre-line;letter-spacing:.03em;margin:0;text-wrap:balance;overflow-wrap:anywhere}.subtitle{font-size:13px;line-height:1.9;max-width:31em;margin:22px 0 18px}.offer{font-size:11px;letter-spacing:.13em;border-top:1px solid #ffffff50;display:inline-block;padding-top:14px}.controls{position:absolute;z-index:6;right:4%;bottom:22px;display:flex;gap:8px}.controls button{min-height:44px;padding:9px 15px;background:#fffef2e8;color:#25392e;border:1px solid #ffffff6b;font-size:11px;cursor:pointer;border-radius:3px}.progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--accent);transform-origin:left;z-index:7}.film[data-state="finished"] #skip{display:none}.action{display:flex;align-items:center;gap:28px;margin-top:22px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:58px;padding:18px 26px;background:var(--ink);color:white;text-decoration:none;font-size:14px;font-weight:600;border-radius:3px}.cta:after{content:'↗';font-size:20px}.cta:hover{background:var(--accent)}.action p,.note{font-size:11px;color:#626962;line-height:1.8}.note{margin-top:20px;max-width:900px}
@media(min-width:1300px){.film{height:720px}.product{top:15%;padding:28px}.feature{padding:15px}.input-block{padding:20px}}
@media(max-width:700px){.shell{padding:16px 12px 24px}.top{font-size:10px;margin-bottom:16px;gap:8px}.brand{gap:7px;letter-spacing:.02em}.brand-mark{width:27px;height:30px;font-size:16px}.top label{gap:5px}select{max-width:105px;padding:9px 6px}.film{height:760px}.life-scene{background-position:53% 35%}.shade{background:linear-gradient(0deg,#0d1a20bd,transparent 83%)}.film-signature{left:7%;top:24px;font-size:10px}.question{left:8%;width:84%;top:57%;font-size:36px}.bridge{left:8%;width:84%;top:8%;font-size:27px;line-height:1.55}.product{top:38%;left:7%;right:7%;width:auto;max-width:none;padding:17px;border-radius:8px}.product-top{padding-bottom:10px;margin-bottom:12px}.product-brand{font-size:10px}.demo{font-size:8px}.input-block{padding:10px 12px}.input-label{font-size:10px;margin-bottom:6px}.input-value{font-size:15px;min-height:26px}.date-cell{padding:4px 9px}.input-hint{font-size:9px;margin-top:5px}.connection{height:28px}.connection span{height:14px}.connection b{font-size:12px;line-height:12px}.result-label{font-size:11px;margin-bottom:8px}.feature{font-size:11px;padding:8px 10px;gap:10px}.features{gap:5px}.product-foot{font-size:9px;margin-top:10px}.message{left:8%;width:84%;top:9%}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:12px}h1{font-size:clamp(27px,7.5vw,36px);line-height:1.45}.subtitle{font-size:11px;line-height:1.7;margin:12px 0 10px;max-width:28em}.offer{font-size:9px;padding-top:8px}.controls{bottom:16px;right:7%}.controls button{font-size:10px;padding:8px 12px}.action{align-items:stretch;flex-direction:column;gap:5px;margin-top:16px}.action p{margin:4px 0}.cta{font-size:13px;padding:16px 20px;gap:12px}.note{font-size:10px}html[lang="en"] h1{font-size:clamp(25px,6.8vw,33px)}html[lang="en"] .bridge{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:700px){.end-surface{background:linear-gradient(0deg,var(--paper) 0%,var(--paper) 58%,#102023c9 68%,#102023a0 100%)}}

/* Homepage embedding keeps the host page heading and reading form. */
.cm-embedded .shell{padding:0;max-width:none}.cm-embedded .top,.cm-embedded .action{display:none}.cm-embedded body{background:transparent}.cm-embedded .film{height:650px}@media(max-width:700px){.cm-embedded .film{height:760px}}