:root{--bg:#f8f6f3;--paper:#fffefd;--ink:#2f2842;--muted:#786f83;--violet:#8067b4;--violet-deep:#5c477e;--lav:#eae2f5;--border:#e8e1e8;--peach:#e8ae98;--green:#398477;--shadow:0 18px 55px rgba(40,31,57,.07);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;color:var(--ink);line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #8c6fbd;outline-offset:4px}p,h1,h2,h3{margin-top:0}.container{max-width:1190px;width:calc(100% - 52px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:18px;background:white;padding:10px;z-index:20}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,254,253,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.header-inner{min-height:84px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{height:46px;width:46px;border-radius:15px;display:grid;place-items:center;font-size:27px;background:var(--ink);color:#e8d7ff;border:1px solid #685979}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type strong{font-size:18px;letter-spacing:.16em}.brand-type small{margin-top:7px;font-size:8px;letter-spacing:.3em;font-weight:800;color:var(--muted)}.site-nav{display:flex;gap:25px;margin-left:auto;white-space:nowrap}.site-nav a{font-size:13px;color:#5c5469;font-weight:650}.site-nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--violet)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;min-height:44px;padding:11px 20px;border-radius:13px;border:1px solid transparent;font-size:13px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#8470b7,#6854a0);box-shadow:0 8px 20px rgba(115,89,163,.20);color:#fff}.btn-primary:hover{background:linear-gradient(110deg,#725eaa,#554286)}.btn-outline{border-color:#d9cfe2;background:rgba(255,255,255,.8);color:var(--ink)}.btn-light{background:white;color:var(--violet-deep)}.btn-large{padding:16px 25px;min-height:55px;font-size:14px}.eyebrow{font-size:11px;letter-spacing:.20em;color:#7a61ab;font-weight:850}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#65aa90;margin-right:8px}.hero-section{overflow:hidden;background:radial-gradient(circle at 85% 32%,#ede3f3 0,transparent 39%),radial-gradient(circle at 7% 80%,#fff3eb 0,transparent 36%),#faf8f5}.hero-grid{min-height:676px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:50px;padding-block:82px 96px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(55px,6.4vw,89px);letter-spacing:-.086em;line-height:1.15;margin:24px 0 30px;font-weight:820}.hero-copy h1 em,.section-lead h2 em,.faq-intro h2 em{font-style:normal;color:#8b73b7}.hero-lead{font-size:clamp(21px,2.2vw,27px);font-weight:760;line-height:1.52;letter-spacing:-.05em;margin-bottom:18px}.hero-sub{font-size:15px;line-height:1.93;color:#6b6376;max-width:525px;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px;color:#8b8295;margin-top:23px}.visual-stage{position:relative;min-width:0;padding:28px 16px 45px}.visual-glow{position:absolute;border-radius:50%;background:#c8b5e4;filter:blur(85px);opacity:.47;width:73%;height:70%;top:10%;left:13%}.sample-sheet{position:relative;z-index:1;background:var(--paper);padding:31px 30px 22px;border-radius:24px;box-shadow:0 35px 85px rgba(60,38,77,.17);transform:rotate(2deg);border:1px solid #e2d8e5}.sample-head,.sample-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.sample-label{font-size:10px;font-weight:850;letter-spacing:.17em;color:#856bb3}.mini-star{font-size:17px;vertical-align:middle}.sample-chip{border:1px solid #e7dff2;color:#88749f;background:#f8f4fd;padding:4px 9px;border-radius:12px;font-size:10px;font-weight:750}.sample-title{font-size:20px;font-weight:770;margin:24px 0 15px}.sample-chart{border:1px solid #e4dbe8;border-radius:12px;overflow:hidden;background:#fff}.chart-row{display:grid;grid-template-columns:28px repeat(12,1fr)}.chart-row>*{min-width:0;height:32px;border-bottom:1px solid #eee8ee;border-right:1px solid #eee8ee;display:grid;place-items:center;color:#78638b;font-size:17px}.chart-row:last-child>*{border-bottom:0}.chart-row small{font-size:10px;color:#a192ae;background:#f8f6f8}.chart-row .cable{background:#eee7f7;color:#6d569a;font-weight:900}.sample-footer{color:#8a8390;font-size:10px;margin-top:18px}.sample-ok{color:#448a74;font-weight:700}.float-note{position:absolute;z-index:2;background:white;display:flex;align-items:center;gap:10px;border-radius:14px;padding:14px 16px;box-shadow:0 14px 36px rgba(55,43,78,.13)}.note-left{left:-30px;bottom:60px;transform:rotate(-5deg)}.note-right{right:-23px;top:8px;transform:rotate(5deg)}.note-icon{background:#f0eaf9;color:#745cac;font-size:23px;font-weight:800;width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.note-icon.peach{background:#fff0e8;color:#be816d}.float-note div{display:flex;flex-direction:column;line-height:1.5}.float-note strong{font-size:12px}.float-note small{font-size:10px;color:#8c8494}.visual-disclaimer{position:absolute;right:12px;bottom:3px;font-size:10px;color:#94889d}.intro-strip{background:#342d47;color:#ded2ee}.intro-list{min-height:72px;display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:12px;font-weight:730}.intro-list span{white-space:nowrap}.section{padding-block:112px}.section-lead{margin-bottom:42px}.section-lead h2,.faq-intro h2{font-size:clamp(31px,3.6vw,47px);line-height:1.36;letter-spacing:-.07em;margin:18px 0 12px}.section-lead>p{color:var(--muted);font-size:15px}.features-section{background:#fbfaf8}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:30px 29px 27px;border:1px solid #ede6ed;background:var(--paper);border-radius:22px;min-height:270px;box-shadow:0 6px 23px rgba(44,33,62,.03);display:flex;flex-direction:column}.feature-icon{font-size:30px;width:58px;height:58px;display:grid;place-items:center;background:#f2ecf8;border-radius:16px;color:#8267b0;font-weight:650;margin-bottom:20px}.feature-card:nth-child(3n + 2) .feature-icon{background:#f9eeea;color:#bf8b74}.feature-card h3{font-size:18px;letter-spacing:-.04em;margin-bottom:8px}.feature-card p{font-size:13px;line-height:1.8;color:#7f7486}.feature-tag{font-size:9px;letter-spacing:.16em;font-weight:850;color:#9982b6;margin-top:auto}.workflow-section{background:#f4eff7}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.step{padding:25px 5px 22px;border-top:2px solid #b69fca}.step>span{font-size:30px;font-weight:600;color:#a28bb8;letter-spacing:-.05em}.step h3{margin:20px 0 8px;font-size:19px}.step p{color:#756e7e;font-size:14px;max-width:270px}.workflow-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;padding:25px 28px;border-radius:17px;margin-top:20px}.workflow-cta p{margin:0;font-weight:700}.note-section{padding-block:44px;background:#fdf9f4}.note-inner{display:flex;gap:22px;align-items:center}.note-sign{font-size:38px;color:#c59c88}.note-inner>div{flex:1}.note-inner h2{font-size:20px;margin-bottom:5px}.note-inner p{font-size:13px;line-height:1.75;color:#7d7480;margin:0;max-width:830px}.text-link{font-weight:760;color:#8b70b6;font-size:13px}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-list details{border-bottom:1px solid #eee8ee;padding:19px 0}.faq-list summary{list-style:none;cursor:pointer;font-size:15px;font-weight:740;display:flex;align-items:center;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';margin-left:auto;font-size:25px;color:#8d73b2;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list p{margin:12px 0 5px;font-size:13px;color:#79717f;line-height:1.9}.bottom-cta{background:#342b48;color:white;padding-block:83px;text-align:center;position:relative;overflow:hidden}.bottom-cta::before,.bottom-cta::after{content:'✳';position:absolute;opacity:.09;font-size:320px;line-height:1}.bottom-cta::before{left:-68px;top:-90px}.bottom-cta::after{right:-32px;bottom:-145px}.bottom-cta .eyebrow{color:#d9c7ff}.bottom-cta h2{font-size:clamp(30px,4.2vw,53px);line-height:1.35;letter-spacing:-.065em;margin:18px 0 28px}.site-footer{padding:45px 0 26px;background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.brand-footer .brand-mark{height:38px;width:38px;font-size:21px;border-radius:10px}.brand-footer .brand-type strong{font-size:14px}.footer-inner p{font-size:12px;color:#8b8293;margin-top:16px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#625b6d;padding-top:11px}.copyright{border-top:1px solid #eee7ef;padding-top:21px;margin-top:25px;font-size:11px;color:#9c94a2}.subpage-hero{padding:80px 0 65px;background:radial-gradient(circle at 88% 12%,#e9dff2,transparent 33%),#f8f5fa}.subpage-hero h1{font-size:clamp(35px,4vw,55px);letter-spacing:-.06em;line-height:1.3;margin:16px 0 14px}.subpage-hero p{max-width:690px;color:#70697b;font-size:15px}.article-wrap{padding-top:56px;padding-bottom:100px;display:grid;grid-template-columns:minmax(190px,220px) minmax(0,740px);gap:60px}.article-nav{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:8px}.article-nav a{padding:9px 11px;color:#726a7b;font-size:13px;border-radius:9px}.article-nav a:hover{background:#ece4f3;color:var(--ink)}.article{background:white;padding:40px 44px;border-radius:20px;border:1px solid #ede8ef}.article section{margin-bottom:46px;scroll-margin-top:115px}.article section:last-child{margin-bottom:0}.article h2{font-size:23px;letter-spacing:-.04em;margin-bottom:15px}.article h3{font-size:16px;letter-spacing:-.03em}.article p,.article li{font-size:14px;color:#685f73;line-height:1.95}.article ul,.article ol{padding-left:23px}.article code{background:#f3eef8;border-radius:5px;padding:2px 5px;color:#7a5da6}.article-callout{background:#f5eff9;padding:22px;border-left:3px solid #967abf;border-radius:10px}.article-callout p{margin:0}.article hr{border:0;border-top:1px solid #e9e4e9;margin:36px 0}.article .small{font-size:12px;color:#93899a}.article .btn{margin-top:10px}.article a:not(.btn){text-decoration:underline;text-decoration-color:#d1c0e4;text-underline-offset:3px}.notice-draft{border:1px solid #eac7b5;background:#fff6f1;border-radius:12px;padding:17px 20px;color:#936b59;margin-bottom:28px;font-size:12px;line-height:1.7}.ad-placeholder{max-width:1080px;min-height:180px;margin:35px auto;border-radius:13px;border:1px solid #eee7f4;background:#fdfbfe}.ad-placeholder[hidden]{display:none}/* Ad slot intentionally disabled until approval, policy update and consent configuration */@media(max-width:1000px){.site-nav{gap:12px}.hero-grid{gap:22px}.hero-copy h1{font-size:70px}.float-note{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{gap:35px}.article-wrap{gap:25px}}@media(max-width:760px){.container{width:calc(100% - 34px)}.header-inner{min-height:72px;gap:10px}.brand-mark{height:38px;width:38px;border-radius:12px;font-size:23px}.brand-type strong{font-size:13px}.brand-type small{font-size:7px}.site-nav{display:none}.header-cta{margin-left:auto;font-size:11px;padding:9px 13px;min-height:38px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:55px 65px;gap:42px}.hero-copy h1{font-size:60px;margin:18px 0 21px}.hero-lead{font-size:22px}.hero-sub{font-size:14px}.hero-actions{gap:9px}.btn-large{padding:13px 16px;font-size:12px;min-height:49px}.visual-stage{padding:10px 5px 20px}.sample-sheet{padding:20px 17px 17px;transform:rotate(1deg)}.sample-title{font-size:16px;margin:16px 0 12px}.sample-label{font-size:8px}.sample-chip{font-size:9px}.chart-row{grid-template-columns:24px repeat(12,1fr)}.chart-row>*{height:27px;font-size:13px}.visual-disclaimer{position:static;text-align:center;margin-top:17px}.intro-list{display:grid;grid-template-columns:repeat(2,1fr);padding-block:15px;gap:9px;font-size:11px}.section{padding-block:70px}.section-lead h2,.faq-intro h2{font-size:33px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:230px;padding:25px}.steps-grid{grid-template-columns:1fr;gap:0}.step{padding:18px 3px}.step h3{margin:5px 0}.workflow-cta{display:flex;align-items:flex-start;flex-direction:column}.note-inner{align-items:flex-start;flex-wrap:wrap;gap:10px}.note-sign{font-size:28px}.note-inner>div{flex-basis:calc(100% - 45px)}.text-link{margin-left:43px}.faq-layout{grid-template-columns:1fr;gap:10px}.faq-intro h2{margin-bottom:2px}.bottom-cta{padding-block:65px}.footer-inner{flex-direction:column}.footer-links{gap:14px}.article-wrap{display:block;padding-block:30px 70px}.article-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;margin-bottom:15px}.article-nav a{padding:7px 9px;background:#f0eaf6;font-size:11px}.article{padding:26px 21px}.subpage-hero{padding-block:55px 45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
