:root{--ink:#242a27;--muted:#797e79;--green:#41694f;--pale:#edf2eb;--paper:#fafaf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible{outline:3px solid #689774;outline-offset:5px}.skip{position:fixed;top:-70px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:15px}.header{height:90px;max-width:1192px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.6px}.brand-icon{width:30px;height:30px;stroke-width:2}.brand-dot{color:#638069}.header nav{display:flex;align-items:center;gap:33px;font-size:13px}.header nav>a{color:#61655f;transition:color .2s}.header nav>a:hover{color:var(--green)}.status,.coming{display:inline-flex;align-items:center;gap:7px;color:#596c58;font-size:12px}.status{border:1px solid #e0e5dc;padding:8px 12px;border-radius:30px}.status i,.coming i{height:5px;width:5px;background:#648562;border-radius:50%}.hero{text-align:center;padding-top:64px;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;color:#70806e;margin:0 0 23px}h1{font-size:76px;line-height:1.14;letter-spacing:-4.5px;font-weight:650;margin:0}h1 span{color:#879680}.hero-copy{font-size:16px;line-height:1.9;color:#687261;margin:26px 0 25px}.button{display:inline-flex;gap:23px;align-items:center;background:var(--ink);color:white;border-radius:30px;font-size:13px;font-weight:500;padding:14px 22px;transition:background .2s,transform .2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button svg{width:16px;height:16px}.showcase{height:563px;max-width:1130px;margin:43px auto 0;position:relative;display:flex;justify-content:center;align-items:flex-end}.orbit{position:absolute;border:1px solid #e7ebe3;border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:650px;top:56px}.orbit-two{width:865px;height:865px;top:-47px;border-color:#eff0ea}.showcase:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:92px;background:linear-gradient(transparent,var(--paper));z-index:2;pointer-events:none}.phone{width:292px;height:548px;border:5px solid #d9ddd5;outline:1px solid #b8c0b3;border-radius:45px;background:#fbfcf9;position:relative;padding:0 17px;box-shadow:0 28px 45px -22px #3f493a45,0 0 0 2px white inset;text-align:left;z-index:1;transform:rotate(-5deg);overflow:hidden}.phone-top{height:47px;display:flex;justify-content:space-between;padding:11px 9px;font-size:10px;font-weight:600}.island{position:absolute;left:50%;transform:translateX(-50%);top:10px;width:77px;height:20px;border-radius:30px;background:#262b26}.signal{font-size:8px;display:flex;gap:4px;align-items:flex-start;padding-top:3px}.signal i{height:6px;width:14px;border-radius:2px;background:#343d31;margin-top:1px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 19px}.app-greeting{font-size:10px;color:#8d9688}h2{margin:0}.app-header h2{font-size:21px;letter-spacing:-.8px;margin-top:5px}.app-header h2 span{margin-left:8px;color:#b49e61;font-size:17px}.avatar{background:#e7ecdf;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.avatar svg{width:23px;height:23px;color:#697e55;stroke-width:1.6}.screen{background:#fff;border:1px solid #eef0e9;border-radius:22px;height:328px;padding:17px 16px;box-shadow:0 4px 12px #55664903}.screen[hidden]{display:none}.screen-label{font-size:10px;font-weight:600;display:flex;align-items:center;gap:5px}.screen-label svg{width:15px;height:15px;color:#849674}.screen-label>span{font-size:8px;font-weight:400;color:#9ca194;margin-left:auto}.feed-ring{border-radius:50%;background:conic-gradient(from 220deg,#91a47c 0 75%,#eef1e9 75% 100%);width:138px;height:138px;margin:18px auto 16px;display:grid;place-items:center;transform:rotate(-.001deg)}.feed-ring>div{background:white;border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column}.feed-ring strong{font-size:40px;font-weight:500;letter-spacing:-1px}.feed-ring strong span{font-size:17px;color:#838e79}.feed-ring p{font-size:9px;color:#939b8d;margin:3px 0 0}.meal-row{display:flex;justify-content:space-between;font-size:9px;padding:7px 0}.meal-row span{color:#7d8576;display:flex;align-items:center;gap:7px}.meal-row strong{font-weight:500}.meal-row i{width:5px;height:5px;border-radius:50%;background:#adba9a}.feed-summary{border-top:1px solid #f0f2ed;display:flex;align-items:center;gap:9px;margin-top:8px;padding-top:10px;color:#909984}.feed-summary svg{width:19px;height:19px}.feed-summary p{font-size:9px;line-height:1.5;margin:0}.app-bottom{display:flex;align-items:center;justify-content:space-between;color:#929b89;padding:23px 15px;font-size:8px}.app-bottom svg{width:17px;height:17px}.app-bottom svg:first-child{color:#657c52}.home-indicator{position:absolute;width:84px;height:4px;border-radius:10px;background:#5c6356;bottom:10px;left:50%;transform:translateX(-50%)}.side-caption{position:absolute;color:#8b9583;z-index:1}.left-caption{left:95px;top:174px;text-align:left;font-size:13px;line-height:1.8;transform:rotate(-5deg)}.little-line{display:block;width:28px;height:1px;background:#a5b199;margin-bottom:13px}.left-caption strong{font-weight:400;color:#afb5a7}.right-caption{right:105px;top:108px;text-align:left;transform:rotate(5deg)}.right-caption>span{font-size:8px;letter-spacing:2px;color:#a7ae9e}.right-caption p{font-family:Georgia,serif;font-style:italic;font-size:21px;margin:7px 0}.floating-note{position:absolute;right:65px;top:341px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #fff;background:#ffffffdc;border-radius:18px;padding:18px;box-shadow:0 14px 35px #293f2510;z-index:3;transform:rotate(4deg)}.float-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#edf1e7;color:#849974}.float-icon svg{width:19px;height:19px}.floating-note strong{display:block;font-size:11px;font-weight:500}.floating-note span{font-size:9px;color:#959b8c;display:block;margin-top:5px}.demo-controls{position:relative;z-index:4;margin-top:1px}.tabs{display:inline-flex;gap:4px;background:#edeee8;border:1px solid #e6e8df;padding:5px;border-radius:32px}.tabs button{display:flex;gap:7px;align-items:center;border:0;border-radius:30px;padding:12px 20px;background:none;color:#6f7768;font-size:11px;cursor:pointer;transition:background .2s,box-shadow .2s}.tabs button svg{width:16px;height:16px;stroke-width:1.6}.tabs button[aria-selected=true]{background:#fff;color:#374f35;box-shadow:0 2px 7px #2c402810}.tabs button:hover{color:#263b24}.demo-controls>p{font-size:10px;color:#7c856e;margin:18px 0 0}.wrap{max-width:1112px;margin:auto}.features{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;padding:130px 40px 124px}.section-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.section-intro h2{font-size:39px;letter-spacing:-1.9px;line-height:1.35;font-weight:600}.section-intro>p:last-child{color:#707866;font-size:14px;line-height:1.9;margin-top:23px}.feature-list{padding-top:7px}.feature-list article{display:flex;align-items:flex-start;gap:21px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #e6e9e0}.feature-list article:last-child{border:0;margin:0;padding-bottom:0}.feature-icon{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border:1px solid #e6e9e0;border-radius:13px;color:#778967}.feature-icon svg{width:23px;height:23px;stroke-width:1.5}.feature-list h3{font-size:18px;letter-spacing:-.5px;font-weight:600;margin:0 0 11px}.feature-list p{font-size:12px;color:#6c765f;line-height:1.9;margin:0}.feature-number{font-size:10px;color:#a9b29f;margin-left:auto;padding-top:4px}.about{text-align:center;background:#eef1e9;padding:75px 24px 74px;position:relative}.about-inner{position:relative}.about-cat{width:41px;height:41px;color:#74886b;margin-bottom:24px;stroke-width:1.25}.about .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:24px}.about h2{font-size:40px;line-height:1.4;letter-spacing:-1.8px;font-weight:550}.about p:not(.eyebrow){font-size:13px;line-height:2;color:#6c765f;margin:24px 0 26px}.coming{font-size:10px;border:1px solid #dce3d4;border-radius:30px;padding:9px 15px}.footer{display:flex;align-items:center;gap:30px;padding:35px 40px 38px}.footer .brand{font-size:15px;gap:8px}.footer .brand-icon{width:23px;height:23px;stroke-width:1.7}.footer>span{font-size:10px;color:#737c68}.footer small{font-size:9px;color:#737c68;margin-left:auto}.camera-view{height:151px;margin-top:16px;border-radius:13px;background:#e4e8db;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-view>svg{width:80px;height:80px;color:#92a07e;stroke-width:.8;transform:rotate(-10deg)}.window-light{position:absolute;height:220px;width:65px;background:#f3f5eccc;transform:rotate(30deg);right:12px}.camera-view>span{position:absolute;bottom:10px;left:12px;font-size:8px;color:#6b7959}.screen-title{font-size:13px;margin:17px 0 7px;font-weight:500}.screen-copy{font-size:10px;color:#8e9783;line-height:1.8;margin:0}.camera-location{display:flex;align-items:center;gap:6px;font-size:8px;color:#9aab8a;margin-top:13px}.camera-location i{width:4px;height:4px;border-radius:50%;background:#9aab8a}.note-date{font-size:10px;color:#939c8b;margin:24px 0 10px}.note-item{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #eef0e9}.note-emoji{width:28px;height:28px;background:#f0f3e9;border-radius:9px;color:#8c9f79;display:grid;place-items:center;font-size:20px}.note-item strong{font-size:10px;font-weight:500}.note-item p{font-size:9px;margin:4px 0 0;color:#8c9583}.note-paper{background:#f7f7ef;padding:13px;border-radius:11px;margin-top:17px}.note-paper p{font-size:10px;line-height:1.9;color:#78836c;margin:0}.note-paper span{font-size:8px;display:block;margin-top:13px;color:#a1aa94}
@media(min-width:1500px){.hero{padding-top:83px}}
@media(max-width:900px){.header{padding:0 32px}.left-caption{left:30px}.right-caption{right:35px}.floating-note{right:10px;top:365px}.features{gap:35px}.section-intro h2{font-size:34px}.feature-list article{gap:15px}.feature-list p br{display:none}.feature-number{display:none}}
@media(max-width:650px){html{scroll-padding-top:25px}.header{height:77px;padding:0 23px}.brand{font-size:19px;gap:7px}.brand-icon{width:27px;height:27px}.header nav{gap:15px}.header nav>a{display:none}.status{font-size:10px;padding:6px 9px}.hero{padding-top:48px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:53px;letter-spacing:-2.9px}.hero-copy{padding:0 36px;font-size:13px;line-height:1.9;margin-top:23px}.desktop-break{display:none}.button{font-size:12px;padding:13px 20px;gap:17px}.showcase{height:543px;margin-top:38px}.phone{transform:rotate(-4deg);width:280px;height:533px;padding:0 14px}.screen{height:321px}.orbit-one{width:510px;height:510px;top:108px}.orbit-two{width:690px;height:690px;top:22px}.side-caption{display:none}.floating-note{right:max(12px,calc(50% - 186px));top:350px;transform:rotate(4deg);padding:12px 13px;border-radius:14px;gap:8px;max-width:230px}.floating-note strong{font-size:9px}.floating-note span{font-size:8px}.float-icon{width:27px;height:27px;border-radius:9px}.float-icon svg{width:15px;height:15px}.tabs button{padding:11px 17px;font-size:10px}.demo-controls>p{font-size:9px;margin-top:16px}.features{display:block;padding:88px 30px 68px}.section-intro h2{font-size:33px;letter-spacing:-1.4px}.section-intro>p:last-child{font-size:13px;margin:19px 0 35px}.feature-list article{gap:18px;padding-bottom:27px;margin-bottom:27px}.feature-list h3{font-size:17px;margin-bottom:9px}.feature-list p{font-size:12px}.feature-icon{width:40px;height:40px}.about{padding:62px 28px}.about h2{font-size:31px;letter-spacing:-1.2px}.about p:not(.eyebrow){font-size:12px;line-height:2;margin:23px 0}.about .eyebrow{font-size:8px;letter-spacing:1.4px}.footer{padding:27px 25px;gap:10px;flex-wrap:wrap;justify-content:space-between}.footer .brand{font-size:14px}.footer>span{display:none}.footer small{font-size:8px}.about-cat{width:36px;height:36px}}
.language-toggle{display:inline-flex;align-items:center;gap:6px;border:0;padding:8px 0 8px 5px;background:transparent;color:#606c56;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px}.language-toggle svg{width:16px;height:16px;stroke-width:1.5}.language-toggle:hover{color:#263d23}.header nav{gap:24px}html[lang=en] h1{font-size:70px;letter-spacing:-3.8px}html[lang=en] .section-intro h2{font-size:38px;letter-spacing:-1.6px}html[lang=en] .feature-list h3{font-size:17px}html[lang=en] .about h2{font-size:39px;letter-spacing:-1.4px}
@media(max-width:650px){.header nav{gap:12px}.language-toggle{font-size:10px;gap:5px;padding-left:0}.language-toggle svg{width:15px;height:15px}.header .status{display:none}html[lang=en] h1{font-size:42px;letter-spacing:-1.9px}html[lang=en] .hero-copy{padding:0 30px;font-size:12px}html[lang=en] .section-intro h2{font-size:33px}html[lang=en] .about h2{font-size:29px;letter-spacing:-1px}html[lang=en] .feature-list h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}