*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#fafaf8;--bg2:#f2f1ee;--white:#fff;--navy:#1a2744;--fg:#1a2744;--dim:#7a8299;--dim2:#b0b5c5;--mint:#18b892;--mint-s:#e6f9f3;--mint-m:rgba(24,184,146,.1);--orange:#ff7043;--orange-s:#fff3ee;--purple:#8b6cf6;--purple-s:#f3f0ff;--card:#fff;--bdr:#e8e8e4;--bdr-h:rgba(24,184,146,.4);--sh:0 2px 12px rgba(26,39,68,.06);--sh-h:0 12px 40px rgba(26,39,68,.1);--r:16px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Noto Sans KR,Outfit,sans-serif;overflow-x:hidden;line-height:1.65}a{color:inherit;text-decoration:none}.c{max-width:1100px;margin:0 auto;padding:0 28px}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 28px;justify-content:space-between;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(250,250,248,.88);border-bottom:1px solid var(--bdr)}.nb,nav{display:flex;align-items:center}.nb{gap:10px}.nb svg{width:34px;height:34px}.nn{font-family:Outfit;font-weight:700;font-size:17px;color:var(--navy)}.nn span{color:var(--mint)}.nl{display:flex;gap:24px;align-items:center;font-family:Outfit;font-size:13px;font-weight:500}.nl a{color:var(--dim);transition:color .3s}.nl a:hover{color:var(--navy)}.nl .ct{background:var(--navy);color:#fff;padding:8px 20px;border-radius:10px;font-weight:600;transition:all .3s}.nl .ct:hover{background:var(--mint);transform:translateY(-1px);box-shadow:0 4px 16px rgba(24,184,146,.25)}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}.hd{position:absolute;border-radius:50%;pointer-events:none;opacity:.45}.hd1{width:500px;height:500px;background:var(--mint-s);top:-15%;right:-8%;filter:blur(80px)}.hd2{width:350px;height:350px;background:var(--orange-s);bottom:-10%;left:0;filter:blur(70px)}.hd3{width:200px;height:200px;background:var(--purple-s);top:30%;right:20%;filter:blur(60px)}.hero .c{position:relative;z-index:1}.htag{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono;font-size:11px;color:var(--mint);letter-spacing:2px;text-transform:uppercase;background:var(--mint-s);padding:6px 16px;border-radius:24px;margin-bottom:28px;animation:fu .7s ease .1s forwards;opacity:0}.dot{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pu 2s infinite}.hero h1{font-family:Outfit;font-size:clamp(36px,7vw,76px);font-weight:900;line-height:1.08;letter-spacing:-2.5px;color:var(--navy);max-width:700px;animation:fu .7s ease .25s forwards;opacity:0}.hero h1 .m{color:var(--mint)}.hp{margin-top:24px;font-size:17px;font-weight:400;color:var(--dim);max-width:460px;line-height:1.8;animation:fu .7s ease .4s forwards}.hbs,.hp{opacity:0}.hbs{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap;animation:fu .7s ease .55s forwards}.btn{display:inline-flex;align-items:center;gap:6px;padding:13px 26px;border-radius:12px;font-family:Outfit;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s}.bm{background:var(--mint);color:#fff}.bm:hover{background:var(--navy);transform:translateY(-2px);box-shadow:var(--sh-h)}.bo{background:var(--white);color:var(--navy);border:1.5px solid var(--bdr)}.bo:hover{border-color:var(--mint);color:var(--mint)}.mq{border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:14px 0;overflow:hidden;background:var(--white)}.mt{gap:44px;animation:sc 24s linear infinite;width:max-content}.mi,.mt{display:flex}.mi{font-family:JetBrains Mono;font-size:11px;color:var(--dim2);white-space:nowrap;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:10px}.mi:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mint);flex-shrink:0}.s{padding:88px 0}.sl{font-family:JetBrains Mono;font-size:11px;color:var(--mint);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.st{font-family:Outfit;font-size:clamp(24px,3.8vw,40px);font-weight:800;letter-spacing:-1.2px;color:var(--navy);margin-bottom:10px}.sd{font-size:15px;color:var(--dim);max-width:440px;margin-bottom:48px}.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.pc{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:28px;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:var(--sh)}.pc:hover{border-color:var(--bdr-h);transform:translateY(-4px);box-shadow:var(--sh-h)}.pc:hover .ar{transform:translate(3px,-3px);color:var(--mint)}.bd{display:inline-flex;align-items:center;gap:5px;font-family:JetBrains Mono;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:14px}.bl{background:var(--mint-s);color:var(--mint)}.bl:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mint);animation:pu 2s infinite}.bv{background:var(--orange-s);color:var(--orange)}.bs{background:var(--purple-s);color:var(--purple)}.pe{font-size:32px;margin-bottom:10px}.pn{font-family:Outfit;font-size:19px;font-weight:700;color:var(--navy);margin-bottom:6px}.pp{font-size:13px;color:var(--dim);line-height:1.7;margin-bottom:16px}.pm{font-size:11px;color:var(--mint);font-family:JetBrains Mono;margin-bottom:14px;font-weight:600}.tgs{display:flex;gap:5px;flex-wrap:wrap}.tg{font-family:JetBrains Mono;font-size:10px;padding:3px 10px;border-radius:6px;background:var(--bg2);color:var(--dim);border:1px solid var(--bdr)}.ar{position:absolute;top:24px;right:24px;font-size:18px;color:var(--dim2);transition:all .3s}.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px}.cc,.cg{gap:14px}.cc{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;display:flex;align-items:center;transition:all .3s;cursor:pointer;box-shadow:var(--sh)}.cc:hover{border-color:var(--bdr-h);transform:translateY(-3px);box-shadow:var(--sh-h)}.ci{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.cn{font-family:Outfit;font-weight:600;font-size:14px;color:var(--navy);margin-bottom:1px}.cd{font-size:11px;color:var(--dim)}.tgr{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px}.tc{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:28px;text-align:center;transition:all .3s;box-shadow:var(--sh)}.tc:hover{border-color:var(--bdr-h);transform:translateY(-2px)}.ta{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,var(--navy),var(--mint))}.tn{font-family:Outfit;font-weight:700;font-size:16px;color:var(--navy);margin-bottom:2px}.tr{font-family:JetBrains Mono;font-size:10px;color:var(--dim)}.cr{padding:72px 0;text-align:center;background:var(--bg2)}.crl{color:var(--dim);margin-bottom:16px}.cb,.crl{font-size:13px}.cb{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--bdr);padding:9px 22px 9px 12px;border-radius:32px;transition:all .3s;cursor:pointer;font-family:Outfit;font-weight:600;color:var(--navy);box-shadow:var(--sh)}.cb:hover{border-color:var(--mint);transform:scale(1.04);box-shadow:var(--sh-h)}.ls{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--navy),var(--mint));display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;font-family:Outfit}.cb em{font-style:normal;color:var(--mint)}.crn{margin-top:12px;font-size:11px;color:var(--dim);font-family:JetBrains Mono}footer{border-top:1px solid var(--bdr);padding:40px 0;background:var(--white)}.fi{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.fc{font-family:JetBrains Mono;font-size:11px;color:var(--dim)}.fl{display:flex;gap:18px}.fl a{font-size:12px;color:var(--dim);transition:color .3s}.fl a:hover{color:var(--mint)}@keyframes fu{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pu{0%,to{opacity:1}50%{opacity:.35}}@keyframes sc{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:768px){nav{padding:12px 16px}.nl .ct{display:none}.c{padding:0 18px}.hero{padding:100px 0 50px}.hero h1{letter-spacing:-1.5px}.cg,.pg{grid-template-columns:1fr}.tgr{grid-template-columns:repeat(2,1fr)}.fi{flex-direction:column;text-align:center}}