@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#19251f;--muted:#68736b;--paper:#f5f1e9;--white:#fffdf8;--lime:#d5f36a;--green:#244735;--line:#e4e0d7;--coral:#e98365}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 7vw;display:flex;align-items:center;gap:44px;border-bottom:1px solid #19251f13}.brand{font-size:17px;font-weight:900;letter-spacing:-.06em;display:flex;gap:2px;align-items:center}.brand>span:last-child{color:#739145}.brand-mark{width:27px;height:27px;background:var(--ink);color:var(--lime);display:grid;place-items:center;border-radius:9px;margin-right:7px;font-size:15px}.topbar nav{display:flex;gap:30px;margin-left:auto;font-size:12px;font-weight:600;color:#536057}.nav-cta{font-size:12px;font-weight:700;background:var(--ink);color:white;padding:12px 17px;border-radius:5px}.nav-cta span{color:var(--lime);margin-left:12px}.hero{padding:85px 9vw 77px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px;gap:4vw;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#71834e;display:flex;align-items:center;gap:8px}.eyebrow i,.live i{width:7px;height:7px;background:#9bc340;border-radius:50%}.hero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.075em;line-height:1.13;margin:24px 0 19px;font-weight:900}.hero h1 em,.closing h2 em{font-style:normal;color:#829f47}.hero-desc{font-size:14px;color:var(--muted);line-height:1.95}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:22px;padding:16px 19px;border-radius:5px;font-weight:700;font-size:12px}.primary{background:var(--ink);color:white}.primary b{color:var(--lime);font-size:16px}.text-link{font-size:11px;font-weight:700}.text-link span{margin-left:7px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:48px;font-size:10px;color:var(--muted)}.hero-note b{color:var(--ink)}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f5c5a5;color:#553c2d;font-weight:800}.hero-visual{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:#e5edc8;filter:blur(1px)}.screen{position:absolute;background:var(--white);border:5px solid #202925;border-radius:12px;box-shadow:0 24px 50px #24332620}.screen-tv{width:370px;height:260px;left:4%;top:48px;transform:rotate(-4deg);overflow:hidden}.screen-top{height:35px;padding:0 15px;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900}.live{font-size:7px;letter-spacing:.1em;color:#829f47;display:flex;gap:5px;align-items:center}.live i{width:5px;height:5px}.screen-body{height:220px;background:#d5f36a;padding:17px 22px;position:relative}.pill{font-size:7px;background:#fff9;padding:5px 8px;border-radius:20px}.screen-body h2{font-size:25px;line-height:1.16;letter-spacing:-.06em;margin:12px 0}.icecream{position:absolute;font-size:76px;right:20px;top:25px;filter:drop-shadow(0 8px 4px #56752330)}.menu-row{font-size:9px;display:flex;justify-content:space-between;border-top:1px solid #19251f20;padding:6px 0;width:58%}.menu-row b{font-size:8px}.screen-phone{width:142px;height:270px;right:1%;bottom:21px;border-radius:22px;border-width:5px;transform:rotate(6deg);z-index:2}.phone-notch{width:44px;height:8px;border-radius:0 0 8px 8px;background:#202925;margin:auto}.phone-content{padding:14px 9px}.phone-shop{font-size:11px;font-weight:900}.phone-shop small{display:block;font-size:7px;color:var(--muted);font-weight:500;margin-top:2px}.phone-item{display:flex;align-items:center;gap:6px;margin-top:15px}.phone-item>span{font-size:24px}.phone-item div{flex:1}.phone-item b,.phone-item small{display:block;font-size:7px}.phone-item small{color:var(--muted);margin-top:3px}.phone-item button{background:var(--lime);border:0;border-radius:50%;width:18px;height:18px}.phone-cart{background:var(--ink);color:white;font-size:8px;padding:9px;border-radius:5px;margin-top:17px;display:flex;justify-content:space-between}.phone-cart b{color:var(--lime)}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;background:white;border-radius:8px;box-shadow:0 12px 30px #24332619;left:2%;bottom:32px}.float-icon{width:29px;height:29px;border-radius:8px;background:#edf4da;display:grid;place-items:center;color:#799242}.float-card b,.float-card small{display:block;font-size:9px}.float-card small{font-size:7px;color:var(--muted);margin-top:3px}.visual-caption{position:absolute;bottom:0;right:7%;font-size:8px;color:var(--muted)}.visual-caption span{margin:0 6px;color:#a6aa9e}.trust{background:var(--white);display:flex;justify-content:center;gap:9vw;padding:25px 6vw;border-block:1px solid var(--line)}.trust div{display:flex;align-items:center;gap:12px}.trust b{font-size:12px}.trust span{font-size:10px;color:var(--muted)}.section{padding:100px 10vw}.section-head{text-align:center}.section-head .eyebrow{justify-content:center}.section h2,.feature-band h2,.closing h2{font-size:37px;line-height:1.35;letter-spacing:-.06em;margin:15px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.steps article{position:relative;background:var(--white);padding:28px;border:1px solid var(--line);min-height:203px;border-radius:8px}.step-no{position:absolute;right:22px;top:22px;color:#a2a99b;font-size:9px}.step-icon{font-size:24px;color:#819a50}.steps h3{font-size:14px;margin:20px 0 8px}.steps p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.feature-band{background:var(--green);color:white;padding:76px 10vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.light{color:var(--lime)}.feature-band h2{font-size:32px}.feature-band p{font-size:11px;line-height:1.8;color:#d0d9d1;margin:16px 0 22px}.light-button{background:var(--lime);color:var(--ink)}.feature-list>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;padding:15px 0;border-bottom:1px solid #ffffff2b}.feature-list span{grid-row:span 2;color:var(--lime);font-size:9px}.feature-list b{font-size:12px}.feature-list small{font-size:9px;color:#d0d9d1;margin-top:4px}.closing{text-align:center;padding:90px 20px 100px}.closing .eyebrow{justify-content:center}.closing h2{font-size:39px}.closing p{font-size:11px;color:var(--muted);margin:15px 0 25px}.closing .button{margin:auto}footer{height:78px;display:flex;align-items:center;padding:0 7vw;gap:22px;border-top:1px solid var(--line)}footer>span,footer small{font-size:9px;color:var(--muted)}footer small{margin-left:auto}@media(max-width:800px){.topbar{padding:0 5vw}.topbar nav{display:none}.nav-cta{margin-left:auto}.hero{padding:58px 7vw 45px;grid-template-columns:1fr;gap:10px}.hero h1{font-size:52px}.hero-visual{height:340px;margin-top:10px}.screen-tv{left:3%;width:min(370px,78vw);height:240px}.screen-body{height:200px}.screen-phone{right:2%;width:125px;height:248px}.float-card{left:0;bottom:15px}.visual-caption{right:0}.trust{gap:20px;justify-content:space-around;padding:20px 4vw}.trust div{display:block}.trust span{display:block;margin-top:5px}.section{padding:72px 7vw}.section h2,.feature-band h2{font-size:29px}.steps{grid-template-columns:1fr;gap:10px;margin-top:32px}.steps article{min-height:160px}.feature-band{padding:62px 7vw;grid-template-columns:1fr;gap:36px}.closing h2{font-size:32px}footer{padding:0 5vw;gap:10px}footer>span{display:none}}