/* VIDEOTIMES design system applied to the original Short Commerce LP structure */
:root{--pink:#0072B0;--cyan:#0088D2;--ink:#313234;--vt-bg:#F6F7F9;--vt-surface:#FFFFFF;--vt-border:#DDE0E5;--vt-text:#1E1F21;--vt-muted:#6E747E;--vt-soft:#E8F5FC;--vt-success:#0A6B43;--vt-warning:#8F5A00;--vt-error:#B02234}
body{background:var(--vt-bg);color:var(--vt-text);font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1.7}.wrap{max-width:1180px}.nav{height:68px;background:rgba(30,31,33,.97);border-color:rgba(255,255,255,.12);padding-inline:20px}.brand img{width:205px;height:auto;filter:none;mix-blend-mode:normal}.navlinks{color:#DDE0E5}.btn{min-height:40px;padding:10px 18px;border-radius:8px}.btn-p{background:#0072B0;box-shadow:none}.btn-p:hover{background:#005C8E}.btn-g{background:#fff;color:#313234;border-color:#DDE0E5}.hero{background:#313234;color:#fff;padding-top:72px}.hero-bg{background:radial-gradient(55% 60% at 88% 20%,rgba(0,136,210,.18),transparent 70%)}.grid-lines{opacity:.16}.eyebrow{color:#8DCFF1;background:transparent;border:0;border-radius:0;padding:0}.glitch::before,.glitch::after{display:none}.grad{background:none;color:#54B6E9}.lead{color:#DDE0E5;font-size:18px}.phones{height:520px}.ph{border-radius:24px;border-color:#4E5359}.ph.f{animation:none}.scart{background:#0072B0;border-radius:8px}.osbar{background:#252628;border-color:#4E5359;border-radius:14px}.os-sample{border-radius:8px;background:#3E4145}.heat{border-radius:8px}.heat::before{border-radius:8px 8px 0 0}.heat.full::before,.heat.low::before,.heat.ok::before{background:#0088D2}.heat.full .hs,.heat.low .hs,.heat.ok .hs{color:#8DCFF1}
.sec{padding-top:96px;padding-bottom:96px}.sec.wrap:not([style*="background"]){color:var(--vt-text)}.sec.wrap:not([style*="background"]) .ssub,.sec.wrap:not([style*="background"]) .card p,.sec.wrap:not([style*="background"]) .stat .lbl,.sec.wrap:not([style*="background"]) .base p,.sec.wrap:not([style*="background"]) .qa p,.sec.wrap:not([style*="background"]) .baitem p,.sec.wrap:not([style*="background"]) .exec p,.sec.wrap:not([style*="background"]) .pterms{color:var(--vt-muted)}.sec.wrap[style*="background"]{color:#fff;border-radius:14px!important;margin-top:32px;margin-bottom:32px}.stitle{font-size:42px;letter-spacing:-.03em}.pink,.cyan{color:#0072B0}.sec.wrap[style*="background"] .pink,.sec.wrap[style*="background"] .cyan{color:#54B6E9}
.card,.stat,.base,.qa,.vitem,.bacol,.stp,.metr,.case,.exec,.pc,.tl .s,.exgrp,.vpair{background:#fff;border:1px solid var(--vt-border);border-radius:14px;box-shadow:0 4px 18px rgba(30,31,33,.025)}.card .ico,.qa .qn,.vnum,.vpicon{background:var(--vt-soft);border-color:#C5E7F8;color:#0072B0;border-radius:10px}.card .k,.base .pin,.vnum,.tl .w,.stp .stn,.exec .role{color:#0072B0}.stat .num,.card h3,.base h3,.qa h4,.vitem h4,.bacol b,.stp h4,.exec h4,.pc h3,.tl h4,.exgrp h4{color:var(--vt-text)}.stat-link:hover,.card-link:hover,.case:hover,.rt:hover,.gal .t:hover,.vpitem:hover{border-color:#8DCFF1;box-shadow:0 12px 28px rgba(0,114,176,.12)}
#trust,#service,#pos,#why,#case1,#quality,#cases,#excluded,#conditions,#flow{background:transparent}.stats,.cards3,.bases,.qassure,.vlist,.ba,.steps,.stpmetrics,.cases,.execs,.price,.tl,.excl{gap:16px}.company-mark{border:1px solid var(--vt-border);border-radius:14px;box-shadow:none}.postbl{background:white;border-color:var(--vt-border);border-radius:14px}.postbl th,.postbl td{border-color:var(--vt-border);color:var(--vt-text)}.postbl thead th,.postbl tbody th{color:var(--vt-muted)}.postbl tbody .pickcol{background:var(--vt-soft)}.postbl thead .pick{color:#005C8E}.postbl thead .pick::after{background:#0088D2}.bar{background:#EDEFF2}.bar .f.sh{background:#0088D2}.bar .f.lv{background:#9AA0A9}.five .c,.rt,.gal .t,.case .ph9,.vpitem{border-radius:10px;border-color:var(--vt-border)}.five .n{color:#8DCFF1}.studio{background:white;border-color:var(--vt-border);border-radius:14px}.studio h3{color:var(--vt-text)}.studio p{color:var(--vt-muted)}.studio .stpins span{background:var(--vt-soft);border-color:#C5E7F8;color:#005C8E;border-radius:9999px}.studio .stimg{border-radius:10px;border-color:var(--vt-border)}.eligibility-lead{background:var(--vt-soft);border-color:#C5E7F8;border-radius:14px}.eligibility-lead .check{color:var(--vt-success);background:#E3F5ED}.eligibility-lead span{color:var(--vt-muted)}.exgrp.ng{border-color:#F1C4CA}.exgrp.wr{border-color:#EAD6AD}.exgrp::before{display:none}.exgrp.ng .exstatus{color:var(--vt-error);background:#FCE9EB}.exgrp.wr .exstatus{color:var(--vt-warning);background:#FBF1DF}.exgrp li{border-color:var(--vt-border)}.exgrp li b{color:var(--vt-text)}.exgrp li span{color:var(--vt-muted)}
.sec.wrap[style*="background"] .card,.sec.wrap[style*="background"] .stat,.sec.wrap[style*="background"] .base,.sec.wrap[style*="background"] .qa,.sec.wrap[style*="background"] .vitem,.sec.wrap[style*="background"] .bacol,.sec.wrap[style*="background"] .stp,.sec.wrap[style*="background"] .metr,.sec.wrap[style*="background"] .pc,.sec.wrap[style*="background"] .tl .s{background:#3E4145;border-color:#4E5359;box-shadow:none}.sec.wrap[style*="background"] .card h3,.sec.wrap[style*="background"] .base h3,.sec.wrap[style*="background"] .qa h4,.sec.wrap[style*="background"] .vitem h4,.sec.wrap[style*="background"] .bacol b,.sec.wrap[style*="background"] .stp h4,.sec.wrap[style*="background"] .pc h3,.sec.wrap[style*="background"] .tl h4{color:#fff}.sec.wrap[style*="background"] .card p,.sec.wrap[style*="background"] .base p,.sec.wrap[style*="background"] .qa p,.sec.wrap[style*="background"] .vitem p,.sec.wrap[style*="background"] .baitem p,.sec.wrap[style*="background"] .stp p,.sec.wrap[style*="background"] .pterms{color:#C2C6CD}.threeeff .effchip{border-radius:9999px}.discount{background:#0088D2;border-radius:10px}.discount span{background:#252628;border-radius:8px}.discount span b{background:none;color:#8DCFF1}.pc.p1,.pc.p2{background:#3E4145;border-color:#6E747E}.pbadge,.pspec span{border-radius:9999px}.ctaband{background:#0072B0;border:0;border-radius:14px}.ctaband .btn-p{background:white;color:#005C8E}.foot{background:#313234;color:#C2C6CD}.foot-company{color:#EDEFF2}.vmodal{background:rgba(30,31,33,.9)}
/* Preview media uses the official production sample library. */
.ph video,.gal video,.case video,.vpitem video{background:#313234}.ph img,.rt img,.gal img,.case img,.studio img{filter:saturate(.92) contrast(.98)}
@media(max-width:880px){.sec.wrap[style*="background"]{margin-left:16px;margin-right:16px}.stitle{font-size:32px}.nav{padding-inline:16px}}
@media(max-width:600px){body{font-size:16px}.hero{padding-top:36px}.sec{padding-top:64px;padding-bottom:64px}.stitle{font-size:28px}.nav>.btn{min-height:40px}.sec.wrap[style*="background"]{border-radius:14px!important}.card,.stat,.base,.qa,.vitem,.bacol,.stp,.metr,.case,.exec,.pc,.tl .s,.exgrp,.vpair{border-radius:14px}}
.video-library{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:22px;margin-top:38px}.video-library article{overflow:hidden;border:1px solid var(--vt-border);border-radius:14px;background:white;box-shadow:0 8px 24px rgba(30,31,33,.06)}.video-library video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#313234}.video-library article>div{padding:18px}.video-library span{font-size:12px;font-weight:700;color:#005C8E}.video-library h3{font-size:17px;margin:6px 0 2px}.video-library p{font-size:12px;color:var(--vt-muted);margin:0}@media(max-width:600px){.video-library{grid-template-columns:1fr 1fr;gap:10px}.video-library article>div{padding:13px}.video-library h3{font-size:14px}}
/* Use the production sample library from the official Licoma site. */
.ph.f{display:block}.studio .stimg:nth-child(4){display:none}.studio .stgrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:600px){.studio .stgrid{grid-template-columns:repeat(3,1fr)}}

/* Readability and spacing pass */
body>.wrap:first-child{max-width:none;background:#1e1f21}
body>.wrap:first-child .nav{width:min(100% - 40px,1180px);margin-inline:auto}
.sec{padding-top:76px;padding-bottom:76px}
#roster{padding-bottom:44px}
#trust{padding-top:60px}
#roster>.center:last-child{margin-top:20px!important}
#roster>.center:last-child .btn{margin-top:10px!important}
.postbl tbody td{color:#313234}
.postbl tbody .pickcol{color:#18384a;background:#e8f5fc}
.postbl tbody .pickcol[style*="var(--cyan)"]{color:#0072b0!important}
.postbl tbody .pickcol[style*="var(--pink)"]{color:#005c8e!important}
.postbl thead th{color:#626a75}
.postbl tbody th{color:#626a75}
.five .c .bg{filter:brightness(.72) saturate(.95)}
.five .c .bg::after{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.68) 88%)}
.five+.ssub{max-width:900px;margin-left:auto;margin-right:auto;text-align:left}
.five+.ssub .nb{display:inline}
.case .b h4{color:#1e1f21}
.case .b p{color:#6e747e}
.rt img,.gal img,.case img,.studio img{filter:none}
.sec.wrap[style*="background"] .ssub{color:#d5d8dd}
.sec.wrap[style*="background"] .os-note{color:#c2c6cd}
@media(max-width:880px){body>.wrap:first-child .nav{width:min(100% - 32px,1180px)}.sec{padding-top:64px;padding-bottom:64px}}
@media(max-width:600px){body>.wrap:first-child .nav{width:100%;padding-inline:16px}.sec{padding-top:52px;padding-bottom:52px}#roster{padding-bottom:34px}#trust{padding-top:46px}.postbl tbody td,.postbl tbody th{font-size:12px}.five+.ssub{text-align:left}}
.foot{padding:0;background:#1e1f21;color:#c2c6cd}
.vt-footer{display:block!important;padding:52px 24px 26px}
.vt-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:44px}
.vt-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.vt-footer-grid b{margin-bottom:5px;color:#fff;font-size:13px}
.vt-footer-grid a{color:#c2c6cd;font-size:13px;line-height:1.5}
.vt-footer-grid a:hover{color:#8dcff1}
.vt-footer-brand img{width:210px;height:auto}
.vt-footer-brand p{font-size:12px;line-height:1.75;color:#9aa0a9}
.vt-footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:38px;padding-top:22px;border-top:1px solid #3e4145;color:#8f959e;font-size:11px}
@media(max-width:880px){.vt-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.vt-footer-brand{grid-column:1/-1}}
@media(max-width:600px){.vt-footer{padding:38px 20px 24px}.vt-footer-grid{grid-template-columns:1fr;gap:28px}.vt-footer-brand{grid-column:auto}.vt-footer-bottom{flex-direction:column;gap:6px;margin-top:30px}}

/* Complete light/dark surface inheritance and narrow-screen reading. */
.sec.wrap:not([style*="background"]) :is(.eyebrow,.grad){color:#005c8e}
.sec.wrap:not([style*="background"]) :is(.base li,.tl p,.exec .subrole,.exgrp .exnote,.vptag){color:#525a66;border-color:#dde0e5}
.sec.wrap:not([style*="background"]) .card-link .outlink{color:#005c8e}
.sec.wrap:not([style*="background"]) .card-link .channel-cta{color:#fff;background:#0072b0}
.sec.wrap[style*="background"] :is(.card .k,.stp .stn,.metr .mv){color:#8dcff1}
.sec.wrap[style*="background"] .metr .mm{color:#dde0e5}
.sec.wrap[style*="background"] .pbadge{color:#8dcff1!important;border-color:#6e747e!important}
.ctaband{color:#fff}
.ctaband .cta{justify-content:center}
.ctaband p{color:#edf7fc}
.rt .rname,.rt .rcat{z-index:1}
.rt .rname{bottom:27px;font-size:12px}
.rt .rcat{bottom:9px;color:#edf1f5}
.case .ph9 .tg{color:#fff}
.ph.l,.ph.r{filter:none}
.five .c .bg{filter:none}
.five .c .bg::after{background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 30%,transparent 55%,rgba(0,0,0,.85))}
.five .n{display:inline-block;padding:4px 7px;background:#252628;border-radius:4px}
.ssub.center{margin-inline:auto;text-align:left}
.ssub .nb,.lead .nb,.card p .nb,.qa p .nb,.pterms .nb,.tl p .nb{display:inline}
.pterms{text-align:left}
.sec.wrap{padding-inline:22px}
.hero-grid>*{min-width:0}
.hero h1{font-size:clamp(30px,3.7vw,46px)}
.hero h1 .nb{max-width:100%}
.postbl::after{color:#525a66}
:is(a,button):focus-visible{outline:3px solid #0088d2;outline-offset:4px}
@media(min-width:881px) and (max-width:1100px){.navlinks{gap:12px;font-size:12px}.nav .brand img{width:170px}.nav>.btn{font-size:13px}}
@media(max-width:880px){.hero h1{font-size:clamp(28px,5vw,42px)}}
@media(max-width:600px){
 body>.wrap:first-child{padding:0}
 .nav .brand{flex-shrink:1}.nav .brand img{width:145px}
 .nav>.btn{max-width:150px;font-size:12px;padding:9px 12px;text-align:center}
 .sec.wrap{padding-inline:20px}
 .sec.wrap[style*="background"]{padding-inline:16px}
 .sec.wrap[style*="background"]>div[style*="padding"]{padding-inline:0!important}
 .nb{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .hero h1{font-size:clamp(25px,7vw,40px)}
 .phones{height:350px}
 .company-mark img{width:100%;max-width:260px}
 .pbadge{display:inline-block;line-height:1.6}
 .five .em{font-size:22px}
 .ssub{font-size:15px;line-height:1.85}
 .vt-footer-bottom{color:#b3bac4}
}
@media(prefers-reduced-motion:reduce){.ph video{display:block}}

.vt-footer{text-align:left}
.vmlabel{bottom:52px;padding:12px 20px;background:rgba(0,0,0,.65)}

/* Preserve portrait samples and keep the player inside either viewport dimension. */
.vmodal{padding:16px}
.vmbox{width:min(420px,calc(100vw - 32px),calc((100dvh - 32px) * 9 / 16));height:auto;max-height:none;aspect-ratio:9/16;flex-shrink:0}
@media(max-width:600px){
 .five .c:last-child,.gal.gal-5 .t:last-child{grid-column:auto;aspect-ratio:9/16}
 .gal.gal-5 .t:last-child .tv{object-position:center}
}