:root { --ink:#211b2c; --muted:#686171; --purple:#7651dc; --deep:#33215f; --lav:#ede8ff; --cream:#fbf9f5; --line:#ded9d2; --peach:#f6d9c7; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans KR",sans-serif;letter-spacing:-.035em} button,input,select{font:inherit} button{cursor:pointer} .site-header{height:76px;max-width:1280px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 25px "DM Sans",sans-serif;letter-spacing:-.1em;color:var(--ink);text-decoration:none}.brand span{color:var(--purple)}nav{display:flex;gap:32px;margin-left:130px}nav a,footer a{font-size:14px;color:#4f4858;text-decoration:none}.header-cta{border:0;border-radius:99px;background:var(--ink);color:white;padding:11px 18px;font-size:13px;font-weight:700}.section-shell{max-width:1216px;margin:0 auto;padding-left:28px;padding-right:28px}.hero{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:42px;padding-bottom:78px}.eyebrow{margin:0 0 17px;color:var(--purple);font:700 11px "DM Sans",sans-serif;letter-spacing:.13em}.hero h1,.section-intro h2,.pricing h2,.final-cta h2{margin:0;font-size:clamp(40px,5vw,67px);line-height:1.18;letter-spacing:-.07em;font-weight:800}.hero h1 em,.section-intro h2 em,.final-cta em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.hero-description{max-width:500px;margin:25px 0;color:var(--muted);font-size:17px;line-height:1.85;letter-spacing:-.04em}.hero-actions{display:flex;align-items:center;gap:22px}.button{border:0;border-radius:5px;padding:16px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #43208324}.button span{margin-left:15px;font-size:18px}.button-primary{background:var(--purple);color:white}.text-link{color:var(--ink);font-size:14px;font-weight:700}.text-link span{margin-left:7px}.micro-copy{color:#8b8391;font-size:12px}.micro-copy strong{color:var(--purple)}.hero-art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.plan-card{z-index:2;width:310px;background:#fff;border-radius:13px;padding:26px;box-shadow:0 25px 45px #39276518;transform:rotate(2deg)}.card-heading{display:flex;justify-content:space-between;color:#827a88;font:600 10px "DM Sans";letter-spacing:.1em}.card-heading strong{color:var(--purple)}.plan-card h2{font-size:25px;line-height:1.35;letter-spacing:-.06em;margin:20px 0 22px}.plan-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eeeaf3}.check{width:17px;height:17px;border:1px solid #c7bfce;border-radius:50%;color:white;font-size:11px;display:grid;place-items:center}.complete .check{background:var(--purple);border-color:var(--purple)}.plan-item div{flex:1}.plan-item strong,.plan-item small{display:block}.plan-item strong{font-size:12px}.plan-item small{color:#938c98;font-size:10px;margin-top:3px}.plan-item b{font-size:10px;color:var(--purple)}.progress{height:6px;background:#eeeaf4;border-radius:3px;margin:21px 0 12px}.progress span{width:71%;display:block;background:var(--purple);height:100%;border-radius:3px}.plan-card>p{font-size:11px;color:#766d7d;margin:0}.plan-card>p span{color:var(--purple)}.floating-note{z-index:3;position:absolute;background:white;border-radius:8px;padding:11px 15px;font-size:11px;box-shadow:0 12px 24px #39276518}.note-top{top:38px;right:22px}.note-top strong{color:var(--purple);margin-left:4px}.note-bottom{bottom:36px;left:4px;color:#6c6471}.note-bottom span{font-weight:700;color:var(--purple);margin-right:8px}.orb{position:absolute;border-radius:50%;background:var(--lav)}.orb-one{width:380px;height:380px;right:50px;top:50px}.orb-two{width:60px;height:60px;background:var(--peach);bottom:25px;right:20px}.proof-bar{background:var(--deep);color:white;display:flex;justify-content:center;gap:min(11vw,145px);padding:25px}.proof-bar div{display:flex;align-items:baseline;gap:10px}.proof-bar strong{font:600 23px "DM Sans";letter-spacing:-.06em}.proof-bar span{color:#d6ccf6;font-size:12px}.problem{padding-top:132px;padding-bottom:135px}.section-intro h2{font-size:clamp(34px,4vw,53px)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.value-card{min-height:278px;border:1px solid var(--line);padding:24px;border-radius:4px;position:relative}.value-card.feature{background:var(--lav);border-color:var(--lav)}.number{color:#9d95a4;font:500 11px "DM Sans"}.icon{font:400 38px Georgia;color:var(--purple);margin:22px 0}.value-card h3{font-size:23px;line-height:1.4;letter-spacing:-.06em;margin:0}.value-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0}.journey{background:#eee8ff;padding:113px 0}.journey-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.timeline{padding:0;margin:0;list-style:none;border-top:1px solid #bdb1db}.timeline li{display:grid;grid-template-columns:90px 1fr;gap:15px;border-bottom:1px solid #bdb1db;padding:22px 0}.timeline li>span{font:700 11px "DM Sans";letter-spacing:.08em;color:var(--purple);padding-top:3px}.timeline b{font-size:16px}.timeline p{margin:5px 0 0;color:#665e73;font-size:13px}.stories{padding-top:132px;padding-bottom:132px}.stories-heading{display:flex;justify-content:space-between;align-items:end}.stories-heading>p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:3px}.story-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:51px}.story-card{min-height:300px;padding:29px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.quote-main{background:var(--deep);color:white;border:0}.quote{font:42px Georgia;color:#ad92fd;height:31px}.quote-main>p{font-size:21px;line-height:1.65;letter-spacing:-.055em}.story-card footer{display:flex;gap:10px;align-items:center}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.purple{background:#c8bcf8;color:#39215f}.peach{background:var(--peach)}.dark{background:#4e366c;color:#fff}.story-card footer b,.story-card footer small{display:block;font-size:11px}.story-card footer small{color:#a8a1ad;margin-top:2px}.metric{font:600 55px "DM Sans";letter-spacing:-.08em;color:var(--purple)}.metric span{font-size:25px}.story-card>p{font-size:14px;margin:-36px 0 0;color:var(--muted)}.story-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:15px 0}.story-card q{font-size:15px;line-height:1.75}.lilac{background:#d9ceff;border-color:#d9ceff}.mini-label{color:#6240b4;font:700 10px "DM Sans";letter-spacing:.1em}.lilac>p{margin:25px 0;color:#33215f;font-size:16px;line-height:1.75}.pricing{padding-top:117px;padding-bottom:117px;display:flex;justify-content:space-between;align-items:center;gap:75px}.pricing h2{font-size:clamp(36px,4vw,53px)}.pricing ul{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px;font-size:14px}.pricing li span{color:var(--purple);font-weight:700;margin-right:7px}.price-card{width:385px;background:white;box-shadow:0 17px 45px #49377b15;padding:36px;border-top:4px solid var(--purple)}.price-card>p{font-size:13px;color:var(--purple);font-weight:700;margin:0}.price{margin:4px 0;font-family:"DM Sans"}.price strong{font-size:56px;letter-spacing:-.08em}.price span{font-size:17px;margin-left:4px}.price-card>small{display:block;color:#88808d;font-size:11px;margin-bottom:22px}.price-card .button{width:100%;margin:0 0 23px}.conversion-note{padding:16px;background:#f4f1fb;display:grid;gap:5px}.conversion-note b{font-size:11px}.conversion-note span{font-size:11px;line-height:1.6;color:var(--muted)}.conversion-note strong{color:var(--purple)}.faq{padding-top:115px;padding-bottom:126px;display:grid;grid-template-columns:.7fr 1.3fr;gap:105px}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;display:flex;justify-content:space-between;padding:23px 0;font-size:15px;font-weight:700;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:19px;color:var(--purple);font-weight:400}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{margin:0;padding:0 35px 23px 0;color:var(--muted);font-size:13px;line-height:1.85}.final-cta{background:var(--purple);color:#fff;text-align:center;padding:104px 24px}.final-cta .eyebrow{color:#d7cbff}.final-cta h2{font-size:clamp(40px,5vw,62px);margin-bottom:30px}.final-cta em{color:#fff0cb}.button-light{background:#fff;color:var(--purple)}footer{max-width:1216px;margin:auto;padding:38px 28px;display:flex;align-items:center;justify-content:space-between}footer p{color:#817986;font-size:11px;margin:0}footer div{display:flex;gap:17px}footer a{font-size:11px}.trial-modal{border:0;border-radius:12px;padding:0;width:min(500px,calc(100vw - 32px));box-shadow:0 25px 80px #211b2c66}.trial-modal::backdrop{background:#20173599}.modal-step{display:none;padding:42px}.modal-step.active{display:block}.modal-step h2{font-size:32px;line-height:1.28;letter-spacing:-.07em;margin:0}.modal-lead{color:var(--muted);font-size:14px;line-height:1.7;margin:14px 0 25px}.modal-close{position:absolute;right:17px;top:14px;border:0;background:none;color:#726a78;font-size:27px}.trial-modal form{display:grid;gap:15px}.trial-modal label{font-size:12px;font-weight:700;display:grid;gap:7px}.trial-modal input:not([type="checkbox"]),.trial-modal select{height:43px;border:1px solid #d9d3e0;border-radius:4px;padding:0 11px;background:white;font-size:13px}.trial-modal .agree{display:flex;align-items:start;font-weight:400;color:#655d6d;line-height:1.5;margin:4px 0}.trial-modal .agree input{margin:3px 7px 0 0;accent-color:var(--purple)}.trial-modal .button{margin-top:3px}.legal{font-size:10px;color:#938a98;text-align:center;margin:0}.payment-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e8e0ff;color:var(--purple);font-weight:700;font-size:19px;margin-bottom:20px}.payment-summary{margin:25px 0 13px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:14px}.payment-summary strong{font-family:"DM Sans"}.payment-copy{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 23px}.payment-copy b{color:var(--purple)}
@media(max-width:760px){.site-header{height:66px;padding:0 20px}.site-header nav{display:none}.header-cta{padding:9px 13px;font-size:11px}.section-shell{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:42px;gap:15px}.hero-description{font-size:15px}.hero-actions{align-items:start;flex-direction:column;gap:14px}.hero-art{min-height:400px;transform:scale(.9);margin:-8px -25px}.proof-bar{gap:13px;padding:20px 12px;justify-content:space-around}.proof-bar div{display:block;text-align:center}.proof-bar strong{display:block;font-size:18px}.proof-bar span{font-size:10px}.problem,.stories{padding-top:80px;padding-bottom:80px}.value-grid,.story-grid{grid-template-columns:1fr;margin-top:35px}.value-card{min-height:0}.journey{padding:75px 0}.journey-wrap,.faq{grid-template-columns:1fr;gap:37px}.stories-heading{display:block}.stories-heading>p{margin-top:18px}.story-card{min-height:250px}.pricing{padding-top:80px;padding-bottom:80px;display:block}.price-card{width:auto;margin-top:40px;padding:27px}.faq{padding-top:75px;padding-bottom:80px}.final-cta{padding:80px 20px}footer{padding:30px 20px;display:grid;gap:13px}footer div{gap:12px;flex-wrap:wrap}.modal-step{padding:35px 26px}.modal-step h2{font-size:29px}}

/* Spotify-inspired density and pill geometry, adapted to the requested pastel palette. */
:root{--ink:#28344b;--muted:#68748b;--purple:#ffbe91;--deep:#28344b;--lav:#cfebff;--blue:#cfebff;--cream:#fffce1;--line:#e6dbb8;--peach:#ffddb0;--surface:#fffef5;--accent-strong:#ef9e67}
body{background:var(--cream);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.03em}
.site-header{max-width:1320px;padding:0 44px}.brand{font-family:Pretendard Variable,Pretendard,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.08em}.brand span{color:var(--accent-strong)}
nav{background:#ffffff8a;border:1px solid #fff;box-shadow:0 8px 24px #28344b18;border-radius:999px;gap:0;margin-left:90px;padding:5px}nav a{padding:9px 15px;border-radius:999px;font-size:13px;font-weight:650}nav a:hover{background:var(--blue)}
.header-cta,.button{border-radius:999px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.header-cta{background:var(--ink);padding:12px 20px;box-shadow:0 8px 18px #28344b35}.button{padding:17px 25px;box-shadow:0 8px 20px #28344b25}.button-primary{background:var(--accent-strong);color:var(--ink)}.button-primary:hover{box-shadow:0 12px 26px #ef9e6766}.button-light{background:var(--cream);color:var(--ink)}
.hero{padding-top:62px;padding-bottom:92px}.hero h1,.section-intro h2,.pricing h2,.final-cta h2{font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:800;letter-spacing:-.075em}.hero h1 em,.section-intro h2 em,.final-cta em{font-family:inherit;font-weight:800;color:var(--accent-strong)}.eyebrow{color:#516987;font-weight:800;letter-spacing:.12em}.hero-description{font-size:16px;color:var(--muted)}.text-link{color:var(--ink);text-underline-offset:5px}.micro-copy strong{color:var(--accent-strong)}
.hero-art{background:var(--blue);border-radius:36px;overflow:hidden;box-shadow:0 22px 42px #28344b1c}.plan-card{background:var(--surface);border-radius:22px;box-shadow:0 18px 36px #28344b30;transform:rotate(2deg)}.card-heading strong,.plan-item b,.plan-card>p span{color:var(--accent-strong)}.complete .check{background:var(--accent-strong);border-color:var(--accent-strong)}.progress span{background:var(--accent-strong)}.orb-one{background:#fffce1}.orb-two{background:var(--peach)}.floating-note{border-radius:999px;box-shadow:0 10px 24px #28344b22}.note-top strong,.note-bottom span{color:var(--accent-strong)}
.proof-bar{background:var(--ink);gap:min(12vw,165px);padding:28px}.proof-bar strong{color:var(--peach);font-family:Pretendard Variable,Pretendard,sans-serif}.proof-bar span{color:#cfebff}
.value-card{background:#ffffff75;border:0;border-radius:20px;box-shadow:0 8px 24px #28344b12;padding:28px;transition:transform .2s,box-shadow .2s}.value-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #28344b20}.value-card.feature{background:var(--blue)}.number{font-weight:800;color:#59708b}.icon{color:var(--accent-strong)}
.journey{background:var(--peach)}.timeline{border-color:#e0b883}.timeline li{border-color:#e0b883}.timeline li>span{color:#8f5228;font-weight:800}
.story-card{border:0;border-radius:18px;background:#fffdf4;box-shadow:0 9px 22px #28344b12}.quote-main{background:var(--ink)}.quote{color:var(--peach)}.metric{color:var(--accent-strong)}.lilac{background:var(--blue)}.mini-label,.lilac>p{color:#386280}.purple{background:var(--peach);color:var(--ink)}.dark{background:var(--ink)}
.price-card{background:var(--blue);border-top:0;border-radius:28px;box-shadow:0 20px 44px #28344b22;padding:39px}.price-card>p,.pricing li span,.conversion-note strong{color:var(--accent-strong)}.conversion-note{background:#fffce1;border-radius:14px}.price-card .button{background:var(--ink);color:#fffce1}.price-card .button:hover{box-shadow:0 12px 25px #28344b40}
.accordion details{border-color:#d9cca7}.accordion summary{font-weight:750}.accordion summary span{color:var(--accent-strong)}.final-cta{background:var(--ink);position:relative;overflow:hidden}.final-cta::before,.final-cta::after{content:"";position:absolute;border-radius:50%;background:var(--blue);opacity:.18}.final-cta::before{width:440px;height:440px;left:-260px;top:-230px}.final-cta::after{width:390px;height:390px;right:-220px;bottom:-250px}.final-cta>div{position:relative;z-index:1}.final-cta .eyebrow{color:var(--peach)}.final-cta em{color:var(--peach)}
footer{background:var(--cream)}.trial-modal{border-radius:28px;background:var(--surface);box-shadow:0 18px 54px #28344b66}.trial-modal::backdrop{background:#28344b99}.payment-icon{background:var(--blue);color:var(--accent-strong)}.trial-modal input:not([type="checkbox"]),.trial-modal select{border:0;border-radius:999px;background:#fff;border:1px solid #eadfbc}.trial-modal .agree input{accent-color:var(--accent-strong)}
@media(max-width:760px){nav{display:none}.hero-art{border-radius:25px}.price-card{border-radius:22px}.story-card{border-radius:16px}}

/* Slightly airier Korean typography. */
body{letter-spacing:.012em}
.hero h1,.section-intro h2,.pricing h2,.final-cta h2{letter-spacing:-.035em}
.hero-description{letter-spacing:.018em}
.eyebrow{letter-spacing:.14em}

/* Larger tracking and collision-safe editorial cards. */
body{letter-spacing:.035em}
.hero h1,.section-intro h2,.pricing h2,.final-cta h2{letter-spacing:-.008em}
.hero-description,.story-card p,.timeline p,.accordion details p,.diagnostic-copy{letter-spacing:.025em}
.quote-main>p{margin:14px 0 28px;font-size:20px;line-height:1.72}
.story-card:not(.quote-main)>p{margin:0;line-height:1.75}
.story-card .metric{margin-bottom:14px}
.journey-wrap{align-items:start}.journey-lead{max-width:340px;color:#5f5765;font-size:14px;line-height:1.8;margin:24px 0 0}.automation-timeline{overflow:visible;padding-right:8px}.automation-timeline li{grid-template-columns:106px 1fr;padding:19px 0}.automation-timeline li>span{line-height:1.45}.automation-timeline b{display:block;line-height:1.45}.automation-timeline p{font-size:12px;line-height:1.7}.automation-timeline ul{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:5px}.automation-timeline li li{display:block;border:0;padding:0;color:#665e73;font-size:11px;line-height:1.55}.automation-timeline li li::before{content:"•";color:#8f5228;margin-right:6px}.diagnostic-copy{font-size:14px;line-height:1.8;color:var(--muted);margin:23px 0 0}.diagnostic-copy strong{color:var(--ink)}
@media(max-width:760px){body{letter-spacing:.025em}.hero h1,.section-intro h2,.pricing h2,.final-cta h2{letter-spacing:-.018em}.automation-timeline{max-height:none;overflow:visible}.automation-timeline li{grid-template-columns:80px 1fr}.journey-lead{font-size:13px}.quote-main>p{font-size:18px}.story-card:not(.quote-main)>p{margin:0}}

.diagnosis-result{display:grid;gap:10px;margin:22px 0}.diagnosis-result div{display:grid;gap:4px;padding:14px 15px;border-radius:14px;background:var(--blue)}.diagnosis-result span{font-size:11px;color:var(--muted)}.diagnosis-result strong{font-size:13px;color:var(--ink)}.modal-text-button{display:block;margin:16px auto 0;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}

.modal-step[data-step="survey"]{max-height:calc(100vh - 56px);overflow-y:auto}.diagnosis-form{display:grid;gap:13px}.diagnosis-form fieldset{margin:0;padding:14px;border:1px solid #eadfbc;border-radius:14px;display:grid;gap:7px}.diagnosis-form legend{padding:0 4px;font-size:13px;font-weight:800;line-height:1.55}.diagnosis-form fieldset label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);font-weight:500}.diagnosis-form input[type="radio"]{accent-color:var(--accent-strong)}.diagnosis-form>label{font-size:12px;font-weight:700;display:grid;gap:7px}.diagnosis-form input:not([type="radio"]),.diagnosis-form select{height:43px;border:1px solid #eadfbc;border-radius:999px;padding:0 12px;background:#fff}.diagnosis-form .button{margin-top:5px}