@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--hero-py:48px;--hero-px:24px}body.coloz-landing{color:#2d3436;background:#fffdf9;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.landing-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9f2;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 50%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.landing-nav{align-items:center;gap:16px;display:flex}.nav-link{color:#636e72;border-radius:20px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .2s}.nav-link:hover{color:#2d3436;background:#f5f5f5}.nav-link.primary{color:#fff;background:linear-gradient(135deg,#2d3436 0%,#4a5568 100%)}.nav-link.primary:hover{opacity:.9}.nav-user{background:#f5f5f5;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.nav-user-avatar{color:#fff;background:linear-gradient(135deg,#ff6b9d,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.nav-user-name{color:#2d3436;font-size:13px;font-weight:500}.hero-section{min-height:70vh;padding:var(--hero-py)var(--hero-px);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";flex:11}.hero-section:after{content:"";flex:9}.hero-bg{z-index:0;background:radial-gradient(circle at 20% 20%,#ff6b9d1a 0%,#0000 50%),radial-gradient(circle at 80% 30%,#f59e0b1a 0%,#0000 50%),radial-gradient(circle at 60% 80%,#7dc4a71a 0%,#0000 50%),radial-gradient(circle at 30% 70%,#a77dc41a 0%,#0000 50%);position:absolute;inset:0}.hero-content{text-align:center;z-index:1;max-width:600px;position:relative}.hero-badge{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 100%);border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{background:linear-gradient(135deg,#2d3436 0%,#4a5568 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.3}.hero-subtitle{color:#636e72;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-cta{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 100%);border-radius:999px;align-items:center;gap:8px;padding:.7em 1.6em;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #ff6b9d4d}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff6b9d66}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex}.hero-cta-mirror{color:#2e8b6e;background:#fff;border:1.5px solid #7dc4a7;border-radius:999px;align-items:center;gap:8px;padding:.7em 1.6em;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #7dc4a738}.hero-cta-mirror:hover{background:#f2fbf7;transform:translateY(-3px);box-shadow:0 12px 32px #7dc4a74d}.hero-stats{justify-content:center;gap:32px;margin-top:40px;display:flex}.stat-item{text-align:center}.stat-value{color:#2d3436;font-size:24px;font-weight:700}.stat-label{color:#636e72;margin-top:4px;font-size:12px}.section{padding:80px 24px}.section-inner{max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-title{color:#2d3436;margin-bottom:12px;font-size:32px;font-weight:700}.section-desc{color:#636e72;font-family:Cormorant Garamond,Pretendard,serif;font-size:16px;font-style:italic;line-height:1.6}.steps-section{background:#fff}.steps-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;display:flex}.step-dot{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.step-dot:hover{transform:scale(1.1)}.step-dot.s1{background:linear-gradient(135deg,#ff6b9d,#ff8b6a)}.step-dot.s2{background:linear-gradient(135deg,#ff8b6a,#f59e0b)}.step-dot.s3{background:linear-gradient(135deg,#c4a77d,#7dc4a7)}.step-dot.s4{background:linear-gradient(135deg,#7dc4a7,#7b8dd6)}.step-dot.s5{background:linear-gradient(135deg,#7b8dd6,#a77dc4)}.step-line{background:linear-gradient(90deg,#ddd,#ccc);border-radius:1px;width:40px;height:2px}.steps-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.step-card{text-align:center;cursor:pointer;color:inherit;background:#fffdf9;border:2px solid #0000;border-radius:16px;padding:24px 16px;text-decoration:none;transition:all .3s;position:relative}.step-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001a}.step-card.s1:hover{border-color:#ff6b9d}.step-card.s2:hover{border-color:#f59e0b}.step-card.s3:hover{border-color:#7dc4a7}.step-card.s4:hover{border-color:#00d9a5}.step-card.s5:hover{border-color:#a77dc4}.step-card.featured{background:linear-gradient(135deg,#fff5f7 0%,#fff0ed 100%);border:2px solid #ff6b9d;transform:scale(1.05);box-shadow:0 12px 40px #ff6b9d40}.step-card.featured:hover{transform:scale(1.05)translateY(-8px);box-shadow:0 20px 50px #ff6b9d59}.step-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#ff6b9d 0%,#ff8b6a 100%);border-radius:12px;padding:5px 14px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.step-name-big{color:#2d3436;letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:700}.step-time-big{color:#ff6b9d;margin-bottom:14px;font-size:18px;font-weight:600}.step-num{letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:600}.step-card.s1 .step-num{color:#ff6b9d}.step-card.s2 .step-num{color:#f59e0b}.step-card.s3 .step-num{color:#7dc4a7}.step-card.s4 .step-num{color:#7b8dd6}.step-card.s5 .step-num{color:#a77dc4}.step-name{margin-bottom:4px;font-size:15px;font-weight:600}.step-time{color:#636e72;margin-bottom:8px;font-size:12px}.step-desc{color:#888;font-size:11px;line-height:1.5}.steps-note{text-align:center;color:#636e72;margin-top:32px;font-size:14px}.mycoloz-section{background:linear-gradient(#fff 0%,#fffdf9 100%)}.mycoloz-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.mycoloz-feature{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px #0000000d}.mycoloz-feature-num{color:#b8956b;letter-spacing:-1px;margin-bottom:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:300}.mycoloz-feature-title{color:#2d3436;margin-bottom:8px;font-size:17px;font-weight:600}.mycoloz-feature-desc{color:#636e72;font-size:13px;line-height:1.6}.plan-compare{grid-template-columns:1fr 1fr;gap:20px;max-width:600px;margin:0 auto;display:grid}.plan-card{text-align:center;background:#fff;border:2px solid #eee;border-radius:16px;padding:28px;transition:all .3s}.plan-card.premium{border-color:#d4af37;box-shadow:0 8px 30px #d4af3733}.plan-badge{border-radius:12px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.plan-card.free .plan-badge{color:#636e72;background:#f5f5f5}.plan-card.premium .plan-badge{color:#fff;background:linear-gradient(135deg,#d4af37,#f5d77a)}.plan-name{margin-bottom:8px;font-size:20px;font-weight:700}.plan-price{color:#636e72;margin-bottom:16px;font-size:14px}.plan-features{text-align:left;color:#636e72;font-size:13px;line-height:2}.plan-features li{padding-left:20px;list-style:none;position:relative}.plan-features li:before{content:"✓";color:#7dc4a7;position:absolute;left:0}.mycoloz-cta{text-align:center;margin-top:32px}.mycoloz-cta-btn{color:#fff;cursor:pointer;background:#7dc4a7;border:none;border-radius:999px;align-items:center;gap:8px;padding:.7em 1.6em;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #5fa98a4d}.mycoloz-cta-btn:hover{background:#5fa98a;transform:translateY(-2px);box-shadow:0 12px 32px #5fa98a66}.mycoloz-cta-note{color:#999;margin-top:10px;font-size:12px}.expert-section{background:radial-gradient(circle at 16% 18%,#ff6b9d1a 0%,#0000 46%),radial-gradient(circle at 84% 22%,#7dc4a71a 0%,#0000 46%),radial-gradient(circle at 78% 82%,#ff8b6a14 0%,#0000 46%),radial-gradient(circle at 22% 80%,#7dc4a712 0%,#0000 46%),#fffdf9}.expert-section .section-title{color:#1e4d3d}.expert-section .section-title .expert-accent{background:linear-gradient(135deg,#ff6b9d 0%,#ff8b6a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.expert-section .section-desc{color:#5a8576}.expert-intro{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;display:grid}.expert-intro-item{text-align:center;background:#fff;border:1px solid #cbe7da;border-radius:16px;padding:32px 24px;transition:transform .3s,box-shadow .3s}.expert-intro-item:hover{transform:translateY(-4px);box-shadow:0 14px 36px #2e8b6e1f}.expert-intro-icon{color:#2e8b6e;background:#eaf6f0;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.expert-intro-title{color:#1e4d3d;margin-bottom:8px;font-size:16px;font-weight:700}.expert-intro-desc{color:#6b8478;font-size:13px;line-height:1.6}.expert-systems{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;display:grid}.expert-system{text-align:center;background:#fff9;border:1px solid #cbe7da;border-radius:18px;padding:26px 18px;transition:transform .3s,box-shadow .3s}.expert-system:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2e8b6e1f}.expert-system-tag{letter-spacing:.02em;color:#2e8b6e;border-bottom:2px solid #9fd8c2;margin-bottom:10px;padding:2px 14px;font-family:Cormorant Garamond,Pretendard,serif;font-size:26px;font-weight:700;display:inline-block}.expert-system-name{color:#1e4d3d;margin-bottom:5px;font-size:15px;font-weight:700}.expert-system-sub{color:#6b8478;font-size:12.5px;line-height:1.5}.expert-systems-lead{text-align:center;color:#6b8478;margin:0 0 20px;font-size:13px;line-height:1.6}.expert-systems-lead strong{color:#2e8b6e;font-weight:700}.expert-systems-note{text-align:center;color:#6b8478;margin:-18px 0 34px;font-size:13px}.expert-cta{text-align:center}.expert-cta a{color:#fff;background:#7dc4a7;border-radius:999px;align-items:center;gap:8px;padding:.7em 1.6em;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #5fa98a4d}.expert-cta a:hover{background:#5fa98a;transform:translateY(-2px);box-shadow:0 12px 32px #5fa98a66}.landing-footer{color:#fff9;text-align:center;background:#2d3436;padding:40px 24px}.footer-logo{color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.footer-byline{margin-bottom:16px;font-size:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.footer-links a{color:#ffffff80;font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{color:#ffffff4d;font-size:11px}.shop-preview-section{background:#fff}.shop-cta-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;display:grid}.shop-cta-card{border-radius:20px;flex-direction:column;align-items:flex-start;padding:28px 28px 24px;display:flex}.shop-cta-trial{background:linear-gradient(135deg,#fff5f7 0%,#fff0ed 50%,#fff8ee 100%);border:1px solid #ffe0d8}.shop-cta-consult{background:linear-gradient(135deg,#f4f1fa 0%,#eef0f8 100%);border:1px solid #e0dcec}.shop-cta-title{color:#2d3436;margin-bottom:6px;font-size:18px;font-weight:700}.shop-cta-sub{color:#888;margin-bottom:18px;font-size:13px;line-height:1.6}.shop-cta-btn{color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin-top:auto;padding:.7em 1.6em;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.shop-cta-btn-pink{background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 100%);box-shadow:0 8px 24px #ff6b9d4d}.shop-cta-btn-pink:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff6b9d66}.shop-cta-btn-dark{background:linear-gradient(135deg,#2d3436 0%,#4a5568 100%);box-shadow:0 8px 24px #2d343640}.shop-cta-btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2d343659}@media (max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}.expert-intro{grid-template-columns:1fr;max-width:400px;margin:0 auto 32px}}@media (max-width:700px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.section-title{font-size:26px}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-name-big{font-size:18px}.step-time-big{font-size:14px}.mycoloz-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto 32px}.plan-compare{grid-template-columns:1fr;max-width:350px}.landing-nav{display:none}}@media (max-width:600px){.shop-cta-row{grid-template-columns:1fr}.shop-cta-btn{justify-content:center}}@media (max-width:500px){.hero-section{padding:var(--hero-py)var(--hero-px)}.hero-title{font-size:28px}.hero-stats{gap:20px}.stat-value{font-size:20px}.steps-grid{grid-template-columns:1fr}.steps-flow{display:none}}.livemirror-section{background:linear-gradient(#f2fbf7 0%,#fffdf9 100%)}.livemirror-frame{text-align:center;background:#fff;border:2px dashed #bbe3d0;border-radius:24px;padding:56px 28px;box-shadow:0 8px 30px #7dc4a71f}.livemirror-tag{color:#2e8b6e;background:#e7f6ef;border-radius:999px;align-items:center;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.livemirror-title{color:#2d3436;margin-bottom:10px;font-size:24px;font-weight:700}.livemirror-desc{color:#7a8a82;max-width:480px;margin:0 auto 22px;font-size:15px;line-height:1.7}.livemirror-btn{color:#fff;background:#7dc4a7;border-radius:999px;align-items:center;gap:8px;padding:.7em 1.6em;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #5fa98a4d}.livemirror-btn:hover{background:#5fa98a;transform:translateY(-2px);box-shadow:0 12px 32px #5fa98a66}@media (max-width:700px){.livemirror-frame{padding:40px 20px}.livemirror-title{font-size:20px}}.mycoloz-feature{color:inherit;text-decoration:none;display:block;position:relative}.mycoloz-feature.is-soon{cursor:default;opacity:.92}.mycoloz-soon{color:#b0832e;background:#fbf4e3;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:16px;right:16px}@media (max-width:900px){.expert-systems{grid-template-columns:1fr;gap:14px}}.section-title .highlight{background:linear-gradient(135deg,#ff6b9d 0%,#ff8b6a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title .highlight-gold{background:linear-gradient(135deg,#ff6b9d 0%,#ff8b6a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.svc-section{background:#fffdf9}.svc-coloz{background:linear-gradient(90deg,#ff6b9d,#f2792e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.svc-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;display:grid}.svc-card{color:inherit;border:1px solid #0000000a;border-radius:22px;flex-direction:column;min-height:220px;padding:28px 24px 24px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.svc-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000017}.svc-card--free{background:linear-gradient(155deg,#ffe3ec 0%,#ffeae0 100%)}.svc-card--expert{background:linear-gradient(155deg,#fbeedd 0%,#e8f3ec 100%)}.svc-card--my{background:linear-gradient(155deg,#e6f1ea 0%,#e6eaf6 100%)}.svc-card--shop{background:linear-gradient(155deg,#ece6f6 0%,#fbe6ef 100%)}.svc-card__head{letter-spacing:-.01em;margin-bottom:12px;font-size:16px;font-weight:800}.svc-card--free .svc-card__head{color:#e85b8a}.svc-card--expert .svc-card__head{color:#c18a3e}.svc-card--my .svc-card__head{color:#4e8c72}.svc-card--shop .svc-card__head{color:#8b6fc4}.svc-card__sub-ko{color:#3a4540;margin-bottom:2px;font-size:14px;font-weight:700}.svc-card__sub-en{color:#98a39d;margin-bottom:12px;font-family:Cormorant Garamond,Pretendard,serif;font-size:12px;font-style:italic}.svc-card__body{color:#5a655f;margin-bottom:8px;font-size:13px;line-height:1.55}.svc-card__note{color:#8a948e;margin-bottom:16px;font-size:11.5px;line-height:1.5}.svc-card__cta{color:#2d3436;opacity:.85;margin-top:auto;font-size:13px;font-weight:800}.svc-card:hover .svc-card__cta{opacity:1}.community-section{background:#fffdf9}.community-feed{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px;display:grid}.community-feed__item{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:16px}.cf1{background:linear-gradient(135deg,#ffe1e7,#ffe7da)}.cf2{background:linear-gradient(135deg,#fcead9,#ecf1e8)}.cf3{background:linear-gradient(135deg,#e7f2ed,#e5ebf5)}.cf4{background:linear-gradient(135deg,#e6e9f7,#ede5f7)}.cf5{background:linear-gradient(135deg,#f2e4f5,#fde1eb)}.cf6{background:linear-gradient(135deg,#ffe8d9,#ffe2e7)}.community-follow{color:#e85b8a;background:#fff;border:1.5px solid #fad2e0;border-radius:999px;align-items:center;gap:7px;padding:.7em 1.6em;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.community-follow:hover{background:#fff4f8;transform:translateY(-2px)}.community-soon{text-align:center;background:linear-gradient(135deg,#fff5f7 0%,#fff0ed 50%,#fff8ee 100%);border:1px solid #ffe0d8;border-radius:24px;margin-top:30px;padding:40px 28px}.community-soon__badge{color:#ff6b9d;background:#fff;border-radius:999px;margin-bottom:14px;padding:6px 16px;font-size:12.5px;font-weight:700;display:inline-block}.community-soon__title{color:#2d3436;margin-bottom:20px;font-size:16px;font-weight:700}.community-soon__form{flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.community-soon__input{background:#fff;border:1px solid #ead9e0;border-radius:999px;outline:none;min-width:220px;padding:.7em 1.6em;font-size:15px}.community-soon__input:focus{border-color:#ff9bbe}.community-soon__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d,#f59e0b);border:none;border-radius:999px;padding:.7em 1.6em;font-size:15px;font-weight:600;transition:transform .2s}.community-soon__btn:hover{transform:translateY(-2px)}.bridge-section{background:#0d0d1a;padding:72px 24px}.bridge-inner{text-align:center;max-width:720px;margin:0 auto}.bridge-title{color:#fff;margin-bottom:10px;font-family:Cormorant Garamond,Pretendard,sans-serif;font-size:34px;font-weight:500;line-height:1.3}.bridge-en{color:#b89b5e;margin-bottom:22px;font-family:Cormorant Garamond,Pretendard,sans-serif;font-size:15px;font-style:italic}.bridge-body{color:#ffffffb8;margin-bottom:32px;font-size:15px;line-height:1.7}.bridge-cta{color:#fff;background:#b89b5e;border-radius:999px;align-items:center;gap:8px;padding:.7em 1.6em;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.bridge-cta:hover{background:#a78a4f;transform:translateY(-2px)}.bridge-domain{color:#fff6;margin-top:18px;font-size:12.5px}@media (max-width:900px){.svc-grid{grid-template-columns:repeat(2,1fr)}.community-feed{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.svc-grid{grid-template-columns:1fr;max-width:360px;margin:8px auto 0}.community-feed{grid-template-columns:repeat(2,1fr)}.community-soon__input{width:100%;min-width:0}}