:root{--bg:#fafafa;--bg-soft:#f4f5f8;--bg-warm:#eff1f8;--surface:#fff;--tint-indigo:#dde4f7;--tint-violet:#e0d7f0;--tint-mint:#d8eae0;--tint-soft-indigo:#eef1fb;--tint-soft-violet:#f1ecfa;--primary:#5367d8;--primary-light:#829beb;--primary-50:#eef1fb;--primary-100:#dde4f7;--primary-200:#bbc9ef;--primary-300:#98aee7;--primary-600:#4456c2;--primary-700:#3645a0;--ink:#1a1a1a;--text:#212121;--text-muted:#5a5a5a;--text-subtle:#8e8e8e;--border:#e2e2e2;--border-soft:#eceef0;--accent-success:#53b478;--accent-violet:#8953e0;--accent-amber:#e77b00;--accent-rose:#d85353;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-2xl:36px;--shadow-sm:0 1px 2px #2121210a;--shadow-md:0 8px 22px #2121210f;--shadow-lg:0 22px 50px #2121211a;--shadow-xl:0 36px 80px #21212124;--max-w:1180px;--gutter:14px;--font:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-feature-settings:"ss01", "tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:break-word;margin:0;padding:0;font-size:16px;line-height:1.65;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.022em;color:var(--ink);font-size:2.15rem;font-weight:800;line-height:1.18}h2{letter-spacing:-.02em;color:var(--ink);font-size:1.7rem;font-weight:700;line-height:1.22}h3{letter-spacing:-.012em;color:var(--ink);font-size:1.1rem;font-weight:700;line-height:1.4}p{line-height:1.65}.page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{max-width:var(--max-w);padding-inline:var(--gutter);margin:0 auto}.eyebrow{background:var(--surface);color:var(--primary);border:1px solid var(--primary-100);letter-spacing:-.005em;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:600;display:inline-flex}.eyebrow-pill{background:var(--surface);border-color:var(--primary-100)}.btn{letter-spacing:-.005em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:transform .16s,box-shadow .24s,background .24s,color .24s,border-color .24s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #5367d847}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 14px 28px #5367d85c}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 8px 18px #2121212e}.btn-dark:hover{background:#2a2a2a;transform:translateY(-1px);box-shadow:0 12px 24px #21212138}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:var(--bg-soft);border-color:var(--primary-200)}.btn-lg{padding:14px 24px;font-size:1rem}.btn-block{width:100%}.btn-arrow{transition:transform .2s;display:inline-block}.btn:hover .btn-arrow{transform:translate(3px)}.store-badge{transition:transform .16s,opacity .16s;display:inline-block}.store-badge img{width:auto;max-width:100%;height:52px;display:block}.store-badge:hover{opacity:.92;transform:translateY(-2px)}.link-arrow{color:var(--ink);align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:gap .2s,color .16s;display:inline-flex}.link-arrow:hover{color:var(--primary);gap:12px}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.nav{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border-soft);background:#fafafad1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{letter-spacing:-.005em;color:#4b5cb6;align-items:center;gap:11px;font-size:1.3rem;font-weight:700;display:flex}.brand-mark{background:url(/icon_circle.png) 50%/cover no-repeat;border-radius:50%;width:26px;height:26px}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.nav-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#2121210a;border-radius:10px;justify-content:center;align-items:center;transition:background .16s,border-color .16s;display:none}.nav-toggle:hover,.nav-toggle:focus-visible{border-color:var(--text-subtle);background:#21212114;outline:none}.nav-links{align-items:center;gap:14px;display:flex}.nav-link{height:40px;color:var(--text-muted);letter-spacing:-.005em;border-radius:10px;align-items:center;margin-right:8px;padding:0 12px;font-size:.92rem;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.nav-link:hover,.nav-link:focus-visible{color:var(--ink);background:#2121210f;outline:none}.nav-store-badge{align-items:center;display:inline-flex}.nav-store-badge img{width:auto;height:45px}.nav-store-row{display:none}@media (width<=599px){.nav-toggle{display:inline-flex}.nav-links{-webkit-backdrop-filter:saturate(180%)blur(18px);border:1px solid var(--border-soft);background:#fffffff2;border-radius:18px;flex-direction:column;align-items:stretch;gap:4px;min-width:200px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #2121212e}.nav-actions:not([data-open]) .nav-links{display:none}.nav-link{height:auto;color:var(--ink);margin-right:0;padding:10px 14px;font-size:.95rem}.nav-store-badge img{display:none}.nav-store-badge{color:var(--ink);border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:600;transition:background .16s}.nav-store-badge:hover,.nav-store-badge:focus-visible{background:#2121210f;outline:none}.nav-store-row{align-items:center;gap:10px;display:inline-flex}.nav-store-row .nav-store-icon{color:var(--primary);flex-shrink:0}.key-card.key-card-mint{gap:14px}.key-card-mint .key-shot{height:280px}}.section{padding:64px 0}.section-soft{background:var(--bg-warm)}.section-head{text-align:center;max-width:720px;margin:0 auto 36px}.section-head .eyebrow{margin-bottom:16px}.section-head p{color:var(--text-muted);margin-top:16px;font-size:1rem}.section-head-left{text-align:left;max-width:680px;margin:0 0 32px}.section-head-left p{margin-top:16px}.hero{padding:32px 0 48px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:44px;display:grid;position:relative}.hero-copy{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-copy>.eyebrow{margin-bottom:18px}.hero-copy h1{margin-bottom:18px;line-height:1.35}.hero-gradient{background:linear-gradient(120deg, var(--primary) 0%, var(--primary-light) 60%, var(--accent-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-muted);max-width:540px;font-size:1.05rem;line-height:1.7}.hero-desc-newline{display:none}@media (width>=1024px){.hero-desc-newline{display:inline}}.hero-actions{flex-wrap:nowrap;justify-content:flex-start;gap:14px;margin-top:28px;display:flex}.hero-visual{justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.hero-stack{width:100%;max-width:320px;margin:0 auto;position:relative}.hero-screenshot{width:72%;height:auto;margin-left:auto;display:block}.hero-clockin{transform-origin:50%;background:#fff;border:1px solid #2121210a;border-radius:22px;width:45%;animation:4.5s ease-in-out infinite clockinFloat;position:absolute;top:30%;bottom:auto;left:5%;overflow:hidden;box-shadow:0 1px 2px #2121210a,0 12px 24px #2121211a,0 28px 48px #21212124}.hero-clockin img{width:100%;height:auto;display:block}@keyframes clockinFloat{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.hero-clockin{animation:none;transform:rotate(-4deg)}}.phone-frame{z-index:1;aspect-ratio:9/19.5;background:linear-gradient(160deg, var(--primary), var(--primary-700));width:min(260px,75%);box-shadow:var(--shadow-xl);color:#ffffffd6;letter-spacing:-.005em;text-align:center;border-radius:32px;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative;overflow:hidden}.phone-frame:after{content:"";background:#00000073;border-radius:999px;width:86px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-frame img{object-fit:cover;width:100%;height:100%}.phone-frame .placeholder{opacity:.85;padding:0 20px;font-size:.88rem;line-height:1.5}.phone-frame-light{background:linear-gradient(160deg, var(--tint-soft-indigo), var(--tint-indigo));color:var(--primary-700)}.section-key{padding-top:24px}.key-head{text-align:center;max-width:720px;margin:0 auto 32px}.key-head .eyebrow{margin-bottom:16px}.key-head h2{margin-bottom:16px;line-height:1.4}.key-head p{color:var(--text-muted);font-size:1rem;line-height:1.7}.key-grid{grid-template-columns:1fr;gap:24px;display:grid}.key-card{border-radius:var(--r-2xl);border:1px solid #2121210a;flex-direction:column;gap:24px;min-height:380px;padding:28px 24px 0;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;display:flex;position:relative;overflow:hidden}.key-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.key-card-indigo{background:var(--tint-indigo)}.key-card-violet{background:var(--tint-violet)}.key-card-mint{background:var(--tint-mint)}.key-card-body{flex-direction:column;gap:14px;display:flex}.key-card-tag{color:var(--ink);letter-spacing:0;background:#21212114;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.key-card-indigo .key-card-tag{color:var(--primary);background:#5367d824}.key-card-violet .key-card-tag{color:var(--accent-violet);background:#8953e024}.key-card-mint .key-card-tag{color:var(--accent-success);background:#53b47829}.key-card h3{letter-spacing:-.022em;font-size:1.45rem;font-weight:700;line-height:1.25}.key-card p{color:var(--text-muted);max-width:320px;font-size:.98rem;line-height:1.65}.key-card-samples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.key-card-samples-label{width:100%;color:var(--text-muted);letter-spacing:-.005em;margin-bottom:2px;font-size:.82rem;font-weight:600}.key-card-sample{color:var(--accent-violet);background:#8953e01f;border:1px solid #8953e038;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.86rem;font-weight:700;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.key-card-sample:hover{background:#8953e033;border-color:#8953e066;transform:translateY(-1px)}.key-card-sample svg{flex-shrink:0}.key-card-visual{flex:1;justify-content:center;align-items:flex-end;min-height:200px;padding-top:8px;display:flex;position:relative}.gps-mock{place-items:center;width:100%;height:100%;min-height:220px;display:grid;position:relative}.gps-ring{border:1.5px solid var(--primary-300);opacity:.6;border-radius:50%;position:absolute}.gps-ring-1{width:90px;height:90px;animation:3s ease-in-out infinite ringPulse}.gps-ring-2{opacity:.4;width:150px;height:150px;animation:3s ease-in-out -1s infinite ringPulse}.gps-ring-3{opacity:.2;width:220px;height:220px;animation:3s ease-in-out -2s infinite ringPulse}.gps-pin{z-index:2;background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 12px 28px #5367d866}.gps-toast{background:var(--surface);color:var(--ink);border:1px solid var(--border-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.84rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #2121211a}.gps-toast-dot{background:var(--accent-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #53b47838}@keyframes ringPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.excel-mock{background:var(--surface);border-radius:18px 18px 8px 8px;align-self:flex-end;width:100%;max-width:320px;font-size:.84rem;overflow:hidden;box-shadow:0 18px 36px #21212124}.excel-mock-head{background:var(--accent-violet);color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.excel-mock-tab{font-size:.84rem;font-weight:700}.excel-mock-dl{background:#ffffff2e;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.excel-mock-row{border-bottom:1px solid var(--border-soft);color:var(--text-muted);grid-template-columns:1.1fr .7fr .8fr .7fr;gap:6px;padding:10px 16px;font-size:.8rem;display:grid}.excel-mock-row:last-child{border-bottom:0}.excel-mock-row span{font-variant-numeric:tabular-nums}.excel-mock-row-head{background:var(--bg-soft);color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:700}.excel-mock-row-total{background:var(--tint-soft-violet);color:var(--ink);font-weight:700}.key-card-visual picture{display:contents}.key-shot{object-fit:cover;object-position:top center;filter:drop-shadow(0 -4px 22px #21212114)drop-shadow(0 14px 28px #2121211a);align-self:flex-end;width:100%;max-width:290px;height:260px;display:block;transform:translateY(4px)}.features-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=600px){.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.br-mobile-only{display:none}}@media (width>=800px){.features-grid{grid-template-columns:repeat(4,1fr);gap:18px}.feature-card h3{margin-bottom:14px}}.feature-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:24px 22px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200);transform:translateY(-2px)}.feature-icon{background:var(--tint-soft-indigo);border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.feature-icon img{object-fit:contain;width:28px;height:28px;display:block}.feature-icon--ai img,.feature-icon--notification img{width:22px;height:22px}.feature-card h3{margin-bottom:6px}.feature-card-sub{color:var(--text-muted);letter-spacing:0;font-size:.78em;font-weight:500}@media (width>=800px){.feature-card-sub{margin-top:2px;display:block}}.feature-card p{color:var(--text-muted);font-size:.96rem;line-height:1.65}.pricing-main{width:100%;max-width:880px;margin:0 auto 18px}.pricing-perk{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);flex-direction:column;gap:24px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex}.pricing-perk:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-perk-indigo{background:linear-gradient(160deg, #fff 25%, var(--tint-indigo));border-color:var(--primary-100);box-shadow:0 18px 38px #5367d824}.pricing-perk.pricing-perk-indigo{padding:36px 28px}.pricing-perk-indigo .pricing-perk-num{color:var(--primary)}.pricing-perk-num{letter-spacing:-.035em;color:var(--ink);font-size:2.4rem;font-weight:800;line-height:1}.pricing-perk-num small{margin-left:2px;font-size:1.2rem;font-weight:700}.pricing-perk-badge{background:var(--primary);color:#fff;letter-spacing:0;border-radius:999px;align-self:flex-start;align-items:center;margin-top:-10px;margin-bottom:6px;margin-left:-10px;padding:6px 12px;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #5367d847}@media (width>=600px){.pricing-perk-badge{align-self:center;margin-top:-12px;margin-left:0;padding:8px 18px;font-size:.95rem}}.pricing-perk-prices{grid-template-columns:1fr;align-items:end;gap:0;display:grid}.pricing-perk-pricecol{flex-direction:column;align-items:flex-start;gap:4px;line-height:1;display:flex}.pricing-perk-pricecol+.pricing-perk-pricecol{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.pricing-perk-label{letter-spacing:.02em;color:var(--text-subtle);margin-bottom:4px;font-size:.86rem;font-weight:700}@media (width>=600px){.pricing-perk-label{font-size:.95rem}.pricing-perk-prices{grid-template-columns:1fr 1fr;gap:0}.pricing-perk-pricecol{text-align:center;align-items:center;padding:0 24px}.pricing-perk-pricecol+.pricing-perk-pricecol{border-top:none;border-left:1px solid var(--border);margin-top:0;padding-top:0}}.pricing-perk-strike{color:var(--text-subtle);font-size:.92rem;font-weight:500;-webkit-text-decoration:line-through #8e8e8eb3;text-decoration:line-through #8e8e8eb3}.pricing-perk-note{color:var(--text-subtle);margin-top:6px;font-size:.82rem;line-height:1.5}.pricing-perk-note+.pricing-perk-note{margin-top:-20px}@media (width>=600px){.pricing-perk-note{text-align:center}.pricing-perk-note+.pricing-perk-note{margin-top:-24px}}.footer{border-top:1px solid var(--border-soft);color:var(--text-subtle);background:var(--bg-warm);margin-top:56px;padding:40px 0 36px;font-size:.86rem}.footer-inner{flex-direction:column;gap:24px;display:flex}.footer-brand p{color:var(--text-muted);max-width:320px;margin-top:8px;font-size:.92rem;line-height:1.6}.footer-bottom{flex-direction:column;gap:14px;display:flex}.footer-info{flex-direction:column;gap:6px;font-size:.84rem;line-height:1.7;display:flex}.footer-copy{color:var(--text-subtle);font-size:.84rem}@media (width>=600px){:root{--gutter:18px}h1{font-size:2.85rem}h2{font-size:2.1rem}h3{font-size:1.15rem}.section{padding:88px 0}.section-head{margin-bottom:48px}.section-head p{font-size:1.04rem}.nav-inner{height:64px}.hero{padding:36px 0 56px}.hero-desc{font-size:1.1rem}.hero-stack{max-width:380px}.key-grid{grid-template-columns:repeat(2,1fr);gap:18px}.key-grid>.key-card:last-child{grid-column:span 2;min-height:340px}.key-card{padding:30px 28px 0}.key-card h3{font-size:1.55rem}.pricing-perk.pricing-perk-indigo{padding:44px 32px}.pricing-perk-num{font-size:2.8rem}.pricing-perk-num small{font-size:1.4rem}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}}@media (width>=1024px){:root{--gutter:26px}h1{font-size:3.6rem;line-height:1.1}h2{font-size:2.6rem}h3{font-size:1.2rem}.nav-inner{height:68px}.brand{gap:12px;font-size:1.4rem}.brand-mark{width:28px;height:28px}.section{padding:120px 0}.section-head{margin-bottom:60px}.section-key{padding-top:100px}.hero{padding:12px 0 80px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:80px}.hero-desc{max-width:560px;font-size:1.18rem;line-height:1.7}.hero-actions{gap:14px;margin-top:32px}.hero-visual{min-height:540px}.hero-stack{max-width:540px}.hero-screenshot{margin-top:96px}.hero-clockin{border-radius:26px;top:42%;left:4%;box-shadow:0 1px 2px #2121210a,0 18px 32px #2121211f,0 36px 64px #2121212e}.phone-frame{border-radius:38px;width:min(300px,100%)}.phone-frame:after{width:100px;height:24px;top:14px}.phone-frame .placeholder{font-size:.96rem}.key-head{margin-bottom:56px}.key-grid{grid-template-columns:repeat(3,1fr);gap:20px}.key-grid>.key-card:last-child{grid-column:span 1;min-height:460px}.key-card{min-height:460px;padding:36px 32px 0}.key-card-violet{gap:12px}.key-card-violet .key-card-visual{padding-top:0}.key-card h3{font-size:1.65rem}.key-card p{font-size:1rem}.gps-mock{min-height:260px}.key-shot{max-width:300px;height:320px}.gps-ring-1{width:110px;height:110px}.gps-ring-2{width:180px;height:180px}.gps-ring-3{width:260px;height:260px}.gps-pin{width:54px;height:54px}.feature-card{padding:28px 26px}.feature-icon{width:48px;height:48px}.feature-icon img{width:32px;height:32px}.feature-icon--ai img,.feature-icon--notification img{width:26px;height:26px}.pricing-perk{gap:32px}.pricing-perk.pricing-perk-indigo{padding:52px 36px}.pricing-perk-num{font-size:3.1rem}.pricing-perk-num small{font-size:1.55rem}.footer{margin-top:88px;padding:56px 0 40px}}