@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--ink:#111318;--paper:#f7f7f4;--surface:#fff;--line:#d9d9d2;--blue:#3858e9;--soft:#e9edff;--muted:#5c6069;--hero:#212a52;--card:#fff;--card-ink:#111318}html[data-theme="dark"]{--ink:#eef0f7;--paper:#11131a;--surface:#191c25;--line:#323641;--blue:#7892ff;--soft:#1b2140;--muted:#aeb4c2;--hero:#263571;--card:#f3f5fc;--card-ink:#111318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans JP",sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px)}.brand{font-size:21px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--blue)}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.header-actions{display:flex;gap:10px;align-items:center}.theme-toggle{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:18px;cursor:pointer}.header-cta,.button{border-radius:2px;background:var(--ink);color:var(--paper);padding:12px 18px;font-size:13px;font-weight:700}.hero{min-height:clamp(620px,42vw,760px);max-width:1920px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(76px,8vw,150px) clamp(40px,7vw,128px)}.eyebrow{font-family:"DM Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.13em;color:var(--muted);margin:0 0 22px}.hero h1{font-size:clamp(49px,5.15vw,88px);line-height:1.1;letter-spacing:-.065em;margin:0}.hero-lead{max-width:440px;line-height:1.8;font-size:16px;margin:30px 0}.actions{display:flex;align-items:center;gap:13px}.primary{background:var(--blue);color:#fff;padding:15px 23px}.actions .text-link{border:1px solid var(--line);padding:14px 19px}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:9px}.fine-print{font-size:11px;color:var(--muted);margin-top:30px}.hero-visual{background:var(--hero);padding:clamp(70px,7vw,132px) clamp(46px,6vw,100px);color:white;position:relative}.visual-bar{display:flex;align-items:center;gap:6px;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em}.visual-bar i{width:7px;height:7px;background:#bcc5ee;border-radius:50%}.visual-bar span{margin-left:auto;color:#fb9b8c}.watch-card{margin-top:80px;background:var(--card);color:var(--card-ink);padding:21px;border-radius:6px;box-shadow:18px 20px 0 #5c72e4}.card-top,.card-bottom,.time{display:flex;align-items:center;justify-content:space-between;font-size:11px}.card-top b{font-family:"Noto Sans JP";color:#2fbd6d;font-size:10px}.movie-title{font-size:22px;font-weight:800;letter-spacing:-.06em;margin:54px 0 23px}.timeline{height:3px;background:#d8d8dc}.timeline span{display:block;width:36%;height:100%;background:var(--blue)}.time{color:#727580;font-family:"DM Mono",monospace;font-size:9px;margin-top:8px}.card-bottom{border-top:1px solid #eee;margin-top:22px;padding-top:16px}.play{color:var(--blue)}.members{letter-spacing:-3px;color:#596dea}.visual-caption{font-size:13px;margin-top:56px;color:#c8d0ff}.trust-strip{display:flex;align-items:center;justify-content:center;gap:28px;padding:20px;min-height:70px;background:var(--surface);font-size:12px;font-weight:700}.trust-strip span{height:14px;border-left:1px solid var(--line)}.feature-section,.faq{padding:clamp(64px,6vw,104px) clamp(22px,8vw,128px);max-width:1920px;margin:auto}h2{font-size:clamp(33px,4vw,53px);line-height:1.2;letter-spacing:-.06em;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--ink)}.steps article{padding:22px 36px 0 0;min-height:178px;border-right:1px solid var(--line)}.steps article+article{padding-left:30px}.steps article:last-child{border:0}.steps span{font-family:"DM Mono";font-size:11px;color:var(--blue)}.steps h3{font-size:18px;letter-spacing:-.04em;margin:38px 0 12px}.steps p,.services>p,.creator-copy p,.faq p{font-size:13px;line-height:1.8;color:var(--muted)}.services{padding:clamp(64px,6vw,104px) clamp(22px,8vw,128px);background:var(--ink);color:var(--paper)}.services .eyebrow{color:#a7b1d9}.service-list{display:flex;gap:9px;flex-wrap:wrap;margin:46px 0 25px}.service-list span{border:1px solid #5b6379;border-radius:999px;padding:11px 17px;font-size:14px;font-weight:700}.services>p{color:#aeb2bc;max-width:650px}.creator-section{padding:clamp(64px,6vw,104px) clamp(22px,8vw,128px);display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--soft)}.creator-copy{max-width:430px}.creator-copy p{color:var(--ink);margin:0 0 28px}.faq{max-width:1100px;margin:auto}.faq h2{margin-bottom:38px}details{border-top:1px solid var(--line);padding:21px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:700;list-style:none}summary:after{content:'+';float:right;color:var(--blue);font-size:22px;font-weight:400}details[open] summary:after{content:'−'}details p{max-width:700px;margin:16px 0 0}footer{border-top:1px solid var(--line);min-height:96px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}@media(min-width:1921px){.site-header>*,footer>*{max-width:1760px}.hero-copy{padding-left:128px}}@media(max-width:760px){.site-header{height:66px}.site-header nav{display:none}.header-cta{padding:10px 12px}.theme-toggle{width:36px;height:36px}.hero{grid-template-columns:1fr;min-height:auto;border-inline:0}.hero-copy{padding:72px 24px 64px}.hero h1{font-size:clamp(48px,13vw,64px)}.hero-lead{font-size:14px}.actions{align-items:stretch;flex-direction:column}.actions .button,.actions .text-link{text-align:center}.hero-visual{padding:48px 35px 61px}.watch-card{margin-top:45px}.trust-strip{gap:12px;flex-wrap:wrap}.feature-section,.faq{padding:72px 24px}.steps,.creator-section{grid-template-columns:1fr}.steps{margin-top:50px}.steps article,.steps article+article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.steps h3{margin-top:25px}.creator-section{gap:30px;padding:72px 24px}footer{padding:30px 22px;align-items:flex-start;gap:15px;flex-direction:column}}