@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#0b203d;font-synthesis:none;--navy:#0b203d;--blue:#1754cf;--coral:#b93d2a;--line:#dce3ec;--muted:#637084;background:#f7f8fa;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f2f7ff,#fff 420px);min-width:320px;margin:0}a{color:inherit;text-decoration:none}.demo-topbar{border-bottom:1px solid var(--line);background:#fff;height:70px}.demo-topbar-inner{align-items:center;width:min(940px,100% - 40px);height:100%;margin:auto;display:flex}.brand{letter-spacing:-1px;font-size:20px;font-weight:900}.brand strong{color:var(--coral)}.top-inquiry{color:#fff;background:var(--navy);border-radius:12px;align-items:center;min-height:46px;margin-left:auto;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex}.demo-shell{width:min(940px,100% - 40px);margin:auto;padding:36px 0 44px}.demo-header{text-align:center}.eyebrow{color:var(--coral);letter-spacing:.16em;margin:0 0 12px;font-size:12px;font-weight:900}.demo-header h1{letter-spacing:-.055em;margin:0;font-size:42px;line-height:1.2}.intro{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;margin:10px 0 0;font-size:16px;line-height:1.6}.featured-demo{background:#fff;border:1px solid #9cb9ad;border-radius:26px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);margin-top:24px;display:grid;overflow:hidden;box-shadow:0 20px 48px #1d543f24}.featured-shot{background:linear-gradient(145deg,#dcece7,#c9e0dc);height:340px;display:block;overflow:hidden}.featured-shot:focus-visible{z-index:1;outline-offset:-5px;outline:4px solid #d87345;position:relative}.featured-shot:hover img{transform:scale(1.012)}.featured-shot img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .18s;display:block}.featured-copy{word-break:keep-all;overflow-wrap:break-word;flex-direction:column;justify-content:center;padding:25px 28px;display:flex}.featured-label{color:#fff;letter-spacing:.04em;background:#27624c;border-radius:999px;align-self:flex-start;padding:7px 11px;font-size:12px;font-weight:900}.featured-copy h2{letter-spacing:-.045em;margin:11px 0 5px;font-size:30px;line-height:1.25}.featured-copy>strong{color:#173f31;font-size:18px;line-height:1.5}.featured-copy>p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.65}.featured-copy .featured-progress{color:var(--navy);font-weight:800}.featured-methods{flex-wrap:wrap;gap:7px;margin:10px 0 14px;padding:0;list-style:none;display:flex}.featured-methods li{color:#315f4c;background:#eaf4f0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.button-featured{background:#27624c}.featured-copy small{color:var(--muted);text-align:center;margin-top:7px;font-size:12px;line-height:1.5}.play-demo-heading{text-align:center;margin-top:42px}.play-demo-heading h2{letter-spacing:-.04em;margin:0;font-size:26px}.experience-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.experience-card{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 16px 38px #0b203d14}.experience-shot{background:#eaf0f7;height:245px;overflow:hidden}.experience-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pre-card .experience-shot{height:190px}.pre-card{background:#fffaf4;border-color:#ead9cd;align-self:end}.play-card{border-color:#9ebcf1;box-shadow:0 18px 40px #1754cf1f}.experience-copy{padding:20px}.card-label{color:#fff;background:var(--navy);letter-spacing:.08em;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.pre-card .card-label{background:#a74735}.field-card .card-label{background:#315f4c}.experience-card h2{letter-spacing:-.04em;margin:12px 0 6px;font-size:21px;line-height:1.35}.experience-card p{min-height:46px;color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.6}.button{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;font-size:14px;font-weight:900;display:inline-flex}.button-pre{background:#a74735}.button-play{background:var(--blue)}.button-field{background:#315f4c}.brand:focus-visible,.top-inquiry:focus-visible,.button:focus-visible,.button-featured:focus-visible,.support-links a:focus-visible{outline-offset:3px;outline:3px solid #d87345}.support-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:28px;display:flex}.support-links a{color:#40536a;text-underline-offset:4px;align-items:center;min-height:44px;font-size:14px;font-weight:800;text-decoration:underline;display:inline-flex}.demo-footer{border-top:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:22px;min-height:100px;display:flex}.demo-footer p{color:var(--muted);font-size:13px}@media (width<=760px){.featured-demo{grid-template-columns:1fr}.featured-shot{height:300px;min-height:0}.experience-grid{grid-template-columns:1fr}.experience-card,.pre-card{grid-template-columns:100px 1fr;align-self:auto;display:grid}.experience-shot,.pre-card .experience-shot{height:170px}.experience-card p{min-height:0}.demo-footer{text-align:center;flex-direction:column;gap:4px;padding:24px 14px}}@media (width<=520px){.demo-topbar{height:62px}.demo-topbar-inner,.demo-shell{width:calc(100% - 28px)}.brand{font-size:17px}.top-inquiry{min-height:42px;padding:0 14px;font-size:14px}.demo-shell{padding:32px 0 34px}.demo-header h1{font-size:30px}.intro{font-size:14px}.featured-demo{border-radius:20px;margin-top:26px}.featured-shot{height:280px}.featured-copy{word-break:keep-all;overflow-wrap:break-word;padding:20px}.featured-copy h2{margin-top:12px;font-size:24px}.featured-copy>strong{font-size:16px}.featured-copy>p{font-size:13px}.play-demo-heading{margin-top:34px}.play-demo-heading h2{font-size:22px}.experience-grid{gap:10px;margin-top:26px}.experience-card,.pre-card{border-radius:18px;grid-template-columns:88px 1fr}.experience-shot,.pre-card .experience-shot{height:148px}.pre-card .experience-shot{height:128px}.experience-copy{padding:14px}.experience-card h2{margin:8px 0 4px;font-size:18px}.experience-card p{margin-bottom:10px;font-size:13px}.card-label{font-size:12px}.button{min-height:44px;font-size:14px}.support-links{gap:2px 14px;margin-top:20px}.support-links a{font-size:13px}.demo-footer{min-height:0}.demo-footer p{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}