@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--bg:#fafafc;--ink:#252a3e;--muted:#74788b;--line:#e8e8f0;--accent:#6963d9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8880e5;outline-offset:5px}::selection{background:#dedbfb}p,h1,h2,h3{margin:0}.skip-link{position:fixed;top:-70px;left:20px;z-index:10;padding:12px 20px;background:white;border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.site-header,main,.site-footer{max-width:1224px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:43px;line-height:1;font-weight:700;letter-spacing:-3.8px}.logo>span{color:var(--accent)}.logo>.logo-dot{color:#9f99df}.header-actions{display:flex;align-items:center;gap:27px}.landing .language-switch{background:transparent;border-color:var(--line)}.landing .language-switch button.active{background:#efedfb;color:#5a53bc}.login-link{font-size:13px;font-weight:500;padding:12px 0}.login-link:hover,.text-link:hover,.site-footer a:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:36px;min-height:610px;padding:76px 0 88px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.7}.hero h1{font-size:clamp(34px,3.45vw,47px);font-weight:600;line-height:1.45;letter-spacing:-2.5px;margin:21px 0 23px;word-break:keep-all}.hero h1>span{color:var(--accent)}.hero-description{font-size:14px;line-height:2;letter-spacing:-.25px;color:#72768a;word-break:keep-all}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:52px;padding:16px 23px;border-radius:9px;font-size:13px;font-weight:500;transition:background .2s,box-shadow .2s}.primary{background:var(--accent);color:white;box-shadow:0 5px 14px #6963d91a}.primary:hover{background:#5c55cb;box-shadow:0 6px 20px #6963d933}.button>span:last-child{font-size:18px;line-height:1}.text-link{display:flex;gap:14px;align-items:center;font-size:12px;color:#76758c}.signup-note{font-size:10px;color:#898b9d;margin-top:17px;line-height:1.8}
.voice-scene{position:relative;padding:46px 0 60px;isolation:isolate}.scene-orbit{position:absolute;inset:0 -12px 12px;background:radial-gradient(ellipse,#eeebfa 0,#f2effb 40%,#f8f7fc00 72%);z-index:-1}.voice-card{position:relative;background:#ffffffed;border:1px solid #e7e4f1;border-radius:16px;padding:25px 27px;box-shadow:0 20px 65px #4440650b;transform:rotate(-3deg)}.voice-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.voice-card-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.example-label{font-size:9px;color:#8a849f;background:#f5f3fa;border-radius:5px;padding:5px 7px;white-space:nowrap}.voice-card h2{font-size:18px;font-weight:500;letter-spacing:-.7px;margin-top:23px}.waveform{margin-top:26px;padding:10px 0}.waveform svg{width:100%;height:auto;display:block}.wave-caption{display:flex;justify-content:space-between;gap:12px;color:#9290a6;font-size:9px;margin:8px 0 24px}.wave-caption>span:last-child{letter-spacing:3px;color:#bbb5de;font-size:6px}.journal-line{border-top:1px solid #efedf4;padding-top:17px;display:flex;align-items:center;gap:10px;font-size:10px;color:#7a758f}.line-icon{display:grid;place-items:center;width:23px;height:23px;background:#f1effa;border-radius:7px;color:var(--accent);font-size:15px}.feedback-note{position:relative;margin:-18px -8px 0 60px;display:flex;align-items:center;gap:14px;border:1px solid #e4e0f3;border-radius:12px;background:#f5f2ff;padding:18px 22px;box-shadow:0 10px 30px #49405d08;transform:rotate(2deg)}.note-icon{font-size:29px;color:#9c8cd5}.note-label{font-size:10px;color:#85769e;margin-bottom:6px}.feedback-note p:last-child{font-size:13px;color:#62527e;letter-spacing:-.2px}.scene-caption{text-align:center;font-size:8px;letter-spacing:2px;color:#a6a0b8;margin-top:29px}
.how-section{padding:50px 0 62px;border-top:1px solid var(--line);scroll-margin-top:25px}.section-intro h2{font-size:26px;font-weight:500;letter-spacing:-1.25px;margin:14px 0 12px;line-height:1.5;word-break:keep-all}.section-intro>p:last-child{font-size:12px;color:var(--muted);line-height:1.8}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:38px 0 34px}.steps li{border-right:1px solid var(--line);padding:0 35px}.steps li:first-child{padding-left:0}.steps li:last-child{border:0;padding-right:0}.step-number{font-size:12px;letter-spacing:1px;color:#9992c8}.steps h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:19px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.95;word-break:keep-all}.step-label{display:block;font-size:8px;color:#a6a2b9;letter-spacing:1.8px;margin-top:24px}.learning-note{display:flex;align-items:flex-start;gap:14px;background:#f0eef8;border:1px solid #eae6f4;border-radius:10px;padding:19px 23px}.learning-mark{color:#9a8fcd;font-size:24px}.learning-note p{font-size:11px;line-height:1.9;color:#827991}.learning-note strong{display:block;font-size:12px;font-weight:500;color:#63567e;margin-bottom:3px}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:49px 0 58px;border-top:1px solid var(--line)}.closing h2{font-size:30px;font-weight:500;letter-spacing:-1.3px;margin:13px 0}.closing p:last-child{font-size:12px;line-height:1.9;color:var(--muted);word-break:keep-all}.closing>.button{flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.site-footer .logo{font-size:30px;letter-spacing:-2.8px}.site-footer p{font-size:9px;line-height:1.9;color:#9997a8;margin-top:13px}.footer-right{text-align:right;max-width:500px}.footer-right nav{display:flex;justify-content:flex-end;gap:22px;font-size:11px;color:#817c91}
html[lang=en] .hero h1{font-size:clamp(34px,3.6vw,48px);letter-spacing:-1.8px;line-height:1.25}html[lang=en] .hero-description{font-size:14px}html[lang=en] .steps p br{display:none}
@media(min-width:1440px){.hero{min-height:660px}.hero h1{font-size:49px}}
@media(max-width:950px){.site-header,main,.site-footer{padding-left:30px;padding-right:30px}.hero{gap:25px}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero-description{font-size:12px}.hero-actions{gap:18px}.voice-card{padding:21px}.feedback-note{margin-left:30px;padding:16px}.steps li{padding:0 22px}.steps h3{font-size:16px}.steps p br{display:none}}
@media(max-width:700px){.site-header{height:85px}.site-header,main,.site-footer{padding-left:24px;padding-right:24px}.site-header .logo{font-size:37px}.header-actions{gap:17px}.landing .language-switch button{font-size:10px!important;padding:7px 8px!important}.login-link{font-size:12px}.hero{grid-template-columns:1fr;gap:12px;padding:49px 0 28px;min-height:0}.hero h1{font-size:39px;letter-spacing:-2px;margin:17px 0}.hero-description{font-size:12px}.hero-actions{margin-top:27px;gap:22px}.signup-note{font-size:9px}.voice-scene{max-width:460px;width:100%;margin:0 auto;padding:42px 8px 29px}.voice-card{padding:23px}.voice-card h2{font-size:17px}.feedback-note{margin-right:0;margin-left:42px}.scene-caption{margin-top:25px}.how-section{padding-top:35px;padding-bottom:38px}.section-intro h2{font-size:23px}.section-intro>p:last-child{font-size:11px}.steps{grid-template-columns:1fr;margin-top:27px;margin-bottom:24px}.steps li,.steps li:first-child,.steps li:last-child{position:relative;padding:21px 0 22px 42px;border-right:0;border-bottom:1px solid var(--line)}.steps li:last-child{border-bottom:0}.step-number{position:absolute;top:23px;left:0}.steps h3{margin:0 0 8px}.steps p{font-size:12px}.step-label{margin-top:14px}.learning-note{padding:17px;gap:10px}.learning-note p{font-size:10px}.learning-note strong{font-size:11px}.closing{align-items:flex-start;flex-direction:column;gap:24px;padding:34px 0 40px}.closing h2{font-size:28px}.site-footer{padding-top:26px;padding-bottom:30px;flex-direction:column;gap:25px}.footer-right{text-align:left}.footer-right nav{justify-content:flex-start}.footer-right p{font-size:9px}html[lang=en] .hero h1{font-size:40px}.hero-description br{display:none}}
@media(max-width:360px){.site-header,main,.site-footer{padding-left:19px;padding-right:19px}.hero h1{font-size:34px}.hero-actions{gap:17px}.button{gap:22px;padding-left:18px;padding-right:18px}.header-actions{gap:12px}.voice-card-heading{gap:6px}.voice-card-heading .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}