.sol-card--demo{padding-top:0;overflow:hidden;cursor:pointer}.sol-card--demo .sol-media{margin:0 -28px 6px;aspect-ratio:16/9;background:var(--paper-2);border-bottom:1px solid var(--bdr);position:relative;overflow:hidden}.sol-card--demo .sol-media video,.sol-card--demo .sol-media img{display:block;width:100%;height:100%;object-fit:cover}.sol-card--demo .sol-media .sol-badge{position:absolute;left:12px;top:12px;background:rgb(26 28 31 / .82);color:#fff;font-size:12px;font-weight:600;padding:4px 10px 4px 8px;border-radius:20px;display:flex;align-items:center;gap:6px}.sol-card--demo .sol-media .sol-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--hl)}.sol-card--demo .sol-ttl a{color:inherit;text-decoration:none}.sol-card--demo .sol-ttl a::after{content:'';position:absolute;inset:0;z-index:1}.sol-card--demo .sol-go{font-size:14px;font-weight:650;color:var(--blue);display:inline-flex;align-items:center;gap:6px;margin-top:2px}.sol-card--demo:hover .sol-go{text-decoration:underline;text-underline-offset:3px}.sol-card--demo .sol-ttl a:focus-visible{outline:none}.sol-card--demo:has(a:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.sol-hero{padding-bottom:24px}.sol-hero-in{max-width:820px}.sol-h1{font-size:clamp(34px,4.6vw,58px);text-wrap:balance}.sol-hero-in .hero-pain{max-width:680px}.sol-demo-sec{padding-top:24px}.sol-demo{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:40px;align-items:start}.sol-player{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#13293D;box-shadow:0 30px 60px -30px rgb(26 28 31 / .55),0 0 0 1px rgb(26 28 31 / .08)}.sol-player video{display:block;width:100%;height:auto;aspect-ratio:16/9}.sol-play{position:absolute;right:12px;bottom:14px;width:38px;height:38px;border-radius:50%;border:0;background:rgb(26 28 31 / .75);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.sol-play:hover{background:rgb(26 28 31 / .92)}.sol-play:focus-visible{outline:3px solid var(--hl);outline-offset:2px}.sol-play svg{width:16px;height:16px;fill:currentColor}.sol-play .i-play,.sol-play.is-paused .i-pause{display:none}.sol-play.is-paused .i-play{display:block}.sol-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgb(255 255 255 / .18)}.sol-progress i{display:block;height:100%;width:0;background:var(--hl)}.sol-steps .label{margin-bottom:6px;display:inline-block}.sol-steps-ttl{font-family:var(--fd);font-weight:650;font-size:28px;letter-spacing:-.02em;margin:0 0 14px}.sol-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sol-steps button{all:unset;box-sizing:border-box;display:flex;gap:12px;width:100%;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:15px;line-height:1.5;color:var(--mut)}.sol-steps button:hover{background:var(--paper-2);color:var(--ink)}.sol-steps button:focus-visible{outline:2px solid var(--blue)}.sol-steps button.is-on{background:#fff;color:var(--ink);box-shadow:inset 3px 0 0 var(--blue),0 1px 2px rgb(26 28 31 / .06)}.sol-t{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--blue);padding-top:2px;flex-shrink:0}.sol-note{margin-top:16px;font-size:13px;line-height:1.6;color:var(--mut);border-top:1px solid var(--bdr);padding-top:14px}.sol-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sol-feat{background:#fff;border:1px solid var(--bdr);border-radius:16px;padding:24px}.sol-feat-n{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--blue)}.sol-feat h3{font-family:var(--fd);font-weight:650;font-size:19px;letter-spacing:-.01em;margin:8px 0}.sol-feat p{font-size:15px;line-height:1.65;color:var(--mut);margin:0}.sol-int-list{list-style:none;margin:0 auto;padding:0;max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.sol-int-list li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.5;padding:10px 0;border-bottom:1px solid var(--bdr)}.sol-int-list svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sol-more{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sol-more-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--bdr);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);padding-bottom:18px}.sol-more-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--bdr);margin-bottom:8px}.sol-more-ttl{font-family:var(--fd);font-weight:650;font-size:18px;padding:0 18px}.sol-more-go{font-size:14px;font-weight:650;color:var(--blue);padding:0 18px}.sol-more-card:hover{box-shadow:var(--sh-lg)}@media (max-width:900px){.sol-demo{grid-template-columns:1fr;gap:24px}.sol-feat-grid,.sol-more{grid-template-columns:1fr 1fr}}@media (max-width:640px){.sol-card--demo .sol-media{margin:0 -20px 6px}.sol-feat-grid,.sol-more,.sol-int-list{grid-template-columns:1fr}.sol-player{border-radius:12px;margin:0 -4px}.sol-steps-ttl{font-size:24px}}.guide-demos{margin:56px 0 8px;padding-top:40px;border-top:1px solid var(--bdr)}.guide-demos-hd{margin-bottom:28px}.guide-demos-hd .label{font-size:15px}.guide-demos-hd .sec-ttl{font-size:clamp(24px,2.6vw,30px);margin-bottom:12px}.guide-demos-hd .sec-sub{font-size:16px;max-width:none}.guide-demos .sol-grid.sol-grid--4{grid-template-columns:repeat(2,1fr);gap:20px}.guide-demos .sol-card{padding:0 22px 20px}.guide-demos .sol-card--demo .sol-media{margin:0 -22px 6px}.guide-demos .sol-ttl{font-size:17px}.guide-demos .sol-desc{font-size:14.5px}.guide-demos-sector{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-lt)}.guide-demos-note{margin-top:18px;font-size:13.5px;color:var(--tx-lt);text-align:center}@media (max-width:640px){.guide-demos .sol-grid.sol-grid--4{grid-template-columns:1fr}.guide-demos .sol-card{padding:0 20px 18px}.guide-demos .sol-card--demo .sol-media{margin:0 -20px 6px}}