:root{--ink: #0d1030;--navy: #1b2150;--navy-soft: #343c7a;--teal: #1c7293;--teal-br: #2a9ec4;--text: #171923;--text-2: #4a5160;--mute: #8b92a3;--line: #e6e4e1;--surface: #faf9f8;--white: #fff;--up: #1f6f3d;--danger: #b02020;--r: 14px;--shadow: 0 1px 2px rgba(16, 20, 50, .04), 0 8px 24px rgba(16, 20, 50, .06);--shadow-lg: 0 2px 4px rgba(16, 20, 50, .04), 0 24px 60px rgba(16, 20, 50, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,Pretendard Variable,-apple-system,system-ui,Malgun Gothic,sans-serif;color:var(--text);background:var(--white);line-height:1.62;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--teal);text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.nav-bar{position:sticky;top:0;z-index:50;background:#ffffffb8;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.nav{display:flex;align-items:center;gap:28px;height:66px}.nav .logo{font-weight:800;font-size:17.5px;color:var(--navy);letter-spacing:-.04em;margin-right:4px}.nav .logo b{color:var(--teal)}.nav .spacer{flex:1}.nav a:not(.logo):not(.btn){color:var(--text-2);font-size:14.5px;font-weight:600;transition:color .15s}.nav a:not(.logo):not(.btn):hover{color:var(--navy)}.nav .btn{padding:9px 18px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:-.02em;transition:transform .14s cubic-bezier(.2,.8,.3,1),box-shadow .14s,background .14s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 1px 2px #10143233,0 6px 18px #1b215038}.btn-primary:hover{background:#242c63;box-shadow:0 2px 4px #10143233,0 12px 28px #1b21504d}.btn-ghost{background:var(--white);color:var(--navy);border-color:var(--line)}.btn-ghost:hover{border-color:#c9c6c2;box-shadow:var(--shadow)}.btn-light{background:#ffffff1a;color:#fff;border-color:#ffffff38}.btn-light:hover{background:#ffffff2e}.btn-lg{padding:16px 32px;font-size:16px;border-radius:11px}.btn:disabled{background:#c9ced8;box-shadow:none;cursor:default}.hero{position:relative;overflow:hidden;background:var(--ink);padding:96px 0 0}.hero:before{content:"";position:absolute;inset:-30% -10% auto;height:90%;background:radial-gradient(42% 56% at 22% 18%,rgba(42,158,196,.3),transparent 70%),radial-gradient(38% 50% at 78% 8%,rgba(96,110,220,.26),transparent 70%);filter:blur(14px);pointer-events:none}.hero .wrap{position:relative}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 9px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#cfe3ee;font-size:13px;font-weight:600;margin-bottom:26px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#45d4a8;box-shadow:0 0 0 3px #45d4a838}.hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.16;margin:0 0 22px;color:#fff;font-weight:800;letter-spacing:-.045em}.hero h1 .accent{background:linear-gradient(100deg,#5ddcf0,#8ea4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{font-size:17.5px;color:#a8b2cc;margin:0 0 34px;max-width:480px;line-height:1.7}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero .note{font-size:13.5px;color:#7d87a3;margin-top:18px}.mock{background:linear-gradient(180deg,#fff,#f3f5fa);border-radius:18px;padding:18px;box-shadow:0 30px 70px #0000006b,0 2px #ffffff1a inset;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg);transform-origin:left center}.mock-bar{display:flex;gap:6px;padding:2px 4px 14px}.mock-bar i{width:10px;height:10px;border-radius:50%;background:#dfe3ea}.mock-bar i:first-child{background:#ffbdb0}.mock-bar span{margin-left:10px;font-size:11.5px;color:var(--mute);font-style:normal;align-self:center;font-weight:600}.bubble{border-radius:12px;padding:11px 14px;font-size:13.5px;margin-bottom:9px;max-width:88%;line-height:1.55}.bubble.me{background:var(--navy);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.bubble.bot{background:#eef1f6;color:#22263a;border-bottom-left-radius:4px}.confirm{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);font-size:13px}.confirm dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:0 0 12px}.confirm dt{color:var(--mute);font-size:12.5px}.confirm dd{margin:0;font-weight:700;color:#22263a}.confirm .row{display:flex;gap:8px}.confirm .mini{flex:1;text-align:center;padding:8px;border-radius:8px;font-size:12.5px;font-weight:700}.confirm .mini.yes{background:var(--navy);color:#fff}.confirm .mini.no{background:#f1f2f5;color:var(--text-2)}.mock .mic{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12.5px;color:var(--mute)}.mock .mic .ring{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--teal),#4bb3d4);color:#fff;display:grid;place-items:center;font-size:11px;box-shadow:0 0 0 4px #1c729324}.sec{padding:96px 0}.sec.alt{background:var(--surface)}.sec-head{max-width:620px;margin-bottom:48px}.sec-head .kicker{font-size:13px;font-weight:800;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.sec h2{font-size:clamp(26px,3vw,36px);color:var(--navy);margin:0 0 14px;letter-spacing:-.04em;line-height:1.28;font-weight:800}.sec .lead{color:var(--text-2);margin:0;font-size:16.5px;line-height:1.7}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cell{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:28px;grid-column:span 2;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,border-color .18s}.cell:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#d8d5d1}.cell.wide{grid-column:span 3}.cell.dark{background:linear-gradient(145deg,var(--navy),#2a3268);border-color:transparent;color:#fff}.cell.dark h3{color:#fff}.cell.dark p{color:#b3bcd8}.cell .ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eef4f7;color:var(--teal);font-size:19px;margin-bottom:16px}.cell.dark .ico{background:#ffffff1f;color:#8fdcf0}.cell h3{margin:0 0 7px;font-size:17.5px;color:var(--navy);letter-spacing:-.03em}.cell p{margin:0;font-size:14.5px;color:var(--text-2);line-height:1.68}.cell .say{margin-top:16px;padding:12px 14px;border-radius:10px;background:#f5f7fa;font-size:13.5px;color:var(--navy);font-weight:600}.cell.dark .say{background:#ffffff17;color:#d6e6f5}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}.step{position:relative;padding-top:22px}.step:before{counter-increment:s;content:counter(s,decimal-leading-zero);font-size:13px;font-weight:800;color:var(--teal);letter-spacing:.06em}.step h3{margin:10px 0 8px;font-size:19px;color:var(--navy);letter-spacing:-.03em}.step p{margin:0;font-size:14.5px;color:var(--text-2)}.step .line{position:absolute;top:8px;left:0;width:34px;height:2px;background:var(--teal);opacity:.5}.plans{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:780px}.plans-3{grid-template-columns:repeat(3,1fr);max-width:1120px}.plans-3 .plan{padding:30px 26px}.plan{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:34px;position:relative}.plan.pick{border:1.5px solid var(--navy);box-shadow:var(--shadow-lg)}.plan.pick:after{content:"추천";position:absolute;top:-13px;left:32px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;padding:5px 13px;border-radius:999px;letter-spacing:.02em}.plan .name{font-size:15px;font-weight:800;color:var(--teal);letter-spacing:.04em;text-transform:uppercase}.plan .price{font-size:40px;font-weight:800;margin:14px 0 2px;letter-spacing:-.045em;color:var(--navy)}.plan .price small{font-size:15px;font-weight:600;color:var(--mute);letter-spacing:0}.plan .trial{font-size:13.5px;color:var(--up);font-weight:700;margin-bottom:22px}.plan ul{margin:0 0 26px;padding:0;list-style:none;font-size:14.5px;color:var(--text-2)}.plan li{margin-bottom:9px;padding-left:24px;position:relative}.plan li:before{content:"";position:absolute;left:4px;top:.6em;width:9px;height:5px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}.plan .btn{width:100%}.plan.soon{opacity:.96}.plan.soon .price{color:var(--mute)}.cta{background:var(--ink);color:#fff;border-radius:24px;padding:72px 48px;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:auto -20% -60%;height:130%;background:radial-gradient(44% 60% at 50% 100%,rgba(42,158,196,.34),transparent 70%)}.cta>*{position:relative}.cta h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 14px;letter-spacing:-.04em;color:#fff}.cta p{color:#9aa4c0;margin:0 0 32px;font-size:16.5px}.form{max-width:440px;margin:64px auto 88px}.form h1{font-size:28px;color:var(--navy);margin:0 0 8px;letter-spacing:-.04em}.form .sub{color:var(--text-2);font-size:14.5px;margin:0 0 30px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:7px}.field input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;background:var(--white);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #1c729324}.field .hint{font-size:12.5px;color:var(--mute);margin-top:6px}.msg{padding:13px 15px;border-radius:10px;font-size:14px;margin-bottom:18px}.msg.err{background:#fdf1f1;color:var(--danger);border:1px solid #f3d6d6}.msg.ok{background:#eff7f2;color:var(--up);border:1px solid #cfe6d8}.dl{max-width:640px;margin:72px auto 96px;text-align:center}.dl h1{font-size:30px;color:var(--navy);margin:0 0 10px;letter-spacing:-.04em}.dl .shop{color:var(--text-2);margin:0 0 36px}.dl .box{border:1px solid var(--line);border-radius:18px;padding:40px;background:var(--surface);box-shadow:var(--shadow)}.dl .file{font-size:13.5px;color:var(--mute);margin-top:16px}.dl .steps{text-align:left;margin:38px auto 0;max-width:470px;font-size:14.5px;color:var(--text-2)}.dl .steps li{margin-bottom:10px}.doc{max-width:760px;margin:56px auto 96px}.doc h1{font-size:30px;color:var(--navy);letter-spacing:-.04em}.doc h2{font-size:17.5px;color:var(--navy);margin-top:36px;letter-spacing:-.03em}.doc p,.doc li{font-size:15px;color:var(--text-2)}.doc .todo{background:#fffaef;border:1px solid #ecdcb4;border-radius:12px;padding:16px 18px;font-size:13.5px;color:#7a5c00}.foot{border-top:1px solid var(--line);padding:48px 0 64px;background:var(--surface);font-size:13.5px;color:var(--mute)}.foot .links{margin-bottom:22px;display:flex;gap:22px;flex-wrap:wrap}.foot .links a{color:var(--text-2);font-weight:600}.foot .links a:hover{color:var(--navy)}.foot dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}.foot dt{color:#a7adba}.foot dd{margin:0}.foot .operator{margin:0 0 14px;color:var(--text-2)}.foot .operator b{color:var(--navy)}.rise{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.3,1)}.rise.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(max-width:900px){.hero{padding:68px 0 0}.hero-grid{grid-template-columns:1fr;gap:44px}.mock{transform:none}.bento{grid-template-columns:repeat(2,1fr)}.cell,.cell.wide{grid-column:span 2}.steps3{grid-template-columns:1fr;gap:24px}.plans-3{grid-template-columns:1fr;max-width:560px}}@media(max-width:620px){.sec{padding:64px 0}.plans,.bento{grid-template-columns:1fr}.cell,.cell.wide{grid-column:auto}.cta{padding:52px 24px;border-radius:18px}.nav{gap:14px}.nav a:not(.logo):not(.btn){display:none}.hero-cta{flex-direction:column;align-items:stretch}.hero .btn{width:100%}}.page-head{background:var(--surface);padding:72px 0 56px;border-bottom:1px solid var(--line)}.page-head .kicker{margin-bottom:14px}.page-head h1{font-size:42px;line-height:1.24;letter-spacing:-.02em;margin:0 0 18px}.page-head .lead{font-size:17px;color:var(--mute);max-width:640px;margin:0}.nav a.on{color:var(--navy);font-weight:700}.three{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.three-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px 26px;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.three-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--navy)}.three-card .ico{font-size:22px;color:var(--navy);margin-bottom:14px}.three-card h3{font-size:19px;margin:0 0 10px}.three-card p{font-size:14.5px;color:var(--mute);line-height:1.65;margin:0 0 16px}.three-card .more{font-size:13.5px;font-weight:700;color:var(--navy)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:34px;flex-wrap:wrap}.tab{appearance:none;background:none;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:600;color:var(--mute);padding:12px 20px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.is-on{color:var(--navy);border-bottom-color:var(--navy)}.tab-body{display:none}.tab-body.is-on{display:block}.panel-note{margin-top:28px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px 22px;font-size:14.5px;color:var(--mute);line-height:1.7}.panel-note b{color:var(--ink)}.panel-cta{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.cmd-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.cmd{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.cmd b{display:block;font-size:15.5px;margin-bottom:6px}.cmd b:before{content:"“";color:var(--mute)}.cmd b:after{content:"”";color:var(--mute)}.cmd span{font-size:13.5px;color:var(--mute)}.say-list{display:grid;gap:10px}.say-row{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 22px}.say-row b{font-size:14px;color:var(--navy)}.say-row span{font-size:15px}.qa{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.qa-item{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px 26px}.qa-item b{display:block;font-size:16px;margin-bottom:10px}.qa-item p{font-size:14.5px;color:var(--mute);line-height:1.75;margin:0}.qa-item a{color:var(--navy);font-weight:600}@media(max-width:900px){.three,.cmd-grid,.qa{grid-template-columns:1fr}.page-head{padding:52px 0 40px}.page-head h1{font-size:32px}.say-row{grid-template-columns:1fr;gap:6px}}.plan-strip{display:inline-flex;align-items:center;gap:12px;background:#eaf4ee;border:1px solid #bcd9c7;border-radius:999px;padding:8px 18px;margin-bottom:20px;font-size:14px}.plan-strip b{color:#1f6f3d}.plan-strip span{color:var(--text-2)}.plan-strip.is-off{background:#fbeceb;border-color:#e3bfbc}.plan-strip.is-off b{color:#b02020}.help{margin-top:34px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}.help h2{margin:0 0 8px;font-size:16px;color:var(--navy)}.help p{margin:0 0 14px;font-size:14px;color:var(--text-2);line-height:1.65}.help .btn{border:1px solid var(--navy);color:var(--navy);background:var(--white)}.help .btn:hover{background:var(--navy);color:var(--white)}.help .tiny{margin:12px 0 0;font-size:12.5px;color:var(--mute)}
