@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{font-family:Pretendard,SUIT,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 8%,rgba(31,103,216,.12),transparent 46%),radial-gradient(circle at 88% 16%,rgba(46,168,79,.09),transparent 44%),linear-gradient(180deg,#f3f7fc,#eef3f8 70%,#eef3f8)}a{color:inherit;text-decoration:none}:root{--navy-900: #081b3a;--navy-800: #102a56;--navy-700: #1d4279;--office-blue: #1f67d8;--office-green: #2ea84f;--office-orange: #f48a1f;--text-main: #142740;--text-muted: #5f7086;--bg-soft: #f5f8fc;--line: #d6dfeb;--container: min(1160px, calc(100vw - 3rem) );--radius: 18px;--shadow-soft: 0 16px 40px rgba(12, 36, 72, .08)}.site{--container: min(1120px, calc(100% - 3.5rem) );position:relative;overflow:hidden;width:min(1320px,calc(100vw - 3rem));margin:clamp(1rem,2.6vw,2.3rem) auto;border-radius:22px;border:1px solid rgba(12,36,72,.14);box-shadow:0 24px 70px #081b3a1f;color:var(--text-main);background:radial-gradient(circle at 14% 6%,rgba(31,103,216,.09),transparent 38%),radial-gradient(circle at 92% 10%,rgba(46,168,79,.07),transparent 42%),linear-gradient(180deg,#fff,#fbfdff 55%,#fff)}.site:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(13,43,85,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,43,85,.06) 1px,transparent 1px);background-size:56px 56px;opacity:.28;-webkit-mask-image:radial-gradient(circle at 35% 10%,rgba(0,0,0,.95) 0%,transparent 62%);mask-image:radial-gradient(circle at 35% 10%,rgba(0,0,0,.95) 0%,transparent 62%)}.site>*{position:relative;z-index:1}.topbar{width:var(--container);margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem}.brand-logo{width:54px;height:54px;object-fit:cover;object-position:50% 10%;border-radius:14px}.brand-text{display:grid;gap:.05rem;line-height:1.05}.brand-kr{display:inline-flex;align-items:baseline;gap:0;font-size:1.05rem;font-weight:900;letter-spacing:-.03em}.brand-kr-green{color:var(--office-green)}.brand-kr-blue{color:var(--office-blue)}.brand-kr-orange{color:var(--office-orange)}.brand-en{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:#4f6885;text-transform:uppercase}.top-links{display:flex;align-items:center;gap:1.25rem}.top-links a{color:var(--text-muted);font-size:.95rem;font-weight:500}.top-links a:hover{color:var(--office-blue)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;margin-left:.25rem;padding:.55rem .95rem;border-radius:12px;border:1px solid rgba(29,66,121,.18);background:linear-gradient(120deg,var(--navy-800),#0f3f88);color:#fff!important;font-weight:800;box-shadow:0 10px 26px #102a562e;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.nav-cta:hover{transform:translateY(-1px);background:linear-gradient(120deg,#0c2e66,#144a96)}main>section{width:var(--container);margin:0 auto}.hero{padding:3.1rem 0 2.2rem;display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:auto auto;gap:2.6rem 3rem;align-items:center;position:relative;z-index:0;isolation:isolate}.hero:after{content:"";position:absolute;top:-160px;right:-260px;width:740px;height:740px;border-radius:999px;background:radial-gradient(circle at 35% 35%,rgba(31,103,216,.22),transparent 55%),radial-gradient(circle at 70% 55%,rgba(46,168,79,.14),transparent 58%),radial-gradient(circle at 50% 50%,rgba(31,103,216,.08),transparent 62%);filter:blur(1px);opacity:.9;pointer-events:none;z-index:0}.hero-copy,.hero-visual,.hero-foot{position:relative;z-index:1}.hero-kicker{margin:0 0 1rem;color:#2b517d;font-size:.95rem;letter-spacing:-.01em;font-weight:800}.hero h1{margin:0;font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.035em;line-height:1.1;color:var(--navy-900)}.hero-sub{margin:1.4rem 0 0;font-size:clamp(1.05rem,1.9vw,1.2rem);line-height:1.72;color:#203654}.cta-row{margin-top:2.1rem;display:flex;flex-wrap:wrap;gap:.82rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.2rem;border-radius:12px;border:1px solid transparent;font-weight:700;letter-spacing:-.01em;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,var(--navy-800),#0f3f88);color:#fff;box-shadow:0 10px 24px #102a5638}.btn-primary:hover{background:linear-gradient(120deg,#0c2e66,#144a96)}.btn-ghost{border-color:#0d2b5542;color:var(--navy-800);background-color:#ffffffb8}.btn-ghost:hover{border-color:#1f67d873;color:var(--office-blue)}.hero-visual{display:grid;place-items:center}.hero-scene{position:relative;width:min(560px,100%);height:clamp(340px,42vw,420px)}.win{position:absolute;overflow:hidden;border-radius:calc(var(--radius) + 6px);border:1px solid rgba(18,49,90,.16);background:#ffffffeb;box-shadow:0 26px 70px #081b3a24}.win-back{width:100%;height:clamp(260px,34vw,310px);top:14px;left:0;transform:rotate(-1.3deg);translate:0 0;will-change:translate;animation:sceneFloat 7.5s ease-in-out infinite}.win-front{width:88%;height:clamp(230px,30vw,260px);top:clamp(124px,22vw,138px);left:clamp(34px,8vw,78px);transform:rotate(1deg);translate:0 0;will-change:translate;animation:sceneFloat 7.5s ease-in-out infinite;animation-delay:-1.2s}.win-bar{height:44px;padding:0 .8rem;display:flex;align-items:center;gap:.65rem;border-bottom:1px solid rgba(214,223,235,.9)}.win-dots{width:30px;height:10px;border-radius:999px;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 85% 50%,rgba(255,255,255,.95) 0 2px,transparent 3px);opacity:.95}.win-bar-ppt{background:linear-gradient(110deg,#f48a1ffa,#f48a1fb8);color:#fff}.win-bar-doc{background:linear-gradient(110deg,#1f67d81f,#1f67d805);color:#183a66}.win-bar-doc .win-dots{background:radial-gradient(circle at 15% 50%,rgba(45,87,135,.75) 0 2px,transparent 3px),radial-gradient(circle at 50% 50%,rgba(45,87,135,.75) 0 2px,transparent 3px),radial-gradient(circle at 85% 50%,rgba(45,87,135,.75) 0 2px,transparent 3px)}.win-title{flex:1;font-size:.9rem;font-weight:800;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-chip{padding:.22rem .55rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.35);background-color:#ffffff24}.win-bar-doc .win-chip{border-color:#1d42792e;background-color:#ffffffa6}.win-body{height:calc(100% - 44px);display:grid;grid-template-columns:110px 1fr}.win-sidebar{padding:.8rem .7rem;background:linear-gradient(180deg,#0e4a9c0f,#0e4a9c03);border-right:1px solid rgba(214,223,235,.9);display:grid;gap:.55rem;align-content:start}.thumb{height:34px;border-radius:10px;border:1px solid rgba(215,226,239,.9);background:linear-gradient(180deg,#fffffff2,#f5f8fce6),radial-gradient(circle at 30% 40%,rgba(31,103,216,.12),transparent 60%)}.thumb.active{border-color:#1f67d866;box-shadow:0 10px 22px #1f67d81f}.win-canvas{padding:1.1rem 1.2rem;background:linear-gradient(#eef3fa 1px,transparent 1px),linear-gradient(90deg,#eef3fa 1px,transparent 1px),linear-gradient(180deg,#ffffffeb,#fbfdffeb);background-size:18px 18px,18px 18px,100% 100%}.canvas-title{font-size:1.02rem;font-weight:900;letter-spacing:-.02em;color:#163a66}.canvas-lines{margin-top:.85rem;display:grid;gap:.55rem}.canvas-lines span{height:10px;border-radius:999px;background:linear-gradient(90deg,#14274029,#1427400f)}.canvas-lines span.short{width:68%}.canvas-chart{margin-top:1rem;height:88px;border-radius:14px;border:1px solid rgba(214,223,235,.95);background:linear-gradient(180deg,#fffffff2,#f5f8fceb),linear-gradient(90deg,rgba(46,168,79,.18),transparent 44%),linear-gradient(90deg,transparent 52%,rgba(31,103,216,.16))}.win-body-doc{grid-template-columns:1fr;display:grid;grid-template-rows:1fr;padding:1.05rem 1.15rem;background:linear-gradient(180deg,#ffffffeb,#f5f8fceb)}.doc-text{display:grid;gap:.55rem}.doc-text .line{height:10px;border-radius:999px;background:linear-gradient(90deg,#14274024,#1427400f)}.doc-text .w90{width:90%}.doc-text .w85{width:85%}.doc-text .w70{width:70%}.doc-text .w55{width:55%}.doc-viz{margin-top:1rem;display:flex;align-items:center;gap:.85rem;justify-content:flex-end}.donut{width:62px;height:62px;border-radius:999px;background:conic-gradient(var(--office-blue) 0 35%,rgba(46,168,79,.9) 35% 62%,rgba(244,138,31,.92) 62% 100%);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 52%,black 54%);mask-image:radial-gradient(circle at 50% 50%,transparent 0 52%,black 54%);box-shadow:0 12px 24px #081b3a1f}.arrow{width:46px;height:10px;border-radius:999px;background:linear-gradient(90deg,#1f67d826,#1f67d8a6);position:relative}.arrow:after{content:"";position:absolute;right:-6px;top:50%;width:16px;height:16px;transform:translateY(-50%) rotate(45deg);border-top:3px solid rgba(31,103,216,.65);border-right:3px solid rgba(31,103,216,.65)}.globe{width:74px;height:74px;border-radius:999px;background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.95),transparent 55%),radial-gradient(circle at 60% 55%,rgba(31,103,216,.35),transparent 65%),radial-gradient(circle at 45% 55%,rgba(46,168,79,.25),transparent 60%),linear-gradient(180deg,#1f67d82e,#1f67d80d);border:1px solid rgba(214,223,235,.95);box-shadow:0 18px 38px #081b3a1f}.translate-tile{position:absolute;left:clamp(18px,4.5vw,34px);top:clamp(62px,12vw,86px);width:clamp(140px,24vw,160px);height:clamp(100px,18vw,112px);translate:0 0;will-change:translate;filter:drop-shadow(0 24px 46px rgba(8,27,58,.14));animation:tileFloat 6.4s ease-in-out infinite}.tile-layer{position:absolute;inset:0;border-radius:18px;opacity:.95}.tile-layer.green{background:linear-gradient(135deg,#2ea84ff2,#2ea84fb8);transform:translate(-18px,10px)}.tile-layer.blue{background:linear-gradient(135deg,#1f67d8fa,#1f67d8b8);transform:translate(0)}.tile-layer.orange{background:linear-gradient(135deg,#f48a1ff5,#f48a1fbd);transform:translate(18px,8px)}.tile-glyphs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2.2rem;font-weight:900;color:#fffffff5;letter-spacing:-.04em;text-shadow:0 10px 26px rgba(0,0,0,.18)}.tile-glyphs .arrow{width:auto;height:auto;background:transparent;opacity:.88}.tile-glyphs .arrow:after{content:none}.hero-foot{grid-column:1 / -1;display:grid;justify-items:center;text-align:center;margin-top:-.35rem;gap:.8rem}.office-badges{display:flex;align-items:center;gap:.6rem}.office-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#fff;letter-spacing:-.02em;box-shadow:0 14px 32px #081b3a24}.office-badge.ppt{background:linear-gradient(135deg,#f48a1ffa,#f48a1fb8)}.office-badge.xls{background:linear-gradient(135deg,#2ea84ffa,#2ea84fb8)}.office-badge.doc{background:linear-gradient(135deg,#1f67d8fa,#1f67d8b8)}.hero-footline{margin:0;font-size:1.05rem;font-weight:900;letter-spacing:-.03em;color:#163a66}.section-head h2{margin:0;color:var(--navy-900);font-size:clamp(1.52rem,2.8vw,2.25rem);letter-spacing:-.03em}.problem{margin-top:2rem;padding:3rem clamp(1rem,2.2vw,1.65rem) 2rem;background:linear-gradient(180deg,#0e4a9c1a,#1f67d808);border-top:1px solid rgba(31,103,216,.14);border-bottom:1px solid rgba(31,103,216,.14)}.problem .section-head{margin-bottom:.85rem}.problem-context{margin:0;max-width:860px;color:#2f4767;font-size:1rem;line-height:1.62}.problem-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.problem article{border-radius:var(--radius);border:1px solid #d2deee;padding:1.4rem 1.2rem;background:#ffffffdb}.problem h3{margin:0;color:#18763a;font-size:1.05rem;letter-spacing:-.02em}.problem article p{margin:.72rem 0 0;color:#425b79;font-size:.92rem;line-height:1.62}.problem-highlight{margin:.8rem 0 0;color:var(--navy-800);font-weight:800;font-size:1.16rem}.workflow{padding:3.1rem 0}.ribbon{min-height:64px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-bottom:1px solid #dde6f0;background:linear-gradient(120deg,#1f67d81f,#1f67d805)}.ribbon-app{font-size:.9rem;color:#365472;font-weight:800;letter-spacing:-.01em}.ribbon button{border:1px solid rgba(31,103,216,.22);border-radius:12px;background:linear-gradient(120deg,var(--office-blue),#2f8cf5);color:#fff;padding:.48rem .95rem;font-size:.81rem;font-weight:800}.workflow-mockup{margin-top:1.55rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}.workflow-steps{margin-top:1.3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.88rem}.workflow-steps article{background:#f9fbff;border:1px solid #d8e4f2;border-radius:16px;padding:1.15rem}.workflow-steps span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background-color:#1f67d829;color:var(--office-blue);font-size:.83rem;font-weight:800}.workflow-steps h3{margin:.8rem 0 0;font-size:1rem;color:#203654;letter-spacing:-.015em}.workflow-note{margin:1rem 0 0;font-size:.92rem;color:var(--text-muted)}.security{border-radius:calc(var(--radius) + 4px);margin-bottom:4.1rem;padding:3.5rem 2.2rem;background:radial-gradient(circle at 84% 16%,rgba(46,168,79,.22),transparent 34%),radial-gradient(circle at 12% 82%,rgba(31,103,216,.3),transparent 35%),linear-gradient(180deg,#0b2349,#081730);color:#d8e5f5}.security .section-head h2{color:#fff}.security ul{margin:1.4rem 0 0;padding:0;list-style:none;display:grid;gap:.88rem}.security li{padding:.92rem 1rem;border:1px solid rgba(198,222,255,.2);border-radius:12px;background-color:#0619316b;font-size:.95rem;letter-spacing:-.01em}.ai{padding-bottom:4.1rem}.ai-grid{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.ai article{border:1px solid #d8e3f1;border-radius:16px;padding:1.3rem;background-color:#fff}.ai h3{margin:0;font-size:1rem;color:#1c3f71;letter-spacing:-.015em}.ai p{margin:.72rem 0 0;color:#4d6380;font-size:.91rem;line-height:1.62}.ai-note{margin-top:1rem;font-size:.94rem;color:var(--text-muted)}.clients{padding-bottom:4.4rem}.clients-grid{margin-top:1.45rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.82rem}.clients article{padding:1.1rem;border:1px solid #d9e5f4;border-radius:14px;background-color:#f9fbfe}.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:.84rem;font-weight:800;color:#fff;background:linear-gradient(130deg,var(--office-green),#6bcf84)}.clients article:nth-child(2) .icon{background:linear-gradient(130deg,var(--office-blue),#3e95fa)}.clients article:nth-child(3) .icon{background:linear-gradient(130deg,var(--office-orange),#ffad4f)}.clients article:nth-child(4) .icon{background:linear-gradient(130deg,#1d4279,#2f65ad)}.clients h3{margin:.8rem 0 0;font-size:1rem;color:#1b3b6a;letter-spacing:-.01em}footer{width:var(--container);margin:0 auto;padding:1.5rem 0 2.3rem;border-top:1px solid #d8e3f1;display:flex;align-items:center;justify-content:space-between;gap:.9rem}.footer-brand strong{color:#113362;font-size:1rem}.footer-brand p{margin:.36rem 0 0;font-size:.84rem;color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:#355270;font-size:.9rem}.footer-links a:hover{color:var(--office-blue)}@keyframes sceneFloat{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes tileFloat{0%,to{translate:0 0}50%{translate:0 -12px}}@media(prefers-reduced-motion:reduce){.win-back,.win-front,.translate-tile{animation:none!important}}@media(max-width:1020px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:2.1rem;padding-top:2.5rem}.hero-copy{max-width:760px}.problem-grid,.workflow-steps,.ai-grid,.clients-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site{width:calc(100vw - 1.5rem);margin:.85rem auto;border-radius:18px;--container: calc(100% - 1.9rem) }.topbar{min-height:72px}.brand-logo{width:48px;height:48px;border-radius:12px}.brand-kr{font-size:1.02rem}.brand-en{font-size:.78rem}.top-links{display:none}.hero{padding:2.1rem 0 2rem;gap:1.9rem}.hero-sub br{display:none}.hero-scene{height:360px}.win-front{width:90%}.hero-footline{font-size:1rem}.problem{padding:2.45rem .95rem 1.75rem}.workflow,.ai{padding:2.8rem 0}.security{margin-bottom:2.8rem;padding:2.6rem 1.1rem}.problem-grid,.workflow-steps,.ai-grid,.clients-grid{grid-template-columns:1fr}footer{padding:1.1rem 0 1.8rem;flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}