@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#0d1020;--paper:#f6f3ee;--lime:#c8ff4a;--muted:#626675;--line:#d9d6d0;--navy:#10152d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans KR',sans-serif}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.8px}.brand-mark{display:inline-grid;place-items:center;background:var(--lime);width:27px;height:27px;margin-right:8px;border-radius:8px;font-size:24px;line-height:1}.topbar nav{display:flex;gap:25px}.topbar nav a,footer a{color:#444857;text-decoration:none;font-size:14px;font-weight:600}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:92px 0 110px}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.4px;color:#696e7b;margin:0 0 17px}.hero h1,.guide h1{font-size:clamp(48px,6vw,79px);line-height:1.06;letter-spacing:-4.4px;margin:0 0 25px}.hero em,.guide em{font-style:normal;color:#5b58cf}.lede{font-family:'Noto Sans KR',sans-serif;font-size:17px;line-height:1.75;max-width:530px;color:#505564}.cta-row{display:flex;gap:19px;align-items:center;margin-top:33px}.button{display:inline-flex;align-items:center;gap:28px;text-decoration:none;font-size:14px;font-weight:800}.button.primary{padding:16px 20px;background:var(--ink);color:#fff;border-radius:11px}.button.primary span{color:var(--lime);font-size:20px}.button.text{color:var(--ink);border-bottom:1px solid;padding-bottom:4px}.microcopy{font-size:12px;color:#8b8e97;margin-top:14px}.capture-card{background:#191d33;border:7px solid #20243c;border-radius:19px;overflow:hidden;box-shadow:17px 21px 0 #dedbd6;transform:rotate(2deg)}.card-bar{height:34px;background:#292e47;display:flex;align-items:center;gap:5px;padding:0 11px;color:#b9bed0;font:10px 'DM Mono'}.card-bar span{height:7px;width:7px;border-radius:50%;background:#626983}.card-bar b{font-weight:400;margin-left:5px}.screen-preview{height:303px;position:relative;background:linear-gradient(120deg,#3d4670,#172139);padding:23px}.window{position:absolute;border-radius:5px;background:#bec3d5}.w1{width:37%;height:36%;background:#7594c5;top:27px;left:25px}.w2{width:45%;height:30%;background:#d9b384;top:48px;right:29px}.w3{width:56%;height:36%;background:#e2e3e8;bottom:26px;left:43px}.selection{position:absolute;border:2px solid var(--lime);inset:49px 70px 50px 72px;z-index:1}.selection i{position:absolute;height:8px;width:8px;background:var(--lime)}.selection i:nth-child(1){left:-5px;top:-5px}.selection i:nth-child(2){right:-5px;top:-5px}.selection i:nth-child(3){left:-5px;bottom:-5px}.selection i:nth-child(4){right:-5px;bottom:-5px}.selection strong{position:absolute;top:-24px;left:-2px;color:var(--lime);font:10px 'DM Mono'}.ask-menu{position:absolute;z-index:2;right:18px;bottom:16px;background:#f5f2ec;border-radius:9px;padding:12px;width:207px;color:var(--ink);box-shadow:0 8px 18px #0004}.ask-menu small{font:8px 'DM Mono';color:#696e7b}.ask-menu b{font-size:11px;display:block;margin:5px 0 9px}.ask-menu div{display:flex;gap:5px}.ask-menu button{font:10px Manrope;border:0;border-radius:4px;padding:6px;background:#e0dfdd}.ask-menu .ask{background:var(--lime);font-weight:800}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:24px;align-items:center;padding:18px;color:#656975;font-size:12px}.trust i{width:4px;height:4px;background:#7c7d8c;border-radius:50%}.steps{padding:132px 0}.section-heading h2,.details h2,.ai-section h2,.install h2{font-size:clamp(33px,4vw,53px);line-height:1.15;letter-spacing:-2.7px;margin:0}.steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:59px 0 0;padding:0}.steps li{border-top:2px solid var(--ink);padding-top:16px}.steps li b{font:12px 'DM Mono';color:#5b58cf}.steps h3,.detail-grid h3{font-size:19px;letter-spacing:-1px;margin:38px 0 8px}.steps p,.detail-grid p{font-family:'Noto Sans KR';font-size:14px;line-height:1.7;color:var(--muted);margin:0}.ai-section{background:var(--navy);color:#fff;padding:105px 0}.ai-section .eyebrow{color:#bec4d8}.ai-section p:not(.eyebrow){color:#c7cada;line-height:1.8;max-width:510px;font-family:'Noto Sans KR';font-size:15px}.ai-list{display:flex;flex-wrap:wrap;gap:11px;margin-top:35px}.ai-list span{padding:10px 15px;border:1px solid #56607d;border-radius:100px;font-size:13px}.details{padding:132px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 36px}.detail-grid article span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #a9abb3;border-radius:50%;font:12px 'DM Mono'}.detail-grid h3{margin:18px 0 8px}.install{background:#c7ff4a;min-height:316px;padding:58px 65px;display:flex;justify-content:space-between;align-items:end}.install .button.primary{background:#11152b}.install p{font-size:12px;margin:13px 0 0}.ad-slot{margin-top:80px;border:1px dashed #bbb7b0;color:#989891;height:120px;display:grid;place-items:center;text-align:center;font:11px 'DM Mono'}.ad-slot p{font:12px Manrope;margin:0 16px;max-width:550px}footer{min-height:123px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer div{display:flex;gap:19px}footer small{font:11px 'DM Mono';color:#878991}.guide{display:grid;grid-template-columns:220px 1fr;gap:85px;padding:76px 0 120px}.guide aside{position:sticky;top:25px;height:max-content;border-left:1px solid var(--line);display:grid;gap:13px;padding-left:18px}.guide aside a{color:#626675;text-decoration:none;font-size:13px}.guide article{max-width:710px}.guide h1{font-size:clamp(42px,5vw,65px)}.guide article section{margin-top:80px;scroll-margin-top:25px}.guide h2{font-size:29px;letter-spacing:-1.5px;margin-bottom:20px}.guide h3{font-size:16px;margin:26px 0 5px}.guide article p,.guide li,.guide dd{font-family:'Noto Sans KR';font-size:15px;line-height:1.85;color:#505564}.guide ol,.guide ul{padding-left:21px}.guide .callout{background:#e8e4dc;padding:19px 23px;border-radius:8px;margin-top:24px}.guide .callout b{font-size:13px}.guide .callout p{margin:5px 0 0}.guide dt{font-weight:800;margin:22px 0 4px}.guide dd{margin:0}@media(max-width:760px){.wrap{width:min(100% - 32px,1140px)}.topbar{height:71px}.topbar nav{gap:13px}.topbar nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:58px 0 80px;gap:50px}.hero h1,.guide h1{letter-spacing:-2.7px}.capture-card{width:92%;justify-self:center}.trust{justify-content:flex-start;overflow:auto;white-space:nowrap}.steps,.details{padding:75px 0}.steps ol,.details{grid-template-columns:1fr}.steps ol{gap:30px;margin-top:40px}.steps h3{margin-top:18px}.details{gap:42px}.detail-grid{gap:31px 20px}.install{margin:0;width:100%;padding:45px 24px;display:block}.install div+div{margin-top:35px}.guide{grid-template-columns:1fr;padding:46px 0 80px;gap:37px}.guide aside{position:static;display:flex;overflow:auto;border-left:0;border-bottom:1px solid var(--line);padding:0 0 16px;white-space:nowrap}.guide article section{margin-top:53px}footer{flex-wrap:wrap;padding:27px 0}.ad-slot{margin-top:48px}}