:root{--blue:#7046db;--blue-deep:#5630b4;--blue-bg:#f2edff;--ink:#211e32;--gray:#686473;--line:#e8e4ee;--paper:#f9f6f2;--warm-bg:#f4effb;--warm-ink:#664ab0;--blue-soft:#c6b5fa;--n-card:#f7f5fa;--n-ink:#211e32;--n-sub:#686473}
html{scroll-padding-top:110px}body{background:#fff;color:var(--ink)}body,.serif{font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",sans-serif}a,button{touch-action:manipulation}button,a{transition:background .18s,color .18s,border-color .18s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7046db;outline-offset:4px}
header{border-radius:0 0 28px 28px;background:#fff;backdrop-filter:none;border-color:#eeeaf1}.nav{height:82px;max-width:1280px;padding:0 32px}.logo{font-size:23px;color:var(--ink);display:flex;align-items:center;gap:10px}.logo::before{content:'방';display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--ink);color:white;font-size:20px}.logo small{display:none}.nav-right{gap:26px}.nav-right .home,.tone-nav{color:var(--gray);font-size:14px;text-decoration:none}.nav a.cta-mini{background:var(--ink);min-height:46px;display:inline-flex;align-items:center;padding:0 24px}.policy-notice{background:#f8f6fb;border:0}.policy-notice a{max-width:1220px;padding:10px 28px;font-size:12px;color:#625b73}
.wrap,.wrap-wide,.pricing-wrap,.demo-wrap{width:min(100%,1240px)!important;max-width:1240px!important;padding-left:32px!important;padding-right:32px!important}.wrap>*{max-width:none}section{padding:100px 0}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.25;letter-spacing:-.045em}.eyebrow{letter-spacing:0;color:var(--blue);font-size:14px}.reveal,.pain li,.compare tbody tr{opacity:1;transform:none;transition:none}
.hero.hero-lean{background:#f9f6f2;padding:84px 0 72px}.hero-lean .wrap{display:block}.hero-copy{display:grid;grid-template-columns:1.12fr 1fr;column-gap:65px;align-items:center}.hero-copy h1{grid-row:1/4;margin:0;font-size:clamp(34px,4.7vw,60px);font-weight:850;line-height:1.22;letter-spacing:-.055em}.hero h1 .serif{font-family:inherit;font-size:inherit;color:#8350e2;margin-top:9px}.hero-lean .hero-lede{margin:0;font-size:19px;line-height:1.85;color:var(--gray)}.hero-lean .hero-meta{gap:7px;margin:18px 0 24px}.hero-lean .hero-meta .chip{font-size:12px;border:1px solid #e5dfeb;background:#fff;padding:6px 10px;color:#686473}.hero-lean .hero-meta .chip.accent{background:#eee7fb;color:#6944ac;border-color:#eee7fb}.tone-actions{display:flex;gap:10px;flex-wrap:wrap}.tone-actions a{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 23px;background:var(--ink);color:white;text-decoration:none;font-weight:700;font-size:14px}.tone-actions a+ a{background:#fff;color:var(--ink);border:1px solid var(--line)}
.tone-journey{margin-top:60px;background:white;border:1px solid #eee8f0;border-radius:30px;padding:26px;box-shadow:0 12px 50px #47365b07}.journey-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 6px 18px;color:var(--gray);font-size:12px}.journey-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr}.journey-grid article{padding:28px 26px;min-width:0}.journey-grid article+article{border-left:1px solid var(--line)}.journey-grid article:nth-child(2){background:#f5f0ff}.journey-grid small{font-size:12px;color:var(--gray)}.journey-grid h2{font-size:26px;line-height:1.4;margin:20px 0 14px}.journey-grid p{font-size:14px;line-height:1.8;color:var(--gray)}.journey-face{width:58px;height:58px;object-fit:contain;display:block;margin-top:22px;background:#f3eff9;border-radius:18px;padding:4px}.journey-grid blockquote{font-size:15px;color:var(--ink);line-height:1.75}.journey-note{padding:12px 0;border-bottom:1px solid var(--line)}.journey-note b{display:block;color:var(--ink);margin-top:4px;font-size:15px}.journey-footer{border-top:1px solid var(--line);padding:17px 6px 0;display:flex;justify-content:space-between;gap:16px;color:var(--gray);font-size:13px}.journey-footer a{color:var(--blue);text-decoration:none;font-weight:700}
.bento-sec{background:#fff}.bento-head{margin-bottom:32px}.bt{box-shadow:none!important;border:1px solid var(--line);background:#faf9fc!important;border-radius:22px}.bt .ttl{color:var(--ink)}.bt .lab{color:var(--blue)}.bt-call,.bt-sum{background:#f1ecfb!important}.bt-char{background:#ede6fc!important}.bt-sos{background:#faf8fc!important}.bt-ready{background:#f5f2f8!important}.bt:hover{transform:none!important}.bt .bt-pill{color:var(--ink)}
.family-demo{background:#fff!important;padding-top:44px}.demo-heading{text-align:left!important;margin-bottom:32px!important}.demo-heading h2{font-size:clamp(30px,3.4vw,44px)!important;letter-spacing:-.045em!important;color:var(--ink)!important}.demo-heading>span,.summary-top>span{color:#5c49bc!important}.scenario-switch{justify-content:flex-start!important;display:flex!important;width:fit-content;background:#f2f3f8!important;border-radius:12px!important;padding:5px!important}.scenario-switch button{border-radius:8px!important;min-height:44px;color:#686473!important}.scenario-switch button[aria-pressed=true]{color:#5945bd!important;background:white!important;box-shadow:none!important}.demo-shell{background:linear-gradient(120deg,#302070,#5742b0)!important;border:0!important;border-radius:28px!important;padding:20px!important;gap:20px!important;box-shadow:none!important}.conversation-panel,.summary-panel{background:white!important;border-radius:20px!important;overflow:hidden}.summary-panel{padding:30px!important}.summary-panel h3{color:var(--ink)!important}.demo-play{background:#493bd6!important;border-radius:10px!important}.summary-foot{background:#f4f1fc!important}.phone-symbol,.demo-avatar{background:#f1edff!important;color:#5945bd!important}.calllog{background:#f9f7fb!important}.cl-phone{box-shadow:none!important;border:1px solid #e0dbe8}.empathy{background:#f9f6f2}.empathy>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.empathy h2{font-weight:800;grid-row:1/3}.empathy .pain{margin:0}.empathy .closer{font-size:20px;color:var(--blue-deep)}
.pricing-new{background:#fff!important;color:var(--ink)!important}.pricing-heading h2{font-size:clamp(30px,3.4vw,44px)!important;color:var(--ink)!important}.phone-explain{background:#f5f1fc!important;border:1px solid var(--line)!important;border-radius:18px!important}.phone-explain b{color:#5f449d!important;background:#eae2fa!important}.pricing-grid{gap:16px!important}.pricing-card{border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:none!important;background:#fff!important;padding:26px 22px!important;color:var(--ink)!important}.pricing-card.recommended{border:2px solid #7960c3!important;background:#faf8ff!important}.pricing-card .amount{font-size:40px!important;color:var(--ink)!important;letter-spacing:-.04em}.pricing-card .recommend{background:#7050b9!important;color:#fff!important}.pricing-card .select-plan{background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:48px}.pricing-card .call-rule{background:#f6f4f9!important}.mode{color:#62518b!important;background:#f0ebf8!important}.app-heading{border-top:1px solid var(--line);padding-top:80px!important}.feature-compare{border:1px solid var(--line)!important;border-radius:16px;padding:8px 22px}.faq{background:#f9f8fb}.faq summary{font-size:18px;min-height:72px}.faq details p{font-size:16px}.family-final{background:#f2edf9!important;color:var(--ink)!important;padding:90px 24px!important}.family-final h2{color:var(--ink)!important}.family-start{background:var(--ink)!important;border-radius:999px!important}.company-footer{background:#fff!important;color:var(--gray)!important}.company-footer h3,.kraft-mark{color:var(--ink)!important}.company-footer a{color:var(--gray)!important}.preview-label{position:fixed;z-index:100;bottom:14px;right:16px;background:#211e32;color:white;border-radius:999px;padding:9px 14px;font-size:12px;box-shadow:0 2px 12px #211e321a;pointer-events:none}
@media(min-width:1000px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.hero-copy{column-gap:30px}.hero-copy h1{font-size:40px}.hero-lean .hero-lede{font-size:17px}.journey-grid article{padding:22px 16px}.journey-grid h2{font-size:21px}.tone-nav{display:none}.empathy>.wrap{display:block}.empathy .pain{margin:24px 0}}
@media(max-width:640px){header{border-radius:0 0 20px 20px}.nav{height:68px;padding:0 20px}.logo{font-size:19px}.logo::before{width:32px;height:32px;font-size:17px}.nav-right{gap:8px}.nav a.cta-mini{padding:0 16px;font-size:12px}.wrap,.wrap-wide,.pricing-wrap,.demo-wrap{padding-left:20px!important;padding-right:20px!important;width:100%!important}.policy-notice a{padding:9px 20px;font-size:11px}.hero.hero-lean{padding:48px 0}.hero-copy{display:block}.hero-copy h1{font-size:36px;line-height:1.25}.hero h1 .serif{font-size:34px}.hero-lean .hero-lede{margin-top:24px;font-size:16px}.hero-lean .hero-meta{margin-top:16px;gap:6px}.hero-lean .hero-meta .chip{font-size:11px}.tone-actions a{min-height:48px;padding:0 20px}.tone-journey{margin-top:36px;padding:16px;border-radius:22px}.journey-grid{grid-template-columns:1fr}.journey-grid article{padding:24px 18px}.journey-grid article+article{border-left:0;border-top:1px solid var(--line)}.journey-face{float:right;margin:0 0 8px 12px}.journey-grid h2{font-size:23px}.journey-footer{font-size:12px;flex-direction:column;gap:8px}section{padding:64px 0}.demo-shell{padding:10px!important;gap:10px!important;border-radius:20px!important;grid-template-columns:1fr!important}.summary-panel{padding:22px!important}.scenario-switch{width:100%;max-width:100%;flex-wrap:wrap}.scenario-switch button{font-size:13px!important;padding:10px 12px!important}.pricing-card .amount{font-size:38px!important}.pricing-grid{grid-template-columns:1fr!important}.phone-explain{display:block!important}.phone-explain b{display:inline-block;margin-top:16px}.app-heading{padding-top:54px!important}.faq summary{font-size:16px}.preview-label{font-size:10px;bottom:8px;right:8px}.company-main{gap:24px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.logo::before{content:none}.logo .brand-character{display:block;width:42px;height:42px;object-fit:contain;flex-shrink:0}@media(max-width:640px){.logo .brand-character{width:36px;height:36px}}