:root{--color-emerald:#10b981;--color-emerald-soft:#a7f3d0;--color-indigo:#6366f1;--color-indigo-soft:#c7d2fe;--color-cyan:#06b6d4;--color-cyan-soft:#a5f3fc;--color-amber:#f59e0b;--color-amber-soft:#fde68a;--color-pink:#10b981;--color-pink-soft:#a7f3d0;--color-mint:#059669;--color-mint-soft:#6ee7b7;--color-blue:#06b6d4;--color-blue-soft:#a5f3fc;--color-lavender:#6366f1;--color-lavender-soft:#c7d2fe;--bg-primary:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--font-heading:"Sora", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}body{min-height:100vh;line-height:1.6;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-pink), var(--color-lavender), var(--color-blue));border-radius:var(--radius-full)}::selection{color:var(--text-main);background:#8338ec33}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-lavender) 35%, var(--color-blue) 70%, var(--color-mint) 100%);-webkit-text-fill-color:transparent;background-size:250% 250%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}.gradient-text-pink-purple{background:linear-gradient(135deg,#ff758f,#8338ec);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-lg);transition:all .5s var(--ease-spring);background:#ffffff8c;border:1px solid #ffffffd9;box-shadow:inset 0 0 0 1px #ffffff80,0 20px 60px -20px #64748b1f}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(160%);border-radius:var(--radius-md);transition:transform .5s var(--ease-bounce), box-shadow .5s var(--ease-smooth), border-color .4s var(--ease-smooth);will-change:transform;background:#fff9;border:1px solid #ffffffe6;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005,0 8px 24px -8px #0000000a}.glass-card:hover{border-color:#fff;transform:translateY(-8px)scale(1.015);box-shadow:0 24px 48px -16px #8338ec1a,0 0 0 1px #ff758f40}.btn-primary{font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-lavender) 50%, var(--color-blue) 100%);border-radius:var(--radius-full);cursor:pointer;transition:all .4s var(--ease-spring);isolation:isolate;background-size:200% 200%;border:none;justify-content:center;align-items:center;gap:10px;padding:15px 32px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #ff758f59,inset 0 0 0 1px #ffffff40}.btn-primary:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{background-position:100% 0;transform:translateY(-3px);box-shadow:0 16px 40px -8px #8338ec73,inset 0 0 0 1px #fff6}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-secondary{font-family:var(--font-heading);color:var(--text-main);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);cursor:pointer;transition:all .4s var(--ease-spring);background:#ffffffd9;border:1.5px solid #e2e8f0e6;justify-content:center;align-items:center;gap:10px;padding:15px 32px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 2px 8px #00000008}.btn-secondary:hover{border-color:var(--color-lavender);color:var(--color-lavender);background:#fff;transform:translateY(-3px);box-shadow:0 12px 28px #8338ec1f}.btn-secondary:active{transform:translateY(-1px)scale(.98)}.billing-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#6366f10d 1px,#0000 1px),linear-gradient(#6366f10d 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000000d9 0%,#0000 80%);mask-image:radial-gradient(#000000d9 0%,#0000 80%)}.blob{filter:blur(95px);opacity:.35;pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:fixed}.blob-1{width:550px;height:550px;animation:floatBlob1 22s infinite alternate var(--ease-smooth);background:radial-gradient(circle,#10b98173,#34d39933);top:-15%;left:5%}.blob-2{width:600px;height:600px;animation:floatBlob2 26s infinite alternate var(--ease-smooth);background:radial-gradient(circle,#6366f159,#818cf826);top:15%;right:-8%}.blob-3{width:500px;height:500px;animation:floatBlob3 28s infinite alternate var(--ease-smooth);background:radial-gradient(circle,#06b6d459,#38bdf826);bottom:5%;left:15%}.blob-4{width:450px;height:450px;animation:floatBlob4 20s infinite alternate var(--ease-smooth);background:radial-gradient(circle,#f59e0b47,#fbbf241f);top:55%;right:20%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.15)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,80px)scale(.9)}}@keyframes floatBlob3{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-70px)scale(1.1)}}@keyframes floatBlob4{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,-50px)scale(1.05)}}.timeline-line{background:linear-gradient(180deg, var(--color-pink), var(--color-lavender), var(--color-blue), var(--color-mint));z-index:1;opacity:.5;border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.section-badge{border-radius:var(--radius-full);font-size:clamp(.62rem,1.5vw,.72rem);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.section-title{color:var(--text-main);margin-top:16px;font-size:clamp(1.6rem,4.5vw,2.85rem);font-weight:800}.section-desc{color:var(--text-muted);max-width:580px;margin:12px auto 0;font-size:clamp(.85rem,2vw,1.08rem);line-height:1.7}.grid-2{grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,28px);display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,28px);display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.5vw,24px);display:grid}@media (width>=1600px){.container{max-width:1440px}}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.timeline-line{left:20px}.blob{opacity:.12;filter:blur(36px)!important}*{-webkit-tap-highlight-color:transparent}div,header,nav,section,footer{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}}@media (width<=520px){.container{padding:0 14px}.grid-4{grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%;padding:12px 20px;font-size:.82rem}}.text-balance{text-wrap:balance}.loader-bar{background:#ffffff14;border-radius:3px;width:160px;height:3px;margin-top:24px;overflow:hidden}.loader-bar-inner{background:linear-gradient(90deg, var(--color-pink), var(--color-lavender), var(--color-blue), var(--color-mint));background-size:200% 100%;width:100%;height:100%;animation:1.5s infinite loaderSlide}@keyframes loaderSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media print{body{color:#000!important;background:#fff!important}header,footer,.blob,.billing-grid-bg,canvas,button{display:none!important}#printable-invoice{color:#000!important;width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}}.fade-section{opacity:0;transition:opacity .7s var(--ease-spring), transform .7s var(--ease-spring);transform:translateY(32px)}.fade-section.visible{opacity:1;transform:translateY(0)}