:root{--paper:#edf3ed;--ink:#243c35;--muted:#64776e;--accent:#327b62;--lime:#e0ecab;--line:#d3dfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Arial,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%}::selection{background:var(--lime)}.wrap{max-width:1200px;margin:auto;padding:0 36px}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--ink);color:white;z-index:5}.skip:focus{top:10px}nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px}.brand span{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid #becdbe;padding-left:20px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button.small{padding:11px 17px;font-size:12px}.dark{background:var(--ink);color:#fff}.purple{background:var(--accent);color:#fff}.lime{background:var(--lime);color:var(--ink)}.outline{border-color:#6c8a71;color:#fff}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);margin:0 0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:80px;padding-bottom:70px;align-items:center}.hero h1{font-size:clamp(39px,4.5vw,60px);line-height:1.28;letter-spacing:-3px;margin:0 0 27px}em{font-style:normal;color:var(--accent)}.intro{font-size:16px;line-height:1.95;color:var(--muted)}.actions{display:flex;align-items:center;gap:23px;margin:30px 0 26px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700}.hero-tags{display:flex;gap:7px}.hero-tags span{padding:4px 12px;border:1px solid #cbdace;border-radius:30px;font-size:11px;color:#607568}.micro{font-size:11px;color:#768679;line-height:1.85}.hero-art{overflow:clip;position:relative;padding:35px 25px 52px;isolation:isolate}.art-orbit{position:absolute;inset:5px -10px 25px;background:#dce9dd;border-radius:48% 43% 36% 44%;z-index:-2;transform:rotate(-7deg)}.art-orbit:before{content:"";position:absolute;inset:25px -13px -7px 15px;border:1px solid #c4d7c7;border-radius:50%;transform:rotate(13deg)}.orbit-label{position:absolute;top:3px;right:32px;color:#7b9281;font-size:9px;letter-spacing:1.8px}.timer-card{position:relative;background:#fff;border:1px solid #dbe6dc;border-radius:22px;padding:25px;max-width:380px;margin:auto;box-shadow:0 24px 65px #25493912;transform:rotate(-3deg)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#708475;letter-spacing:.3px}.live-dot{display:inline-block;height:6px;width:6px;background:var(--accent);border-radius:50%;margin-right:6px}.tag{font-size:10px;border-radius:20px;background:#edf4ec;padding:4px 9px;white-space:nowrap;color:#657e6c}.timer-ring{position:relative;margin:24px auto;width:240px;height:240px;display:grid;place-items:center;text-align:center}.timer-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:#e8efe5;stroke-width:7}.timer-ring svg .ring-fill{stroke:var(--accent);stroke-dasharray:475 679;stroke-linecap:round}.timer-ring strong{display:block;font-size:37px;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;line-height:1.6}.overline{font-size:11px;color:#819485;display:block}.ring-caption{font-size:10px;color:var(--accent)}.vision-label{background:#edf4ec;border-radius:10px;display:flex;align-items:center;gap:12px;padding:12px 15px}.vision-label b,.vision-label span:not(.scan-icon){display:block;font-size:11px}.vision-label div span{color:#8a9e8c;font-size:10px!important}.vision-label .live-dot{margin-left:auto}.scan-icon{font-size:30px;line-height:1;color:var(--accent)}.achievement{position:relative;margin:-5px 0 0 auto;width:max-content;max-width:100%;background:var(--ink);color:white;border-radius:13px;padding:18px 22px;display:flex;align-items:center;gap:15px;box-shadow:0 15px 35px #2549391c;transform:rotate(3deg)}.achievement small{font-size:10px;color:#c0d3c4;display:block}.achievement strong{font-size:12px}.spark{font-size:32px;color:var(--lime)}.art-note{text-align:center;font-size:10px;color:#859b89;margin:20px 0 -25px}.promise-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:25px;margin-bottom:105px}.promise-strip>div{border-left:2px solid #adccb5;padding-left:20px}.promise-strip strong{font-size:14px}.promise-strip span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.section{padding-bottom:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}h2{font-size:clamp(29px,3.1vw,40px);line-height:1.4;letter-spacing:-1.6px;margin:0}h3{letter-spacing:-.7px}.section-head .eyebrow{margin-bottom:17px}.section-head>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefits article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:29px 26px;display:flex;flex-direction:column}.num{font-size:10px;color:var(--accent);font-weight:700;letter-spacing:1px}.benefits h3{font-size:23px;line-height:1.5;margin:28px 0 15px}.benefits p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 28px}.mini-subjects{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.mini-subjects span{padding:5px 9px;background:#edf4ec;border-radius:5px;font-size:10px;color:#6a826d}.status-sample{margin-top:auto;padding:9px 10px;background:#edf4ec;border-radius:6px;font-size:10px;color:#6a826d}.status-sample i{display:inline-block;width:6px;height:6px;margin-right:7px;background:#448d70;border-radius:50%}.mini-bars{height:36px;display:flex;align-items:end;gap:7px;margin-top:auto}.mini-bars i{height:var(--v);flex:1;background:#c9dfc8;border-radius:4px 4px 0 0}.mini-bars i:nth-child(3n){background:var(--accent)}.vision-section{background:#243f35;color:#fff;padding:85px 0;margin-bottom:105px}.vision-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.vision-copy .eyebrow{color:var(--lime)}.vision-copy em{color:var(--lime)}.vision-copy>p:not(.eyebrow){color:#b9cebf;font-size:14px;line-height:1.95}.vision-copy ul{list-style:none;margin:24px 0;padding:0}.vision-copy li{padding:13px 0;border-top:1px solid #456251}.vision-copy li b{display:block;font-size:13px}.vision-copy li span{font-size:12px;color:#a7beab}.vision-copy .vision-note{font-size:10px!important;color:#9cb3a1!important;margin-bottom:0}.vision-visual{padding:25px;border:1px solid #537660;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#3e604a 0%,#2c4b3c 65%)}.vision-header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b5cdb6;font-size:9px;letter-spacing:1px}.privacy-pill{border:1px solid #70947a;border-radius:20px;padding:4px 9px;font-size:10px;letter-spacing:0;color:var(--lime)}.face-stage{position:relative;height:270px;max-width:300px;margin:35px auto 20px;overflow:hidden}.face-stage svg{width:100%;height:100%;fill:#4d7459;stroke:#8cbd9b;stroke-width:1.5}.face-stage .face-line{fill:none;stroke:#cae2ce;stroke-width:3;stroke-linecap:round}.corner{position:absolute;width:30px;height:30px;border-color:#e0ecab;border-style:solid;z-index:1}.tl{left:5px;top:5px;border-width:2px 0 0 2px}.tr{right:5px;top:5px;border-width:2px 2px 0 0}.bl{left:5px;bottom:5px;border-width:0 0 2px 2px}.br{right:5px;bottom:5px;border-width:0 2px 2px 0}.scan-line{position:absolute;left:6px;right:6px;top:40%;height:1px;background:#e0ecab90;box-shadow:0 0 20px 5px #e0ecab0c}.vision-states{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.vision-states span{padding:6px 9px;font-size:10px;border:1px solid #597e64;border-radius:7px;color:#9abc9e}.vision-states .selected{background:#e0ecab;color:#33402b;border-color:#e0ecab}.vision-visual>p{text-align:center;font-size:10px;color:#9bbb9e;margin:17px 0 0}.demo-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.demo-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.demo-copy .micro{font-size:11px!important;margin-top:25px}.demo-card{padding:30px;background:#fff;border:1px solid #d4e2d4;border-radius:18px;box-shadow:0 20px 60px #25493908;text-align:center}.demo-card .card-top{margin-bottom:24px}.demo-card .card-top strong{color:var(--ink);font-size:13px}.goal-choices{display:flex;justify-content:center;gap:8px;margin-bottom:25px}.goal-choices button{border:1px solid #d3dfd0;border-radius:20px;background:#fff;color:#758b75;font-size:12px;padding:6px 17px}.goal-choices button[aria-pressed=true]{background:#e1efdc;border-color:#9dc7a5;color:#347b58}.goal-choices button:disabled{cursor:default;opacity:.55}#demo-time{display:block;font-size:54px;line-height:1.5;letter-spacing:-2px;font-variant-numeric:tabular-nums}.demo-track{height:5px;background:#e9f0e4;border-radius:5px;overflow:hidden;margin:17px 0}.demo-track span{display:block;height:100%;width:0;background:var(--accent)}#demo-status{font-size:12px;color:#738d7a;min-height:22px}.demo-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px}.reset{background:none;border:0;color:#7c917e;font-size:12px;padding:10px}.routine-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.week-card{background:#e0ecdf;padding:30px;border-radius:16px;border:1px solid #cddfc9}.week-card h3{font-size:25px;margin:20px 0}.week-chart{height:160px;display:flex;align-items:end;gap:15px}.week-chart>div{position:relative;height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;padding-bottom:25px}.week-chart i{display:block;width:100%;height:calc(var(--v)*.8);background:#9ec9a7;border-radius:7px 7px 2px 2px}.week-chart>div:nth-child(n+5) i{background:var(--accent)}.week-chart span{position:absolute;bottom:0;font-size:10px;color:#718b73}.week-footer{display:flex;justify-content:space-between;font-size:11px;color:#718b73;border-top:1px solid #c5d9c2;padding-top:20px;margin-top:25px;gap:15px}.week-footer b{font-size:18px;color:#356b4a;margin-left:5px}.share-card{background:#f0efdf;border:1px solid #dfdfc5;border-radius:16px;padding:30px;overflow:hidden}.share-card h3{font-size:25px;line-height:1.5;margin:15px 0}.share-card p{font-size:13px;color:#828468}.share-ticket{background:#fff;border-radius:10px;padding:20px;box-shadow:0 10px 30px #54623c10;transform:rotate(-3deg);margin:24px 0 0}.share-ticket img{height:18px;width:auto;display:block;margin-bottom:14px}.share-ticket strong{font-size:17px;display:block}.share-ticket span{font-size:11px;color:#8b9473;display:block;margin-top:5px}.share-ticket small{font-size:9px;color:#90997b;display:block;margin-top:12px}.app-section{background:#e1eade;padding:80px 0;margin-bottom:100px}.app-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.app-preview{margin:0 auto;width:280px;background:#1f352c;border:7px solid #2d493a;border-radius:28px;overflow:hidden;box-shadow:0 25px 55px #2943351c}.app-preview>a{display:block;height:490px;overflow:auto;scrollbar-width:thin;scrollbar-color:#759581 #2d493a}.app-preview img{display:block;width:100%;height:auto}.app-preview figcaption{padding:14px 11px;border-top:1px solid #3c5a47;color:#adc4b2;font-size:9px;text-align:center;line-height:1.9}.app-preview figcaption a{color:#cee4c0;text-decoration:underline}.app-copy h2{margin-bottom:25px}.detail-item{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #c5d6c2}.detail-item>span{color:#719975;font-size:10px;padding-top:3px}.detail-item h3{font-size:15px;margin:0 0 4px}.detail-item p{font-size:12px;color:#71866e;margin:0;line-height:1.9}.faq{max-width:870px}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px;color:var(--accent);line-height:1.1}.faq details[open] summary:after{content:"−"}.faq details p{font-size:13px;line-height:1.95;color:var(--muted);margin:16px 25px 0 0}.closing{background:#243f35;color:#fff;border-radius:20px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:35px}.closing .eyebrow{color:var(--lime)}.closing h2{font-size:34px}.closing p:last-child{color:#bdd0ba;font-size:14px}.store-actions{display:grid;gap:12px;min-width:180px}.product-family{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;padding-top:50px;padding-bottom:60px;align-items:center}.product-family .eyebrow{font-size:9px;margin-bottom:9px}.product-family strong{font-size:15px}.product-family>a{border-left:1px solid #ccdccc;padding-left:25px}.product-family>a span{display:block;font-size:9px;color:#75947c;letter-spacing:1px}.product-family>a b{font-size:13px}.product-family>a:hover{color:var(--accent)}.mobile-break{display:none}
@media(min-width:1000px){.hero{min-height:655px}}@media(max-width:1000px){.nav-links{gap:16px}.brand{gap:12px}.brand span{padding-left:12px;letter-spacing:1px}.hero{gap:20px}.hero-art{padding-left:8px;padding-right:8px}.hero h1{font-size:46px}.vision-layout,.demo-section{gap:45px}.app-layout{gap:45px}.benefits article{padding:23px}.benefits h3{font-size:21px}.hero .text-link{font-size:12px}.week-chart{gap:10px}}@media(max-width:720px){.wrap{padding-left:23px;padding-right:23px}nav{min-height:76px}.brand span{display:none}.nav-links>a:not(.button){display:none}.button.small{padding:9px 12px;font-size:11px;gap:10px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:30px}.hero h1{font-size:43px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:14px}.hero-art{width:100%;max-width:440px;margin:auto;padding:30px 18px 48px}.timer-card{max-width:320px;padding:22px}.timer-ring{width:220px;height:220px}.timer-ring strong{font-size:34px}.achievement{padding:15px;gap:10px}.achievement strong{font-size:11px}.hero .actions{gap:17px}.hero .button{padding:14px 17px;font-size:12px;gap:14px}.promise-strip{gap:14px;padding:23px 0;margin-bottom:65px}.promise-strip>div{padding-left:10px}.promise-strip strong{font-size:12px}.promise-strip span{font-size:10px}.section{padding-bottom:65px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin:20px 0 0;font-size:13px}h2{font-size:30px}.benefits{grid-template-columns:1fr}.benefits article{padding:25px}.benefits h3{margin:18px 0 12px}.benefits p{margin-bottom:22px}.mini-bars{max-width:240px}.vision-section{padding:55px 0;margin-bottom:65px}.vision-layout{grid-template-columns:1fr;gap:35px}.vision-copy{grid-row:1}.vision-visual{max-width:440px;width:100%;margin:auto}.face-stage{height:230px;margin-top:23px}.demo-section{grid-template-columns:1fr;gap:25px}.demo-card{padding:25px}.routine-grid{grid-template-columns:1fr;gap:17px}.week-card,.share-card{padding:25px}.app-section{padding:50px 0;margin-bottom:65px}.app-layout{grid-template-columns:1fr;gap:35px}.app-copy{grid-row:1}.closing{display:block;padding:30px}.closing h2{font-size:29px}.store-actions{display:flex;flex-wrap:wrap;margin-top:25px;gap:10px}.store-actions .button{padding:13px 16px;font-size:12px;gap:15px}.product-family{grid-template-columns:1fr 1fr;gap:25px 15px;padding-top:35px;padding-bottom:40px}.product-family>div{grid-column:1/-1}.product-family>a{padding-left:14px}.product-family>a b{font-size:12px}.product-family>a span{font-size:8px}.faq summary{font-size:13px}.faq .eyebrow{font-size:9px}}@media(max-width:370px){.hero h1{font-size:38px}.brand img{max-width:120px}.hero-art{padding-left:5px;padding-right:5px}.timer-ring{width:205px;height:205px}.week-footer{flex-direction:column;gap:7px}.achievement strong{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero-art .ring-flow{stroke:var(--lime);stroke-width:5;stroke-dasharray:28 651;stroke-linecap:round;transform-origin:120px 120px;animation:hero-ring-orbit 8s linear infinite}.hero-art .live-dot{animation:hero-live-pulse 2.4s ease-in-out infinite}.hero-motion-toggle{border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--accent);width:24px;height:24px;line-height:1;margin-left:5px;font-size:10px;padding:0;vertical-align:middle}.hero-art.motion-paused .ring-flow,.hero-art.motion-paused .live-dot{animation-play-state:paused}@keyframes hero-ring-orbit{to{transform:rotate(360deg)}}@keyframes hero-live-pulse{50%{box-shadow:0 0 0 5px #327b6215;opacity:.55}}@media(prefers-reduced-motion:reduce){.hero-art.motion-paused .ring-flow,.hero-art.motion-paused .live-dot{animation:none}}