:root{--ink:#101214;--muted:#72767b;--paper:#f4f1eb;--line:#d9d4cc;--hot:#ef5b35;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(16,18,20,.96);color:#fff;border-bottom:1px solid #2a2d30}
.nav{height:72px;display:flex;align-items:center;gap:32px}.logo{font-weight:900;letter-spacing:-1px}.logo b{color:var(--hot)}.logo small{display:block;font-size:9px;color:#777;letter-spacing:2px;margin-top:3px}
nav{display:flex;gap:25px;margin-left:auto;font-size:12px;font-weight:800}.nav-cta{background:var(--hot);padding:11px 15px;font-size:11px;font-weight:900}
.hero{background:var(--ink);color:#fff;padding:76px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.eyebrow{color:var(--hot);font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{font-size:64px;line-height:1.03;letter-spacing:-4px;margin:15px 0 20px}.hero h1 em{font-style:normal;color:var(--hot)}
.hero p{max-width:620px;color:#9ca0a4;line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-actions a{padding:15px 18px;font-size:12px;font-weight:900;border:1px solid #45494d}.hero-actions .primary{background:var(--hot);border-color:var(--hot)}
.hero-card{border:1px solid #34383b;background:#181b1e;padding:28px;transform:rotate(1deg)}.hero-card .visual{height:250px;background:linear-gradient(135deg,#272b2f,#111);display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #363a3d}
.hero-card .visual b{font-size:45px;letter-spacing:-2px}.hero-card .visual span{display:block;color:var(--hot);font-size:11px;letter-spacing:3px;margin-top:10px}.hero-card h3{font-size:19px;line-height:1.4}.hero-card a{display:block;background:#fff;color:#111;text-align:center;padding:14px;font-weight:900;font-size:12px}
.disclosure{background:#fff;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;font-weight:800;text-align:center}
.section{padding:82px 0}.head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.head span{font-size:10px;color:var(--hot);font-weight:900;letter-spacing:2px}.head h2{font-size:38px;letter-spacing:-2px;margin:8px 0 0}.head p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.7}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.product-visual{height:210px;background:#171a1d;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.product-visual:after{content:"";position:absolute;width:170px;height:170px;border:28px solid #262a2d;border-radius:50%;right:-50px;bottom:-70px}
.product-visual small{color:var(--hot);font-weight:900;letter-spacing:1px;z-index:1}.product-visual b{font-size:26px;line-height:1;letter-spacing:-1px;z-index:1}
.product-body{padding:23px;display:flex;flex-direction:column;flex:1}.category{font-size:10px;color:var(--hot);font-weight:900}.product h3{font-size:18px;line-height:1.45;margin:9px 0}.product p{color:var(--muted);font-size:12px;line-height:1.7;flex:1}
.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.buttons a{padding:13px 10px;text-align:center;font-size:11px;font-weight:900;border:1px solid #bbb}.buttons .buy{background:var(--hot);color:#fff;border-color:var(--hot)}
.why{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.why article{padding:36px;border-right:1px solid var(--line)}.why article:last-child{border:0}.why b{font-size:26px;color:var(--hot)}.why h3{font-size:17px}.why p{font-size:12px;color:var(--muted);line-height:1.7}
.guide-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-strip a{background:#fff;border:1px solid var(--line);padding:18px 20px;font-size:13px;font-weight:800}.guide-strip a span{float:right;color:var(--hot)}
footer{background:#101214;color:#fff;padding:50px 0}footer p,footer small{color:#777;font-size:11px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.hero-card{display:none}.product-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.why article{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:580px){.wrap{width:min(100% - 28px,1180px)}nav{display:none}.hero{padding:55px 0}.hero h1{font-size:40px;letter-spacing:-2.5px}.product-grid,.guide-strip{grid-template-columns:1fr}.head{display:block}.head h2{font-size:31px}.buttons{grid-template-columns:1fr 1fr}}

.product-visual.product-photo{height:285px;background:#fff;padding:0;display:block;position:relative}
.product-visual.product-photo:after{display:none}
.product-photo img{width:100%;height:100%;object-fit:contain;display:block;padding:14px}
.product-photo small{position:absolute;left:14px;top:14px;background:#101214;color:#fff;padding:8px 10px;z-index:2;font-size:9px;letter-spacing:1px}
.product-photo small::first-letter{color:inherit}
.hero-card .hero-products{height:285px;background:#fff;position:relative;overflow:hidden;padding:0}
.hero-products img{width:100%;height:100%;object-fit:contain;display:block}
.hero-product-label{position:absolute;left:16px;bottom:16px;background:rgba(16,18,20,.92);padding:12px 15px}
.hero-card .hero-product-label b{font-size:23px;color:#fff}
.hero-card .hero-product-label span{margin-top:5px}
@media(max-width:580px){.product-visual.product-photo{height:300px}}