@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{--ig-green:#579950;--ig-green-dark:#3e6d38;--ig-green-light:#e8f5e6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--zapier:#ff4a00;--make:#6b21a8;--n8n:#ea580c;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-lg:0 10px 25px #0000001a;--max-w:960px}html{scroll-behavior:smooth}body{color:var(--gray-900);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;line-height:1.6}.hero{color:#fff;background:linear-gradient(160deg,#0f1f0f 0%,#1a3318 40%,#0d1d0d 100%);padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#5799500f 1px,#0000 1px),linear-gradient(90deg,#5799500f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}.hero-orb{filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#57995059 0%,#0000 70%);width:400px;height:400px;animation:12s ease-in-out infinite float-1;top:-100px;right:-80px}.hero-orb-2{background:radial-gradient(circle,#ff4a0026 0%,#0000 70%);width:300px;height:300px;animation:10s ease-in-out infinite float-2;bottom:-60px;left:-60px}.hero-orb-3{background:radial-gradient(circle,#57995033 0%,#0000 70%);width:200px;height:200px;animation:14s ease-in-out infinite float-3;top:40%;left:50%}@keyframes float-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,20px)scale(1.05)}66%{transform:translate(15px,-15px)scale(.95)}}@keyframes float-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-20px)scale(1.08)}}@keyframes float-3{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-20px,15px)scale(1.1)}80%{transform:translate(10px,-10px)scale(.9)}}.hero-content{z-index:1;max-width:var(--max-w);margin:0 auto;position:relative}.hero-badge{letter-spacing:.03em;color:#fffc;background:#5799501f;border:1px solid #57995066;border-radius:999px;margin-bottom:1.25rem;padding:.3rem .9rem;font-size:.75rem;font-weight:600;animation:.6s ease-out both fade-in-up;display:inline-block}.hero h1{letter-spacing:-.03em;margin-bottom:.75rem;font-size:3rem;font-weight:900;line-height:1.15;animation:.6s ease-out .1s both fade-in-up}.hero-accent{background:linear-gradient(135deg,#6fcf68 0%,#579950 50%,#3e6d38 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{opacity:.7;margin-bottom:1.5rem;font-size:1.15rem;font-weight:400;line-height:1.5;animation:.6s ease-out .2s both fade-in-up}.hero-stats{align-items:center;gap:1.25rem;animation:.6s ease-out .3s both fade-in-up;display:flex}.hero-stat{flex-direction:column;gap:.15rem;display:flex}.hero-stat-value{color:#fff;font-size:1.3rem;font-weight:800}.hero-stat-label{color:#ffffff80;letter-spacing:.02em;font-size:.7rem;font-weight:500}.hero-stat-divider{background:#ffffff26;width:1px;height:28px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.main{max-width:var(--max-w);margin:0 auto;padding:1.5rem}.controls{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:1.5rem;padding:1.5rem}.presets{margin-bottom:1.5rem}.presets-label{color:var(--gray-500);margin-bottom:.5rem;font-size:.85rem;display:block}.presets-row{flex-wrap:wrap;gap:.5rem;display:flex}.preset-btn{border:1px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-family:inherit;font-size:.85rem;transition:all .15s;display:flex}.preset-btn:hover{border-color:var(--ig-green);background:var(--ig-green-light)}.preset-btn.active{border-color:var(--ig-green);background:var(--ig-green);color:#fff}.preset-emoji{font-size:1rem}.preset-name{font-weight:500}.slider-group{margin-bottom:1.25rem}.slider-label{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.slider-title{font-size:.9rem;font-weight:600}.slider-value{color:var(--ig-green);font-size:1.1rem;font-weight:700}.slider{appearance:none;background:var(--gray-200);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ig-green);cursor:pointer;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #0003}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-ticks{color:var(--gray-500);justify-content:space-between;margin-top:.2rem;font-size:.7rem;display:flex}.billing-explain{background:var(--gray-50);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.billing-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.billing-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.insight-section{margin-bottom:1.5rem}.insight-card{background:linear-gradient(135deg, var(--ig-green-light), #f0f9f0);border-radius:var(--radius);border:1px solid #57995033;gap:1rem;padding:1.25rem;display:flex}.insight-icon{flex-shrink:0;font-size:2rem}.insight-content h3{margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1.4}.insight-content p{color:var(--gray-700);font-size:.85rem;line-height:1.5}.savings-highlight{color:var(--ig-green);font-size:1.2em;font-weight:800}.cost-table-section{margin-bottom:1.5rem}.cost-table-section h2{margin-bottom:1rem;font-size:1.15rem;font-weight:700}.cost-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.cost-card{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.25rem;transition:box-shadow .15s}.cost-card:hover{box-shadow:var(--shadow-lg)}.cost-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.platform-logo{font-size:1.5rem}.cost-card-header h3{font-size:1rem;font-weight:700}.cost-amount{color:var(--gray-900);margin-bottom:.5rem;font-size:2rem;font-weight:800}.cost-period{color:var(--gray-500);font-size:.9rem;font-weight:400}.cost-detail{border-top:1px solid var(--gray-100);flex-direction:column;gap:.3rem;padding-top:.75rem;display:flex}.cost-detail-row{color:var(--gray-500);justify-content:space-between;font-size:.85rem;display:flex}.cost-detail-row strong{color:var(--gray-900)}.self-hosted{margin-top:.75rem}.self-hosted-toggle{border:1px solid var(--ig-green);color:var(--ig-green);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.3rem .7rem;font-family:inherit;font-size:.8rem}.self-hosted-cost{background:var(--ig-green-light);border-radius:var(--radius-sm);align-items:baseline;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.85rem;display:flex}.self-hosted-cost strong{color:var(--ig-green);font-weight:700}.self-hosted-cost small{color:var(--gray-500)}.chart-section{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:1.5rem;padding:1.5rem}.chart-section h2{font-size:1.15rem;font-weight:700}.chart-subtitle{color:var(--gray-500);margin-bottom:1rem;font-size:.85rem}.chart-container{width:100%}.share-row{text-align:center;margin-bottom:1.5rem}.share-btn{border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem;transition:all .15s}.share-btn:hover{border-color:var(--ig-green);background:var(--ig-green-light)}.cta-section{margin-bottom:2rem}.cta-card{color:#fff;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#1a2e1a 0%,#2d4a2d 100%);padding:2rem}.cta-card h2{margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.cta-card p{opacity:.85;margin-bottom:1rem}.cta-btn{background:var(--ig-green);color:#fff;border-radius:999px;padding:.75rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.cta-btn:hover{background:var(--ig-green-dark)}.footer{text-align:center;color:var(--gray-500);border-top:1px solid var(--gray-200);max-width:var(--max-w);margin:0 auto;padding:2rem 1.5rem;font-size:.8rem}.footer-note{opacity:.7;margin-top:.5rem}@media (width<=640px){.hero{padding:2.5rem 1rem 2rem}.hero h1{font-size:2rem}.hero-accent{font-size:inherit}.hero-badge{font-size:.7rem}.hero-stats{gap:.75rem}.hero-stat-value{font-size:1.1rem}.hero-orb-1{width:250px;height:250px}.hero-orb-2{width:180px;height:180px}.hero-orb-3{display:none}.subtitle{font-size:.95rem}.main{padding:1rem}.cost-cards{grid-template-columns:1fr}.cost-amount{font-size:1.5rem}.cta-card{padding:1.5rem}.cta-card h2{font-size:1.1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6}