:root{--ink:#101210;--paper:#f7f6f1;--white:#fff;--muted:#666a65;--line:#d9d9d2;--lime:#d9ff43;--orange:#ff6037;--shell:1360px;--pad:clamp(22px,4.5vw,64px);--ko:"Noto Sans KR",sans-serif;--en:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ko);-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.shell{width:min(100%,var(--shell));margin:auto;padding-inline:var(--pad)}.skip{position:fixed;left:12px;top:-60px;z-index:200;padding:12px 16px;background:var(--lime)}.skip:focus{top:12px}.notice{height:34px;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--lime);font-size:10px}.notice p{margin:0}.notice b{margin-right:10px;font:800 9px var(--en);letter-spacing:.08em}.notice a{position:absolute;right:24px;display:flex;align-items:center;gap:8px;font-weight:800}.notice svg{width:13px}.header{height:76px;position:sticky;top:0;z-index:50;background:rgba(247,246,241,.94);border-bottom:1px solid rgba(16,18,16,.12);backdrop-filter:blur(14px)}.header__inner{height:100%;display:grid;grid-template-columns:210px 1fr 210px;align-items:center}.logo{display:flex;align-items:center;gap:11px;width:max-content;font:800 20px/1 var(--en);letter-spacing:-.055em}.logo em{color:#829d00;font-style:normal}.logo--footer em{color:var(--lime)}.logo__mark{width:40px;height:40px;display:grid;grid-template-columns:1fr 10px 1fr;align-items:center;background:var(--ink);color:#fff;font:800 11px var(--en)}.logo__mark i{height:100%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-style:normal}.nav{display:flex;justify-content:center;gap:40px}.nav a{font-size:12px;font-weight:700}.header__action{display:flex;justify-content:flex-end}.menu-button{display:none;width:42px;height:42px;border:0;background:transparent}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 21px;border:0;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button svg{width:16px}.button--dark{background:var(--ink);color:#fff}.button--accent{background:var(--lime);color:var(--ink)}.button--light{background:#fff;color:var(--ink)}.plain-button{display:inline-flex;align-items:center;gap:18px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:12px;font-weight:800;cursor:pointer}.plain-button svg{width:15px}
.hero{min-height:690px;display:flex;align-items:center;background:var(--ink);color:#fff;overflow:hidden}.hero__grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:6vw;padding-top:68px;padding-bottom:68px}.label{width:max-content;display:flex;align-items:center;gap:9px;margin:0;color:rgba(255,255,255,.66);font-size:10px;font-weight:700}.label span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(217,255,67,.12)}.label.dark{color:var(--ink)}.label.dark span{background:var(--ink);box-shadow:none}.hero h1{margin:24px 0;font-size:clamp(58px,6.2vw,86px);line-height:1.02;letter-spacing:-.075em}.hero h1 strong{color:var(--lime)}.hero__lead{margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.8}.hero__actions{display:flex;align-items:center;gap:28px;margin-top:34px}.hero__proof{display:flex;gap:32px;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.hero__proof div{display:flex;flex-direction:column;min-width:90px}.hero__proof b{font:800 18px var(--en)}.hero__proof span{margin-top:4px;color:rgba(255,255,255,.38);font-size:10px}.hero__visual{position:relative}.browser-frame{padding:9px;background:#e8eae6;box-shadow:0 35px 70px rgba(0,0,0,.35)}.browser-frame__bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#252925}.browser-frame__bar span{width:6px;height:6px;border-radius:50%;background:#666}.browser-frame__bar span:first-child{background:var(--orange)}.browser-frame__bar b{margin-left:auto;color:rgba(255,255,255,.5);font:700 8px var(--en);letter-spacing:.08em}.browser-frame img{width:100%;display:block;aspect-ratio:1.72;object-fit:cover;object-position:top}.metric-card{position:absolute;left:-38px;bottom:-34px;min-width:230px;padding:19px;background:#1a1e1a;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 45px rgba(0,0,0,.35)}.metric-card span{display:block;color:rgba(255,255,255,.5);font-size:9px}.metric-card strong{display:block;margin:7px 0;font:800 21px var(--en)}.metric-card small{display:flex;align-items:center;gap:5px;color:var(--lime);font:700 9px var(--en)}.metric-card svg{width:12px}
.eyebrow{margin:0 0 14px;color:var(--orange);font:800 10px/1 var(--en);letter-spacing:.16em}.eyebrow.light{color:var(--lime)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head h2,.build h2,.faq h2,.closing h2{margin:0;font-size:clamp(40px,4.4vw,60px);line-height:1.12;letter-spacing:-.065em}.section-head>p{max-width:390px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.section-head--center{justify-content:center;text-align:center}.products{padding:110px 0 120px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;border:1px solid var(--line);background:var(--paper)}.product-card--featured{border:2px solid var(--ink)}.recommended{position:absolute;z-index:2;right:13px;top:13px;padding:7px 9px;background:var(--lime);font-size:9px;font-weight:800}.product-card__image{position:relative;padding:12px 12px 0}.product-card__image img{width:100%;display:block;aspect-ratio:1.64;object-fit:cover;object-position:top;border:1px solid #ddd}.product-card__image>span{position:absolute;left:24px;bottom:12px;padding:7px 9px;background:var(--ink);color:#fff;font:700 9px var(--en)}.product-card__body{padding:24px}.problem{margin:0 0 10px;color:var(--orange)!important;font-size:10px!important;font-weight:800}.product-card h3{margin:0 0 12px;font-size:23px;letter-spacing:-.045em}.product-card__body>p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.product-card ul{display:flex;gap:14px;margin:19px 0;padding:16px 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-card li{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.product-card li svg{width:13px;color:#06a157;stroke-width:2.5}.product-card__foot{display:flex;align-items:end;justify-content:space-between;gap:14px}.product-card__foot>p{margin:0}.product-card__foot del{display:block;color:#aaa;font-size:10px}.product-card__foot strong{font:800 20px var(--en)}.product-card__foot small{margin-left:4px}.product-card__foot a{display:flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:800}.product-card__foot svg{width:14px}
.build{padding:105px 0;background:var(--ink);color:#fff}.build__grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.build__intro h2 strong{color:var(--lime)}.build__intro>p:not(.eyebrow){max-width:500px;margin:24px 0 30px;color:rgba(255,255,255,.56);font-size:13px;line-height:1.8}.steps{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.17)}.steps li{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.17)}.steps li>span{color:var(--lime);font:700 10px var(--en)}.steps h3{margin:0 0 7px;font-size:18px}.steps p{margin:0;color:rgba(255,255,255,.46);font-size:12px}.standard{padding:105px 0 115px}.standard-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.standard-grid article{padding:42px}.standard-grid article+article{border-left:1px solid var(--line)}.standard-grid svg{width:34px;height:34px;color:#7aa200;stroke-width:1.5}.standard-grid h3{margin:20px 0 9px;font-size:17px}.standard-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.book-strip{padding:85px 0;background:#e6e2fb}.book-strip__grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:7vw}.book-strip__cover{height:420px;display:grid;place-items:center}.book-strip__cover img{max-height:90%;max-width:90%;filter:drop-shadow(-18px 28px 24px rgba(40,30,80,.24));transform:rotate(-3deg)}.book-strip__copy h2{margin:0;font-size:clamp(38px,4vw,55px);line-height:1.14;letter-spacing:-.06em}.book-strip__copy>p:not(.eyebrow){max-width:580px;color:#5a5764;font-size:13px;line-height:1.8}.book-strip__price{display:flex;align-items:end;gap:9px;margin:25px 0}.book-strip__price del{color:#777;font-size:11px}.book-strip__price strong{font:800 27px var(--en)}.book-strip__price span{padding:6px 8px;background:var(--orange);color:#fff;font:800 8px var(--en)}.faq{padding:100px 0;background:#fff}.faq__grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw}.faq .plain-button{margin-top:28px}.accordion{border-top:1px solid var(--ink)}.accordion article{border-bottom:1px solid var(--line)}.accordion button{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:transparent;font-size:14px;font-weight:700;text-align:left;cursor:pointer}.accordion button svg{width:18px;transition:transform .2s}.accordion article.open button svg{transform:rotate(45deg)}.accordion article>div{max-height:0;overflow:hidden;transition:max-height .3s}.accordion article>div p{margin:0;padding:0 40px 24px 0;color:var(--muted);font-size:12px}.closing{padding:100px 0;background:var(--lime);text-align:center}.closing .label{margin:auto}.closing h2{margin-top:25px}.closing h2 strong{text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:6px}.closing>div>p:not(.label){margin:20px 0 30px;font-size:13px}.footer{padding:65px 0 25px;background:var(--ink);color:#fff}.logo--footer .logo__mark{background:var(--lime);color:var(--ink)}.logo--footer .logo__mark i{background:#fff}.footer__inner{display:flex;justify-content:space-between;gap:40px;padding-bottom:50px}.footer__inner>div:first-child>p{color:rgba(255,255,255,.35);font-size:10px}.footer__inner>div:last-child{display:flex;gap:28px;align-items:start}.footer__inner>div:last-child a{color:rgba(255,255,255,.55);font-size:10px}.footer__bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.25);font-size:8px}.footer__bottom p{margin:0}
.backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);opacity:0;transition:.25s}.backdrop.show{opacity:1}.mobile-nav,.inquiry{width:min(440px,94vw);position:fixed;z-index:90;right:0;top:0;bottom:0;background:var(--paper);transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mobile-nav.show,.inquiry.show{transform:none}.mobile-nav>div,.inquiry__head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);font:800 10px var(--en);letter-spacing:.1em}.close-button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.close-button svg{width:19px}.mobile-nav nav{display:flex;flex-direction:column;padding:15px 25px}.mobile-nav nav a{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line);font-size:20px;font-weight:800}.mobile-nav nav svg{width:17px}.mobile-nav>.button{position:absolute;left:25px;right:25px;bottom:28px}.inquiry form{padding:38px 30px;overflow:auto}.inquiry h2{margin:0 0 28px;font-size:37px;line-height:1.2;letter-spacing:-.055em}.inquiry label{display:block;margin:18px 0 7px;font-size:10px;font-weight:800}.inquiry input,.inquiry select{width:100%;height:49px;padding:0 13px;border:1px solid var(--line);background:#fff;font-size:12px}.inquiry form>.button{width:100%;margin-top:25px}.inquiry small{display:block;margin-top:9px;color:#999;text-align:center;font-size:9px}.toast{position:fixed;z-index:120;left:50%;bottom:25px;min-width:260px;padding:14px 18px;background:var(--ink);color:#fff;text-align:center;font-size:11px;opacity:0;transform:translate(-50%,60px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.header__inner{grid-template-columns:180px 1fr 180px}.nav{gap:22px}.hero__grid{grid-template-columns:.9fr 1.1fr;gap:4vw}.hero h1{font-size:64px}.product-card h3{font-size:20px}.product-card ul{flex-direction:column;gap:7px}.product-card__foot{align-items:start;flex-direction:column}.build__grid{gap:6vw}}
@media(max-width:760px){:root{--pad:20px}.notice{height:31px;justify-content:flex-start;padding-left:12px;font-size:9px}.notice a{display:none}.header{height:66px}.header__inner{grid-template-columns:1fr auto}.nav{display:none}.header__action{align-items:center}.menu-button{display:grid;place-items:center}.header__action .button{min-height:40px;padding-inline:13px;font-size:10px}.hero{min-height:auto}.hero__grid{grid-template-columns:minmax(0,1fr);gap:45px;padding-top:58px;padding-bottom:68px}.hero h1{font-size:54px}.hero__lead{font-size:13px}.hero__lead br{display:none}.hero__actions{align-items:flex-start;flex-direction:column;gap:18px}.hero__proof{justify-content:space-between;gap:8px}.hero__proof div{min-width:0}.hero__proof span{font-size:9px}.metric-card{left:auto;right:-5px;bottom:-28px;min-width:175px;padding:13px}.metric-card strong{font-size:16px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:35px}.section-head h2,.build h2,.faq h2,.closing h2{font-size:37px}.section-head>p{font-size:12px}.products,.standard,.faq{padding-top:75px;padding-bottom:80px}.product-grid{grid-template-columns:1fr;gap:14px}.product-card h3{font-size:23px}.product-card ul{flex-direction:row}.product-card__foot{align-items:end;flex-direction:row}.build{padding:75px 0}.build__grid{grid-template-columns:1fr;gap:55px}.standard-grid{grid-template-columns:1fr;margin-top:36px}.standard-grid article{padding:30px 18px}.standard-grid article+article{border-left:0;border-top:1px solid var(--line)}.book-strip{padding:68px 0}.book-strip__grid{grid-template-columns:minmax(0,1fr);gap:30px}.book-strip__cover{height:330px}.book-strip__copy h2{font-size:37px}.faq__grid{grid-template-columns:1fr;gap:50px}.closing{padding:75px 0}.footer__inner{align-items:flex-start;flex-direction:column}.footer__inner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.footer__bottom{flex-direction:column;gap:8px}}