:root{color-scheme:light;color:#1c1b1f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1c1b1f;--paper:#fff;--accent:var(--sl-color-text-accent,#6750a4);--accent-deep:#4f378b;--accent-soft:#eaddff;--accent-pale:#f3edff;--muted:#625d6b;--rule:#e6e0eb;background:#fff;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-inline-size:320px}body{background:#fff;min-inline-size:320px;margin:0;overflow-x:clip}img{max-inline-size:100%;display:block}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{z-index:5;background:#fff;padding:.75rem 1rem;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{inline-size:min(100% - 2rem,76rem);margin-inline:auto}.site-header{border-block-end:1px solid var(--rule)}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-block-size:4.5rem;display:flex}.wordmark{align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-logo{aspect-ratio:1;object-fit:contain;flex:none;inline-size:2rem}.language-select-wrap{flex:none;display:inline-block;position:relative}.language-select{appearance:none;border:1px solid var(--rule);background:var(--paper);min-block-size:2.5rem;color:var(--ink);font:inherit;border-radius:0;padding:.4rem 2rem .4rem .65rem;font-size:.82rem;font-weight:700}.language-select-wrap:after{border-inline-end:1.5px solid var(--muted);border-block-end:1.5px solid var(--muted);content:"";pointer-events:none;block-size:.4rem;inline-size:.4rem;position:absolute;inset-block-start:50%;inset-inline-end:.8rem;transform:translateY(-65%)rotate(45deg)}.language-select:hover{border-color:var(--accent)}h1,h2,h3,p{margin-block-start:0}.hero{gap:2rem;padding-block:3rem 3.5rem;display:grid}.hero-copy{align-self:center;min-inline-size:0}.eyebrow,.section-kicker{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.eyebrow{color:var(--accent-deep);align-items:center;gap:.55rem;display:flex}.eyebrow:before{background:var(--accent);content:"";block-size:2px;inline-size:1.5rem}h1{word-break:keep-all;inline-size:100%;max-inline-size:100%;margin-block:1rem 1.15rem;font-size:2rem;font-weight:600;line-height:1.2}h1 span{color:var(--accent);font-style:italic}.hero-description{max-inline-size:34rem;color:var(--muted);margin-block-end:1.5rem;font-size:1rem;line-height:1.65}.copy-tag{color:var(--accent-deep);letter-spacing:.06em;text-transform:uppercase;margin-inline-end:.4rem;font-size:.65rem;font-weight:800;display:inline-block}.store-badge-link{inline-size:fit-content;display:block}.store-badge{block-size:auto;inline-size:7.5rem;display:block}.hero-art{aspect-ratio:1/2;justify-self:center;inline-size:min(100%,280px);min-inline-size:0}.hero-art picture,.hero-art img{block-size:100%;inline-size:100%;display:block}.hero-art img{object-fit:contain}.section{border-block-start:1px solid var(--rule);padding-block:3.5rem}.section-heading{gap:.75rem;margin-block-end:1.5rem;display:grid}.section-kicker{color:var(--accent)}h2{max-inline-size:16ch;margin-block-end:0;font-size:2.25rem;font-weight:600;line-height:1.04}#features-title{grid-column:1/-1;inline-size:100%;max-inline-size:100%}.demo-title{inline-size:100%;max-inline-size:100%;margin-block-end:1.5rem}.section-intro{max-inline-size:38rem;color:var(--muted);margin-block-end:0;line-height:1.6}.demo-preview{aspect-ratio:320/693;object-fit:contain;block-size:auto;inline-size:min(100%,20rem);margin-inline:auto;display:block}.feature-list{border-block-start:1px solid var(--rule)}.feature{border-block-end:1px solid var(--rule);gap:1.25rem;padding-block:1.4rem;display:grid}.feature-visual{background:var(--accent-soft);place-items:center;min-block-size:11rem;min-inline-size:0;display:grid;position:relative;overflow:hidden}.feature:nth-child(2) .feature-visual{background:#f3e5f5}.feature:nth-child(3) .feature-visual{background:#e8def8}.feature-visual img{object-fit:cover;border:.35rem solid #fff;max-block-size:12rem;inline-size:7rem;box-shadow:.7rem .7rem #381e7229}html[lang=en] .feature-visual,html[lang=ko] .feature-visual{min-block-size:calc(320px + .7rem)}html[lang=en] .feature-visual img,html[lang=ko] .feature-visual img{box-sizing:content-box;block-size:320px;max-block-size:none;inline-size:180px}.feature-number{font-size:1.3rem;position:absolute;inset-block-start:.7rem;inset-inline-start:.8rem}.feature-copy{align-self:center}.feature-copy h3{margin-block:.45rem .55rem;font-size:1.55rem;font-weight:600}.feature-copy p:last-child{max-inline-size:35rem;color:var(--muted);margin-block-end:0;line-height:1.6}.site-footer{border-block-start:1px solid var(--rule);margin-block-start:3rem}.footer-inner{gap:1.5rem;padding-block:1.5rem 2rem;display:grid}.footer-heading{margin-block-end:.75rem;font-size:.72rem;font-weight:800}.resource-links{flex-wrap:wrap;gap:.65rem 1.2rem;display:flex}.resource-links a{text-underline-offset:.2em;font-size:.78rem;font-weight:700}.resource-links a:hover{color:var(--accent-deep)}.footer-bottom{border-block-start:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding-block-start:1rem;font-size:.7rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (width>=768px){.shell{inline-size:min(100% - 3rem,76rem)}.header-inner{min-block-size:5rem}.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.5rem;padding-block:4.5rem 5rem}h1{font-size:2.5rem}.section{padding-block:4.5rem}.section-heading{grid-template-columns:.75fr 1.25fr;align-items:end;gap:1.5rem;margin-block-end:2rem}.section-kicker{grid-column:1/-1}.hero-art{inline-size:min(100%,380px)}.feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:2rem;padding-block:1.5rem}.feature:nth-child(2n) .feature-visual{order:2}.feature-visual{min-block-size:14rem}.feature-visual img{max-block-size:13rem;inline-size:8rem}.footer-inner{grid-template-columns:1fr 2fr}.footer-bottom{grid-column:1/-1}}@media (width>=1024px){.hero{gap:4rem;padding-block:5.5rem 6rem}h1{font-size:3rem}.hero-description{font-size:1.05rem}.hero-art{aspect-ratio:2;inline-size:min(100%,640px)}h2{font-size:2.75rem}.section{padding-block:5.5rem}.feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding-block:2rem}.feature-visual{min-block-size:17rem}.feature-visual img{max-block-size:15rem;inline-size:9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width>=1280px){h1{font-size:3.5rem}}
