/* Homepage media only; existing product copy and dashboard styles stay intact. */
body.md{--font:'Inter','Pretendard Variable','Noto Sans JP',sans-serif;text-transform:uppercase}
.product-hero{width:100%;padding:0!important;align-self:center;min-width:0}
.product-browser{background:#fff;border:1px solid #e4dfee;border-radius:20px;overflow:hidden;box-shadow:0 25px 65px -25px #57369440;transform:perspective(1500px) rotateY(-4deg) rotateX(1deg)}
.product-browser-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #ece7f2;background:#faf8ff;font-size:11px;color:#51475e}
.product-browser-bar>span{display:flex;gap:5px}.product-browser-bar i{width:7px;height:7px;background:#e4c4d0;border-radius:50%}.product-browser-bar i:nth-child(2){background:#efd88b}.product-browser-bar i:nth-child(3){background:#bde4c5}.product-browser-bar small{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#9d93ab}
.product-browser>.live-panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;padding:24px!important;min-height:450px}
.hero-media-notes{margin-top:12px}
.hero-media-notes .art-msg,.hero-media-notes .art-try{position:relative!important;inset:auto!important;transform:none!important;animation:none!important;margin:0!important;max-width:none!important;box-shadow:none!important;border:1px solid var(--line);padding:12px!important;flex:1}
.hero-media-notes .art-msg p,.hero-media-notes .art-try b{font-size:11px}
.hero-media-notes .art-try .btns{margin-top:8px}
@media(min-width:1001px){.hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:38px!important}.md-hero{padding-bottom:64px}.hero-copy{padding-top:14px!important}}
@media(max-width:1000px){.product-browser{transform:none}.product-browser>.live-panel{min-height:350px}}
@media(max-width:640px){.product-browser{border-radius:14px}.product-browser-bar{padding:12px;font-size:10px}.product-browser>.live-panel{padding:14px!important;min-height:330px}.product-browser-bar small{display:none}}
.hero-art.media-art{padding:0;max-width:600px;width:100%;margin:0 auto}
.creator-collage{position:relative;height:530px;margin:0 0 24px;isolation:isolate}
.creator-collage::before{content:"";position:absolute;inset:24px -12px 0;background:linear-gradient(90deg,rgba(98,0,238,.045) 1px,transparent 1px),linear-gradient(rgba(98,0,238,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse,#000 36%,transparent 74%);z-index:-1}
.creator-card{position:absolute;margin:0;background:#fff;border-radius:17px;box-shadow:0 16px 36px -18px rgba(25,14,47,.38),0 0 0 1px rgba(28,27,31,.06)}
.creator-card:nth-child(1){left:1%;top:64px;width:32%;height:214px}
.creator-card:nth-child(2){left:35%;top:0;width:32%;height:280px}
.creator-card:nth-child(3){left:0;top:303px;width:35%;height:168px}
.creator-card:nth-child(4){left:38%;top:306px;width:30%;height:212px}
.creator-card:nth-child(5){left:71%;top:259px;width:29%;height:185px}
.creator-video{position:relative;display:block;height:100%;border-radius:inherit;overflow:hidden;background:#1c1b1f;text-decoration:none;-webkit-tap-highlight-color:transparent}
.creator-video img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--em);object-position:var(--portrait,50% 50%)}
.creator-video::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}
.creator-play{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 2px 12px #0002;color:#6200ee}
.creator-play svg{width:13px;height:13px;margin-left:2px;fill:currentColor}
.creator-card figcaption{position:absolute;left:-9px;bottom:-14px;z-index:2;max-width:calc(100% + 18px);padding:8px 12px;border-radius:11px;background:#fff;box-shadow:0 3px 10px #21143d14;border:1px solid #e7e0ec;pointer-events:none;line-height:1.3}
.creator-card figcaption b{display:block;font-size:12px;font-weight:800;white-space:nowrap}
.creator-card figcaption small{display:block;margin-top:3px;font-size:10px;color:var(--ink3,#6F6A75);white-space:nowrap}
.creator-card:nth-child(2) figcaption{left:auto;right:-9px}
.creator-mark{position:absolute;left:29%;top:249px;z-index:4;width:66px;height:66px;border:7px solid #fff;border-radius:50%;background:#fff;box-shadow:0 8px 30px #6200ee25;display:grid;place-items:center;pointer-events:none}
.creator-mark img{width:42px;height:auto}
.media-reference{margin:0 0 16px;text-align:center;font-size:11px;line-height:1.6;color:var(--ink3)}
.hero-art.media-art .hero-shot{position:absolute;top:72px;right:0;width:29%;margin:0;border-radius:12px;box-shadow:0 15px 35px -20px #28147866,0 0 0 1px #1c1b1f12}
.hero-art.media-art .hero-shot .bar{height:24px;padding:0 10px}
.hero-art.media-art .hero-shot .bar i{width:7px;height:7px}
.hero-art.media-art .hero-shot .bar span{font-size:9px;padding:1px 7px}
.hero-art.media-art .art-msg,.hero-art.media-art .art-try{position:relative;inset:auto;animation:none;max-width:none;box-shadow:none;border:1px solid var(--line)}
.hero-art.media-art .art-msg{margin:16px 0 0;padding:10px 12px;flex:1}
.hero-art.media-art .art-try{margin:16px 0 0;padding:10px 12px;flex:0 0 42%}
.hero-media-notes{display:flex;gap:10px;align-items:stretch}
.hero-art.media-art .art-msg p{font-size:11px}
.hero-art.media-art .art-try b{font-size:11px}
.hero-art.media-art .art-try .btns{gap:6px;margin-top:7px}
.hero-art.media-art .art-try .btns span{font-size:10px;padding:5px 10px}
.md-cases .ill.media-case{overflow:hidden;border-radius:14px;background:#f7f3fe;height:150px;margin-bottom:22px}
.md-cases .ill.media-case img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.media-dialog{max-width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);width:860px;margin:auto;padding:20px;border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 100px #0005;overflow:auto}
.media-dialog::backdrop{background:rgba(15,10,25,.76);backdrop-filter:blur(5px)}
.media-close{display:block;margin:0 0 14px auto;border:1px solid var(--outline);border-radius:20px;background:#fff;padding:8px 14px;font:600 13px var(--font);cursor:pointer}
.media-player{width:100%;aspect-ratio:16/9;min-height:200px;background:#0f0f0f;border-radius:10px;overflow:hidden}
.media-player.is-shorts{aspect-ratio:9/16;width:min(100%,330px);max-height:calc(100dvh - 220px);min-width:200px;min-height:200px;margin:0 auto}
.media-player iframe{width:100%;height:100%;display:block;border:0}
.media-caption{padding-top:16px;line-height:1.5}
.media-caption h2{margin:0;font-size:18px;line-height:1.4}
.media-caption p{margin:6px 0;font-size:13px;color:var(--ink2)}
.media-caption a{font-size:13px;font-weight:700;color:var(--p)}
.creator-card:nth-child(3) .creator-video img{object-position:17% 50%}
@media(hover:hover){.creator-video:hover img{transform:scale(1.045)}.creator-video:hover .creator-play{background:#6200ee;color:#fff}}
@media(min-width:1001px){.md-hero{padding-top:46px}.hero-grid{align-items:start}.hero-copy{padding-top:28px}}
@media(max-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hero-copy{max-width:720px}.hero-art.media-art{max-width:540px}.creator-collage{height:530px}}
@media(max-width:640px){.hero-art.media-art{max-width:430px}.creator-collage{height:420px;margin-bottom:14px}.creator-card:nth-child(1){top:46px;height:173px}.creator-card:nth-child(2){height:219px}.creator-card:nth-child(3){top:245px;height:128px}.creator-card:nth-child(4){top:245px;height:165px}.creator-card:nth-child(5){top:210px;height:143px}.creator-mark{top:186px;width:62px;height:62px;border-width:6px}.creator-mark img{width:33px}.creator-card figcaption{padding:6px 8px;left:-5px;bottom:-10px;border-radius:8px}.creator-card figcaption b{font-size:10px}.creator-card figcaption small{font-size:8px}.creator-play{width:26px;height:26px;right:8px;bottom:10px}.hero-art.media-art .hero-shot{width:90%}.hero-media-notes{display:block}.hero-art.media-art .art-try{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-art.media-art .art-try .btns{margin:0}.media-dialog{padding:14px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.media-caption h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.creator-video img{transition:none}}
@media(max-width:640px){.hero-art.media-art .hero-shot{width:29%;top:50px}.hero-art.media-art .hero-shot .bar{height:16px;padding:0 4px}.hero-art.media-art .hero-shot .bar i{width:4px;height:4px}.hero-art.media-art .hero-shot .bar span{font-size:6px;margin-left:2px;padding:0 2px}.creator-mark{top:194px;width:54px;height:54px}}

/* The name badges are removed; a single official player provides the motion. */
button.creator-video{width:100%;padding:0;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.creator-collage{height:530px}
.creator-card:nth-child(2){left:34%;width:max(36%,200px);height:335px;z-index:2}
.creator-card:nth-child(3){top:330px}
.creator-card:nth-child(4){top:360px;height:155px}
.creator-card:nth-child(5){top:285px}
.creator-card figcaption{display:none}
.creator-mark{left:5%;top:265px;width:58px;height:58px}
.creator-loop{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#111}
.creator-loop iframe{display:block;width:100%;height:100%;min-width:200px;min-height:200px;border:0}
.creator-video[hidden]{display:none}
.motion-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:11px;color:var(--ink3)}
.motion-controls button{border:1px solid var(--line);border-radius:20px;background:#fff;padding:6px 10px;font:600 11px var(--font);color:var(--ink2);cursor:pointer}
.motion-controls .motion-full{width:auto;height:auto;border-radius:20px;overflow:visible;background:#f2eafe;color:var(--p)}
.motion-full::after{display:none}
.hero-art.media-art .hero-shot .live-panel{min-height:105px;max-height:140px;overflow:hidden}
.agent-visual{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f6f0ff,#fff);align-items:center;overflow:hidden}
.ai-agent-portrait{margin:0;position:relative;border-radius:15px;overflow:hidden;background:#e9e0f6}
.ai-agent-portrait img{display:block;width:100%;height:300px;object-fit:cover;object-position:50% 22%}
.ai-agent-portrait figcaption{position:absolute;bottom:10px;left:8px;right:8px;padding:7px 4px;background:rgba(255,255,255,.93);border-radius:8px;text-align:center;font-size:10px;color:#55436f}
.chart-example{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12px;color:var(--ink3)}
.chart-example summary{cursor:pointer}
.chart-example .yt-ov{margin-top:12px;box-shadow:none}
.md-card.review{flex-wrap:wrap;gap:24px}
.review-rating{flex:1;min-width:220px;max-width:410px}
.review-rating>span{font-size:12px;color:var(--ink2)}
.rating-stars{display:flex;gap:4px;margin:6px 0}
.rating-stars button{padding:0;border:0;background:transparent;color:#f6b01c;font-size:30px;line-height:1.3;cursor:pointer}
.rating-stars button:focus-visible{outline:2px solid var(--p);border-radius:4px}
.ecosystem{background:#171126;color:#fff}
.ecosystem .over{color:#c9afff}.ecosystem .lead{color:#c8c0d6}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ecosystem-item{padding:25px;border:1px solid #ffffff22;border-radius:20px;background:#ffffff06}
.ecosystem-item summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.ecosystem-item summary::-webkit-details-marker{display:none}
.ecosystem-item b{font-size:18px}.ecosystem-item small{font-size:10px;padding:4px 8px;border:1px solid #ffffff30;border-radius:14px;margin-left:auto;color:#d6c6f5}
.ecosystem-icon{font-size:26px;color:#c5a8ff;line-height:1}
.ecosystem-item>p{font-size:14px;color:#c8c0d6;line-height:1.8;margin-top:22px}
.ecosystem-flow{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff15;font-size:12px;line-height:1.8;color:#e9ddff}
.ecosystem-note{font-size:11px;color:#9f94b2;margin:22px 0 0}
@media(max-width:800px){.ecosystem-grid{grid-template-columns:1fr}.ecosystem-item{padding:20px}}
.review-rating p{font-size:11px;margin:0!important;color:var(--ink3)}
@media(max-width:640px){.creator-collage{height:480px}.creator-card:nth-child(1){left:0;top:45px;width:33%;height:172px}.creator-card:nth-child(2){left:calc(50% - 100px);top:0;width:200px;height:310px}.creator-card:nth-child(3){top:320px;left:0;width:33%;height:125px}.creator-card:nth-child(4){top:328px;left:36%;width:31%;height:144px}.creator-card:nth-child(5){top:328px;left:70%;width:30%;height:124px}.creator-mark{top:247px;left:3%}.hero-art.media-art .hero-shot{display:none}.motion-controls{gap:6px}.agent-visual{gap:8px;padding:10px;grid-template-columns:36% 1fr}.ai-agent-portrait img{height:235px}.ai-agent-portrait figcaption{font-size:8px;left:4px;right:4px;bottom:5px}.agent-visual .live-panel{padding:12px}.review-rating{max-width:none;flex-basis:100%}}

/* Restored public people references, with separate source and example labels. */
.hero-media-notes{flex-wrap:wrap}.example-label{flex-basis:100%;font-size:10px;color:var(--ink3);letter-spacing:.02em}
.demo-example-label{margin:14px 24px 0;color:var(--ink3);font-size:11px}
.scene .th img{display:block;width:100%;height:100%;object-fit:cover}
.hero-art.media-art .hero-shot .hd-mini-head{font-size:7px}.hero-art.media-art .hero-shot .hd-mini-thumbs{gap:4px}.hero-art.media-art .hero-shot .hd-mini-video-detail,.hero-art.media-art .hero-shot .hd-mini-foot{display:none}
.hero-art.media-art .hero-shot .hd-mini-thumb{height:75px!important}.hero-art.media-art .hero-shot .hd-live-panel{padding:8px}
@media(max-width:640px){.agent-visual{grid-template-columns:1fr}.ai-agent-portrait{max-width:220px;margin:auto}.ai-agent-portrait img{height:230px}.ai-agent-portrait figcaption{font-size:10px}.hero-media-notes .art-msg,.hero-media-notes .art-try{flex-basis:100%}.hero-media-notes{display:flex}}

.md-tools .md-btn.sm{white-space:nowrap}@media(max-width:640px){.md-tools .md-btn.sm{padding-left:12px;padding-right:12px;font-size:11px}}

/* Actual public scene thumbnails form a gentle image loop, without a player. */
.creator-portrait{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#1c1b1f;cursor:pointer;isolation:isolate}
.creator-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--portrait,50% 50%)}
.creator-portrait:focus-visible{outline:3px solid var(--p,#6200ee);outline-offset:4px}
.creator-portrait .portrait-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--portrait,50% 50%);opacity:0;transform:scale(1.06);transition:opacity 1.15s ease;animation:portrait-drift 9s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
.creator-portrait .portrait-frame.is-active{opacity:1}
.creator-portrait.is-motion-enabled .portrait-frame{animation-play-state:running}
.creator-card:nth-child(2n) .portrait-frame{animation-direction:alternate-reverse}
.creator-card:nth-child(3) .creator-portrait .portrait-frame{object-position:17% 50%}
@keyframes portrait-drift{from{transform:scale(1.06) translate(-.6%,.2%)}to{transform:scale(1.11) translate(.6%,-.4%)}}
@media(prefers-reduced-motion:reduce){.creator-portrait:not(.is-motion-enabled) .portrait-frame{transition:none;animation:none;transform:scale(1.06)}}

/* Visual polish only: preserve the existing composition, text and controls. */
.creator-card{border-radius:18px;background:#f6f6f9;box-shadow:0 10px 28px -16px #2023353b,0 0 0 1px #2023350a}
.creator-collage::before{opacity:.4}
.creator-portrait{background:#f0f0f5}
.creator-card:nth-child(3) .creator-portrait .portrait-frame{object-position:var(--portrait,50% 50%)}
.hero-art.media-art .hero-shot{border:1px solid #e8e8ef;box-shadow:0 12px 32px -18px #26213d42}
.pv>.shot{border:1px solid #e8e8ef;background:#fff;box-shadow:0 10px 32px -18px #25263826}
.shot .bar{background:#fafafe}
.cap-card,.md-card.e1{box-shadow:0 4px 18px #25263808,0 0 0 1px #e8e8ee}
.creator-play,.hd-mini-play{display:none}
.creator-video.is-motion-enabled::before{content:"";position:absolute;top:12px;right:12px;width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff30;z-index:3;pointer-events:none}
.creator-video img{transition:opacity .38s ease,transform .5s var(--em)}
@media(hover:hover){.creator-video:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.creator-video img{transition:none}}

/* Existing feature cards and product frames: visual treatment only. */
#feats .cap-card{padding:30px;border:1px solid #e5e7ee;border-radius:22px;background:#fff;box-shadow:0 10px 34px -26px #30395026;gap:22px}
#feats .cap-head{padding-bottom:20px;border-bottom:1px solid #edf0f5}
#feats .cap-head p{line-height:1.7;color:#68707e}
#feats .cap-key{gap:8px 14px}
#feats .cap-grid{gap:12px}
#feats .cap{padding:18px 30px 18px 15px;gap:10px;border-color:#e8ebf2;border-radius:14px;background:#fff;box-shadow:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
#feats .cap .ic{width:38px;height:38px;border-radius:11px;box-sizing:border-box;box-shadow:none}
#feats .cap .tx{gap:6px}
#feats .cap .tx b{font-weight:700;line-height:1.45}
#feats .cap .tx small{line-height:1.6;color:#687386}
#feats .cap .go{right:12px;font-size:15px}
#feats .cap.all{border-color:#d9cbea;background:#faf7ff}
#feats .cap:focus-visible{outline:2px solid var(--p,#6200ee);outline-offset:3px;border-color:#cbb9ee;box-shadow:none}
#feats .cap:focus-visible .ic{background:var(--gt,#f3edf7);color:var(--gc,var(--p));transform:none}
#feats .tools-drawer{margin-top:2px;padding-top:18px;border-color:#edf0f5}
#pillars .md-pillar .pv{min-width:0}
#pillars .md-pillar .shot{width:100%;box-sizing:border-box;border:1px solid #e3e7ef;border-radius:20px;background:#fff;box-shadow:0 14px 40px -28px #26304c3b}
#pillars .md-pillar .shot .bar{height:34px;background:#fafbfd;border-color:#e8ecf2;padding:0 14px}
#pillars .md-pillar .shot .bar i{width:8px;height:8px}
#pillars .md-pillar .shot .bar span{background:#fff;border:1px solid #edf0f5;border-radius:6px;padding:3px 9px}
#pillars .md-pillar .shot>img{display:block;width:100%;height:auto;object-fit:contain;background:#f8f9fc}
#pillars .md-pillar .shot-note{max-width:calc(100% - 24px);box-sizing:border-box;right:12px;bottom:12px;padding:6px 9px;border:1px solid #e3e7ef;border-radius:7px;background:#fffffff0;color:#596477;box-shadow:0 2px 8px #26304c08;text-align:left}
#pillars .md-pillar .pt h3{line-height:1.35}
#pillars .md-pillar .pt>p:not(.over){line-height:1.8}
#pillars .md-pillar .pt .d2{color:#687386}
@media(hover:hover){
  #feats .cap:hover{border-color:#d6c9eb;background:#fcfaff;box-shadow:none;transform:translateY(-1px)}
  #feats .cap:hover .ic{background:var(--gt,#f3edf7);color:var(--gc,var(--p));transform:none}
  #pillars .md-pillar .pv .shot:hover{transform:translateY(-2px)}
}
@media(max-width:760px){
  #feats .cap-card{padding:22px 16px;border-radius:18px;gap:18px}
  #feats .cap-head{padding-bottom:16px}
  #feats .cap-grid{gap:9px}
  #feats .cap{padding:14px 12px;gap:9px;border-radius:12px}
  #feats .cap .ic{width:34px;height:34px;border-radius:10px}
  #feats .cap .tx{gap:4px}
}
@media(max-width:640px){
  #pillars .md-pillar .shot{border-radius:14px;box-shadow:0 8px 24px -18px #26304c30}
  #pillars .md-pillar .shot .bar{height:29px;padding:0 10px}
  #pillars .md-pillar .shot .bar i{width:7px;height:7px}
  #pillars .md-pillar .shot .bar span{font-size:10px;padding:2px 7px}
  #pillars .md-pillar .shot-note{right:8px;bottom:8px;max-width:calc(100% - 16px);font-size:10px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){
  #feats .cap{transition:none}
}