@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#1b2432;--muted:#717c8b;--blue:#315dea;--line:#e6eaf0;--paper:#fafbfc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #88a3ff;outline-offset:4px}.wrap{width:min(1152px,calc(100% - 64px));margin:auto}.header{height:82px;border-bottom:1px solid #e9edf2;background:rgba(250,251,252,.95)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.8px}.brand b{font-weight:500;color:#758093}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:var(--blue);color:white;font-weight:800}.nav nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600;color:#667184}.nav nav a:hover,.text-link:hover{color:var(--blue)}.nav-button{border:1px solid #dbe1e8;padding:11px 17px;border-radius:8px;color:#283548!important;background:white}.nav-button span{margin-left:10px}.hero{min-height:595px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:46px;padding-bottom:74px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.11em;font-weight:700;color:#647083}.eyebrow{letter-spacing:0;color:#53647b;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:#83b66c;border-radius:50%;box-shadow:0 0 0 4px #e8f2e6}.hero h1{font-size:clamp(36px,4.3vw,58px);line-height:1.28;letter-spacing:-.06em;margin:26px 0 20px;font-weight:800}.hero h1 span{color:var(--blue)}.hero-text{font-size:16px;line-height:1.9;color:#687485;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 21px;border-radius:8px;font-size:14px;font-weight:700}.primary{background:var(--blue);color:white;box-shadow:0 8px 18px #315dea26}.primary:hover{background:#244cc9}.text-link{font-size:13px;font-weight:700;color:#586477}.hero-meta{display:flex;gap:10px;align-items:center;margin-top:42px;color:#8993a1;font-size:11px}.hero-meta i{width:3px;height:3px;background:#b4bdc9;border-radius:50%}.hero-art{height:420px;position:relative;display:grid;place-items:center;overflow:hidden}.art-orbit{position:absolute;border:1px solid #e2e8f3;border-radius:50%}.orbit-one{width:390px;height:390px}.orbit-two{width:290px;height:290px}.art-card{position:relative;width:288px;height:308px;background:#fff;border:1px solid #e5eaf1;border-radius:18px;box-shadow:0 24px 70px #22325216;transform:rotate(-4deg);z-index:1}.card-top{height:49px;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;align-items:center;padding:0 19px;color:#a3acb9;font-size:9px;letter-spacing:.13em;font-weight:700}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#dbe1ea}.folder-shape{position:absolute;inset:85px 55px 79px;border-radius:14px;background:#e8edff;display:grid;place-items:center}.folder-tab{position:absolute;top:-10px;left:0;width:66px;height:19px;border-radius:8px 8px 0 0;background:#d9e3ff}.folder-shape img{width:75px;height:75px;position:relative;filter:drop-shadow(0 9px 12px #315dea30)}.card-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.card-caption b{font-size:12px}.card-caption span{font-size:9px;color:#929cab;font-weight:700}.art-tag{z-index:2;position:absolute;background:#fff;border:1px solid #e9edf4;box-shadow:0 12px 35px #17294114;border-radius:11px;display:flex;align-items:center;gap:10px;padding:11px 14px}.tag-top{top:76px;right:0}.tag-bottom{bottom:54px;left:0}.tag-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-weight:800}.blue{background:#edf2ff;color:#3863eb}.lime{background:#edf7e9;color:#65a458}.art-tag b,.art-tag small{display:block}.art-tag b{font-size:11px}.art-tag small{font-size:9px;color:#98a2b1;margin-top:3px}.spark{position:absolute;color:#9db0ee}.s1{left:37px;top:84px;font-size:21px}.s2{right:37px;bottom:81px;font-size:24px}.app-section{background:#f0f3f8;padding:90px 0}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}h2{font-size:clamp(28px,3vw,39px);letter-spacing:-.055em;line-height:1.35;margin:16px 0;font-weight:800}.section-lead,.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted)}.app-card{display:flex;gap:22px;background:white;border:1px solid #e3e9f1;border-radius:14px;padding:27px;box-shadow:0 8px 28px #273e5c08}.app-icon img{width:66px;height:66px;border-radius:17px}.app-content{flex:1;min-width:0}.app-title{display:flex;align-items:center;gap:10px}.app-title h3{font-size:18px;margin:0}.pill{font-size:9px;color:#4663a9;background:#eef2ff;border-radius:4px;padding:4px 6px;font-weight:700}.app-content p{color:#748090;font-size:13px;line-height:1.7;margin:11px 0 20px}.app-footer{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:15px;font-size:11px;color:#98a2ae}.app-footer a{color:var(--blue);font-weight:700}.features{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed}.feature{min-height:235px;padding:28px 26px;border-right:1px solid #dfe5ed}.feature:first-child{padding-left:0}.feature:last-child{border-right:0}.feature-no{font-size:10px;color:#a5aeb9}.feature-icon{color:var(--blue);font-size:26px;margin:24px 0 15px}.feature h3{font-size:16px;margin:0 0 10px}.feature p{font-size:13px;color:#778292;line-height:1.8;margin:0}.format-note{font-size:11px;color:#8a95a5;margin:18px 0 0}.download-section{background:#1d2a40;color:white;padding:80px 0}.download-inner{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}.light{color:#a6b6d3}.download-inner h2{margin:17px 0}.download-inner>div>p{color:#aebacc;font-size:13px;line-height:1.8}.download-box{background:#fff;color:var(--ink);padding:23px;border-radius:14px}.download-product{display:flex;align-items:center;gap:11px;margin-bottom:20px}.download-product img{width:43px;height:43px;border-radius:10px}.download-product strong,.download-product span{display:block}.download-product strong{font-size:14px}.download-product div span{font-size:11px;color:#8f99a7;margin-top:3px}.version{margin-left:auto;font-size:10px;color:#8c98a8}.download-button{width:100%;background:var(--blue);color:white}.download-button[aria-disabled=true]{background:#e7eaf0;color:#8590a0;cursor:not-allowed}.download-box p{margin:11px 0 0;text-align:center;font-size:11px;color:#929cab}.footer-inner{display:flex;align-items:center;gap:26px;padding-top:27px;padding-bottom:27px}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:28px;height:28px;font-size:13px}.footer-inner p{font-size:11px;color:#9ba5b2}.footer-inner>a:last-child{margin-left:auto;font-size:11px;color:#7a8797}@media(max-width:760px){.wrap{width:min(100% - 40px,560px)}.header{height:70px}.nav nav{gap:16px}.nav nav a:first-child,.nav nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:64px;padding-bottom:38px;gap:5px}.hero h1{font-size:39px}.hero-art{height:360px}.art-card{transform:rotate(-4deg) scale(.88)}.orbit-one{width:330px;height:330px}.orbit-two{width:250px;height:250px}.tag-top{right:0;top:65px}.tag-bottom{left:0;bottom:42px}.app-section{padding:66px 0}.section-grid{grid-template-columns:1fr;gap:24px}.features{padding-top:72px;padding-bottom:72px}.section-heading{display:block}.feature-grid{grid-template-columns:1fr}.feature,.feature:first-child{min-height:auto;padding:24px 0;border-right:0;border-bottom:1px solid #dfe5ed}.feature:last-child{border-bottom:0}.feature-icon{margin:14px 0 8px}.download-inner{grid-template-columns:1fr;gap:27px}.download-section{padding:64px 0}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner p{margin-right:auto}}@media(max-width:380px){.hero h1{font-size:33px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.app-card{padding:20px;gap:14px}.tag-top{right:-6px}.tag-bottom{left:-6px}}
