: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{scroll-padding-top:60px}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:1rem;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:1rem;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)}.link-arrow{color:var(--ink);align-items:center;gap:8px;font-size:1rem;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{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{height:40px;color:var(--text-muted);letter-spacing:-.005em;border-radius:10px;align-items:center;padding:0 12px;font-size:1rem;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.nav-link:hover,.nav-link:focus-visible{color:var(--ink);background:#2121210f;outline:none}.nav-cta{background:var(--primary);color:#fff;letter-spacing:-.005em;border-radius:999px;align-items:center;height:40px;margin-left:8px;padding:0 18px;font-size:1rem;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.nav-cta:hover,.nav-cta:focus-visible{background:var(--primary-600);outline: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);padding:10px 14px;font-size:1rem}.nav-cta{justify-content:center;height:auto;margin-top:6px;margin-left:0;padding:12px 16px;font-size:1rem}}.section{padding:68px 0 72px}.section-soft{background:var(--bg-warm)}#pricing{padding-bottom:84px}.section-head{text-align:center;max-width:720px;margin:0 auto 36px}.section-head .eyebrow{margin-bottom:16px}.section-head h2{margin-bottom:10px;line-height:1.4}.section-head p{color:var(--text-muted);margin-top:12px;font-size:1.05rem;line-height:1.7}.section-head-left{text-align:left;max-width:680px;margin:0 0 32px}.section-head-left p{margin-top:16px}.hero{padding:56px 0 64px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:44px;display:grid;position:relative}.hero-copy{text-align:center;flex-direction:column;align-items:center;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-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:4px 0 20px;padding:0;list-style:none;display:flex}.hero-flow-step{border-radius:999px;align-items:center;padding:7px 14px;font-size:.92rem;font-weight:500;line-height:1.2;display:inline-flex}.hero-flow-step--blue{background:var(--primary-50);color:var(--primary-700)}.hero-flow-step--green{color:#2f7a50;background:#e5f3eb}.hero-flow-step--violet{color:#6a3fbf;background:#f1e9fb}.hero-flow-arrow{color:var(--text-subtle);font-size:.92rem;font-weight:700}.hero-desc-newline{display:none}@media (width>=1024px){.hero-desc-newline{display:inline}}.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:1rem;line-height:1.5}.phone-frame-light{background:linear-gradient(160deg, var(--tint-soft-indigo), var(--tint-indigo));color:var(--primary-700)}.section-flow{background:#242a42}.flow-head{text-align:center;max-width:720px;margin:0 auto 36px}.flow-head h2{color:#fff;line-height:1.4}.flow-list{flex-direction:column;gap:38px;margin:0;padding:0;list-style:none;display:flex}.flow-step{border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface);width:100%;max-width:880px;box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;margin:0 auto;padding:32px 24px 0;display:flex;position:relative;overflow:hidden}.flow-step-num{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;align-items:center;font-size:1rem;font-weight:800;display:inline-flex}.flow-step-body{flex-direction:column;flex:1;gap:24px;width:100%;display:flex;position:relative}.flow-flip-face{flex-direction:column;flex:1;gap:24px;display:flex}.flow-step-text{flex-direction:column;gap:12px;width:100%;display:flex}.flow-step-text h3{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.3}.flow-step-text p{color:var(--text-muted);font-size:1.05rem;line-height:1.7}.flow-bullets{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.flow-bullets li{color:var(--text);padding-left:16px;font-size:1rem;line-height:1.6;position:relative}.flow-bullets li:before{content:"";background:var(--primary-300);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.flow-link{border:1px solid var(--primary-100);background:var(--surface);color:var(--primary);letter-spacing:-.005em;cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:6px;padding:9px 16px;font-size:1rem;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.flow-link:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-1px)}.flow-link-back{border-color:var(--border);color:var(--text-muted);background:0 0}.flow-link-back:hover{background:var(--bg-soft);border-color:var(--text-subtle);color:var(--ink)}.flow-link-arrow{font-weight:700}.flow-samples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.flow-samples-label{width:100%;color:var(--text-muted);letter-spacing:-.005em;margin-bottom:2px;font-size:.92rem;font-weight:600}.flow-sample{color:var(--primary);background:#5367d81f;border:1px solid #5367d838;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.88rem;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.flow-sample:hover{background:#5367d833;border-color:#5367d866;transform:translateY(-1px)}.flow-sample svg{flex-shrink:0}.flow-step-visual{justify-content:center;align-items:flex-end;width:100%;margin-top:auto;display:flex}.flow-shot-placeholder{border-radius:var(--r-lg);width:100%;min-height:260px;color:var(--text-muted);letter-spacing:-.005em;text-align:center;background:repeating-linear-gradient(135deg,#ffffff73 0 12px,#ffffff38 12px 24px);border:1px dashed #2121212e;place-items:center;padding:24px;font-size:1rem;font-weight:600;display:grid}.flow-step-visual picture{display:contents}.flow-shot{object-fit:cover;object-position:top center;width:100%;max-width:320px;height:280px;display:block}.flow-flip-back .flow-shot{height:240px}@media (width<=599px){.flow-shot{height:292px}.flow-flip-back .flow-shot{height:258px}.flow-step:nth-child(2) .flow-shot{height:292px}.flow-step{min-height:536px}.flow-step:has(.flow-flip.is-flipped){min-height:620px}}.excel-mock{background:var(--surface);border-radius:18px 18px 8px 8px;width:100%;max-width:320px;font-size:.84rem;overflow:hidden;box-shadow:0 18px 36px #21212124}.excel-mock-head{background:var(--primary);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}.flow-flip{flex-direction:column;flex:1;display:flex;position:relative}.flow-flip-face{transition:opacity .24s}.flow-flip-back,.flow-flip.is-flipped .flow-flip-front{display:none}.flow-flip.is-flipped .flow-flip-back{display:flex}.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:1rem;line-height:1.65}.section-compare{background:var(--bg)}.compare-table{flex-direction:column;gap:12px;max-width:920px;margin:0 auto;display:flex}.compare-head{display:none}.compare-row{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.compare-cell{align-items:baseline;gap:10px;font-size:1rem;line-height:1.55;display:flex}.compare-cell-others{color:var(--text-muted)}.compare-cell-ours{color:var(--primary);font-weight:500}.compare-cell-ours strong{font-weight:inherit}.compare-text{flex:1;min-width:0}.compare-source{box-sizing:border-box;text-align:center;letter-spacing:-.005em;border-radius:999px;flex-shrink:0;width:76px;padding:3px 8px;font-size:.85rem;font-weight:700}.compare-source-others{background:var(--bg-soft);color:var(--text-subtle)}.compare-source-ours{color:var(--primary);background:#5367d824}.compare-mark{border-radius:999px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;display:none}.compare-mark svg{display:block}.compare-mark-x{background:var(--bg-soft);color:var(--text-subtle)}.compare-mark-check{background:var(--primary);color:#fff}.compare-lead em{color:var(--primary);font-style:normal;font-weight:700}.pricing-grid{grid-template-columns:1fr;gap:32px;max-width:920px;margin:0 auto;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);flex-direction:column;gap:22px;padding:28px 24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card-free{background:linear-gradient(170deg, #fff 60%, var(--bg-soft))}.pricing-card-pro{background:linear-gradient(160deg, #fff 22%, var(--tint-indigo));border-color:var(--primary-100);padding-top:40px;box-shadow:0 18px 38px #5367d824}.pricing-card-badge{background:var(--primary);color:#fff;letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;padding:7px 16px;font-size:1rem;font-weight:700;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #5367d852}.pricing-card-head{flex-direction:column;gap:6px;display:flex}.pricing-card-name{letter-spacing:-.01em;color:var(--text-muted);align-items:center;font-size:1.35rem;font-weight:800;display:inline-flex}.pricing-card-pro .pricing-card-name{color:var(--primary)}.pricing-card-tag{color:var(--text-muted);font-size:1rem;line-height:1.55}.pricing-card-priceblock{border-bottom:1px dashed var(--border);align-items:baseline;gap:12px;padding-bottom:18px;display:flex}.pricing-card-num{letter-spacing:-.035em;color:var(--ink);font-size:2.4rem;font-weight:800;line-height:1}.pricing-card-num small{margin-left:2px;font-size:1.2rem;font-weight:700}.pricing-card-pro .pricing-card-num{color:var(--primary)}.pricing-card-priceSub{color:var(--text-subtle);font-size:1rem;font-weight:600}.pricing-card-pro .pricing-card-priceblock{border-bottom-color:var(--primary-100)}.pricing-price-strike{color:var(--text-subtle);font-size:1rem;font-weight:500;-webkit-text-decoration:line-through #8e8e8eb3;text-decoration:line-through #8e8e8eb3}.pricing-pro-list{flex-direction:column;gap:12px;display:flex}.pricing-pro-list-label{letter-spacing:.02em;color:var(--primary);text-transform:uppercase;font-size:1rem;font-weight:700}.pricing-features{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--text);align-items:flex-start;gap:10px;font-size:1rem;line-height:1.45;display:flex}.pricing-check{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:inline-flex}.pricing-check-free{background:var(--tint-mint);color:var(--accent-success)}.pricing-check-pro{background:var(--primary);color:#fff}.pricing-trial-badge{color:var(--accent-success);letter-spacing:0;background:#e2eee7;border-radius:6px;margin-left:10px;padding:4px 8px;font-size:.84rem;font-weight:600}.pricing-card-note{color:var(--text-subtle);font-size:.92rem;line-height:1.5}.faq-section{background:#2c3450;padding-bottom:40px}.faq-section .section-head{margin-bottom:28px}.faq-section .section-head h2{color:#fff}.faq-list{border-top:1px solid #ffffff1a;max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid #ffffff1a}.faq-item:last-child{border-bottom:0}.faq-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 4px;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-q{letter-spacing:-.01em;color:#fff;align-items:flex-start;gap:8px;font-size:1rem;font-weight:700;line-height:1.45;display:flex}.faq-q-label{color:var(--primary-light);flex-shrink:0;font-weight:800}.faq-q-text{flex:1}.faq-chevron{color:#ffffff8c;flex-shrink:0;margin-top:8px;transition:transform .24s,color .24s}.faq-item[open] .faq-chevron{color:var(--primary-light);transform:rotate(180deg)}.faq-answer{padding:0 4px 22px 28px}.faq-answer p{color:#ffffffb8;font-size:1rem;line-height:1.75}@media (width>=600px){.faq-section{padding-bottom:56px}.faq-section .section-head{margin-bottom:36px}.faq-summary{gap:20px;padding:24px 6px}.faq-q{font-size:1.08rem}.faq-answer{padding:0 6px 26px 34px}.faq-answer p{font-size:1rem}}.footer{border-top:1px solid var(--border-soft);color:var(--text-subtle);background:var(--bg-warm);padding:40px 0 36px;font-size:1rem}.footer-inner{flex-direction:column;gap:24px;display:flex}.footer-brand p{color:var(--text-muted);max-width:320px;margin-top:8px;font-size:1rem;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:72px 0 88px}#pricing{padding-bottom:84px}.section-head{margin-bottom:48px}.section-head p{font-size:1.1rem}.nav-inner{height:64px}.nav-link,.nav-cta{font-size:.94rem}html{scroll-padding-top:64px}.hero{padding:36px 0 80px}.hero-desc{font-size:1.1rem}.hero-stack{max-width:380px}.flow-list{gap:28px}.flow-step{gap:20px;padding:44px 36px 0}.flow-step-num{font-size:1.04rem}.flow-step-body,.flow-flip-face{gap:32px}.flow-step-text h3{font-size:1.65rem}.flow-shot-placeholder{max-width:360px;min-height:280px}.compare-table{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);gap:0;overflow:hidden}.compare-head,.compare-row{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr 1fr;grid-template-areas:"others ours";gap:0;padding:0;display:grid}.compare-row{border-top:1px solid var(--border-soft)}.compare-head{letter-spacing:-.005em;font-size:.9rem;font-weight:700}.compare-head-others{color:var(--text-subtle);grid-area:others;padding:18px 26px}.compare-head-ours{color:var(--primary);grid-area:ours;padding:18px 26px}.compare-cell{border-right:0;border-radius:0;flex-wrap:nowrap;align-items:center;gap:10px;padding:22px 26px;font-size:.94rem}.compare-cell-others{color:var(--text-subtle);background:0 0;border-right:0;grid-area:others;padding-right:26px}.compare-cell-ours{color:var(--primary);background:linear-gradient(#eef1fb8c,#dde4f773);grid-area:ours;font-weight:600}.compare-source{display:none}.compare-mark{display:inline-grid}.pricing-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:22px}.pricing-card{gap:26px;padding:36px 30px}.pricing-card-name{font-size:1.5rem}.pricing-card-num{font-size:2.7rem}.pricing-card-num small{font-size:1.35rem}.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:100px 0 120px}#pricing{padding-bottom:92px}.section-head{margin-bottom:60px}.section-head p{font-size:1.18rem}.hero{padding:12px 0 112px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:80px}.hero-copy{text-align:left;align-items:flex-start}.hero-flow{justify-content:flex-start;gap:9px;margin-bottom:24px;margin-left:-8px}.hero-desc{max-width:560px;font-size:1.18rem;line-height:1.7}.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}.flow-head{margin-bottom:56px}.flow-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.flow-step{gap:20px;max-width:none;margin:0;padding:40px 28px 0}.flow-step-num{font-size:1rem}.flow-step-body,.flow-flip-face{gap:28px}.flow-step-text h3{font-size:1.45rem}.flow-step-text p{font-size:1rem}.flow-link{font-size:.92rem}.flow-bullets li{font-size:.96rem}.flow-shot-placeholder{max-width:none;min-height:260px}.flow-shot{max-width:280px;height:300px}.flow-flip-back .flow-shot{height:220px}.compare-head,.compare-row{grid-template-columns:1fr 1fr}.compare-head{font-size:.95rem}.compare-head-others,.compare-head-ours{padding:20px 36px}.compare-cell{padding:26px 36px;font-size:1rem}.compare-mark{width:22px;height:22px}.compare-mark svg{width:12px;height:12px}.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-card{gap:30px;padding:44px 36px}.pricing-card-num{font-size:3rem}.pricing-card-num small{font-size:1.5rem}.footer{padding:56px 0 40px}}.footer{padding-bottom:calc(16px + 80px + env(safe-area-inset-bottom,0px))}.sticky-cta{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;background:linear-gradient(120deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;letter-spacing:-.005em;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:min(100% - 80px,420px);height:56px;padding:0 28px;font-size:1.02rem;font-weight:700;transition:transform .16s,filter .16s;display:inline-flex;position:fixed;transform:translate(-50%)}.sticky-cta:hover,.sticky-cta:focus-visible{filter:brightness(1.03);outline:none;transform:translate(-50%)translateY(-1px)}.sticky-cta:active{filter:brightness(.97);transform:translate(-50%)translateY(0)}.sticky-cta-arrow{font-weight:800;transition:transform .18s}.sticky-cta:hover .sticky-cta-arrow,.sticky-cta:focus-visible .sticky-cta-arrow{transform:translate(3px)}@media (width>=1024px){.footer{padding-bottom:calc(16px + 92px + env(safe-area-inset-bottom,0px))}.sticky-cta{width:auto;min-width:380px;height:60px;padding:0 44px;font-size:1.06rem;bottom:24px}}@media (prefers-reduced-motion:reduce){.sticky-cta,.sticky-cta-arrow{transition:none}}