@font-face{font-family:Inter;src:url('./assets/Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/Inter-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/Inter-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--navy:#100b2b;--ink:#171431;--muted:#727383;--pink:#fa168b;--lavender:#f2eff8;--line:#e6e2ee;--white:#fff;font-family:Inter,Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;padding:12px;background:white;z-index:99}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #fe8dcb;outline-offset:3px}
.site-header{background:#fff}.header-inner{min-height:84px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-right:auto}.site-header nav{display:flex;gap:25px;font-size:14px;font-weight:700}.site-header nav a:hover,.footer-inner a:hover{color:var(--pink)}.header-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:100px;font-size:14px;font-weight:700;white-space:nowrap}.header-cta:hover{background:#28204a}
.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.35fr .85fr;align-items:center;gap:20px}.hero-copy{padding:75px 0 78px;position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:800}.hero-eyebrow{color:#ff7fc1;margin-bottom:28px}.hero h1{font-size:clamp(40px,4.7vw,67px);letter-spacing:-.065em;line-height:1.14;font-weight:800;word-break:keep-all}.hero-subtitle{margin-top:25px;color:#b4afc8;font-size:19px;line-height:1.65;word-break:keep-all}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:17px;padding:15px 25px;min-height:54px;border-radius:100px;font-weight:800}.button-pink{background:var(--pink);color:#fff}.button-pink:hover{background:#d90a70}.hero .button{margin-top:38px}.hero .button span{display:grid;place-items:center;background:white;color:var(--pink);width:25px;height:25px;border-radius:50%}.hero-note{font-size:13px;color:#a9a3bf;margin-top:16px}.hero-art{width:100%;max-width:450px;justify-self:end;mix-blend-mode:normal;border-radius:2px}
.product-intro{padding:70px 0 58px;background:linear-gradient(#f6f5f9,#fff)}.product-frame{box-shadow:0 35px 55px #140d3130;border:1px solid #e3e0ea;background:#fff;overflow:hidden}.product-frame img{width:100%}.image-caption{text-align:center;margin-top:24px;color:var(--muted);font-size:14px}.section{padding:90px 0}.section h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.055em;line-height:1.25;word-break:keep-all}.section .eyebrow{margin-bottom:14px}.section-lead{color:#8c8b98;font-size:18px;line-height:1.6;margin-top:18px;word-break:keep-all}.problem{padding-top:72px}.problem-grid{margin-top:35px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--lavender);border-radius:25px}.problem-grid article{padding:20px 13px}.problem-mark{height:56px;width:56px;display:grid;place-items:center;color:#372569;background:white;border-radius:15px;font-size:17px;font-weight:900;box-shadow:0 7px 18px #30215610}.problem-grid h3{font-size:18px;margin-top:18px;letter-spacing:-.025em}.problem-grid p{font-size:14px;color:#858391;line-height:1.6;margin-top:8px;word-break:keep-all}.how{padding-top:48px}.steps{padding:0;margin:39px 0 55px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps li{display:flex;gap:14px}.steps li>span{flex:none;display:grid;place-items:center;width:36px;height:36px;background:#efedf2;border-radius:5px;font-size:14px;font-weight:800}.steps h3{font-size:18px;margin:2px 0 5px}.steps p{font-size:13px;line-height:1.55;color:#92919c;word-break:keep-all}.showcase{border-radius:24px;background:var(--lavender);overflow:hidden;padding:28px}.showcase img{width:100%;border-radius:10px}.features{padding-top:65px}.center-heading{text-align:center}.center-heading .eyebrow{color:#7c6db1}.center-heading>p:last-child{color:#95939e;font-size:18px;margin-top:10px;line-height:1.5}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px;margin-top:52px}.feature-grid article img{width:100%;border-radius:19px}.feature-grid h3{font-size:20px;margin-top:16px;letter-spacing:-.035em}.feature-grid article p{font-size:15px;line-height:1.6;color:#72717e;margin-top:7px}.development-note{text-align:center;font-size:13px;color:#91909a;margin-top:46px}.pricing{padding-top:92px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:45px}.plan{border:4px solid #eae7f2;border-radius:28px;overflow:hidden;background:#eceaf3;min-width:0}.plan-top{height:188px;background:white;border-radius:23px;padding:26px 20px;display:flex;flex-direction:column}.plan h3{font-size:19px;letter-spacing:-.035em}.plan-top p{font-size:13px;line-height:1.4;color:#777684;margin-top:5px}.price{font-size:30px;font-weight:900;letter-spacing:-.05em;margin-top:auto;white-space:nowrap}.price small{font-size:13px;font-weight:500;letter-spacing:0}.price del{font-size:20px;color:#bbb8c2;margin-right:4px}.coming-soon{font-size:24px;color:#bdbac2}.plan-body{padding:22px 20px 30px;font-size:13px;line-height:1.62;min-height:315px;color:#363347}.plan-body>p:first-child{color:#777482;margin-bottom:10px}.plan-body ul{padding-left:18px;margin:0}.plan-body li+li{margin-top:4px}.plan-body>p+ p{margin-top:15px}.featured-plan{border-color:#efc1de}.pricing-note{text-align:center;margin-top:26px;color:#97939f;font-size:14px}.signup{background:linear-gradient(#fff,#ebebee 78%,#dedee1);padding-top:95px;padding-bottom:110px}.signup-inner{text-align:center}.pill{display:inline-block;border:1px solid #c9c7ce;border-radius:100px;padding:12px 24px;color:#898792;font-size:14px;font-weight:700}.signup h2{margin-top:24px}.signup-lead{font-size:19px;font-weight:700;margin-top:50px;color:#4d4b55}.signup-form{background:#fff;width:min(540px,100%);margin:24px auto 0;padding:25px;border-radius:27px;text-align:left;box-shadow:0 10px 30px #17143116}.signup-form label{display:block;font-size:14px;font-weight:800;margin-bottom:9px}.signup-form input,.signup-form select{width:100%;border:1px solid #eeeef2;background:#f0f1f5;border-radius:22px;height:52px;padding:0 17px;color:var(--ink);font-size:15px}.signup-form input::placeholder{color:#aaa9b3}.signup-form label:not(:first-child){margin-top:20px}.form-button{width:100%;margin-top:23px;font-size:16px}.form-note,.email-link{font-size:12px;line-height:1.6;color:#777681;text-align:center;margin-top:12px}.email-link{display:block;text-decoration:underline;text-underline-offset:3px}.footer-inner{display:flex;gap:22px;align-items:center;min-height:95px;color:#92909c;font-size:13px}.footer-brand{font-size:22px;font-weight:900;color:var(--navy)}.footer-inner span{margin-right:auto}
@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.plan-body{min-height:0}.hero-grid{grid-template-columns:1.3fr .8fr}.hero h1{font-size:clamp(40px,5.5vw,58px)}.steps{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 36px,520px)}.header-inner{min-height:69px;gap:12px}.site-header nav{display:none}.header-cta{font-size:12px;padding:10px 13px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-copy{padding:62px 0 10px}.hero h1{font-size:clamp(38px,9.7vw,56px)}.hero-subtitle{font-size:16px;margin-top:20px}.hero .button{margin-top:28px}.hero-art{align-self:center;width:min(100%,390px);max-width:none;margin-bottom:25px}.product-intro{padding:42px 0 45px}.image-caption{font-size:12px}.section{padding:62px 0}.section h2{font-size:clamp(29px,7.5vw,39px)}.section-lead{font-size:16px}.problem{padding-top:42px}.problem-grid{padding:15px;gap:5px;border-radius:18px}.problem-grid article{padding:12px 7px}.problem-mark{height:44px;width:44px;font-size:14px}.problem-grid h3{font-size:15px}.problem-grid p{font-size:12px}.steps{gap:22px 12px;margin:35px 0}.steps li{gap:9px}.steps li>span{width:30px;height:30px;font-size:12px}.steps h3{font-size:15px}.steps p{font-size:12px}.showcase{padding:10px;border-radius:15px}.features{padding-top:35px}.center-heading>p:last-child{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}.feature-grid h3{font-size:19px}.feature-grid article p{font-size:14px}.pricing-grid{gap:12px}.plan{border-width:3px;border-radius:20px}.plan-top{padding:18px 13px;height:175px;border-radius:17px}.plan h3{font-size:16px}.plan-top p{font-size:11px}.price{font-size:25px}.price del{font-size:16px}.coming-soon{font-size:18px}.plan-body{padding:14px 12px 22px;font-size:11px}.pricing-note{font-size:12px}.signup{padding-bottom:72px}.signup-lead{font-size:16px;margin-top:34px}.signup-form{padding:20px}.footer-inner{flex-wrap:wrap;padding:28px 0;gap:8px}.footer-inner span{order:3;width:100%}}
@media(max-width:390px){.pricing-grid{grid-template-columns:1fr}.plan-top{height:150px}.plan-body{font-size:13px}.problem-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.discount,.signup-lead strong{color:var(--pink)}
.price small{font-size:11px}
.brand{flex:none}.brand-art{display:block;width:300px;height:auto;overflow:visible}.brand-art .logo-animated{display:block;width:300px;height:auto;max-width:none}.brand-art .logo-static{display:none}
.hero-grid{grid-template-columns:1.65fr .75fr}
.hero h1{font-size:clamp(40px,4.15vw,60px)}
.hero-art{max-width:390px}
@media(max-width:720px){.plan-top{height:185px}.price{font-size:24px}}
@media(max-width:720px){.brand-art{width:min(220px,calc(100vw - 180px));height:auto}.brand-art .logo-animated{width:100%}.hero h1{font-size:clamp(38px,9.7vw,56px)}.hero-art{max-width:390px}}
@media(prefers-reduced-motion:reduce){.brand-art .logo-animated{display:none}.brand-art .logo-static{display:block;width:165px;height:auto}.brand-art{width:165px;height:auto}}
.product-frame video,.showcase video{display:block;width:100%;height:auto}
.form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-button:disabled{opacity:.7;cursor:wait}
.form-button.is-success{background:#e21a85;cursor:default}
.form-button.is-error{background:#ef2353}
.signup-form label[for="role"]{margin-top:0}
.language-switch{flex:none;font-size:13px;font-weight:700;color:#6f6b7e;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.language-switch:hover{color:var(--pink)}
html[lang="ko"]{font-family:Inter,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
html[lang="ko"] .hero h1{font-size:clamp(38px,3.9vw,57px);letter-spacing:-.075em}
html[lang="ko"] .section h2{letter-spacing:-.065em}
html[lang="ko"] .feature-grid h3{word-break:keep-all}
@media(max-width:1080px){.header-inner{gap:20px}.brand-art,.brand-art .logo-animated{width:250px}.site-header nav{gap:15px}}
@media(max-width:720px){.header-inner{gap:9px}.brand-art{width:min(175px,calc(100vw - 190px))}.brand-art .logo-animated{width:100%}.header-cta{font-size:11px;padding:9px 10px}.language-switch{font-size:12px}html[lang="ko"] .hero h1{font-size:clamp(34px,8.7vw,48px)}html[lang="ko"] .hero-subtitle{font-size:15px}}
@media(max-width:390px){.brand-art{width:min(145px,calc(100vw - 178px))}.header-cta{padding:8px 9px}}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-links a{white-space:nowrap}@media(max-width:1050px){.footer-inner{flex-wrap:wrap;padding:25px 0}.footer-inner span{margin-right:0}.footer-links{width:100%;order:3}}@media(max-width:720px){.footer-links{gap:12px 18px}}
.video-media{position:relative}.video-toggle{position:absolute;right:16px;bottom:16px;border:1px solid #ffffff88;border-radius:999px;background:#100b2be8;color:white;padding:9px 15px;min-width:78px;min-height:40px;font-size:13px;font-weight:700;box-shadow:0 4px 16px #100b2b40}.video-toggle:hover{background:#100b2b}.video-toggle:focus-visible{outline:3px solid #fa168b;outline-offset:3px}@media(max-width:720px){.video-toggle{right:12px;bottom:12px;padding:6px 11px;min-width:64px;min-height:35px;font-size:12px}}
.signup-form input:not([type="checkbox"]),.signup-form select{width:100%}.signup-form .privacy-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;font-size:13px;line-height:1.5;font-weight:400;color:#575568;cursor:pointer}.privacy-consent input[type="checkbox"]{width:18px;height:18px;min-width:18px;min-height:18px;margin:1px 0 0;accent-color:var(--pink);padding:0;border-radius:4px}.privacy-consent span{flex:1}.privacy-consent a{color:#6f3289;text-decoration:underline;text-underline-offset:2px}.signup-form .form-button{margin-top:19px}.form-note{font-size:13px}
.pricing-note{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.6}
