:root{--purple:#6c4ab6;--ink:#171923;--muted:#6b7280;--lavender:#f4f0ff;--border:#e9e5f0;--bg:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',system-ui,sans-serif;word-break:keep-all;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #9b79e3;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.045em}h2{font-size:clamp(30px,3.4vw,46px);font-weight:750;margin:16px 0 22px}h3{font-size:23px;font-weight:700}p{color:var(--muted)}em{font-style:normal;color:var(--purple)}.container{width:min(1180px,calc(100% - 80px));margin:auto}.section{padding:112px 0}.eyebrow{display:inline-block;color:var(--purple);font-size:11px;font-weight:750;letter-spacing:2px}.light{color:#c9b7f4}.center{text-align:center}.header{height:82px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid #ece9f1;backdrop-filter:blur(15px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:11px}.brand-dot{color:var(--purple);margin-left:-7px}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.header nav>a:not(.button):hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;background:var(--purple);color:#fff;border:1px solid transparent;border-radius:13px;padding:14px 23px;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#553592;transform:translateY(-2px)}.button.small{min-height:44px;padding:10px 20px;border-radius:10px;font-size:13px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 83% 38%,#e8ddfb 0,transparent 44%),linear-gradient(115deg,#fff 10%,#faf8fe 60%,#f4f0fb);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:690px;height:calc(100svh - 135px);max-height:860px;gap:20px}.pill{border:1px solid #ded3f4;border-radius:100px;padding:8px 13px;background:#f6f1ff;letter-spacing:.1px;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:#8c6ec6;border-radius:50%;margin-right:6px}.hero h1{font-size:clamp(40px,4.5vw,62px);line-height:1.23;margin:27px 0 24px;font-weight:800;letter-spacing:-.058em}.hero-description{font-size:18px;line-height:1.7;color:#777080}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:31px}.text-link{font-size:14px;font-weight:650}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;color:#847b92;margin-top:26px}.mini-avatars{color:var(--purple);background:#e9def8;border:3px solid white;border-radius:30px;padding:1px 8px;letter-spacing:-3px}.hero-art{position:relative;height:610px;min-width:0}.phone{background:#191a25;border:7px solid #292936;border-radius:34px;overflow:hidden;box-shadow:0 24px 48px -20px #31204455;display:block}.phone img{width:100%;height:auto}.hero-front{position:absolute;left:35px;top:48px;width:238px;transform:rotate(-8deg);z-index:2;animation:float-front 7s ease-in-out infinite}.hero-back{position:absolute;right:2px;top:90px;width:220px;transform:rotate(10deg);animation:float-back 8s ease-in-out infinite}.orbit{position:absolute;border:1px solid #d5c5ef;border-radius:50%;width:520px;height:520px;left:10px;top:48px}.orbit-two{width:620px;height:620px;left:-40px;top:0;opacity:.55}.morning-label{position:absolute;top:8px;right:36px;font-size:9px;letter-spacing:2px;color:#8d78a8;transform:rotate(8deg)}.spark{position:absolute;color:var(--purple);font-size:37px}.spark-one{right:28px;top:35px}.spark-two{left:-15px;bottom:50px}.floating-note{position:absolute;z-index:3;bottom:22px;right:0;display:flex;align-items:center;gap:13px;background:#ffffffed;padding:16px 19px;border-radius:17px;box-shadow:0 10px 35px #37214b12;border:1px solid #fff;transform:rotate(-3deg)}.floating-note b{font-size:14px}.floating-note small{display:block;font-size:11px;color:#777080;margin-top:2px}.note-icon{background:#eee6fa;color:var(--purple);width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:28px}.check{background:#e9f7ef;color:#2f9e73;border-radius:50%;padding:1px 7px;font-size:12px}.hero-bottom{border-top:1px solid #e7e0ed;padding:20px 0;display:flex;justify-content:space-between;font-size:11px;color:#8c8494}.hero-bottom a{letter-spacing:1.5px;font-size:9px}.problem{background:#f7f8fa}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;text-align:left}.problem-card{background:#fff;border:1px solid #eeeef2;padding:32px;border-radius:24px;position:relative}.line-icon{font-size:36px;line-height:1;background:var(--lavender);border-radius:17px;color:var(--purple);height:58px;width:58px;display:grid;place-items:center;margin-bottom:30px}.card-index{position:absolute;right:30px;top:34px;font-size:12px;color:#a6a1b2}.problem-card h3{line-height:1.4}.problem-card p{font-size:14px;margin-top:15px}.problem-statement{font-size:26px;line-height:1.6;margin-top:55px;color:#93909b;letter-spacing:-1px}.problem-statement strong{color:var(--ink);font-weight:700}.section-heading{text-align:center}.section-heading p{font-size:16px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:65px 0 0;gap:40px}.steps li{position:relative}.step-number{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#f2ecfc;color:var(--purple);font-size:20px;font-weight:700;margin-bottom:26px;z-index:1}.steps li:not(:last-child):after{content:'';position:absolute;left:75px;right:-25px;top:30px;height:1px;background:#e3daef}.steps h3{font-size:22px;margin:12px 0 14px}.steps p{font-size:15px}.buddy-section{color:#fff;background:radial-gradient(ellipse at 85% 25%,#47316c,transparent 60%),#211a36}.buddy-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.buddy-section h2{font-size:48px;line-height:1.28}.buddy-section em{color:#c5a9ff}.buddy-section p{color:#d0c6e0;font-size:17px;line-height:1.8}.buddy-section p.buddy-detail{font-size:13px;color:#aca0c1;margin-top:22px}.patent{display:inline-block;font-size:11px;border:1px solid #675579;color:#d0c3e8;border-radius:30px;padding:9px 15px;margin-top:30px}.buddy-visual{padding:26px;background:#ffffff05;border:1px solid #ffffff17;border-radius:28px}.buddy-visual-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#c0b3d6;margin-bottom:24px}.buddy-flow{padding:0;margin:0;list-style:none;display:grid;gap:20px}.buddy-flow li{background:#ffffff08;border:1px solid #ffffff12;border-radius:15px;padding:13px;display:flex;align-items:center;gap:14px;position:relative}.buddy-flow li:not(:last-child):after{content:'↓';position:absolute;bottom:-22px;left:33px;color:#9b85bc;font-size:13px}.flow-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffff09;color:#dbc6ff;font-size:25px}.buddy-flow small{display:block;font-size:10px;color:#b9a8cf;margin-bottom:2px}.buddy-flow b{font-size:13px;font-weight:550}.flow-time{margin-left:auto;font-size:18px;font-weight:700;color:#d0b9f6}.buddy-flow li.flow-app{background:#7851bb;border-color:#a986e5}.flow-app img{border-radius:12px}.flow-app small{color:#e0d0f6}.pulse-dot{background:#dfc9ff;width:7px;height:7px;border-radius:50%;margin-left:auto;animation:pulse 3s infinite}.buddy-flow li.flow-success{background:#a0d6b10c;border-color:#8db79b38}.flow-success .flow-icon{color:#a4dfb8}.buddy-visual>p{font-size:10px;margin-top:20px;color:#b5a6c7;text-align:center}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-visual{background:#f0ebf8;border-radius:28px;padding:35px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.feature-phone{width:255px;margin:30px auto 24px;border-radius:28px;transform:rotate(-4deg)}.feature-sticker{background:#fff;border:1px solid #e9e2f0;border-radius:14px;padding:12px 20px;font-size:13px;font-weight:650;position:absolute;bottom:36px;right:20px;transform:rotate(3deg)}.section-description{font-size:16px}.feature-list{margin-top:30px}.feature-list article{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--border)}.feature-list article>span{font-size:12px;color:var(--purple);background:var(--lavender);width:35px;height:35px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.feature-list h3{font-size:20px}.feature-list p{font-size:14px;margin-top:7px}.themes-section{background:#faf9fc}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-kicker{font-size:16px;margin-top:22px}.section-kicker+h2{margin-top:10px}.carousel-controls{display:flex;gap:9px;flex-shrink:0;margin-bottom:7px}.carousel-controls button{border:1px solid #dcd5e8;border-radius:50%;width:44px;height:44px;color:var(--purple);background:transparent;font-size:20px}.carousel-controls button:hover{background:var(--lavender)}.carousel-controls button:disabled{opacity:.3;cursor:default}.theme-track{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d6c9e9 transparent;padding-bottom:14px}.theme-card{flex:0 0 calc((100% - 44px)/3);min-width:260px;border:1px solid #eae4f0;border-radius:24px;overflow:hidden;scroll-snap-align:start;background:#fff}.theme-image{height:290px;position:relative;display:grid;place-items:center;padding:40px 28px 5px}.lavender .theme-image{background:#eae3f7}.cream .theme-image{background:#fff6dc}.rose .theme-image{background:#f2e6e3}.theme-image img{width:215px;height:215px;object-fit:contain;border-radius:22px}.theme-tag{position:absolute;top:20px;left:22px;font-size:9px;letter-spacing:1px;font-weight:650;color:#6e607f}.theme-copy{padding:25px}.theme-copy>span{font-size:9px;letter-spacing:1.2px;color:#978aab}.theme-copy h3{margin:10px 0;font-size:22px}.theme-copy p{font-size:14px}.theme-footnote{display:flex;gap:24px;justify-content:center;align-items:center;margin-top:24px;font-size:13px}.theme-footnote b{color:var(--purple)}.theme-footnote span{color:var(--muted)}.collaboration-card{padding:52px;border:1px solid var(--border);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.collaboration-card h2{font-size:40px}.collaboration-card p{font-size:14px}.collaboration-card .button{margin-top:27px}.collaboration-note{display:block;color:#8a7c9a;font-size:10px;margin-top:14px}.ip-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.ip-tags span{padding:5px 10px;border-radius:20px;background:#f5f1fa;color:#756486;font-size:9px;letter-spacing:.5px}.ip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ip-grid article{padding:20px;background:#f8f7fa;border-radius:18px}.ip-grid article>span{font-size:24px;color:var(--purple)}.ip-grid h3{font-size:19px;margin:10px 0 7px}.ip-grid p{font-size:11px}.ip-options>small{display:block;font-size:10px;color:#8b8196;margin-top:16px}.screenshots-section{padding-top:35px}.screen-track{display:flex;gap:25px;overflow:auto;scroll-snap-type:x mandatory;padding:8px 4px 30px;scrollbar-width:thin;scrollbar-color:#d6c9e9 transparent}.screen-card{flex:0 0 calc((100% - 75px)/4);min-width:210px;border:0;background:transparent;padding:0;text-align:left;scroll-snap-align:start;color:#8f849e}.screen-card>span:first-child{display:block;font-size:10px;letter-spacing:1px;padding:0 5px 18px}.screen-card b{font-size:15px;color:#37313f;margin-left:10px;letter-spacing:-.4px}.screen-card .phone{border-width:5px;border-radius:25px;box-shadow:none;background:#fdfbf5;aspect-ratio:640/1564}.screen-card img{height:100%;object-fit:contain}.gallery-hint{text-align:center;font-size:11px;letter-spacing:1px;margin-top:12px;color:#8b7c9e}.download-section{background:radial-gradient(ellipse at 10% 80%,#7252a6,transparent 55%),linear-gradient(120deg,#4c3280,#332250);color:white;position:relative;overflow:hidden}.download-inner{text-align:center}.download-icon{border-radius:20px;margin:0 auto 22px}.download-inner>.eyebrow{display:block}.download-section h2{font-size:54px;line-height:1.25}.download-section p{color:#d6cae7;font-size:15px}.download-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.white{background:white;color:#513380}.white:hover{background:#eee6fb}.qr-area{display:flex;align-items:center;gap:12px;text-align:left;font-size:10px;color:#d7cae9;border-left:1px solid #ffffff30;padding-left:25px}.qr-placeholder{border:1px dashed #c5b3de;border-radius:8px;width:55px;height:55px;display:grid;place-items:center;font-size:32px;color:#c5b3de}.qr-area img{border:5px solid white;border-radius:8px}.download-section .download-status{font-size:11px;margin-top:22px;color:#d1c2e2}.download-status.highlight{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px;padding:64px 0 45px}.footer-grid h3{font-size:13px;margin-bottom:18px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:#736a7e;margin-bottom:10px}.footer-grid p{font-size:13px;margin:17px 0 24px}.operator{font-size:11px;letter-spacing:2px;font-weight:750}.footer-bottom{border-top:1px solid var(--border);padding:23px 0;display:flex;justify-content:space-between;color:#968d9e;font-size:10px}.skip-link{position:fixed;left:20px;top:-100px;z-index:50;padding:12px;background:#fff}.skip-link:focus{top:10px}dialog{border:0;border-radius:20px;padding:15px;max-width:min(94vw,520px);max-height:93dvh;background:#faf8fd}dialog::backdrop{background:#171322d9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-15px;background:#faf8fd;padding-bottom:10px}.dialog-heading h2{font-size:18px;margin:0}.dialog-heading button{width:44px;height:44px;border:0;border-radius:50%;background:#eee7f8;color:#4c3279}#dialog-image{max-height:76dvh;width:auto;margin:auto}.reveal.in-view{animation:reveal .65s both}body.modal-open{overflow:hidden}[hidden]{display:none!important}@keyframes reveal{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float-front{50%{transform:translateY(-10px) rotate(-8deg)}}@keyframes float-back{50%{transform:translateY(9px) rotate(10deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #d1afff22}}
@media(min-width:1450px){.hero-grid{gap:65px}.hero-art{height:650px}.hero-front{width:250px}.hero-back{width:235px;right:0}.floating-note{bottom:12px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header nav{gap:19px}.brand{font-size:20px}.hero-grid{min-height:660px}.hero-art{height:550px}.hero-front{width:205px;left:0}.hero-back{width:185px;right:0;top:100px}.floating-note{bottom:0}.hero h1{font-size:48px}.hero .actions{gap:15px}.hero .button{font-size:12px;padding:14px 16px}.buddy-grid,.feature-grid{gap:48px}.buddy-section h2{font-size:40px}.collaboration-card{padding:35px;gap:28px}.theme-image{height:260px}.theme-image img{width:190px;height:190px}.screen-card{flex-basis:calc((100% - 50px)/3)}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header{height:72px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:white}.menu-toggle span{width:19px;height:2px;background:#3c2c50}.header nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--border);box-shadow:0 20px 30px #2113320a}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav>a{padding:10px}.header nav .button{margin-top:10px}.hero-grid{gap:0;min-height:590px;height:auto}.hero h1{font-size:40px}.hero-description{font-size:16px}.hero-art{height:500px}.hero-front{width:174px;top:55px;left:4px}.hero-back{width:153px;right:0;top:105px}.floating-note{padding:11px;gap:8px;bottom:4px;right:0}.floating-note b{font-size:12px}.floating-note small{font-size:9px}.floating-note .check{display:none}.orbit{width:350px;height:350px;top:80px;left:-10px}.orbit-two{width:420px;height:420px;top:45px;left:-45px}.morning-label{font-size:7px;right:0;top:35px}.section{padding:80px 0}.problem-card{padding:23px}.problem-card h3{font-size:21px}.problem-card p{font-size:12px}.steps{gap:24px}.steps h3{font-size:19px}.steps p{font-size:13px}.buddy-grid{gap:30px}.buddy-section h2{font-size:34px}.buddy-section p{font-size:15px}.buddy-visual{padding:18px}.buddy-flow b{font-size:11px}.flow-time{font-size:14px}.feature-grid{gap:32px}.feature-visual{padding:25px 15px}.feature-phone{width:210px}.feature-sticker{font-size:10px;right:10px;padding:10px}.feature-list p{font-size:12px}.collaboration-card{grid-template-columns:1fr;gap:40px}.collaboration-card h2 br{display:none}.ip-options{max-width:100%}.screen-card{min-width:195px}.theme-footnote{flex-direction:column;gap:6px}.footer-grid{grid-template-columns:1.3fr .8fr 1.2fr;gap:25px}.download-section h2{font-size:44px}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr;height:auto;min-height:0;padding-top:42px}.hero-copy{text-align:center}.hero h1{font-size:43px;line-height:1.2;margin:23px 0}.hero-description{font-size:16px}.hero .actions{justify-content:center;flex-direction:column;gap:18px;margin-top:25px}.hero .button{font-size:14px;min-height:55px;padding:14px 23px}.hero-note{justify-content:center;margin-top:22px}.hero-art{width:min(360px,100%);height:510px;margin:20px auto 0}.hero-front{width:192px;left:22px;top:38px;animation:none}.hero-back{width:171px;right:14px;top:90px;animation:none}.floating-note{bottom:2px;right:12px;padding:12px 16px}.floating-note b{font-size:13px}.floating-note small{font-size:10px}.morning-label{top:11px;right:16px}.spark-one{right:7px;top:30px}.spark-two{left:0;bottom:30px}.orbit{width:340px;height:340px;left:10px}.orbit-two{width:420px;height:420px;left:-30px}.hero-bottom{margin-top:30px;padding:18px 0;justify-content:center}.hero-bottom>span{display:none}.section{padding:70px 0}h2{font-size:31px;margin:13px 0 19px}.eyebrow{font-size:9px;letter-spacing:1.5px}.problem-grid{grid-template-columns:1fr;gap:12px;margin-top:30px}.problem-card{padding:24px 22px 24px 93px;min-height:132px}.line-icon{position:absolute;left:22px;top:25px;width:48px;height:48px;font-size:30px;border-radius:14px}.problem-card h3{font-size:20px}.problem-card h3 br{display:none}.card-index{top:9px;right:14px;font-size:10px}.problem-card p{font-size:13px;margin-top:10px}.problem-statement{font-size:21px;margin-top:35px}.section-heading{text-align:left}.section-heading p{font-size:14px}.steps{grid-template-columns:1fr;margin-top:35px;gap:30px}.steps li{padding-left:80px;min-height:130px}.steps .step-number{position:absolute;left:0;top:0;width:52px;height:52px;font-size:17px}.steps li:not(:last-child):after{width:1px;height:calc(100% - 25px);left:26px;top:60px;right:auto}.steps h3{font-size:22px;margin:8px 0 12px}.steps p{font-size:14px}.buddy-grid,.feature-grid{grid-template-columns:1fr;gap:40px}.buddy-section h2{font-size:37px}.buddy-visual{padding:24px}.buddy-flow b{font-size:13px}.buddy-flow small{font-size:11px}.buddy-detail br{display:none}.flow-time{font-size:18px}.feature-visual{order:2;padding-top:27px}.feature-phone{width:230px}.feature-sticker{right:25px;font-size:12px}.feature-list p{font-size:14px}.feature-list article{padding:20px 0}.heading-row{align-items:end;gap:10px;margin-bottom:25px}.heading-row h2{font-size:29px}.heading-row p{font-size:13px}.heading-row .eyebrow{font-size:8px}.carousel-controls{gap:6px}.carousel-controls button{width:36px;height:36px;font-size:17px}.theme-card{flex-basis:84%;min-width:0}.theme-image{height:270px}.theme-image img{width:215px;height:215px}.theme-footnote{text-align:center;font-size:12px}.theme-track{gap:15px}.collaboration-card{padding:28px 22px;width:calc(100% - 40px)}.collaboration-card h2{font-size:31px}.collaboration-card h2 br{display:block}.collaboration-card p br{display:none}.collaboration-card .button{font-size:12px;width:100%;padding:14px 10px}.ip-grid{gap:10px}.ip-grid article{padding:17px 13px}.ip-grid p{font-size:10px}.ip-options>small{font-size:9px}.screenshots-section{padding-top:0}.screenshots-section .heading-row{flex-wrap:wrap}.screen-card{flex-basis:68%;min-width:0}.screen-track{gap:22px}.download-section h2{font-size:38px}.download-actions{flex-direction:column;gap:22px}.qr-area{display:none}.download-section .download-status{font-size:10px}.download-section p{font-size:13px}.footer-grid{grid-template-columns:1fr 1.5fr;gap:30px;padding:45px 0 30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{margin:12px 0}.footer-bottom{gap:10px;font-size:9px}.footer-bottom>span:last-child{display:none}.reveal.in-view{animation:none}.pulse-dot{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.blue .theme-image{background:#eaf0fa}.peach .theme-image{background:#fff0e5}