@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
:root{--h:300;--bg:hsl(300 20% 97%);--surface:hsl(300 25% 99%);--ink:hsl(300 25% 13%);--muted:hsl(300 8% 40%);--accent:hsl(300 55% 30%);--tint:hsl(300 40% 93%);--line:hsl(300 14% 84%)}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Spoqa Han Sans Neo',sans-serif;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
h1,h2,h3{font-family:'Paperlogy','Spoqa Han Sans Neo',sans-serif;font-weight:800;line-height:1.35;margin:0 0 .6em}
p{margin:0 0 1em}a{color:inherit}
img,video,svg,iframe{max-width:100%}img{height:auto;display:block}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.container{width:min(100% - 32px,1000px);margin-inline:auto}
.site-header{background:var(--surface);border-bottom:2px solid var(--ink)}
.site-header__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem 1rem;max-width:1000px;margin:0 auto}
.site-header__logo{font-family:'Paperlogy',sans-serif;font-weight:800;font-size:1.15rem;text-decoration:none}
.site-header__cta{display:inline-flex;padding:.5rem 1rem;border-radius:4px;background:var(--accent);color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;white-space:nowrap}
.site-header__crumb{padding:.45rem 1rem;max-width:1000px;margin:0 auto;font-size:.78rem;color:var(--muted);border-top:1px solid var(--line)}
.site-header__crumb a{color:var(--muted);text-decoration:none}.site-header__crumb strong{color:var(--ink)}
.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-block:1.5rem}
.cta{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.3rem;border-radius:4px;text-decoration:none;font-weight:700;font-size:.92rem}
.cta--primary{background:var(--accent);color:#fff}.cta--ghost{color:var(--accent);border:1.5px solid var(--accent)}
.hero{padding-block:2.5rem 1.5rem}
.hero__title{font-size:clamp(1.55rem,5vw,2.3rem)}
.hero__lede{color:var(--muted);max-width:62ch}
.gallery h2,.flowbox h2{font-size:1.2rem}
.sdquad{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}
.sdquad figure{margin:0;min-width:0}
.sdquad img{border-radius:10px;aspect-ratio:3/4;object-fit:cover;object-position:center;width:100%}
.sdquad figcaption{margin-top:.4rem;font-size:.76rem;color:var(--muted);text-align:center}
@media(max-width:900px){.sdquad{grid-template-columns:repeat(2,1fr)}}
.blk{margin-block:1.75rem}
.blk h2{font-size:1.2rem}
.sd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.25rem 0}
.sd-table{width:100%;min-width:320px;border-collapse:collapse;font-size:.92rem}
.sd-table caption{text-align:left;font-weight:700;margin-bottom:.5rem}
.sd-table th,.sd-table td{border:1px solid var(--line);padding:.6rem .7rem;text-align:left;vertical-align:top}
.sd-table th{background:var(--tint);font-weight:700}
.flowbox{margin-block:1.5rem}
.flow{list-style:none;margin:.8rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.flow li{position:relative;flex:1 1 120px;padding:.7rem .8rem;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:.88rem;font-weight:700;text-align:center}
.flow li+li::before{content:"\2192";position:absolute;left:-.55rem;top:50%;transform:translateY(-50%);color:var(--accent);background:var(--bg);font-size:.8rem}
@media(max-width:640px){.flow{flex-direction:column}.flow li+li::before{content:"\2193";left:50%;top:-.65rem;transform:translateX(-50%)}}
.flownote{font-size:.8rem;color:var(--muted)}
.sd-checklist{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}
.sd-checklist li{padding:.6rem .8rem;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);border-radius:4px}
.kwcarousel{padding-block:1.5rem}
.kwcarousel__head{font-size:1.15rem;margin-bottom:.9rem}
.kwcarousel__track{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.kwcard{flex:1 1 140px;min-width:0}
.kwcard__link{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:.65rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);text-decoration:none}
.kwcard__title{font-size:.85rem;margin:0}.kwcard__more{font-size:.72rem;font-weight:700;color:var(--accent)}
.faq{padding-block:1.5rem}
.faq__item{border-top:1px solid var(--line);padding-block:1rem}
.faq__q{font-weight:700;margin:0 0 .5em}.faq__a{color:var(--muted);margin:0}
.bottom-cta{padding-block:1rem 2rem}
.site-footer{background:hsl(300 25% 13%);color:hsl(300 8% 80%);margin-top:2rem}
.site-footer__inner{max-width:1000px;margin:0 auto;padding:2rem 1rem}
.site-footer__biz{font-size:.83rem;line-height:1.8;color:hsl(300 8% 68%);display:flex;flex-direction:column}
.site-footer__biz a{color:#fff}
.sd-table th{background:var(--accent);color:#fff}.sd-table td:first-child{font-weight:700;background:var(--tint)}
.blk h2{border-bottom:2px solid var(--accent);padding-bottom:.35rem}