:root{--navy:#102c48;--blue:#2674c7;--pale:#f2f7fc;--ink:#183249;--muted:#65798c;--line:#e0e9f1;--white:#fff;--shadow:0 24px 60px rgba(20,55,90,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #77b5ff;outline-offset:3px}.shell{width:min(1170px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:0;top:-60px;background:#fff;padding:8px;z-index:100}.skip:focus{top:0}.topbar{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eef5;backdrop-filter:blur(12px)}.topbar-in,.header-actions,.brand{display:flex;align-items:center}.topbar-in{height:100%;gap:35px}.brand{gap:9px;color:var(--navy);white-space:nowrap}.brand img{width:32px;height:32px}.brand span{font-weight:850;letter-spacing:.075em;font-size:19px}.brand small{font-size:9px;letter-spacing:.06em;color:#8090a2;align-self:end;margin-bottom:7px}.topbar nav{display:flex;gap:22px;margin-left:auto}.topbar nav a{font-size:13px;font-weight:650;color:#4d657d}.topbar nav a:hover{color:var(--blue)}.header-actions{gap:12px}.small{font-size:12px;padding:9px 15px}.outline{border:1px solid #d1e0ed;border-radius:10px;font-weight:700}.outline:hover{border-color:var(--blue);color:var(--blue)}.lang,.menu-toggle{background:none;border:0;color:var(--navy);font-weight:800}.menu-toggle{display:none;font-size:21px}.hero{min-height:680px;padding-top:95px;padding-bottom:105px;display:grid;grid-template-columns:.93fr 1.07fr;gap:48px;align-items:center}.eyebrow,.kicker{color:var(--blue);font-size:12px;letter-spacing:.16em;font-weight:850}.dot{display:inline-block;background:#4fa5df;width:8px;height:8px;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(38px,4vw,57px);letter-spacing:-.055em;line-height:1.28;color:var(--navy);margin:20px 0 24px;font-weight:850}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{font-size:16px;color:#65788c;line-height:1.9;max-width:485px}.hero-copy strong{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 21px;border-radius:11px;font-size:14px;font-weight:800}.primary{background:var(--navy);color:white;box-shadow:0 9px 19px rgba(16,44,72,.16)}.primary:hover{background:#214e7c}.ghost{background:#eef5fb;color:var(--navy)}.hero-meta{margin-top:29px;display:flex;flex-wrap:wrap;gap:9px 16px;font-size:11px;color:#77899b}.hero-panel{background:white;border:1px solid #e6edf4;border-radius:21px;padding:22px;box-shadow:var(--shadow);transform:perspective(900px) rotateY(-1deg)}.panel-top,.panel-intro,.mock-head,.panel-foot{display:flex;justify-content:space-between;align-items:center}.panel-top{border-bottom:1px solid var(--line);padding-bottom:15px}.panel-top>span:first-child{display:flex;align-items:center;gap:7px;font-weight:850;font-size:12px;letter-spacing:.07em}.panel-top img{width:25px}.status{background:#edf7ff;border-radius:30px;padding:5px 10px;font-size:9px;letter-spacing:.05em;color:#47739c}.panel-intro{margin:19px 0 13px}.panel-intro span{font-weight:800;font-size:15px}.panel-intro small,.mock-head small{font-size:10px;color:#8a9baa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats>div{background:#f3f8fc;border:1px solid #eaf1f7;border-radius:10px;padding:12px 9px}.stats small{display:block;color:#71869a;font-size:10px}.stats strong{font-size:23px;color:var(--navy)}.stats strong span{font-weight:600;font-size:10px;margin-left:3px}.mock-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-top:12px}.mock-grid>div{border:1px solid var(--line);border-radius:11px;padding:15px}.mock-head{font-size:11px;font-weight:800}.bars{height:116px;display:flex;gap:12px;align-items:end;padding:13px 8px 0;border-bottom:1px solid #dce5ed}.bars i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#4a9ae2,#b5d9f8)}.bars i:last-child{background:linear-gradient(#1d609d,#338fd5)}.months{display:flex;justify-content:space-between;font-size:9px;color:#8899aa;margin-top:5px}.todo p{font-size:10px;color:#64798c;border-bottom:1px solid #eef2f7;padding:8px 0;margin:0}.todo b{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.warn{background:#e9b04f}.red{background:#e77878}.blue{background:#4a9ae2}.panel-foot{font-size:9px;color:#8a9baa;margin-top:15px}.proof{border-top:1px solid #eef3f8;border-bottom:1px solid #eef3f8;background:#fafcfe}.proof-in{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#70869a;font-size:12px}.proof-in strong{font-size:16px;color:var(--navy)}.section{padding-top:100px;padding-bottom:100px}.section-title{margin-bottom:36px}.section-title h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.05em;line-height:1.3;margin:10px 0;color:var(--navy)}.section-title p{margin:0;color:var(--muted);font-size:15px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.export-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.feature-icon{width:47px;height:47px;border-radius:13px;background:#eaf4fe;color:#2775bc;display:grid;place-items:center;font-size:25px;font-weight:800}.feature-card h3,.export-card h3{margin:23px 0 8px;color:var(--navy);font-size:19px}.feature-card p,.export-card p{color:var(--muted);font-size:14px;line-height:1.85;margin:0}.tinted{background:#f6f9fc}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.filter{background:#fff;border:1px solid #dce6ef;border-radius:22px;padding:9px 17px;color:#597189;font-size:13px;font-weight:700}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-mini{background:#fff;border:1px solid #e3ebf3;border-radius:12px;padding:21px 17px;min-height:156px}.feature-mini .number{color:#9eb1c3;font-size:11px;letter-spacing:.05em}.feature-mini h3{margin:8px 0 5px;font-size:15px;color:#153756}.feature-mini p{font-size:12px;color:#73899a;margin:0;line-height:1.7}.preview-layout{display:grid;grid-template-columns:1.6fr .75fr;gap:44px;align-items:center}.demo{border:1px solid #dce6ef;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.demo-top{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px}.demo-top span{color:#8b9aa8;font-size:10px}.demo-body{display:grid;grid-template-columns:155px 1fr;min-height:350px}.demo-side{background:#f0f5fa;border-right:1px solid #e1eaf2;padding:16px 9px}.demo-tab{border:0;background:transparent;display:block;width:100%;text-align:left;padding:11px 12px;border-radius:8px;color:#597187;font-size:12px;margin-bottom:4px}.demo-tab.active{background:#fff;color:#165794;font-weight:800;box-shadow:0 2px 7px rgba(20,50,80,.06)}.demo-content{padding:23px;overflow:auto}.demo-content h3{font-size:20px;margin:0 0 3px;color:var(--navy)}.demo-content>p{font-size:12px;color:#7c8e9c;margin:0 0 20px}.d-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.d-stats div{background:#f3f8fc;padding:13px;border-radius:10px}.d-stats small{font-size:10px;color:#6b8294;display:block}.d-stats strong{font-size:18px}.d-list{margin-top:17px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.d-row{padding:11px 13px;border-bottom:1px solid #eaf0f5;display:flex;justify-content:space-between;gap:8px;font-size:12px}.d-row:last-child{border:0}.d-row span:last-child{color:#397cae}.preview-aside h3{font-size:29px;line-height:1.36;letter-spacing:-.04em;color:var(--navy);margin:12px 0}.preview-aside p{font-size:14px;color:var(--muted)}.preview-aside ul{padding-left:20px;color:#526d80;font-size:13px;line-height:2.2}.note{font-size:12px;background:#f0f7ff;color:#52718a;padding:14px;border-radius:10px}.export-head{display:flex;gap:12px;align-items:center}.export-head span{background:#ecf5ff;color:#286eb3;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:800}.export-head b{font-size:12px;color:#7e92a2}.pills{display:flex;gap:6px;margin-top:24px;flex-wrap:wrap}.pills span{border:1px solid #dce9f3;border-radius:7px;padding:4px 8px;color:#4c779a;font-size:11px;font-weight:700}.export-warning{font-size:12px;color:#8090a2;margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:68px}.split h2{font-size:37px;letter-spacing:-.05em;line-height:1.35;color:var(--navy)}.split p{font-size:14px;line-height:1.9;color:var(--muted)}.security-list>div{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.security-list span{color:#5193c8;font-weight:800}.security-list strong{color:var(--navy);font-size:15px}.security-list p{margin:4px 0;font-size:12px}.faq-section{background:#fafcfe}.faq{max-width:900px;margin:auto}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:750;color:var(--navy);font-size:15px}details p{color:var(--muted);font-size:14px;line-height:1.9}.closing{background:linear-gradient(115deg,#0e2b46,#245b8d);color:#fff}.closing-in{padding:65px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:36px;line-height:1.4;letter-spacing:-.045em;margin:11px 0}.closing .kicker{color:#a7d5ff}.closing p{color:#c8dce9}.closing .primary{background:white;color:#123450}footer{background:#0b2238;color:#9bb0c1}.footer-in{padding:36px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand span{color:white}.footer-in p{font-size:12px}.footer-in>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px}footer small{font-size:11px;color:#728aa0}@media(max-width:1040px){.topbar nav{gap:12px}.topbar nav a{font-size:12px}.hero{gap:25px}.features{grid-template-columns:repeat(3,1fr)}.preview-layout{gap:23px}}@media(max-width:780px){.topbar{height:65px}.topbar nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;box-shadow:0 10px 20px #102c481c;padding:16px 25px;flex-direction:column}.topbar nav.open{display:flex}.menu-toggle{display:block}.topbar-in{gap:12px}.header-actions{margin-left:auto}.brand small{display:none}.header-actions .outline{display:none}.hero{grid-template-columns:1fr;min-height:unset;padding:62px 0 67px}.hero-panel{transform:none}.proof-in{flex-direction:column;text-align:center}.section{padding-top:65px;padding-bottom:65px}.three{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.preview-layout,.split{grid-template-columns:1fr}.closing-in{flex-direction:column;align-items:flex-start}.footer-in{flex-direction:column;align-items:flex-start}.footer-in>div:last-child{align-items:flex-start}.stats strong{font-size:21px}}@media(max-width:480px){.shell{width:calc(100% - 30px)}.hero h1{font-size:38px}.hero-copy>p{font-size:14px}.hero-panel{padding:13px}.stats{grid-template-columns:repeat(2,1fr)}.mock-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.demo-body{grid-template-columns:1fr}.demo-side{display:flex;overflow:auto;gap:5px;border-right:0;border-bottom:1px solid var(--line);padding:8px}.demo-tab{white-space:nowrap;width:auto;flex-shrink:0;font-size:11px}.demo-content{padding:16px}.demo-top span{display:none}.d-stats{grid-template-columns:repeat(2,1fr)}.hero-meta{font-size:10px}.closing h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}