:root{--ground:#EDEEEA;--ink:#16181A;--muted:#4E525A;--line:#c9ccc5;--blue:#2247C4;--purple:#6B3FC4;--panel:#e3e5df;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.8 "IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0 0 18px}h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.045em;line-height:1.25}h1{font-size:clamp(42px,5.3vw,72px);font-weight:700}h2{font-size:clamp(30px,3.4vw,44px)}h3{font-size:24px}small,.fine{font-size:13px;color:var(--muted);line-height:1.8}.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}.wrap{max-width:var(--max);margin:auto;padding-inline:32px}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--ink);color:white}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.nav{max-width:1440px;margin:auto;padding:18px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.04em}.brand img{border-radius:9px}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.nav nav{display:flex;align-items:center;gap:24px;font-size:14px}.nav nav a{min-height:44px;display:inline-flex;align-items:center;gap:16px}.nav [aria-current=page]{font-weight:700}.nav-cta{background:var(--ink);color:var(--ground);border-radius:99px;padding:8px 20px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:40px;padding-top:76px;padding-bottom:80px}.eyebrow{font-size:11px;letter-spacing:.08em;display:flex;align-items:center;gap:9px;margin-bottom:22px;color:var(--muted);font-weight:500}.dot{width:7px;height:7px;background:var(--blue);border-radius:100%;display:inline-block}.hero h1{margin-bottom:26px}.lead{font-size:20px;color:var(--muted);line-height:1.7}.lead strong{color:var(--ink)}.sub{color:var(--muted);font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 18px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:24px;border:1px solid var(--line);border-radius:99px;padding:12px 22px;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);text-decoration:none;background:var(--panel)}.button.primary{color:white;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:#18399d}.fine span{margin-left:12px}.desktop{border:1px solid #bfc3ba;border-radius:22px;background:#e2e5e0;box-shadow:0 20px 45px #16181a0f;overflow:hidden;transform:rotate(-2deg)}.desktop-top{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.04em}.tray{display:flex;align-items:center;gap:5px}.pet{position:relative;display:block;width:80px;height:80px}.pet img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:0;animation:pet-frame 1.2s steps(1,end) infinite}.pet img:nth-child(2){animation-delay:.3s}.pet img:nth-child(3){animation-delay:.6s}.pet img:nth-child(4){animation-delay:.9s}@keyframes pet-frame{0%,24.9%{opacity:1}25%,100%{opacity:0}}.tray .pet{width:30px;height:30px}.desktop-body{position:relative;padding:34px 32px 0;min-height:350px;background-image:linear-gradient(#16181a06 1px,transparent 1px),linear-gradient(90deg,#16181a06 1px,transparent 1px);background-size:24px 24px}.focus-card{background:#f4f5f0;border:1px solid #ccd0c7;border-radius:16px;padding:20px 24px;max-width:245px;box-shadow:0 8px 18px #16181a08}.focus-card .eyebrow{margin-bottom:5px}.timer{display:block;font-size:48px;letter-spacing:-.055em}.focus-card p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0 0 15px}.focus-pill{background:#e0e6f8;color:var(--blue);border-radius:99px;display:inline-flex;align-items:center;gap:8px;padding:4px 12px;font-size:10px;letter-spacing:.06em}.big-pet{position:absolute;right:24px;bottom:42px}.big-pet .pet{width:120px;height:120px}.pet-note{position:absolute;right:22px;bottom:166px;background:var(--ink);color:var(--ground);border-radius:12px 12px 2px 12px;padding:8px 13px;font-size:12px}.desktop-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:65px;padding:10px 0}.mock-note{background:#d9ddd4;font-size:10px;color:var(--muted);padding:12px 20px;margin:0;line-height:1.7}.strip{border-block:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:18px;font-size:12px;color:var(--muted)}.section{padding-top:88px;padding-bottom:88px}.section-heading{margin-bottom:36px}.section-heading h2{margin-bottom:18px}.section-heading>p:last-child{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.feature{padding:28px;min-width:0}.feature+.feature{border-left:1px solid var(--line)}.number{font-size:11px;color:var(--blue);display:block;margin-bottom:30px}.feature h3{font-size:21px;margin-bottom:16px}.feature p{font-size:14px;color:var(--muted);min-height:100px}.pet-track{height:100px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.pet-track .mono{font-size:9px;margin-bottom:15px}.meters{height:100px;display:flex;flex-direction:column;gap:12px;justify-content:center}.meters div{display:flex;align-items:center;gap:12px;font:10px "IBM Plex Mono",monospace}.meters span{width:64px}.meters i{width:60%;height:8px;border-radius:99px;background:linear-gradient(to right,var(--blue) 35%,#d5d9cf 35%)}.meters div:nth-child(2) i{background:linear-gradient(to right,var(--purple) 65%,#d5d9cf 65%)}.meters div:nth-child(3) i{background:linear-gradient(to right,var(--blue) 18%,#d5d9cf 18%)}.feature small{font-size:10px}.growth{height:100px;display:flex;align-items:center;justify-content:space-between;gap:7px}.growth span{border-radius:99px;background:#dfd8ee;color:var(--purple);font-size:12px;padding:9px 12px}.growth i{font-style:normal;color:var(--muted)}.focus-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-block:60px;border-block:1px solid var(--line)}.focus-section h2{margin-bottom:22px}.focus-section p:not(.eyebrow){color:var(--muted);font-size:15px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:14px;font-weight:500}.focus-section small{display:block;margin-top:15px;font-size:12px}.focus-visual{background:#dfdaeb;border-radius:22px;padding:42px;text-align:center;border:1px solid #c9c0db}.focus-visual>span{font-size:10px;letter-spacing:.1em;color:var(--purple)}.focus-visual strong{display:block;font-size:clamp(56px,7vw,86px);letter-spacing:-.08em;line-height:1.7}.focus-visual strong span{color:var(--purple)}.focus-steps{display:flex;justify-content:center;gap:8px}.focus-steps span{font-size:12px;border:1px solid #bfb2d2;padding:6px 16px;border-radius:99px}.focus-visual p{font-size:11px!important;margin:20px 0 0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}.plans article{border:1px solid var(--line);border-radius:18px;padding:32px}.tag{display:inline-block;font:10px "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--blue);background:#dce2f1;padding:8px 12px;border-radius:99px;margin-bottom:22px}.tag.purple{color:var(--purple);background:#dfd8ee}.plans h3{margin-bottom:16px}.plans p{font-size:15px;color:var(--muted);margin:0}.plans strong{color:var(--ink)}.final-cta{border-top:1px solid var(--line);text-align:center;padding-block:68px 88px}.final-cta img{border-radius:16px;margin:0 auto 22px}.final-cta h2{margin-bottom:18px}.final-cta p{color:var(--muted)}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:32px 48px}footer .brand{font-size:20px}footer div{display:flex;flex-wrap:wrap;gap:10px 24px;margin-block:18px;font-size:12px}footer div a{min-height:44px;display:inline-flex;align-items:center}footer p{font-size:11px;color:var(--muted);margin:0}.download-main{padding-top:65px;padding-bottom:70px}.download-main h1{margin-bottom:24px}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:44px 0 24px}.store-card{padding:32px;border:1px solid var(--line);border-radius:22px;background:#e6e9e5}.store-card.windows{background:#e6e2ec}.store-card h2{font-size:40px;margin-bottom:14px}.store-card>p{color:var(--muted);font-size:15px}.store-card dl{padding:18px 0;margin:24px 0;border-block:1px solid var(--line);font-size:14px}.store-card dl div{display:flex;gap:16px;margin:10px 0}.store-card dt{width:100px;flex:none;color:var(--muted)}.store-card dd{margin:0}.store-card dd small{display:block;font-size:11px}.store-card .button{width:100%;margin-top:6px}.purple-button{background:var(--purple);border-color:var(--purple);color:white}.purple-button:hover{background:#56329e}.download-help{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;padding:64px 0 30px}.download-help h2{font-size:28px;margin-bottom:22px}.download-help ol{padding-left:22px;font-size:15px;color:var(--muted)}.download-help li{padding-left:8px;margin-bottom:15px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;min-height:44px;font-size:15px;font-weight:500;align-content:center}.faq p{font-size:14px;color:var(--muted);margin:10px 0}.faq p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.hero{gap:25px}.actions{gap:8px}.button{padding:12px 18px}.desktop-body{padding:25px 20px 0}.big-pet{right:10px}.big-pet .pet{width:90px;height:90px}.pet-note{right:10px;bottom:138px}.focus-section{gap:36px}.feature{padding:22px}.feature p{min-height:130px}.growth span{padding:7px 9px}.nav{padding-inline:32px}}
@media(max-width:760px){.wrap{padding-inline:22px}.nav{padding:12px 22px;gap:12px}.brand{font-size:21px}.nav .brand span{display:none}.nav nav{gap:15px;font-size:12px}.nav-cta{padding:7px 14px}.nav nav a{gap:8px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:48px;gap:38px}.hero h1{font-size:52px}.desktop{transform:none;max-width:520px;width:100%;margin:auto}.desktop-body{min-height:325px;padding:25px 28px 0}.big-pet{right:26px}.big-pet .pet{width:110px;height:110px}.pet-note{right:20px;bottom:150px}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section{padding-block:55px}.features{grid-template-columns:1fr}.feature+.feature{border-left:0;border-top:1px solid var(--line)}.feature p{min-height:0}.number{margin-bottom:15px}.pet-track{justify-content:start;gap:30px}.meters{max-width:350px}.growth{justify-content:start;gap:18px}.focus-section{grid-template-columns:1fr;padding-block:45px;gap:25px}.focus-visual{padding:30px}.plans{grid-template-columns:1fr;gap:14px}.plans article{padding:26px}.final-cta{padding-block:50px 60px}footer{padding:28px 22px}footer .brand{flex-wrap:wrap}footer div{gap:0 20px}.store-grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.store-card{padding:26px}.download-main{padding-top:40px;padding-bottom:40px}.download-main h1{font-size:46px}.download-help{grid-template-columns:1fr;gap:35px;padding-top:40px}.fine span{display:block;margin:0}.focus-visual strong{font-size:72px}}
@media(max-width:380px){.nav{padding-inline:16px}.nav nav{gap:10px}.brand img{width:26px;height:26px}.brand{gap:6px;font-size:19px}.hero h1{font-size:43px}.desktop-body{padding:20px 18px 0}.big-pet{right:4px}.big-pet .pet{width:85px;height:85px}.pet-note{right:10px;bottom:133px;font-size:10px}.focus-card{max-width:220px}.actions .button{font-size:13px}.store-card dt{width:82px}.store-card dl div{gap:10px}.store-card dd{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.pet img{opacity:0}.pet img:first-child{opacity:1}.desktop{transform:none}.button:hover{transform:none}}

/* Real macOS capture guide. Keep images uncropped by layout. */
.custom-guide{border-top:1px solid var(--line)}
.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:32px;border:1px solid var(--line);border-radius:18px}
.guide-copy{min-width:0}.guide-copy h3{margin-bottom:18px}.guide-copy p{color:var(--muted);margin:0}.guide-copy strong{color:var(--ink)}
.guide-step figure{margin:0;min-width:0}.guide-image{display:block;width:fit-content;max-width:100%;margin:auto;border-radius:8px}.guide-image img{width:auto;height:auto;max-height:560px;border-radius:8px}.guide-step figcaption{text-align:center;font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:760px){.guide-step{grid-template-columns:minmax(0,1fr);padding:22px;gap:24px}.guide-image img{max-height:none}.guide-copy h3{font-size:23px}}
@media(max-width:380px){.guide-step{padding:16px}.custom-guide{padding-inline:16px}}

/* 문단 속 링크 — 전역 a 는 밑줄이 없어 링크인지 안 보인다(구글 캘린더 안내·처리방침 링크). */
.fine a{text-decoration:underline;text-underline-offset:3px}