*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;max-width:100%}html,.site-header{position:sticky;top:0;z-index:100}body{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1 0 auto}footer{margin-top:auto}:root{--kinda-yellow:#fad868;--kinda-purple:#2d1da1;--kinda-green:#9ed2a6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--border-color:var(--gray-200);--shadow-color:rgba(0,0,0,0.1)}[data-theme="dark"]{--bg-primary:var(--gray-900);--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--border-color:var(--gray-600);--shadow-color:rgba(0,0,0,0.3)}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}@media(min-width:480px){.container{padding:0 1.5rem}}@media(min-width:768px)and(max-width:1023px){.container{padding:0 2rem;max-width:768px}}@media(min-width:1024px){.container{padding:0 2rem;max-width:1200px}}@media(min-width:1440px){.container{padding:0 3rem;max-width:1400px}}@media(max-width:1200px){.container{max-width:95%;padding:0 2.5%}}.top-bar{background-color:var(--bg-primary);padding:0.85rem 0;font-size:0.875rem;display:none}@media(min-width:768px){.top-bar{display:block}}.top-bar-content{display:flex;justify-content:flex-end;align-items:center;font-size:0.875rem}.top-bar-item{color:var(--text-secondary);margin-right:1.5rem;display:inline-flex;align-items:center;gap:0.5rem}.top-bar-right{display:flex;gap:1rem}.top-bar-right a{color:var(--text-secondary);font-size:1rem;transition:color 0.3s ease}.top-bar-right a:hover{color:var(--kinda-purple)}header{background-color:var(--bg-primary);box-shadow:0 10px 15px -3px var(--shadow-color);position:sticky;top:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.header-actions{display:flex;align-items:center;gap:1rem}.dark-mode-toggle{background:none;border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all 0.3s ease;font-size:1rem}.dark-mode-toggle:hover{background-color:var(--kinda-purple);border-color:var(--kinda-purple);color:white;transform:scale(1.1)}[data-theme="dark"] .dark-mode-toggle i:before{content:"\f185"}.logo{display:flex;align-items:center;gap:0.40rem}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.logo-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-text h1{font-size:1.5rem;font-weight:750;color:var(--kinda-yellow);margin:0;line-height:1.4}.logo-text p{font-size:0.85rem;color:var(--text-secondary);margin:0;line-height:1}.desktop-nav{display:flex;align-items:center;gap:2rem}.desktop-nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.3s ease;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--kinda-purple)}.desktop-nav a.active::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background-color:var(--kinda-purple)}[data-theme="dark"] .desktop-nav a.active::after{background-color:var(--kinda-yellow)}[data-theme="dark"] .desktop-nav a:hover,[data-theme="dark"] .desktop-nav a.active{color:var(--kinda-yellow)}.nav-cta{background:linear-gradient(135deg,var(--kinda-purple),var(--kinda-green));color:white !important;padding:0.5rem 1.5rem;border-radius:25px;font-weight:600;transition:transform 0.3s ease}.nav-cta:hover{transform:translateY(-2px);color:white !important}.mobile-nav{position:fixed;top:0;left:0;width:min(80vw,320px);height:100vh;background-color:var(--bg-primary);z-index:60;transform:translateX(-100%);opacity:0;visibility:hidden;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease,visibility 0s linear 0.35s;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:80px 16px 16px;border-right:1px solid var(--border-color)}.mobile-nav.open{transform:translateX(0);opacity:1;visibility:visible;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease,visibility 0s}.mobile-nav-link{display:block;width:100%;padding:12px 14px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:1.05rem;border-radius:8px;border:2px solid transparent;text-align:left}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--kinda-purple);background-color:var(--bg-secondary);border-color:var(--kinda-purple)}.mobile-menu-btn{display:none;background:none;border:2px solid var(--border-color);border-radius:8px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all 0.3s ease}@media(max-width:767px){.mobile-menu-btn{display:flex !important}.desktop-nav{display:none !important}}@media(min-width:768px){.mobile-menu-btn{display:none !important}.desktop-nav{display:flex !important}}@media(max-width:850px){.mobile-menu-btn{display:flex !important}.desktop-nav{display:none !important}}@media(min-width:1025px){.mobile-menu-btn{display:none !important}.desktop-nav{display:flex !important}}.mobile-menu-btn:hover{background-color:var(--bg-secondary);border-color:var(--kinda-purple);color:var(--kinda-purple)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--kinda-purple)0%,var(--kinda-green)100%);background-size:cover;background-position:center;background-attachment:fixed;transition:background 0.6s ease-in-out}@media(max-width:768px){.hero{background-attachment:scroll}}[data-theme="dark"] .hero{background:linear-gradient(135deg,rgba(118,101,255,0.25),rgba(158,210,166,0.103),rgba(255,255,255,0.05)),linear-gradient(45deg,#0f172a 0%,#1e293b 70%,#111827 100%);background-size:cover;background-position:center;background-attachment:fixed;transition:background 0.6s ease-in-out}@media(max-width:768px){.hero{background-attachment:scroll}}.hero-bg-elements{position:absolute;inset:0;opacity:0.4}.floating{animation:floating 6s ease-in-out infinite;will-change:transform}@keyframes floating{0%,100%{transform:translateY(0px)}50%{transform:translateY(-15px)}}.floating-1{position:absolute;top:5rem;left:1.25rem;font-size:2.5rem;color:white}@media(min-width:768px){.floating-1{left:2.5rem;font-size:3.75rem}}.floating-2{position:absolute;top:10rem;right:1.25rem;font-size:1.875rem;color:white;animation-delay:2s}@media(min-width:768px){.floating-2{right:5rem;font-size:2.25rem}}.floating-3{position:absolute;bottom:10rem;left:1.25rem;font-size:2.5rem;color:white;animation-delay:4s}@media(min-width:768px){.floating-3{left:5rem;font-size:3rem}}.hero-content{text-align:center;color:white;position:relative;z-index:10}.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.1)}@media(min-width:768px){.hero-title{font-size:3.75rem}}@media(min-width:1024px){.hero-title{font-size:3.5rem}}.hero-title .highlight{color:var(--kinda-yellow)}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem;opacity:0.95;max-width:48rem;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,0.1)}@media(min-width:768px){.hero-subtitle{font-size:1.25rem}}@media(min-width:1024px){.hero-subtitle{font-size:1.5rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media(min-width:640px){.hero-buttons{flex-direction:row}}.btn-primary{background-color:white;color:var(--kinda-purple);padding:0.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .25s ease,opacity .25s ease;box-shadow:0 0 20px rgba(118,101,255,0.28);border:none;cursor:pointer;will-change:transform,opacity;backface-visibility:hidden}@media(min-width:768px){.btn-primary{padding:1rem 2rem;font-size:1.125rem}}.btn-primary:hover{opacity:0.9;transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{border:2px solid white;color:white;background:transparent;padding:0.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;will-change:transform;backface-visibility:hidden}@media(min-width:768px){.btn-secondary{padding:1rem 2rem;font-size:1.125rem}}.btn-secondary:hover{background-color:white;color:var(--kinda-purple);transform:translateY(-2px)scale(1.02)}.btn-secondary:active{transform:translateY(0)scale(.98)}.typed-cursor{font-weight:bold;color:var(--kinda-yellow)}.stats-section{padding:4rem 0;background-color:var(--bg-secondary)}@media(min-width:768px){.stats-section{padding:5rem 0}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:768px)and(max-width:1023px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.counter-box{background:var(--bg-primary);border-radius:1rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:2px solid var(--border-color);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.counter-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.counter{font-size:2rem;font-weight:800;color:var(--kinda-purple)}@media(min-width:768px){.counter{font-size:2.5rem}}.counter-label{color:var(--text-secondary);font-weight:500;margin-top:0.5rem;font-size:0.875rem}@media(min-width:768px){.counter-label{font-size:1rem}}.section{padding:3rem 0}.sectionn{margin-bottom:3rem;margin-top:3rem}.section-gray{background-color:var(--bg-primary)}.section-white{background-color:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;background-color:var(--kinda-purple);color:white;padding:0.5rem 1rem;border-radius:9999px;font-weight:500;font-size:0.875rem;margin-bottom:2rem;width:fit-content}@media(min-width:768px){.section-badge{font-size:1rem}}.section-description{font-size:1rem;color:var(--text-secondary);max-width:48rem;margin:0 auto}@media(min-width:768px){.section-description{font-size:1.125rem}}.about-grid{display:grid;gap:3rem;align-items:center}@media(min-width:768px){.about-grid{grid-template-columns:repeat(2,1fr)}}.about-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}@media(min-width:768px){.about-title{font-size:1.875rem}}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon.green{background-color:var(--kinda-green)}.feature-icon.yellow{background-color:var(--kinda-yellow)}.feature-icon.purple{background-color:var(--kinda-purple)}.feature-icon i{color:white;font-size:0.875rem}.feature-content h4{font-weight:600;color:var(--text-primary);margin-bottom:0.25rem}.feature-content p{color:var(--text-secondary)}.mockup{display:block;position:relative;z-index:3;text-align:center;font-size:0;perspective:2400px;perspective-origin:50% 100%;opacity:0;transition:500ms opacity;max-width:450px;width:100%;margin:0 auto;cursor:pointer}@media(max-width:992px){.mockup{max-width:350px}}@media(max-width:640px){.mockup{max-width:260px}}.mockup.loaded{opacity:1}.mockup .part .top,.mockup .part .bottom{position:absolute;top:0;left:0}.mockup .part{display:inline-block;position:relative;transform-style:preserve-3d;transform-origin:50% 100%;transition:900ms cubic-bezier(0.68,-0.55,0.27,1.55)}.mockup .part.top{transform-origin:50% 100%;transform:translate3d(0,0,-11px)rotateX(0deg)}.mockup.closed .part.top{transform:translate3d(0,0,-11px)rotateX(-90deg)}.mockup img{display:block;max-width:100%;backface-visibility:hidden}.mockup .part .cover{position:relative}.mockup video{display:block;position:absolute;top:8%;left:4%;width:92%;border-radius:6px;backface-visibility:hidden;transform:translate3d(0,0,1px)}.mockup .part.bottom{position:absolute;top:0;left:0;transform:translate3d(0,0,0)rotateX(-90deg)}.mockup .part .bottom{transform-origin:50% 0;transform:translate3d(0,0,0)rotateX(90deg)}.about-image-box{height:16rem;margin:0 auto;background-color:var(--bg-tertiary);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;border:4px solid var(--kinda-purple);position:relative;overflow:hidden}@media(min-width:768px){.about-image-box{height:20rem}}.about-icon{position:absolute;width:120px;height:120px;color:var(--kinda-purple);opacity:0;animation:slideIcons 8s infinite}.about-icon:nth-child(1){animation-delay:0s}.about-icon:nth-child(2){animation-delay:2s}.about-icon:nth-child(3){animation-delay:4s}.about-icon:nth-child(4){animation-delay:6s}@keyframes slideIcons{0%{opacity:0;transform:translateY(30px)}10%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(-30px)}100%{opacity:0;transform:translateY(-30px)}}#about .about-title{margin:14px 0 10px;font-weight:700}#about .feature-list{display:flex;flex-direction:column;gap:10px}#about .feature-item{display:flex;align-items:flex-start;gap:10px}#about .feature-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center}#about .feature-icon i{color:#fff;font-size:12px;line-height:1}#about .feature-icon.green{background:var(--kinda-green)}#about .feature-icon.yellow{background:var(--kinda-yellow)}#about .feature-icon.purple{background:var(--kinda-purple)}#about .feature-content h4{margin:0 0 2px;font-weight:600;font-size:0.95rem}#about .feature-content p{margin:0;line-height:1.5;font-size:0.92rem;color:#555}#about .about-extra{margin-top:12px;color:#333}[data-theme="dark"] #about .feature-content p{color:#fff}[data-theme="dark"] #about .about-extra{color:#fff}.partners-slider-container{overflow:hidden;padding:0 1rem;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}@media(min-width:768px){.partners-slider-container{padding:0 2rem}}.partners-slider{display:flex;align-items:center;gap:0.875rem;will-change:transform;animation:partner-scroll 9s linear infinite}@media(min-width:768px){.partners-slider{gap:1rem;animation-duration:11s}}@media(prefers-reduced-motion:reduce){.partners-slider{animation:none}}@keyframes partner-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.partner-card{flex:0 0 auto;width:13rem;height:5rem;display:flex;align-items:center;justify-content:center;background-color:var(--panel,transparent);border:1.5px solid var(--line,rgba(120,120,120,.25));border-radius:12px;padding:0.75rem;box-shadow:0 8px 14px -4px rgba(0,0,0,.14);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media(min-width:768px){.partner-card{width:15rem;height:5.5rem;padding:0.9rem}}.partner-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px -6px rgba(0,0,0,.18)}.partner-logo{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px)and(max-width:1023px){.services-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background-color:var(--bg-primary);border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 15px -3px var(--shadow-color);border:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform 0.3s ease,box-shadow 0.3s ease}@media(min-width:768px){.service-card{padding:2rem}}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.service-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}@media(min-width:768px){.service-icon{width:4rem;height:4rem}}.service-icon.purple{background-color:var(--kinda-purple)}.service-icon.green{background-color:var(--kinda-green)}.service-icon.yellow{background-color:var(--kinda-yellow)}.service-icon i{color:white;font-size:1.25rem}@media(min-width:768px){.service-icon i{font-size:1.5rem}}.service-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(min-width:768px){.service-title{font-size:1.2rem}}.service-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:0.875rem;flex-grow:1}@media(min-width:768px){.service-description{font-size:1rem}}.service-link{color:var(--kinda-purple);font-weight:600;text-decoration:none;font-size:0.875rem;margin-top:auto;text-align:left;transition:color 0.3s}[data-theme="dark"] .service-link{color:var(--kinda-yellow)}@media(min-width:768px){.service-link{font-size:1rem}}.service-link:hover{color:var(--kinda-green)}.product-card{background-color:var(--bg-primary);border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 15px -3px var(--shadow-color);border:1px solid var(--kinda-purple);display:flex;flex-direction:column;transition:transform 0.3s ease,box-shadow 0.3s ease}[data-theme="dark"] .product-card{border-color:var(--border-color);box-shadow:0 10px 15px -3px var(--shadow-color)}.product-bio{padding:.30rem 0 1rem;color:var(--text-primary);font-size:.9rem;line-height:1.5;font-weight:500;.product-header{display:flex;align-items:center;margin-bottom:0.75rem}.product-header .product-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0;margin-right:0.5rem}.product-header .product-title{margin:0;font-size:1.25rem;font-weight:700}}@media(min-width:1024px){.product-bio{font-size:.95rem;line-height:1.45}}@media(min-width:768px){.product-card{padding:2rem}}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.product-icon{display:inline-flex;align-items:center;gap:0.5rem;font-size:1.5rem;margin-bottom:1rem}@media(min-width:768px){.product-icon{font-size:2rem}}.product-icon.purple{color:var(--kinda-purple)}.product-icon.green{color:var(--kinda-green)}.product-icon.yellow{color:var(--kinda-yellow)}.product-icon .product-category{font-size:1rem;font-weight:500;color:var(--text-primary)}.product-category-badge{display:inline-block;background-color:var(--gray-200);color:var(--text-primary);font-size:0.75rem;font-weight:600;padding:0.25rem 0.6rem;border-radius:9999px;line-height:1}[data-theme="dark"] .product-category-badge{background-color:var(--gray-200);color:var(--gray-800)}.product-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.product-card .product-title.purple{color:var(--kinda-purple)}.product-card .product-title.green{color:var(--kinda-green)}.product-card .product-title.yellow{color:var(--kinda-yellow)}[data-theme="dark"] .product-card .product-title.purple{color:var(--kinda-yellow)!important;text-shadow:0 0 1px rgba(0,0,0,.25)}[data-theme="dark"] .product-card .product-title.green{color:var(--kinda-yellow)!important;text-shadow:0 0 1px rgba(0,0,0,.25)}[data-theme="dark"] .product-card .product-title.yellow{color:var(--kinda-yellow)!important;text-shadow:0 0 1px rgba(0,0,0,.25)}@media(min-width:768px){.product-title{font-size:1.2rem}}.product-description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:0.875rem}@media(min-width:768px){.product-description{font-size:1rem}}.product-btn{width:100%;padding:0.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:opacity 0.3s;margin-top:auto;border:none;cursor:pointer;font-size:0.875rem;text-decoration:none !important}@media(min-width:768px){.product-btn{font-size:1rem}}.product-btn.purple{background-color:var(--kinda-purple);color:white}.product-btn.green{background-color:var(--kinda-green);color:var(--gray-800)}.product-btn.yellow{background-color:var(--kinda-yellow);color:var(--gray-800)}.product-btn:hover{opacity:0.9}.blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1.5rem}}@media(min-width:768px)and(max-width:1023px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0}}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.blog-layout>*{min-width:0}@media(min-width:1024px){.blog-layout{grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:2rem}}.blog-main{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}@media(min-width:768px){.blog-main{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-main{grid-template-columns:repeat(2,1fr)}}.blog-card{background:var(--bg-primary);border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:1px solid var(--border-color);transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;min-height:400px}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.blog-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;flex-shrink:0;background-size:cover;background-position:center}@media(min-width:768px){.blog-image{height:220px}}.blog-image.purple{background:linear-gradient(135deg,var(--kinda-purple),#9b59b6)}.blog-image.green{background:linear-gradient(135deg,var(--kinda-green),#27ae60)}.blog-image.yellow{background:linear-gradient(135deg,#f39c12,#e67e22)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-link:hover .blog-title{color:var(--kinda-purple)}.blog-content{padding:1.5rem;display:flex;flex-direction:column;flex:1;min-width:0}.blog-category{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;color:white;margin-bottom:1rem;width:fit-content}.blog-category.purple{background:var(--kinda-purple)}.blog-category.green{background:var(--kinda-green)}.blog-category.yellow{background:#f39c12}.blog-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:0.75rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.blog-title{font-size:1.150rem}}.blog-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:0.875rem;color:var(--text-muted);flex-wrap:wrap;gap:0.5rem}.blog-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--kinda-purple);text-decoration:none;font-weight:600;font-size:0.875rem;transition:color 0.3s}[data-theme="dark"] .blog-link{color:var(--kinda-yellow)}.blog-link:hover{color:var(--kinda-green)}.blog-link i{transition:transform 0.3s}.blog-link:hover i{transform:translateX(3px)}.blog-sidebar{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:100%}@media(max-width:1023px){.blog-sidebar{margin-top:2rem}}.sidebar-widget{background:var(--bg-primary);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:1px solid var(--border-color);width:100%;box-sizing:border-box}.sidebar-widget h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--kinda-purple)}[data-theme="dark"] .sidebar-widget h3{border-bottom-color:var(--border-color)}.search-box{display:flex;border:1px solid var(--gray-300);border-radius:0.5rem;overflow:hidden;width:100%;max-width:100%}.search-box input{flex:1;padding:0.75rem;border:none;outline:none;font-size:0.875rem;min-width:0}.search-box button{background:var(--kinda-purple);color:white;border:none;padding:0.75rem 1rem;cursor:pointer;transition:background 0.3s;flex-shrink:0}.search-box button:hover{background:var(--kinda-green)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:0.5rem}.category-list a{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--bg-tertiary);transition:color 0.3s;word-wrap:break-word}.category-list a:hover{color:var(--kinda-purple)}.category-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:0.25rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:600;flex-shrink:0}.recent-posts{display:flex;flex-direction:column;gap:1rem}.recent-post{display:flex;gap:1rem;align-items:flex-start}.recent-post-image{width:60px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0;display:grid;place-items:center}.recent-post-image img{width:100%;height:100%;object-fit:cover;grid-area:1 / 1 / -1 / -1;display:block}.recent-post-image i{grid-area:1 / 1 / -1 / -1;font-size:1.5rem;color:#fff}.recent-post-image.purple{background:linear-gradient(135deg,var(--kinda-purple),#9b59b6)}.recent-post-image.green{background:linear-gradient(135deg,var(--kinda-green),#27ae60)}.recent-post-image.yellow{background:linear-gradient(135deg,#f39c12,#e67e22)}.recent-post-content{flex:1;min-width:0}.recent-post-content h4{margin:0 0 0.5rem;font-size:0.875rem;line-height:1.4}.recent-post-content h4 a{color:var(--text-primary);text-decoration:none;transition:color 0.3s;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-post-content h4 a:hover{color:var(--kinda-purple)}.recent-post-date{font-size:0.75rem;color:var(--text-muted)}.tags-cloud{display:flex;flex-wrap:wrap;gap:0.5rem}.tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;text-decoration:none;transition:all 0.3s;white-space:nowrap}.tag:hover{background:var(--kinda-purple);color:white}.pagination{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:1rem;flex-wrap:wrap}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:0.5rem;color:var(--text-secondary);text-decoration:none;transition:all 0.3s}.pagination a:hover{background:var(--kinda-purple);color:white;border-color:var(--kinda-purple)}.pagination .current{background:var(--kinda-purple);color:white;border-color:var(--kinda-purple)}.blog-main .pagination{grid-column:1 / -1;justify-content:center;margin-top:2rem}.blog-card .blog-image{width:100%;height:200px;overflow:hidden;border-radius:0.5rem 0.5rem 0 0;display:flex;align-items:center;justify-content:center;background:var(--section-bg,#f5f5f5)}.blog-card .blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-image{display:flex;align-items:center;justify-content:center;height:200px;border-radius:0.5rem;overflow:hidden;background:#f3f3f3}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-image i{font-size:3rem;color:#fff}.blog-image.bg-purple,.recent-post-image.bg-purple{background:linear-gradient(135deg,#6a0dad,#9b30ff)!important}.blog-image.bg-green,.recent-post-image.bg-green{background:linear-gradient(135deg,#28a745,#5dd39e)!important}.blog-image.bg-yellow,.recent-post-image.bg-yellow{background:linear-gradient(135deg,#ffc107,#ff8c00)!important}.blog-image.bg-blue,.recent-post-image.bg-blue{background:linear-gradient(135deg,#007bff,#00c6ff)!important}.related-articles{margin-top:3rem;width:100%;max-width:100%}.related-articles h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center;position:relative;word-wrap:break-word}.related-articles h3::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:3rem;height:2px;background:var(--kinda-purple)}.related-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.related-grid{grid-template-columns:repeat(2,1fr)}}.related-card{background:var(--bg-primary);border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:1px solid var(--border-color);transition:all 0.3s ease}.related-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.related-image{height:8rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:white}.related-image.green{background:linear-gradient(135deg,var(--kinda-green),#7dd3fc)}.related-image.yellow{background:linear-gradient(135deg,var(--kinda-yellow),#fbbf24)}.related-image.purple{background:linear-gradient(135deg,var(--kinda-purple),#a855f7)}.related-content{padding:1.5rem}.related-category{font-size:0.75rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.25rem;color:white !important;padding:0.25rem 0.75rem;border-radius:9999px;width:fit-content}.related-category.green{background:var(--kinda-green)}.related-category.yellow{background:var(--kinda-yellow)}.related-category.purple{background:var(--kinda-purple)}.related-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:0.75rem;line-height:1.4;word-wrap:break-word}.related-title a{color:inherit;text-decoration:none;transition:color 0.3s}.related-title a:hover{color:var(--kinda-purple)}.related-date{font-size:0.875rem;color:var(--text-muted);display:flex;align-items:center;gap:0.25rem}.related-date::before{content:"📅";font-size:0.75rem}@media(max-width:768px){.article-hero{padding:4rem 0 3rem}.article-meta{gap:1rem;font-size:0.75rem}.article-title{font-size:2rem}.article-excerpt{font-size:1rem}.article-layout{margin-top:2rem}.related-articles h3{font-size:1.5rem}}.article-hero{background:var(--kinda-purple);padding:6rem 0 4rem;text-align:center;color:white;transition:background 0.6s ease-in-out,color 0.6s ease-in-out}[data-theme="dark"] .article-hero{background:linear-gradient(135deg,rgba(118,101,255,0.25),rgba(158,210,166,0.103),rgba(255,255,255,0.05)),linear-gradient(45deg,#0f172a 0%,#1e293b 70%,#111827 100%);color:#f8fafc}[data-theme="dark"] .article-hero p{opacity:0.85}.article-meta{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;font-size:0.875rem;opacity:0.9;flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:0.5rem}.article-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;word-wrap:break-word}@media(min-width:768px){.article-title{font-size:2rem}}.article-excerpt{font-size:1.125rem;opacity:0.9;max-width:600px;margin:0 auto;word-wrap:break-word}.article-layout{display:grid;gap:2rem;margin-top:3rem;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}.article-layout>*{min-width:0}@media(min-width:1024px){.article-layout{grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:3rem}}.article-content{background:var(--bg-primary);border-radius:1rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid var(--border-color);width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;min-width:0}@media(max-width:768px){.article-content{padding:1rem}}.article-content *{max-width:100%;box-sizing:border-box}.article-content img{height:auto;display:block;margin-bottom:1.5rem}.article-content h2{font-size:1.20rem;font-weight:700;color:var(--text-primary);margin:2rem 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--kinda-purple);line-height:1.3}.article-content h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 1rem;line-height:1.3}.article-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;text-align:justify;text-justify:inter-word;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:480px){.article-content p{text-align:left;text-justify:auto}}.article-content ul,.article-content ol{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:1.5rem;text-align:justify}.article-content li{margin-bottom:0.5rem;line-height:1.6}.article-content blockquote{background:var(--bg-tertiary);border-left:4px solid var(--kinda-purple);padding:1rem 1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary);border-radius:0 0.5rem 0.5rem 0;text-align:justify}.article-content code{background:var(--bg-tertiary);padding:0.25rem 0.5rem;border-radius:0.25rem;font-family:"Courier New",monospace;font-size:0.875rem;color:var(--kinda-purple);word-break:break-all}.article-content pre{background:var(--gray-900);color:white;padding:1.5rem;border-radius:0.5rem;overflow-x:auto;margin:1.5rem 0;max-width:100%}@media(max-width:768px){.article-content pre{padding:1rem;font-size:0.85rem;margin:1rem 0}}.article-content pre code{background:none;padding:0;color:inherit;white-space:pre}.article-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content table td,.article-content table th{white-space:nowrap}@media(max-width:768px){.article-meta{font-size:clamp(11px,2.6vw,12px);gap:.5rem;flex-wrap:nowrap}}footer{background-color:var(--gray-900);color:white;padding:2rem 0;border-top:1px solid var(--gray-800)}[data-theme="dark"] footer{background-color:var(--gray-900)}.footer-grid{display:grid;gap:2rem;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.footer-brand .logo-icon{width:3rem;height:3rem}.footer-brand h3{font-size:1.5rem;font-weight:700;color:white;line-height:1.2}.footer-brand p{font-size:0.875rem;color:var(--gray-400);line-height:1.2}.footer-description{color:var(--gray-400);margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transition:opacity 0.3s}.footer-social a:hover{opacity:0.8}.footer-social .instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.footer-social .linkedin{background-color:#0077b5}.footer-social .whatsapp{background-color:#25d366}.footer-section h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.75rem}.footer-links a{color:var(--gray-400);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:var(--kinda-yellow)}.footer-contact{display:flex;flex-direction:column;gap:0.75rem;color:var(--gray-400)}.footer-contact a{color:inherit;text-decoration:none}.footer-contact p{display:flex;align-items:center}.footer-contact i{margin-right:0.75rem;color:white}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:2rem;text-align:center;color:var(--gray-400)}.scroll-to-top{position:fixed;bottom:6rem;right:0.75rem;background-color:var(--kinda-purple);color:white;width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);transition:all 0.3s;opacity:0;transform:translateY(1rem);z-index:40;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.scroll-to-top:hover{opacity:0.9}.scroll-to-top.show{opacity:1;transform:translateY(0)}.whatsapp-popup{position:fixed;bottom:1.5rem;right:0.75rem;z-index:40}.whatsapp-btn{background-color:#10b981;color:white;width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);transition:all 0.3s;animation:pulse-glow 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.whatsapp-btn:hover{background-color:#059669}.whatsapp-btn i{font-size:1.5rem}.whatsapp-tooltip{position:absolute;bottom:4rem;right:0;background-color:var(--gray-800);color:white;padding:0.5rem 0.75rem;border-radius:0.5rem;font-size:0.875rem;white-space:nowrap;opacity:0;transform:translateY(0.5rem);transition:all 0.3s}.whatsapp-tooltip.show{opacity:1;transform:translateY(0)}.whatsapp-tooltip::after{content:"";position:absolute;top:100%;right:1rem;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--gray-800)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.product-price{font-size:1.125rem;font-weight:800;color:var(--text-primary)}.feature-list{margin:1rem 0 1.5rem;padding:0}.feature-item{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0;border-bottom:1px solid rgba(0,0,0,0.08)}.feature-item:last-child{border-bottom:none}[data-theme="dark"] .feature-item{border-bottom:1px solid rgba(255,255,255,0.15)}[data-theme="dark"] .feature-item:last-child{border-bottom:none}.feature-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.feature-content p{margin:0;font-size:0.875rem;color:var(--text-secondary)}.product-btn{margin-top:auto;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;text-align:center}.product-card{display:flex;flex-direction:column}.products-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.feature-content p{font-size:0.8rem;line-height:1.4}.feature-item{gap:0.4rem;padding:0.3rem 0}.feature-icon{width:18px;height:18px;font-size:9px}}.feature-item.is-hidden{display:none}.feature-list.show-all .feature-item.is-hidden{display:flex}.feature-toggle{background:transparent;border:1px dashed var(--kinda-purple);color:var(--text-primary);padding:0.4rem 0.75rem;border-radius:0.5rem;font-size:0.875rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;margin-top:auto;margin-bottom:1rem}[data-theme="dark"] .feature-toggle{border-color:var(--kinda-yellow)}.feature-toggle:hover{border-color:var(--kinda-purple)}.product-card .product-btn{margin-top:auto}.product-card .feature-toggle~.product-btn{margin-top:0}.product-card .feature-toggle+.product-btn{margin-top:0.6rem}@media(min-width:1024px){.feature-toggle{font-size:0.8rem;padding:0.35rem 0.65rem}}.blog-hero{background:var(--kinda-purple);padding:6rem 0 4rem;text-align:center;color:white;position:relative;transition:background 0.6s ease-in-out,color 0.6s ease-in-out}.blog-hero h1{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,0.1)}@media(min-width:768px){.blog-hero h1{font-size:2.5rem}}.blog-hero p{font-size:1.25rem;opacity:0.95;max-width:600px;margin:0 auto;text-shadow:0 2px 4px rgba(0,0,0,0.1)}@media(max-width:768px){.blog-hero p{font-size:1rem}}.home-hero{position:relative;background:var(--kinda-purple);padding:6rem 0 10rem;text-align:center;color:white;overflow:hidden;clip-path:ellipse(100% 90% at 50% 0%)}@media(max-width:768px){.typed-box{display:inline-flex;justify-content:center;align-items:baseline;min-width:14ch;white-space:nowrap;text-align:center}.typed-box .typed-cursor{display:inline-block;width:1ch}}@media(min-width:641px)and(max-width:730px){.typed-box{min-width:17ch}.home-hero .hero-title{font-size:1.9rem}}@media(min-width:731px)and(max-width:740px){.typed-box{min-width:17ch}.home-hero .hero-title{font-size:1.9rem}}.home-hero .hero-title{font-size:1.9rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.226)}@media(min-width:768px){.home-hero .hero-title{font-size:2.5rem}}.home-hero .home-hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:0.95;max-width:48rem;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,0.116)}@media(max-width:768px){.home-hero .home-hero-subtitle{font-size:1.25rem;margin-bottom:2rem}}.home-hero .home-hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}[data-theme="dark"] .home-hero{background:linear-gradient(135deg,rgba(118,101,255,0.25),rgba(158,210,166,0.103),rgba(255,255,255,0.05)),linear-gradient(45deg,#0f172a 0%,#1e293b 70%,#111827 100%);background-size:cover;background-position:center;background-attachment:fixed;color:#f8fafc;transition:background 0.6s ease-in-out}.icon{width:1.1em;height:1.1em;margin-right:.5rem;vertical-align:-2px;flex:0 0 auto}.home-services{padding:1rem 0;text-align:center;margin-bottom:2rem}.home-services .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:480px){.home-services .services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:640px){.home-services .services-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.home-services .services-grid{grid-template-columns:repeat(4,1fr)}}.home-services .service-card{background:var(--bg-primary);border-radius:1rem;padding:2rem 1rem;box-shadow:0 4px 20px rgba(103,5,148,0.08);border:1px solid var(--kinda-purple);text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}[data-theme="dark"] .home-services .service-card{border-color:var(--border-color);box-shadow:0 4px 20px var(--shadow-color)}.home-services .service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}.home-services .service-card img{width:80px;height:auto;margin-bottom:1rem;transition:transform 0.3s ease}.home-services .service-card:hover img{transform:scale(1.08)}.home-services .service-card h3{font-size:1rem;font-weight:550;color:var(--text-primary);margin:0;line-height:1.4}@media(max-width:768px){.home-services .service-card h3{font-size:1rem}}@media(max-width:480px){.home-services .service-card h3{font-size:0.8rem}}.home-services .service-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.home-services .service-card svg{width:80px;height:80px;margin-bottom:1rem;transition:transform 0.3s ease}.home-services .service-card:hover svg{transform:scale(1.08)}#fitur .services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}#fitur .services-grid>*{min-width:0}@media(min-width:768px){#fitur .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(min-width:1024px){#fitur .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}}#fitur .service-card{padding:clamp(1rem,2.5vw,1.5rem);min-width:0;box-sizing:border-box}#fitur .service-card a{width:100%;min-width:0}#fitur .service-card svg{width:clamp(36px,14vw,64px);height:clamp(36px,14vw,64px);margin-bottom:.6rem}#fitur .service-card h3,#fitur .service-card .service-desc{overflow-wrap:anywhere;word-break:break-word;hyphens:auto;margin:.25rem 0 0;line-height:1.35}#fitur .service-card .service-desc{font-size:clamp(.78rem,3.2vw,.95rem);line-height:1.45}#fitur .service-card h3{font-size:clamp(.9rem,3.6vw,1rem);line-height:1.35}.home-services .services-cta{margin-top:3rem;text-align:center}.home-services .services-cta .btn-secondary{--purple:var(--kinda-purple,#2d1da1);--white:#fff;font-size:.9375rem;line-height:1.2;padding:.75rem .9rem;display:inline-flex;align-items:center;gap:.4rem;border-radius:4rem;background-color:var(--white);color:var(--purple);border:1px solid var(--purple);box-shadow:0 6px 20px rgba(67,0,250,.10);transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.home-services .services-cta .btn-secondary:hover,.home-services .services-cta .btn-secondary:focus-visible{background-color:var(--purple);color:var(--white);border-color:var(--white);box-shadow:0 6px 20px rgba(67,0,250,.18);text-decoration:none}.home-services .services-cta .btn-secondary i{color:currentColor}.home-services .services-cta .btn-secondary:active{transform:translateY(1px);box-shadow:0 4px 12px rgba(67,0,250,.12)}[data-theme="dark"] .home-services .services-cta .btn-secondary{box-shadow:0 6px 20px rgba(0,0,0,.25)}[data-theme="dark"] .blog-hero{background:linear-gradient(135deg,rgba(118,101,255,0.25),rgba(158,210,166,0.103),rgba(255,255,255,0.05)),linear-gradient(45deg,#0f172a 0%,#1e293b 70%,#111827 100%);color:#f8fafc}[data-theme="dark"] .blog-hero p{opacity:0.85}.breadcrumb{background-color:#f8fafc;padding:1rem 0;border-bottom:1px solid #e2e8f0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;list-style:none;margin:0;padding:0;font-size:0.875rem}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list a{color:var(--kinda-purple);text-decoration:none;transition:color 0.3s;word-break:break-word}.breadcrumb-list a:hover{color:var(--kinda-green)}.breadcrumb-separator{color:#64748b;font-size:0.75rem;margin:0 0.25rem}.breadcrumb-current{color:#64748b;font-weight:500;word-break:break-word;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.breadcrumb-current{max-width:150px}.breadcrumb-list{font-size:0.75rem}}@media(max-width:480px){.breadcrumb-current{max-width:100px}}.article-share{margin-top:2rem;padding:1.5rem 0;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.share-text{font-weight:600;color:#374151;font-size:1rem}.share-buttons{display:flex;gap:0.75rem;flex-wrap:wrap}.share-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:white;text-decoration:none;transition:all 0.3s ease;font-size:1rem}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.share-btn.facebook{background-color:#1877f2}.share-btn.facebook:hover{background-color:#166fe5}.share-btn.twitter{background-color:#1da1f2}.share-btn.twitter:hover{background-color:#0d8bd9}.share-btn.linkedin{background-color:#0077b5}.share-btn.linkedin:hover{background-color:#005885}.share-btn.whatsapp{background-color:#25d366}.share-btn.whatsapp:hover{background-color:#128c7e}@media(max-width:768px){.article-share{margin-top:1.5rem;padding:1rem 0;align-items:center;text-align:center}.share-text{font-size:0.9rem}.share-buttons{justify-content:center;gap:1rem}.share-btn{width:3rem;height:3rem;font-size:1.1rem}}@media(max-width:480px){.article-share{flex-direction:column;gap:0.75rem}.share-buttons{gap:0.75rem}.share-btn{width:2.75rem;height:2.75rem;font-size:1rem}}#fitur .service-card svg{width:48px;height:48px;margin-bottom:1rem;stroke-width:1.8;color:var(--kinda-purple);transition:transform .3s ease,color .3s ease}#fitur .service-card:hover svg{transform:scale(1.1);color:var(--kinda-yellow)}[data-theme="dark"] #fitur .service-card svg{color:var(--kinda-yellow)!important}[data-theme="dark"] #fitur .service-card:hover svg{color:var(--kinda-yellow)!important}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto;text-align:center}@media(min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1.5rem}}@media(min-width:768px)and(max-width:1023px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:2.2rem;padding:0}}@media(min-width:1200px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}.portfolio-item{animation:pf-fade-up .5s ease both}.portfolio-item:nth-child(1){animation-delay:.02s}.portfolio-item:nth-child(2){animation-delay:.06s}.portfolio-item:nth-child(3){animation-delay:.10s}.portfolio-item:nth-child(4){animation-delay:.14s}.portfolio-card{--pf-radius:12px;background:var(--bg-primary);border-radius:var(--pf-radius);overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;display:block;text-decoration:none;will-change:transform}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.12);border-color:color-mix(in srgb,var(--border-color),var(--text-primary)14%)}.web-thumb{position:relative;width:100%;aspect-ratio:16/10;background:var(--bg-secondary);overflow:hidden}.web-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .5s ease}.portfolio-card:hover .web-thumb img{transform:scale(1.04)}.web-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08)50%,transparent 60%);transform:translateX(-100%);transition:transform .7s ease;pointer-events:none}.portfolio-card:hover .web-thumb::after{transform:translateX(100%)}.web-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:1;visibility:visible;transition:background .3s ease}.overlay-inner{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:rgba(0,0,0,.55);color:#fff;border-radius:9999px;font-size:.82rem;font-weight:600;backdrop-filter:blur(6px);transition:background .3s ease,transform .3s ease}.overlay-inner i{font-size:.85rem}.portfolio-card:hover .overlay-inner{background:var(--kinda-purple);transform:scale(1.05)}.web-overlay .overlay-inner{font-size:clamp(0.72rem,1.6vw,0.82rem);padding:clamp(0.28rem,1.2vw,0.45rem)clamp(0.55rem,2vw,0.9rem);gap:clamp(0.24rem,0.9vw,0.4rem)}.web-overlay .overlay-inner i{font-size:clamp(0.72rem,1.6vw,0.85rem)}@media(max-width:767.98px){.portfolio-card .web-overlay .overlay-inner{font-size:0.72rem;padding:0.3rem 0.6rem;gap:0.28rem}.portfolio-card .web-overlay .overlay-inner i{font-size:0.72rem}.media-card .web-overlay .overlay-inner{font-size:0.74rem;padding:0.34rem 0.65rem;gap:0.3rem}.media-card .web-overlay .overlay-inner i{font-size:0.74rem}}@media(hover:none){.web-overlay .overlay-inner{font-size:0.74rem;padding:0.34rem 0.65rem;gap:0.3rem}}.portfolio-title{margin:.55rem 0 0;line-height:1.35}.portfolio-title-link{display:inline-block;font-size:.92rem;font-weight:600;color:var(--text-primary);text-decoration:none;padding:.125rem .25rem;border-radius:8px;transition:color .25s ease,background-color .25s ease,transform .25s ease}.portfolio-title-link:hover{color:var(--kinda-purple);background:color-mix(in srgb,var(--kinda-purple)10%,transparent);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.portfolio-item,.portfolio-card,.web-thumb img,.web-thumb::after{animation:none !important;transition:none !important;transform:none !important}}@keyframes pf-fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;max-width:1200px;margin:0 auto}@media(min-width:1024px){.detail-grid{grid-template-columns:7fr 5fr;gap:2.5rem}}.media-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.08);overflow:hidden}.media-frame{position:relative;width:100%;aspect-ratio:16/10;background:var(--bg-secondary);overflow:hidden}.media-frame img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .6s ease,filter .3s ease}.media-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);color:#fff;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;text-decoration:none;pointer-events:none}.overlay-inner{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.18);border-radius:9999px;backdrop-filter:blur(6px);font-size:.95rem;font-weight:600;letter-spacing:.2px;pointer-events:auto;transition:background .3s ease,transform .3s ease}.overlay-inner i{font-size:1rem}.media-card:hover .media-frame img{transform:scale(1.05)}.media-card:hover .overlay-inner{background:var(--kinda-purple);border-color:var(--gray-100);transform:scale(1.05)}.detail-grid{display:grid;gap:2.5rem;align-items:stretch;max-width:1200px;margin:0 auto;grid-template-columns:1fr}@media(min-width:1024px){.detail-grid{grid-template-columns:7fr 5fr}}.detail-media,.detail-side{height:100%}.media-card{height:100%;display:flex;flex-direction:column}.detail-side{display:flex}.detail-side .detail-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 6px 22px rgba(0,0,0,.07);padding:1.25rem 1.25rem 1.4rem;flex:1;display:flex;flex-direction:column}.detail-section-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.detail-subtitle{font-size:.82rem;font-weight:600;color:var(--text-secondary);margin:.7rem 0 .35rem}.detail-value-text{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem;word-break:break-word}.kinda-divider{margin:.65rem 0 .55rem}.kinda-divider .line{height:1px;width:100%;background:var(--border-color);opacity:.9}.detail-value-text a{color:var(--text-primary);text-decoration:none;border-bottom:1px dashed var(--border-color);transition:color .2s ease,border-color .2s ease}.detail-value-text a:hover{color:var(--kinda-purple);border-color:var(--kinda-purple)}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr;gap:1.25rem;align-items:start}.detail-media,.detail-side,.media-card{height:auto !important}.detail-section-title{font-size:1rem}.detail-subtitle{font-size:.8rem}.detail-value-text{font-size:.92rem}}.kinda-breadcrumbs{margin-top:0.75rem;text-align:center}.kinda-breadcrumbs ol{list-style:none;padding:0;margin:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.95rem;font-weight:400;color:var(--text-secondary);line-height:1.6}.kinda-breadcrumbs li{display:inline-flex;align-items:center;gap:0.4rem;white-space:nowrap}.kinda-breadcrumbs li+li::before{content:"›";color:var(--bg-primary);font-size:0.85rem;opacity:0.8}.kinda-breadcrumbs a{color:var(--gray-100);text-decoration:none;transition:color 0.25s ease;font-weight:500}.kinda-breadcrumbs a:hover{color:var(--kinda-yellow)}.kinda-breadcrumbs [aria-current="page"]{color:var(--kinda-yellow);font-weight:600}@media(max-width:640px){.kinda-breadcrumbs ol{font-size:0.8rem;gap:0.35rem}.kinda-breadcrumbs li+li::before{font-size:0.75rem}}.article-content{line-height:1.8;color:#222}.article-content figure.table{display:block;margin:1rem 0;background:transparent;border:0;padding:0;overflow-x:auto}.article-content figure.table>table{width:100%;min-width:480px;border-collapse:collapse;border-spacing:0}.article-content figure.table th,.article-content figure.table td{border:1px solid #e5e7eb;padding:.6rem .75rem;vertical-align:top}.article-content figure.table thead th{background:#f3f4f6;font-weight:600}.article-content img{max-width:100%;height:auto;display:block}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sidebar-header h3{font-size:1.1rem;font-weight:600;margin:0;line-height:1.4}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:.5rem;cursor:pointer;background:#f3f4f6;transition:transform .2s ease,background .2s ease}.sidebar-toggle:hover{background:#e5e7eb}.sidebar-toggle i{font-size:.85rem;transition:transform .25s ease}.category-collapse{overflow:hidden;max-height:1000px;transition:max-height .3s ease,opacity .2s ease,margin .2s ease;opacity:1;margin-top:.25rem}.category-collapse.is-closed{max-height:0;opacity:0;margin-top:0}.paket-sidebar.is-collapsed .sidebar-toggle i{transform:rotate(180deg)}.paket-sidebar.is-collapsed .sidebar-widget{padding-bottom:.25rem}header{transition:box-shadow .25s ease}header.scrolled{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}#scroll-to-top{opacity:0;pointer-events:none;transition:opacity .2s}#scroll-to-top.show{opacity:1;pointer-events:auto}html{scroll-behavior:smooth}.header-actions{display:flex;align-items:center;gap:.75rem}.cart-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:inherit}.cart-button:hover{background:rgba(0,0,0,.06)}.dark-mode .cart-button:hover{background:rgba(255,255,255,.08)}.cart-icon{width:22px;height:22px;display:block}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e53935;color:#fff;font-size:.75rem;line-height:20px;text-align:center;box-shadow:0 2px 6px rgba(229,57,53,.35)}.mobile-nav .cart-badge.inline{position:static;margin-left:.5rem}.product-actions--inline{display:flex;align-items:center;gap:.6rem;margin-top:.75rem}.cart-icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid currentColor;background:transparent;cursor:pointer;transition:background .2s,transform .15s;color:#111827;-webkit-text-fill-color:initial}.cart-icon-btn:hover{background:rgba(0,0,0,.05);transform:scale(1.05)}.cart-icon-btn:active{transform:scale(.98)}.cart-icon-btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.product-btn--buy{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;width:100%;border-radius:9999px;padding:.75rem 1.25rem;font-weight:600;font-size:.95rem;text-align:center}.product-btn--buy.purple{background-color:var(--kinda-purple);color:#fff}.product-btn--buy.green{background-color:var(--kinda-green);color:var(--gray-800)}.product-btn--buy.yellow{background-color:var(--kinda-yellow);color:var(--gray-800)}@media(max-width:480px){.cart-icon-btn{width:38px;height:38px}.product-btn--buy{font-size:.875rem;padding:.65rem 1rem}}[data-theme="dark"] .cart-icon-btn,[data-theme="dark"] .cart-icon-btn.purple,[data-theme="dark"] .cart-icon-btn.green,[data-theme="dark"] .cart-icon-btn.yellow{color:#fff !important;border-color:rgba(255,255,255,.7)!important;background:transparent}[data-theme="dark"] .cart-icon-btn:hover{background:rgba(255,255,255,.12)}.cart-icon-btn svg{stroke:currentColor;fill:none}.page-cart{--radius-card:16px;--radius-btn:12px;--gap:14px;--card-bg:#fff;--card-border:#e9eef5;--muted:#6b7280;--text:#111827;--shadow:0 10px 25px rgba(0,0,0,.06)}.page-cart .cart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:12px 0 18px}.page-cart h1{margin:0;font-weight:800;letter-spacing:.2px;font-size:1.6rem;line-height:1.3}@media(max-width:768px){.page-cart h1{font-size:1.35rem}}.page-cart .alert{border:none;border-radius:12px;padding:12px 14px;box-shadow:0 4px 18px rgba(0,0,0,.05);margin:10px 0 14px}.page-cart .alert--success{background:#ecfdf5;color:#065f46}.page-cart .alert--danger{background:#fef2f2;color:#991b1b}.page-cart .cart-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,2.5vw,22px);align-items:start;max-width:100%}@media(min-width:1024px){.page-cart .cart-grid{grid-template-columns:minmax(0,1fr)minmax(0,360px);gap:22px}}.page-cart .cart-items,.page-cart .cart-summary,.page-cart .summary-card{width:100%;max-width:100%;overflow:hidden}.page-cart .cart-summary{position:sticky;top:96px}@media(max-width:1023.98px){.page-cart .cart-summary{position:static}}.page-cart .cart-row,.page-cart .cart-row--head,.page-cart .cart-row>.col,.page-cart .cart-row--head>.col,.page-cart .cart-summary{min-width:0}.page-cart .product-title{overflow-wrap:anywhere}.page-cart .col--price,.page-cart .col--subtotal{white-space:nowrap;max-width:100%}.page-cart .container{box-sizing:border-box;width:100%;max-width:min(100%,1200px);margin-inline:auto;padding-inline:clamp(12px,4vw,24px);min-width:0 !important}.page-cart .cart-items{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}@media(min-width:770px)and(max-width:1099px),(min-width:1100px)and(max-width:1439px){.page-cart .cart-items{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-cart .cart-items .cart-row,.page-cart .cart-items .cart-row--head{width:100%}}.page-cart .cart-items::-webkit-scrollbar{height:8px}.page-cart .cart-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.page-cart .cart-items::-webkit-scrollbar-track{background:#f1f5f9}.page-cart .cart-row--head{display:grid;grid-template-columns:1fr 110px 120px 120px 56px;gap:var(--gap);padding:12px 14px;background:#f4f5f8;color:#111827;font-weight:700;border-bottom:1px solid var(--card-border)}@media(max-width:768px){.page-cart .cart-row--head{display:none !important;visibility:hidden}}.page-cart .cart-row{display:grid;grid-template-columns:1fr 110px 120px 120px 56px;gap:var(--gap);padding:12px 14px;align-items:center;border-bottom:1px solid var(--card-border)}.page-cart .cart-row:last-child{border-bottom:none}.page-cart .col{color:var(--text)}.page-cart .col--product .product-title{font-weight:700;font-size:.98rem;line-height:1.35}.page-cart .col--price,.page-cart .col--subtotal,.page-cart .col--action{text-align:right}.page-cart .col--price,.page-cart .col--subtotal{font-size:.98rem}.page-cart .product-meta{margin-top:2px;font-size:.83rem;line-height:1.3;color:var(--muted)}@media(max-width:768px){.page-cart .product-meta{font-size:.82rem}}.page-cart .qty-form{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--card-border);border-radius:9999px;padding:6px 8px;height:36px;background:#fff}.page-cart .qty-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:9999px;background:#f3f4f6;color:#111827;cursor:pointer;font-weight:700;line-height:1;transition:transform .08s ease,opacity .15s ease}.page-cart .qty-btn:hover{opacity:.9;transform:translateY(-1px)}.page-cart .qty-btn:active{transform:scale(.96)}.page-cart .qty-input{width:36px;text-align:center;border:none;outline:0;background:transparent;font-weight:700;font-size:.92rem;color:#111827}@media(min-width:769px){.page-cart .cart-row .col--qty{display:flex;justify-content:center;align-items:center}}@media(max-width:768px){.page-cart .qty-form{height:40px}.page-cart .qty-btn{width:24px;height:24px}.page-cart .qty-input{width:40px}}.page-cart .btn--icon{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.page-cart .col--action .btn--icon svg{width:20px;height:20px;stroke:#dc2626;fill:none;stroke-width:2.2}.page-cart .col--action .btn--icon:hover{background:rgba(220,38,38,.1)}.page-cart .cart-summary{position:sticky;top:96px}.page-cart .summary-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:0 12px 30px rgba(0,0,0,.08);padding:18px}.page-cart .summary-row{display:flex;align-items:center;justify-content:space-between;font-size:1.04rem;margin-bottom:14px}.page-cart .summary-row strong{font-size:1.14rem}.page-cart .checkout-form .form-label{font-weight:700;font-size:.9rem;margin-bottom:8px;display:block}.page-cart .checkout-form .input-row{display:flex;align-items:center;gap:10px;border:1px solid var(--card-border);border-radius:12px;padding:0 12px;background:#fff;height:48px;margin-bottom:10px}.page-cart .checkout-form .input-row svg{flex:0 0 auto;opacity:.85}.page-cart .checkout-form .input-row input{flex:1;height:100%;border:none;outline:0;font-size:.95rem;background:transparent;color:#111827}.page-cart .checkout-form .help-text{color:#475569;font-size:.9rem;margin-top:8px;line-height:1.4}.page-cart .btn{--btn-bg:#111827;--btn-color:#fff;--btn-bd:transparent;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;padding:.62rem .9rem;border-radius:var(--radius-btn);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-color);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease;text-decoration:none !important}.page-cart .btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.page-cart .btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.06)}.page-cart .btn--primary{--btn-bg:var(--kinda-purple)}.page-cart .btn--ghost{--btn-bg:transparent;--btn-color:#111827;--btn-bd:#d1d5db}.page-cart .cart-header .btn--ghost svg{color:#dc2626}.page-cart .cart-header .btn--ghost:hover{background:rgba(220,38,38,.08)}.page-cart .btn--full{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;height:46px;font-size:.95rem;border-radius:var(--radius-btn);margin-top:10px}.page-cart .btn--full svg{width:18px;height:18px;flex:0 0 auto}@media(max-width:768px){.page-cart .cart-row{grid-template-columns:1fr;gap:10px;padding:14px 14px;border-bottom:1px solid var(--card-border)}.page-cart .col{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}.page-cart .col::before{content:attr(data-label);font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;margin-right:10px}.page-cart .col--product{display:block}.page-cart .col--product::before{content:none}.page-cart .col--price,.page-cart .col--subtotal,.page-cart .col--action{text-align:left}.page-cart .cart-summary{position:static}}.page-cart .cart-empty{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:28px;text-align:center}.page-cart .cart-empty p{color:var(--muted);margin-bottom:12px}[data-theme="dark"] .page-cart{--card-bg:var(--bg-secondary);--card-border:var(--border-color);--muted:var(--text-muted);--text:var(--text-primary)}[data-theme="dark"] .page-cart .cart-row--head{background:var(--bg-tertiary);color:var(--text);border-color:var(--border-color)}[data-theme="dark"] .page-cart .qty-form{background:transparent}[data-theme="dark"] .page-cart .qty-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border-color)}[data-theme="dark"] .page-cart .qty-input{color:#fff}[data-theme="dark"] .page-cart .checkout-form .input-row{background:rgba(255,255,255,.06);border-color:var(--border-color)}[data-theme="dark"] .page-cart .checkout-form .input-row input{color:#fff}[data-theme="dark"] .page-cart .checkout-form .input-row input::placeholder{color:rgba(255,255,255,.85)}.page-checkout{--radius-card:16px;--radius-btn:12px;--gap:14px;--card-bg:#fff;--card-border:#e9eef5;--muted:#6b7280;--text:#111827;--shadow:0 10px 25px rgba(0,0,0,.06)}.page-checkout .alert{border:none;border-radius:12px;padding:12px 14px;box-shadow:0 4px 18px rgba(0,0,0,.05);margin:10px 0 14px}.page-checkout .alert--success{background:#ecfdf5;color:#065f46}.page-checkout .alert--danger{background:#fef2f2;color:#991b1b}.page-checkout .co-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:12px 0 18px}.page-checkout h1{margin:0;font-weight:800;letter-spacing:.2px;font-size:1.6rem;line-height:1.3}@media(max-width:768px){.page-checkout h1{font-size:1.35rem}}.page-checkout .co-grid{display:grid;grid-template-columns:1fr 360px;gap:22px}@media(max-width:1200px){.page-checkout .co-grid{grid-template-columns:1fr 320px;gap:20px}}@media(max-width:1024px){.page-checkout .co-grid{grid-template-columns:1fr;gap:16px}}.page-checkout .co-items{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}@media(min-width:770px)and(max-width:1099px),(min-width:1100px)and(max-width:1439px){.page-checkout .co-items{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-checkout .co-items .co-row,.page-checkout .co-items .co-row--head{width:100%}}.page-checkout .co-items::-webkit-scrollbar{height:8px}.page-checkout .co-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.page-checkout .co-items::-webkit-scrollbar-track{background:#f1f5f9}.page-checkout .co-row--head{display:grid;grid-template-columns:1fr 110px 120px 120px;gap:var(--gap);padding:12px 14px;background:#f4f5f8;color:#111827;font-weight:700;border-bottom:1px solid var(--card-border)}@media(max-width:768px){.page-checkout .co-row--head{display:none !important;visibility:hidden}}.page-checkout .co-row{display:grid;grid-template-columns:1fr 110px 120px 120px;gap:var(--gap);padding:12px 14px;align-items:center;border-bottom:1px solid var(--card-border)}.page-checkout .co-row:last-child{border-bottom:none}.page-checkout .co-col{color:var(--text)}.page-checkout .co-col--product .co-title{font-weight:700;font-size:.98rem;line-height:1.35}.page-checkout .co-col--price,.page-checkout .co-col--qty,.page-checkout .co-col--subtotal{text-align:right}.page-checkout .co-col--price,.page-checkout .co-col--subtotal{font-size:.98rem}.page-checkout .co-col--qty{font-weight:700}.page-checkout .co-meta{margin-top:2px;font-size:.83rem;line-height:1.3;color:var(--muted)}@media(max-width:768px){.page-checkout .co-meta{font-size:.82rem}}@media(max-width:768px){.page-checkout .co-row{grid-template-columns:1fr;gap:10px;padding:14px 14px;border-bottom:1px solid var(--card-border)}.page-checkout .co-col{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}.page-checkout .co-col::before{content:attr(data-label);font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;margin-right:10px}.page-checkout .co-col--product{display:block}.page-checkout .co-col--product::before{content:none}.page-checkout .co-col--price,.page-checkout .co-col--qty,.page-checkout .co-col--subtotal{text-align:left}}.page-checkout .co-summary{position:sticky;top:96px}.page-checkout .co-summary-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:0 12px 30px rgba(0,0,0,.08);padding:18px}.page-checkout .co-email-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--card-border);border-radius:10px;background:#fff;color:#111827;margin-bottom:12px;font-weight:600}.page-checkout .co-email-row svg{opacity:.9}[data-theme="dark"] .page-checkout .co-email-row{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.page-checkout .co-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:1.04rem;margin-bottom:12px}.page-checkout .co-summary-row strong{font-size:1.14rem}.page-checkout .co-help{color:#475569;font-size:.9rem;margin-top:10px;line-height:1.4}.page-checkout .btn--full{width:100%;display:flex;justify-content:center;align-items:center;height:46px;font-size:.95rem;border-radius:var(--radius-btn);gap:.6rem}.page-checkout .btn--full svg{width:18px;height:18px;flex-shrink:0}.page-checkout .btn{--btn-bg:#111827;--btn-color:#fff;--btn-bd:transparent;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;padding:.62rem .9rem;border-radius:var(--radius-btn);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-color);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease;text-decoration:none !important}.page-checkout .btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.page-checkout .btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.06)}.page-checkout .btn--primary{--btn-bg:var(--kinda-purple)}.page-checkout .btn--md{height:44px;font-size:.95rem;padding:.5rem .9rem}[data-theme="dark"] .page-checkout{--card-bg:var(--bg-secondary);--card-border:var(--border-color);--muted:var(--text-muted);--text:var(--text-primary)}[data-theme="dark"] .page-checkout .co-row--head{background:var(--bg-tertiary);color:var(--text);border-color:var(--border-color)}.page-detail{--radius-card:16px;--radius-btn:12px;--gap:14px;--card-bg:#fff;--card-border:#e9eef5;--muted:#6b7280;--text:#111827;--shadow:0 10px 25px rgba(0,0,0,.06)}.page-detail .alert{border:none;border-radius:12px;padding:12px 14px;box-shadow:0 4px 18px rgba(0,0,0,.05);margin:10px 0 14px}.page-detail .alert--success{background:#ecfdf5;color:#065f46}.page-detail .alert--danger{background:#fef2f2;color:#991b1b}.page-detail .detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:12px 0 18px;flex-wrap:wrap}.page-detail .detail-title h1{margin:0;font-weight:800;letter-spacing:.2px;font-size:1.45rem;line-height:1.3}.page-detail .order-id{margin-top:4px;color:var(--muted);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.page-detail .order-id code{background:#f8fafc;padding:.15rem .4rem;border-radius:6px}.page-detail .paid-hint{margin-top:6px;color:#64748b}.page-detail .detail-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.page-detail .btn{--btn-bg:#111827;--btn-color:#fff;--btn-bd:transparent;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;padding:.62rem .9rem;border-radius:var(--radius-btn);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-color);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease;text-decoration:none !important;white-space:nowrap}.page-detail .btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.page-detail .btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(0,0,0,.06)}.page-detail .btn--primary{--btn-bg:var(--kinda-purple)}.page-detail .btn--ghost{--btn-bg:transparent;--btn-color:#111827;--btn-bd:#d1d5db}.page-detail .btn--sm{padding:.5rem .7rem;border-radius:10px;font-size:.9rem}.page-detail .btn svg{width:18px;height:18px}.page-detail .status-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:16px 16px 12px;margin-bottom:16px}.page-detail .status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:992px){.page-detail .status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.page-detail .status-grid{grid-template-columns:1fr}}.page-detail .status-item .label{color:var(--muted);font-size:.86rem;margin-bottom:4px}.page-detail .status-item .value{font-weight:700;color:var(--text)}.page-detail .badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:9999px;font-weight:700;font-size:.85rem;letter-spacing:.2px}.page-detail .badge--success{background:#ecfdf5;color:#065f46}.page-detail .badge--warning{background:#fffbeb;color:#92400e}.page-detail .badge--danger{background:#fef2f2;color:#991b1b}.page-detail .badge--secondary{background:#f3f4f6;color:#374151}.page-detail .badge--dark{background:#e5e7eb;color:#111827}.page-detail .info-hint{margin-top:12px;padding:12px 14px;border-radius:12px;background:#eef6ff;color:#1e3a8a;font-size:.95rem}.page-detail .info-hint .muted{color:#6b7280}.page-detail .detail-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.page-detail .detail-card__head{padding:12px 14px;font-weight:700;background:#f4f5f8;border-bottom:1px solid var(--card-border)}.page-detail .detail-card__body{padding:0}.page-detail .detail-table{width:100%;overflow:hidden}.page-detail .detail-table table{width:100%;border-collapse:separate;border-spacing:0}.page-detail .detail-table thead th{text-align:left;font-weight:700;color:#111827;background:#f8fafc;border-bottom:1px solid var(--card-border);padding:12px 14px}.page-detail .detail-table tbody td,.page-detail .detail-table tfoot th{padding:12px 14px;border-bottom:1px solid var(--card-border)}.page-detail .detail-table tfoot th{text-align:left;background:#f8fafc}.page-detail .detail-table .text-end{text-align:right}.page-detail .detail-table .text-center{text-align:center}.page-detail .detail-table .cell-title{font-weight:700;color:#111827;line-height:1.35;word-break:break-word;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.page-detail .detail-table .cell-meta{color:var(--muted);font-size:.85rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width:770px)and(max-width:1099px),(min-width:1100px)and(max-width:1439px){.page-detail .detail-card__body{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-detail .detail-table table{min-width:620px}}.page-detail .detail-card__body::-webkit-scrollbar{height:8px}.page-detail .detail-card__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.page-detail .detail-card__body::-webkit-scrollbar-track{background:#f1f5f9}@media(max-width:768px){.page-detail .detail-table thead{display:none}.page-detail .detail-table tr{display:block;border-bottom:1px solid var(--card-border)}.page-detail .detail-table tr:last-child{border-bottom:none}.page-detail .detail-table td,.page-detail .detail-table th{display:block;text-align:left !important;padding:10px 14px}.page-detail .detail-table td{display:flex;align-items:center;justify-content:space-between;gap:10px}.page-detail .detail-table td[data-label]::before{content:attr(data-label);font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;margin-right:10px;flex:0 0 auto}.page-detail .detail-table td[data-label="Nama Paket"]{display:block;padding-bottom:8px}.page-detail .detail-table td[data-label="Nama Paket"]::before{content:none}.page-detail .detail-table .cell-title{margin-bottom:2px}.page-detail .detail-table .cell-meta{margin-bottom:6px}.page-detail .detail-table tfoot th{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}}.page-detail .subsection-title{margin:10px 0 10px;font-size:1.05rem;font-weight:800;letter-spacing:.2px}.page-detail .center{text-align:center}.page-detail .mt-16{margin-top:16px}[data-theme="dark"] .page-detail{--card-bg:var(--bg-secondary);--card-border:var(--border-color);--muted:var(--text-muted);--text:var(--text-primary)}[data-theme="dark"] .page-detail .order-id code{background:var(--bg-tertiary)}[data-theme="dark"] .page-detail .detail-card__head{background:var(--bg-tertiary)}[data-theme="dark"] .page-detail .detail-table thead th{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme="dark"] .page-detail .info-hint{background:rgba(59,130,246,.15);color:var(--text-primary)}[data-theme="dark"] .page-detail .btn--ghost{--btn-bg:transparent;--btn-color:var(--text-primary);--btn-bd:var(--border-color)}[data-theme="dark"] .page-detail .total-row th{background:var(--bg-tertiary);color:var(--text-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}[data-theme="dark"] .page-detail .strong-contrast{color:var(--text-primary)}.page-detail .detail-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.page-detail .detail-title h1{margin:0 0 6px;font-weight:800;line-height:1.2}.page-detail .order-id{display:flex;gap:8px;align-items:center;color:#6b7280}.page-detail code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.7rem 1rem;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer}.btn--ghost{background:#fff}.btn--primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.btn--sm{padding:.45rem .7rem;font-size:.9rem}.alert{border-radius:10px;padding:.75rem 1rem;margin-bottom:12px}.alert--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.alert--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.status-card{background:#fff;border:1px solid #e9eef5;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06);padding:16px 18px;margin-bottom:20px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-item .label{font-size:.9rem;color:#6b7280;margin-bottom:4px}.status-item .value{font-size:1rem}.badge{display:inline-block;padding:.35rem .6rem;border-radius:999px;font-weight:600}.badge--warning{background:#fff7ed;color:#9a3412}.info-hint{margin-top:8px;color:#374151}.muted{color:#6b7280}.center{text-align:center}.mt-16{margin-top:16px}.actions-stack{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.inline-form{display:inline}@media(max-width:768px){.status-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start}}.page-detail .detail-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.page-detail .detail-title h1{margin:0 0 6px;font-weight:800;line-height:1.2}.page-detail .order-id{display:flex;gap:8px;align-items:center;color:#6b7280}.page-detail code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.7rem 1rem;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer}.btn--ghost{background:#fff}.btn--primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.btn--sm{padding:.45rem .7rem;font-size:.9rem}.alert{border-radius:10px;padding:.75rem 1rem;margin-bottom:12px}.alert--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.alert--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.status-card{background:#fff;border:1px solid #e9eef5;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06);padding:16px 18px;margin-bottom:20px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-item .label{font-size:.9rem;color:#6b7280;margin-bottom:4px}.badge{display:inline-block;padding:.35rem .6rem;border-radius:999px;font-weight:600}.badge--success{background:#ecfdf5;color:#065f46}.badge--warning{background:#fff7ed;color:#9a3412}.badge--danger{background:#fef2f2;color:#991b1b}.badge--secondary{background:#f3f4f6;color:#374151}.badge--dark{background:#111827;color:#fff}.info-hint{margin-top:8px;color:#374151}.muted{color:#6b7280}.subsection-title{margin:18px 0 10px;font-size:1.15rem;font-weight:700}.detail-card{background:#fff;border:1px solid #e9eef5;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06)}.detail-card__body{padding:12px 14px}.detail-table table{width:100%;border-collapse:collapse}.detail-table th,.detail-table td{padding:12px;border-bottom:1px solid #eef2f7;font-size:.98rem;vertical-align:top}.detail-table thead th{background:#f9fafb;color:#111827;text-align:left}.detail-table .text-end{text-align:right}.detail-table .text-center{text-align:center}.detail-table .strong-contrast{color:#111827;font-weight:700}.detail-table .cell-title{line-height:1.35;word-break:break-word;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.detail-table .cell-meta{color:#6b7280;font-size:.9rem;margin-top:2px}.total-row th{border-bottom:none}.center{text-align:center}.mt-16{margin-top:16px}.actions-stack{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.inline-form{display:inline}@media(max-width:768px){.status-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start}}