:root{--c-dark-purple:#24162F;--c-deep-purple:#34203F;--c-milk:#F8F6F1;--c-soft-gray:#E6E4E1;--c-charcoal:#262329;--c-muted:#77727A;--c-white:#ffffff;--c-line:rgba(38,35,41,0.10);--c-line-on-dark:rgba(248,246,241,0.14);--c-shadow:0 24px 48px -24px rgba(36,22,47,0.22);--c-shadow-sm:0 8px 20px -12px rgba(36,22,47,0.28);--f-head:"Plus Jakarta Sans","Manrope",sans-serif;--f-body:"Inter","Manrope",sans-serif;--f-meta:"Inter",sans-serif;--lh-tight:1.08;--lh-snug:1.28;--lh-body:1.7;--gutter:clamp(20px,4vw,64px);--radius-card:14px;--radius-btn:50px;--container-max:1220px;--ease:cubic-bezier(.22,.61,.36,1);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:var(--f-body);color:var(--c-charcoal);background:var(--c-milk);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;opacity:1;transition:opacity 0.3s cubic-bezier(0.16,1,0.3,1);}body.page-is-exiting{opacity:0;}img{max-width:100%;height:auto;display:block;}a{color:inherit;text-decoration:none;}ul{list-style:none;margin:0;padding:0;}button{font-family:inherit;}::selection{background:var(--c-dark-purple);color:var(--c-milk);}:focus-visible{outline:2px solid var(--c-dark-purple);outline-offset:3px;}h1,h2,h3,h4{font-family:var(--f-head);color:var(--c-charcoal);line-height:var(--lh-tight);letter-spacing:-0.01em;margin:0;font-weight:700;}h1{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.04;}h2{font-size:clamp(1.9rem,3vw,2.75rem);line-height:var(--lh-snug);}h3{font-size:1.25rem;}.container-xl{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter);}.eyebrow{font-family:var(--f-meta);font-size:0.76rem;letter-spacing:0.12em;text-transform:uppercase;color:#7B3FE4;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.18);padding:5px 16px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;font-weight:700;margin-bottom:14px;transition:all 0.35s var(--ease);}.eyebrow::before{content:"" !important;display:inline-block !important;width:6px;height:6px;border-radius:50%;background:#7B3FE4;box-shadow:0 0 8px rgba(123,63,228,0.8);animation:pulseDot 2s infinite ease-in-out;}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:0.6;}}.eyebrow.on-dark{color:#D9B4FE;background:rgba(217,180,254,0.12);border-color:rgba(217,180,254,0.25);}.eyebrow.on-dark::before{background:#D9B4FE;box-shadow:0 0 8px #D9B4FE;}.lede{font-size:1.08rem;color:var(--c-muted);max-width:62ch;}.section{padding:clamp(56px,6.5vw,88px) 0;}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:40px;flex-wrap:wrap;}.section-head .lede{margin-top:14px;}.section--alt{background:var(--c-soft-gray);}.section--dark{background:var(--c-dark-purple);color:var(--c-milk);}.section--dark h2,.section--dark h3{color:var(--c-milk);}.section--dark .lede{color:rgba(248,246,241,0.72);}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;font-family:var(--f-meta);font-size:0.82rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;border-radius:var(--radius-btn);border:1px solid transparent;transition:all .28s var(--ease);cursor:pointer;white-space:nowrap;}.btn-primary{background:var(--c-dark-purple);color:var(--c-milk);border-color:var(--c-dark-purple);}.btn-primary:hover{background:var(--c-deep-purple);color:var(--c-milk);transform:translateY(-2px);box-shadow:var(--c-shadow-sm);}.btn-outline{background:transparent;color:var(--c-charcoal);border-color:var(--c-charcoal);}.btn-outline:hover{background:var(--c-charcoal);color:var(--c-milk);transform:translateY(-2px);}.btn-outline-light{background:transparent;color:var(--c-milk);border-color:var(--c-line-on-dark);}.btn-outline-light:hover{background:var(--c-milk);color:var(--c-dark-purple);border-color:var(--c-milk);}.btn-outline-purple{background:transparent;color:var(--c-dark-purple);border-color:rgba(123,63,228,0.35);box-shadow:0 2px 10px rgba(123,63,228,0.08);}.btn-outline-purple:hover{background:linear-gradient(135deg,#7B3FE4 0%,#34203F 100%);color:#FFFFFF;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,63,228,0.4);}.btn-sm{padding:10px 22px;font-size:0.76rem;}.btn-arrow{display:none !important;}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(36,22,47,0.08);box-shadow:0 10px 30px -10px rgba(36,22,47,0.08),0 2px 12px rgba(123,63,228,0.04);transition:background-color 0.4s var(--ease),padding 0.35s var(--ease),box-shadow 0.4s var(--ease),border-color 0.4s var(--ease);}.site-header.scrolled{background:rgba(36,22,47,0.94) !important;backdrop-filter:saturate(180%) blur(16px);border-bottom:none;box-shadow:0 12px 35px -8px rgba(20,10,30,0.7),0 0 25px rgba(139,66,216,0.3);}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px var(--gutter);max-width:var(--container-max);margin-inline:auto;}.brand{font-family:var(--f-head);font-weight:800;font-size:1.15rem;letter-spacing:-0.01em;color:var(--c-dark-purple);display:flex;align-items:center;gap:10px;transition:transform 0.3s var(--ease),color 0.3s var(--ease);}.site-header.scrolled .brand{color:var(--c-milk);}.brand:hover{transform:translateY(-1px);color:#7B3FE4;}.site-header.scrolled .brand:hover{color:#D9B4FE;}.brand .brand-mark{width:34px;height:34px;border-radius:6px;object-fit:contain;display:inline-block;transition:transform 0.35s var(--ease),box-shadow 0.35s var(--ease),filter 0.35s var(--ease);}.brand:hover .brand-mark{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 10px rgba(176,102,254,0.6));}.nav-links{display:flex;align-items:center;gap:34px;}.nav-links>li>a{font-family:var(--f-meta);font-size:0.86rem;font-weight:600;color:var(--c-charcoal);padding:6px 0;position:relative;transition:color 0.3s var(--ease);}.site-header.scrolled .nav-links>li>a{color:rgba(248,246,241,0.88);}.nav-links>li>a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#7B3FE4,#B066FE,#D9B4FE);transition:width .3s var(--ease);box-shadow:0 0 10px rgba(176,102,254,0.5);}.nav-links>li>a:hover{color:#5D3577;}.site-header.scrolled .nav-links>li>a:hover{color:#D9B4FE;}.nav-links>li>a:hover::after,.nav-links>li>a.active::after{width:100%;}.nav-links>li.dropdown{position:relative;}.dropdown-caret{font-size:0.65rem;margin-left:5px;display:inline-block;transition:transform 0.3s var(--ease);}.nav-links>li.dropdown:hover .dropdown-caret{transform:rotate(180deg);}.dropdown-menu-custom{position:absolute;top:100%;left:50%;margin-top:10px;transform:translateX(-50%) translateY(8px) scale(0.96);background:rgba(255,255,255,0.98);backdrop-filter:blur(14px);border:1px solid rgba(139,66,216,0.22);border-top:3px solid #7B3FE4;border-radius:12px;min-width:265px;padding:8px;box-shadow:0 20px 40px -10px rgba(20,10,30,0.22),0 0 20px rgba(139,66,216,0.12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s var(--ease),transform 0.25s var(--ease),visibility 0.25s var(--ease);z-index:100;}.dropdown-menu-custom::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;}.nav-links>li.dropdown:hover .dropdown-menu-custom,.nav-links>li.dropdown:focus-within .dropdown-menu-custom{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);}.site-header.scrolled .dropdown-menu-custom{background:rgba(45,26,56,0.96);border-color:rgba(176,102,254,0.35);border-top-color:#B066FE;box-shadow:0 20px 45px -10px rgba(0,0,0,0.5),0 0 25px rgba(176,102,254,0.2);}.dropdown-menu-custom a{display:flex;align-items:center;padding:11px 16px;border-radius:8px;font-size:0.86rem;font-weight:500;color:var(--c-charcoal);text-decoration:none;transition:all 0.22s var(--ease);position:relative;}.site-header.scrolled .dropdown-menu-custom a{color:rgba(248,246,241,0.9);}.dropdown-menu-custom a::before{content:"›";font-size:1.1rem;font-weight:700;margin-right:8px;opacity:0;transform:translateX(-6px);transition:all 0.22s var(--ease);color:#7B3FE4;}.site-header.scrolled .dropdown-menu-custom a::before{color:#B066FE;}.dropdown-menu-custom a:hover{background:rgba(123,63,228,0.09);color:#7B3FE4;padding-left:20px;}.site-header.scrolled .dropdown-menu-custom a:hover{background:rgba(176,102,254,0.16);color:#D9B4FE;padding-left:20px;}.dropdown-menu-custom a:hover::before,.dropdown-menu-custom a.active::before{opacity:1;transform:translateX(0);}.dropdown-menu-custom a.active{background:rgba(123,63,228,0.12);color:#7B3FE4;font-weight:600;padding-left:20px;}.site-header.scrolled .dropdown-menu-custom a.active{background:rgba(176,102,254,0.22);color:#D9B4FE;font-weight:600;padding-left:20px;}.site-header.scrolled .nav-toggle span{background:var(--c-milk);}.nav-cta{display:flex;align-items:center;gap:18px;}.nav-cta .btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#24162F 0%,#442456 100%);border:1px solid rgba(139,66,216,0.3);box-shadow:0 4px 15px rgba(36,22,47,0.2);transition:all 0.35s var(--ease);}.site-header.scrolled .nav-cta .btn-primary{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);border-color:rgba(217,180,254,0.5);box-shadow:0 4px 18px rgba(123,63,228,0.45);}.nav-cta .btn-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transition:left 0.6s var(--ease);}.nav-cta .btn-primary:hover::before{left:100%;}.nav-cta .btn-primary:hover{background:linear-gradient(135deg,#34203F 0%,#5D3577 100%);transform:translateY(-2px);box-shadow:0 8px 24px rgba(93,53,119,0.35);}.site-header.scrolled .nav-cta .btn-primary:hover{background:linear-gradient(135deg,#8B42D8 0%,#5D3577 100%);box-shadow:0 8px 25px rgba(176,102,254,0.6);}.nav-toggle{display:none;background:none;border:none;padding:6px;cursor:pointer;}.nav-toggle span{display:block;width:24px;height:2px;background:var(--c-charcoal);margin:5px 0;transition:.3s;}.mobile-overlay{position:fixed;inset:0;background:rgba(15,7,21,0.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1190;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0.4s ease;}.mobile-overlay.active{opacity:1;visibility:visible;}.mobile-panel{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);background:linear-gradient(180deg,#24162F 0%,#150A1C 100%);color:var(--c-milk);z-index:1200;padding:24px var(--gutter);transform:translateX(105%);transition:transform 0.45s cubic-bezier(0.16,1,0.3,1);overflow-y:auto;box-shadow:-15px 0 40px rgba(0,0,0,0.5);-webkit-overflow-scrolling:touch;}.mobile-panel.open{transform:translateX(0);}.mobile-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(176,102,254,0.2);}.mobile-panel-head .brand{color:var(--c-milk);}.mobile-panel-close{color:rgba(248,246,241,0.8) !important;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),color 0.25s ease;}.mobile-panel-close:hover{color:#D9B4FE !important;transform:rotate(90deg) scale(1.1);}.mobile-panel a{font-family:var(--f-head);font-weight:600;text-decoration:none;}.mobile-links{list-style:none;padding:0;margin:0;}.mobile-links>li{border-bottom:1px solid rgba(176,102,254,0.12);opacity:0;transform:translateY(12px);transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1);}.mobile-panel.open .mobile-links>li{opacity:1;transform:translateY(0);}.mobile-panel.open .mobile-links>li:nth-child(1){transition-delay:0.08s;}.mobile-panel.open .mobile-links>li:nth-child(2){transition-delay:0.12s;}.mobile-panel.open .mobile-links>li:nth-child(3){transition-delay:0.16s;}.mobile-panel.open .mobile-links>li:nth-child(4){transition-delay:0.20s;}.mobile-panel.open .mobile-links>li:nth-child(5){transition-delay:0.24s;}.mobile-panel.open .mobile-links>li:nth-child(6){transition-delay:0.28s;}.mobile-links>li>a{display:block;padding:16px 0;font-size:1.05rem;color:rgba(248,246,241,0.9);transition:color 0.25s var(--ease),padding-left 0.25s var(--ease);}.mobile-links>li>a:hover{color:#D9B4FE;padding-left:4px;}.mobile-toggle-sub{background:none;border:none;padding:16px 0;font-family:var(--f-head);font-weight:600;font-size:1.05rem;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;color:rgba(248,246,241,0.9) !important;cursor:pointer;transition:color 0.25s var(--ease);}.mobile-toggle-sub:hover{color:#D9B4FE !important;}.mobile-toggle-sub .caret-icon,.mobile-toggle-sub span{display:inline-flex;align-items:center;justify-content:center;font-size:0.85rem;color:#D9B4FE;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),color 0.25s ease;}.mobile-toggle-sub.open .caret-icon,.mobile-toggle-sub.open span{transform:rotate(180deg);color:#FFFFFF;}.mobile-sub{list-style:none;padding:0 14px;background:rgba(123,63,228,0.12);border:1px solid rgba(176,102,254,0.22);border-radius:12px;margin-top:0;margin-bottom:0;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.35s ease,margin 0.35s ease,padding 0.35s ease;}.mobile-sub.open{opacity:1;margin-top:4px;margin-bottom:14px;padding:6px 14px;}.mobile-sub li{border-bottom:1px solid rgba(176,102,254,0.1);}.mobile-sub li:last-child{border-bottom:none;}.mobile-sub li a{display:block !important;padding:10px 4px !important;font-size:0.92rem !important;color:rgba(248,246,241,0.82) !important;font-weight:500 !important;transition:all 0.25s var(--ease) !important;}.mobile-sub li a:hover{color:#FFFFFF !important;padding-left:6px !important;}.mobile-links>li>a.active,.mobile-sub li a.active{color:#FFFFFF !important;font-weight:700 !important;}.mobile-sub li a.active{background:linear-gradient(90deg,rgba(123,63,228,0.4) 0%,rgba(123,63,228,0.1) 100%);border-radius:8px;padding-left:10px !important;border-left:3px solid #D9B4FE !important;}.mobile-sub li a.active::before,.mobile-links>li>a.active::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#D9B4FE;box-shadow:0 0 8px #D9B4FE,0 0 16px rgba(217,180,254,0.8);margin-right:8px;animation:mobileActivePulse 1.8s infinite ease-in-out;flex-shrink:0;vertical-align:middle;}@keyframes mobileActivePulse{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 6px #D9B4FE,0 0 14px rgba(217,180,254,0.9);}50%{transform:scale(1.45);opacity:0.75;box-shadow:0 0 12px #FFFFFF,0 0 22px rgba(255,255,255,1);}}.mobile-toggle-sub.has-active{color:#D9B4FE !important;}.mobile-toggle-sub.has-active span{color:#FFFFFF;}.mobile-panel .btn{width:100%;justify-content:center;margin-top:28px;background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);border-color:rgba(217,180,254,0.4);box-shadow:0 8px 24px rgba(123,63,228,0.4);}.section-head{text-align:center;max-width:740px;margin-inline:auto;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;position:relative;}.section-head .eyebrow{justify-content:center;margin-inline:auto;}.section-head h2{text-align:center;margin-inline:auto;font-size:clamp(1.7rem,2.8vw,2.25rem);font-weight:800;letter-spacing:-0.015em;color:var(--c-dark-purple);position:relative;display:inline-block;}.section-head h2::after{content:"";display:block;width:36px;height:3px;background:linear-gradient(90deg,#7B3FE4 0%,#B066FE 100%);border-radius:3px;margin:14px auto 0;transition:width 0.5s var(--ease),background 0.5s var(--ease);}.section-head.in h2::after,.section-head:hover h2::after{width:58px;}.section--dark .section-head h2::after{background:linear-gradient(90deg,#D9B4FE 0%,#FFFFFF 100%);}.section-head .lede{margin:16px auto 0;text-align:center;max-width:60ch;font-size:1.02rem;line-height:1.6;}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1);}.reveal.in{opacity:1;transform:translateY(0);}.hero{position:relative;padding-top:clamp(56px,8vw,96px);padding-bottom:0;overflow:hidden;background:radial-gradient(circle at 90% 15%,rgba(123,63,228,0.07) 0%,transparent 60%),radial-gradient(circle at 10% 85%,rgba(217,180,254,0.08) 0%,transparent 50%),var(--c-milk);}.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter);}.hero-copy .lede{margin:22px 0 34px;font-size:1.12rem;}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;}.hero-visual{position:relative;aspect-ratio:1 / 1;max-width:740px;width:100%;margin-inline:auto;border-radius:20px;overflow:hidden;}.hero-visual .stat-chip{position:absolute;left:22px;bottom:22px;background:rgba(248,246,241,0.94);backdrop-filter:blur(6px);padding:16px 20px;border-radius:12px;box-shadow:var(--c-shadow);display:flex;gap:16px;align-items:center;}.stat-chip .num{font-family:var(--f-head);font-weight:800;font-size:1.5rem;color:var(--c-dark-purple);}.stat-chip .lbl{font-size:0.74rem;color:var(--c-muted);max-width:110px;line-height:1.3;}.ph{position:relative;background:linear-gradient(135deg,rgba(36,22,47,0.06),rgba(36,22,47,0.02)),repeating-linear-gradient(135deg,rgba(36,22,47,0.05) 0 2px,transparent 2px 22px);border:1px solid var(--c-line);display:flex;align-items:flex-end;color:var(--c-muted);width:100%;height:100%;overflow:hidden;}.ph::before{content:attr(data-label);font-family:var(--f-meta);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;padding:10px 14px;background:rgba(248,246,241,0.86);margin:14px;border-radius:6px;border:1px solid var(--c-line);}.ph:not([data-label])::before,.ph[data-label=""]::before{display:none !important;}.stats-strip{background:linear-gradient(135deg,#24162F 0%,#170C1F 100%);color:var(--c-milk);padding:36px var(--gutter);margin-top:clamp(40px,5vw,64px);margin-bottom:clamp(20px,3vw,40px);border-radius:20px;max-width:var(--container-max);margin-inline:auto;position:relative;border:1px solid rgba(139,66,216,0.25);box-shadow:0 20px 40px -15px rgba(36,22,47,0.35),inset 0 0 40px rgba(0,0,0,0.25);}.stats-carousel{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}.stats-dots{display:none;}.stat-card{background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);border:1px solid rgba(217,180,254,0.14);border-radius:14px;padding:20px 14px;text-align:center;position:relative;overflow:hidden;transition:all 0.35s var(--ease);}.stat-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(176,102,254,0.15),transparent);transition:left 0.7s var(--ease);}.stat-card:hover::before{left:100%;}.stat-card:hover{transform:translateY(-4px) scale(1.02);background:rgba(255,255,255,0.08);border-color:rgba(176,102,254,0.4);box-shadow:0 12px 28px -8px rgba(123,63,228,0.3),0 0 15px rgba(176,102,254,0.12);}.stat-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,rgba(123,63,228,0.25) 0%,rgba(52,32,63,0.5) 100%);border:1px solid rgba(176,102,254,0.3);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#D9B4FE;transition:all 0.35s var(--ease);}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(6deg);background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;box-shadow:0 0 14px rgba(176,102,254,0.5);}.stat-card .num{font-family:var(--f-head);font-weight:800;font-size:clamp(1.6rem,2.5vw,2.2rem);background:linear-gradient(135deg,#FFFFFF 40%,#D9B4FE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-bottom:4px;transition:transform 0.3s var(--ease);}.stat-card:hover .num{transform:scale(1.04);}.stat-card .lbl{font-size:0.82rem;font-weight:500;color:rgba(248,246,241,0.75);letter-spacing:0.01em;}.about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center;}.about-visual{aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;}.about-visual .ph{height:100%;}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.service-card{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:18px;padding:32px 26px;transition:all 0.35s var(--ease);display:flex;flex-direction:column;height:100%;box-shadow:0 10px 30px -10px rgba(36,22,47,0.06);position:relative;overflow:hidden;}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px -15px rgba(36,22,47,0.3),0 0 25px rgba(123,63,228,0.2);border-color:rgba(176,102,254,0.4);background:linear-gradient(145deg,#24162F 0%,#170C1F 100%);color:var(--c-milk);}.svc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}.svc-idx{font-family:var(--f-head);font-weight:800;font-size:0.9rem;color:var(--c-muted);transition:color 0.3s var(--ease);}.svc-icon-badge{width:46px;height:46px;border-radius:12px;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.18);display:flex;align-items:center;justify-content:center;color:#7B3FE4;font-size:1.25rem;transition:all 0.35s var(--ease);}.service-card:hover .svc-icon-badge{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;border-color:rgba(217,180,254,0.4);transform:scale(1.1) rotate(4deg);box-shadow:0 0 15px rgba(176,102,254,0.5);}.service-card h3{margin-bottom:12px;font-size:1.2rem;transition:color 0.3s var(--ease);}.service-card p{color:var(--c-muted);flex:1;margin:0 0 24px;font-size:0.94rem;transition:color 0.3s var(--ease);}.service-card:hover .svc-idx,.service-card:hover p{color:rgba(248,246,241,0.78);}.service-card:hover h3{color:var(--c-milk);}.svc-footer{margin-top:auto;}.service-card:hover .btn-outline-purple{background:linear-gradient(135deg,#7B3FE4 0%,#B066FE 100%);color:#FFFFFF;border-color:transparent;box-shadow:0 6px 20px rgba(176,102,254,0.45);}.svc-link{font-family:var(--f-meta);font-size:0.8rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;}.service-card-visual{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;overflow:hidden;transition:all 0.4s var(--ease);display:flex;flex-direction:column;height:100%;box-shadow:0 12px 35px -12px rgba(36,22,47,0.07);position:relative;}.svc-img-wrap{position:relative;aspect-ratio:16 / 9;width:100%;margin:0;overflow:hidden;background:var(--c-soft-gray);}.svc-img-wrap .ph,.svc-img-wrap img{height:100%;width:100%;object-fit:cover;display:block;transition:transform 0.6s var(--ease);}.service-card-visual:hover .svc-img-wrap .ph,.service-card-visual:hover .svc-img-wrap img{transform:scale(1.08);}.svc-badge-category{position:absolute;top:14px;left:14px;z-index:3;background:rgba(36,22,47,0.78);backdrop-filter:blur(8px);color:#D9B4FE;font-family:var(--f-meta);font-size:0.72rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:5px 12px;border-radius:20px;border:1px solid rgba(217,180,254,0.25);}.svc-content{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1;}.service-card-visual:hover{transform:translateY(-8px);box-shadow:0 22px 50px -15px rgba(36,22,47,0.28),0 0 25px rgba(123,63,228,0.15);border-color:rgba(176,102,254,0.35);background:linear-gradient(145deg,#24162F 0%,#170C1F 100%);color:var(--c-milk);}.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px;margin-bottom:18px;}.svc-tags span{font-size:0.76rem;font-weight:600;color:#7B3FE4;background:rgba(123,63,228,0.07);padding:4px 10px;border-radius:12px;border:1px solid rgba(123,63,228,0.12);transition:all 0.3s var(--ease);}.service-card-visual:hover .svc-tags span{background:rgba(217,180,254,0.15);color:#D9B4FE;border-color:rgba(217,180,254,0.3);}.service-card-visual:hover .svc-idx,.service-card-visual:hover p{color:rgba(248,246,241,0.78);}.service-card-visual:hover h3{color:var(--c-milk);}.service-card-visual:hover .btn-outline-purple{background:linear-gradient(135deg,#7B3FE4 0%,#B066FE 100%);color:#FFFFFF;border-color:transparent;box-shadow:0 6px 20px rgba(176,102,254,0.45);}.vimi-card{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;padding:36px 30px;height:100%;position:relative;overflow:hidden;transition:all 0.4s var(--ease);box-shadow:0 12px 35px -12px rgba(36,22,47,0.07);}.vimi-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7B3FE4,#D9B4FE);opacity:0.7;transition:opacity 0.3s ease;}.vimi-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px -12px rgba(36,22,47,0.15),0 0 25px rgba(123,63,228,0.12);border-color:rgba(123,63,228,0.25);}.vimi-card:hover::before{opacity:1;}.vimi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.vimi-icon-badge{width:52px;height:52px;border-radius:14px;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.18);display:flex;align-items:center;justify-content:center;color:#7B3FE4;font-size:1.35rem;transition:all 0.35s var(--ease);}.vimi-card:hover .vimi-icon-badge{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;border-color:rgba(217,180,254,0.4);transform:scale(1.1) rotate(4deg);box-shadow:0 0 16px rgba(176,102,254,0.45);}.vimi-label{font-family:var(--f-meta);font-size:0.76rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#7B3FE4;background:rgba(123,63,228,0.07);padding:4px 12px;border-radius:20px;}.vimi-card h3{font-size:1.3rem;margin-bottom:14px;color:var(--c-dark-purple);}.vimi-text{color:var(--c-muted);font-size:0.96rem;line-height:1.65;margin:0;}.vimi-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}.vimi-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.94rem;color:var(--c-muted);line-height:1.5;}.vimi-list li i{color:#7B3FE4;font-size:1.05rem;margin-top:2px;flex-shrink:0;transition:transform 0.3s ease;}.vimi-card:hover .vimi-list li i{transform:scale(1.15);}.value-card-sleek{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;padding:32px 20px 28px;height:100%;text-align:center;position:relative;overflow:hidden;transition:all 0.4s var(--ease);box-shadow:0 10px 30px -10px rgba(36,22,47,0.05);display:flex;flex-direction:column;align-items:center;justify-content:center;}.value-card-sleek::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7B3FE4,#D9B4FE);opacity:0;transition:opacity 0.35s ease;}.value-card-sleek:hover{transform:translateY(-8px);box-shadow:0 22px 45px -12px rgba(36,22,47,0.16),0 0 25px rgba(123,63,228,0.15);border-color:rgba(123,63,228,0.3);background:linear-gradient(145deg,#FFFFFF 0%,#FAF8FF 100%);}.value-card-sleek:hover::before{opacity:1;}.val-icon-badge{width:56px;height:56px;border-radius:16px;background:rgba(123,63,228,0.07);border:1px solid rgba(123,63,228,0.16);display:flex;align-items:center;justify-content:center;color:#7B3FE4;font-size:1.4rem;margin-bottom:18px;transition:all 0.4s var(--ease);}.value-card-sleek:hover .val-icon-badge{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;border-color:rgba(217,180,254,0.4);transform:scale(1.12) rotate(6deg);box-shadow:0 0 20px rgba(176,102,254,0.5);}.value-card-sleek h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:var(--c-dark-purple);letter-spacing:-0.01em;}.value-card-sleek .val-sub{font-family:var(--f-meta);font-size:0.74rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#7B3FE4;background:rgba(123,63,228,0.08);padding:4px 14px;border-radius:20px;display:inline-block;transition:all 0.3s ease;}.value-card-sleek:hover .val-sub{background:#7B3FE4;color:#FFFFFF;}.scope-card{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:18px;padding:26px 22px;height:100%;display:flex;flex-direction:column;align-items:flex-start;transition:all 0.35s var(--ease);box-shadow:0 8px 24px -8px rgba(36,22,47,0.05);position:relative;overflow:hidden;}.scope-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7B3FE4,#D9B4FE);opacity:0;transition:opacity 0.35s ease;}.scope-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px -10px rgba(36,22,47,0.12),0 0 20px rgba(123,63,228,0.1);border-color:rgba(123,63,228,0.3);}.scope-card:hover::before{opacity:1;}.scope-icon-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;}.scope-icon{width:48px;height:48px;border-radius:12px;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.15);display:flex;align-items:center;justify-content:center;color:#7B3FE4;font-size:1.35rem;transition:all 0.35s var(--ease);flex-shrink:0;}.scope-card:hover .scope-icon{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;border-color:rgba(217,180,254,0.4);transform:scale(1.08) rotate(3deg);box-shadow:0 0 14px rgba(176,102,254,0.35);}.scope-num{font-family:var(--f-meta);font-size:0.8rem;font-weight:800;color:#7B3FE4;background:rgba(123,63,228,0.08);padding:4px 10px;border-radius:20px;letter-spacing:0.04em;transition:all 0.3s ease;}.scope-card:hover .scope-num{background:rgba(123,63,228,0.16);color:#4A227B;}.scope-title{font-size:1.12rem;font-weight:700;color:var(--c-dark-purple);margin:0 0 10px 0;line-height:1.35;}.scope-desc{font-size:0.92rem;color:var(--c-muted);line-height:1.6;margin:0;}.project-card-sleek{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all 0.4s var(--ease);box-shadow:0 10px 30px -10px rgba(36,22,47,0.06);text-decoration:none;}.project-card-sleek:hover{transform:translateY(-6px);box-shadow:0 20px 45px -12px rgba(36,22,47,0.16),0 0 22px rgba(123,63,228,0.12);border-color:rgba(123,63,228,0.28);}.proj-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--c-soft-gray);}.proj-img-wrap .ph,.proj-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s var(--ease);}.project-card-sleek:hover .proj-img-wrap .ph,.project-card-sleek:hover .proj-img-wrap img{transform:scale(1.07);}.proj-cat-badge{position:absolute;top:14px;left:14px;background:rgba(36,22,47,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#FFFFFF;font-family:var(--f-meta);font-size:0.72rem;font-weight:700;letter-spacing:0.04em;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.15);}.proj-body{padding:22px 20px 24px;display:flex;flex-direction:column;flex-grow:1;}.proj-body h3{font-size:1.1rem;font-weight:700;color:var(--c-dark-purple);margin-bottom:8px;line-height:1.35;transition:color 0.3s ease;}.project-card-sleek:hover .proj-body h3{color:#7B3FE4;}.proj-meta{font-size:0.84rem;color:var(--c-muted);display:flex;align-items:center;gap:6px;margin-top:auto;}.proj-meta i{color:#7B3FE4;}.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;}.filter-bar button{font-family:var(--f-meta);font-size:0.86rem;font-weight:600;color:var(--c-muted);background:var(--c-white);border:1px solid rgba(38,35,41,0.12);padding:8px 22px;border-radius:30px;cursor:pointer;transition:all 0.3s var(--ease);box-shadow:0 4px 14px rgba(36,22,47,0.03);}.filter-bar button:hover{color:#7B3FE4;border-color:rgba(123,63,228,0.4);background:rgba(123,63,228,0.05);transform:translateY(-2px);}.filter-bar button.active{color:#FFFFFF;background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);border-color:transparent;box-shadow:0 6px 20px rgba(123,63,228,0.35);}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}@media (max-width:991px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px;}}@media (max-width:575px){.gallery-grid{grid-template-columns:1fr;gap:16px;}}.blog-card-sleek{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all 0.4s var(--ease);box-shadow:0 10px 30px -10px rgba(36,22,47,0.06);text-decoration:none;cursor:pointer;}.blog-card-sleek:hover{transform:translateY(-6px);box-shadow:0 20px 45px -12px rgba(36,22,47,0.16),0 0 22px rgba(123,63,228,0.12);border-color:rgba(123,63,228,0.28);}.blog-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--c-soft-gray);}.blog-img-wrap .ph,.blog-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s var(--ease);}.blog-card-sleek:hover .blog-img-wrap .ph,.blog-card-sleek:hover .blog-img-wrap img{transform:scale(1.07);}.blog-cat-pill{position:absolute;top:14px;left:14px;background:rgba(36,22,47,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#FFFFFF;font-family:var(--f-meta);font-size:0.72rem;font-weight:700;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.15);}.blog-body{padding:22px 20px 24px;display:flex;flex-direction:column;flex-grow:1;}.blog-body h3{font-size:1.1rem;font-weight:700;color:var(--c-dark-purple);margin-bottom:10px;line-height:1.35;transition:color 0.3s ease;}.blog-card-sleek:hover .blog-body h3{color:#7B3FE4;}.blog-body p{font-size:0.88rem;color:var(--c-muted);line-height:1.55;margin-bottom:18px;}.blog-footer-row{margin-top:auto;padding-top:14px;border-top:1px solid rgba(38,35,41,0.07);display:flex;align-items:center;justify-content:space-between;}.blog-meta-info{font-size:0.8rem;color:var(--c-muted);font-family:var(--f-meta);}.btn-read-blog{font-family:var(--f-meta);font-size:0.82rem;font-weight:700;color:#7B3FE4;background:rgba(123,63,228,0.08);padding:6px 14px;border-radius:20px;transition:all 0.3s var(--ease);display:inline-flex;align-items:center;gap:4px;}.blog-card-sleek:hover .btn-read-blog{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;box-shadow:0 4px 12px rgba(123,63,228,0.3);}.section--why-flow{padding:clamp(52px,7vw,84px) 0;}.why-flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,4vw,40px);position:relative;margin-top:48px;}.why-flow-track::before{content:"";position:absolute;top:29px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(123,63,228,0.15) 0%,rgba(123,63,228,0.4) 50%,rgba(123,63,228,0.15) 100%);z-index:1;}.why-flow-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;}.why-flow-node{width:60px;height:60px;border-radius:50%;background:var(--c-white);border:2px solid rgba(123,63,228,0.25);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:22px;transition:all 0.4s var(--ease);box-shadow:0 4px 15px rgba(36,22,47,0.05);}.wfn-num{position:absolute;top:-5px;right:-5px;background:#7B3FE4;color:#FFFFFF;font-family:var(--f-head);font-size:0.65rem;font-weight:800;padding:2px 7px;border-radius:10px;box-shadow:0 2px 8px rgba(123,63,228,0.4);transition:transform 0.3s var(--ease);}.wfn-icon{font-size:1.35rem;color:#7B3FE4;transition:all 0.4s var(--ease);}.why-flow-item:hover .why-flow-node{transform:scale(1.15);background:linear-gradient(135deg,#7B3FE4 0%,#34203F 100%);border-color:transparent;box-shadow:0 0 25px rgba(123,63,228,0.5),0 10px 20px rgba(36,22,47,0.2);}.why-flow-item:hover .wfn-icon{color:#FFFFFF;transform:scale(1.1) rotate(5deg);}.why-flow-item:hover .wfn-num{transform:scale(1.15);background:#B066FE;}.why-flow-text h3{font-size:1.08rem;font-weight:700;margin:0 0 8px;color:var(--c-dark-purple);transition:color 0.3s var(--ease);}.why-flow-item:hover .why-flow-text h3{color:#7B3FE4;}.why-flow-text p{font-size:0.88rem;color:var(--c-muted);margin:0;line-height:1.55;}.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;align-items:center;}.filter-btn{background:transparent;border:1px solid rgba(38,35,41,0.12);color:var(--c-charcoal);padding:8px 20px;border-radius:30px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.3s var(--ease);font-family:var(--f-meta);}.filter-btn:hover,.filter-btn.active{background:var(--c-dark-purple);color:var(--c-milk);border-color:var(--c-dark-purple);box-shadow:0 4px 14px rgba(36,22,47,0.25);}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}.portfolio-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -10px rgba(36,22,47,0.06);transition:all 0.4s var(--ease);}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px -12px rgba(36,22,47,0.16),0 0 22px rgba(123,63,228,0.12);border-color:rgba(123,63,228,0.28);}.portfolio-thumb{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:rgba(36,22,47,0.04);}.portfolio-thumb .ph,.portfolio-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s var(--ease);}.portfolio-card:hover .portfolio-thumb .ph,.portfolio-card:hover .portfolio-thumb img{transform:scale(1.07);}.portfolio-tag{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--f-meta);font-size:0.7rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;background:rgba(36,22,47,0.75);backdrop-filter:blur(8px);color:#FFFFFF;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.15);}.portfolio-overlay{display:none !important;}.portfolio-meta{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1;}.portfolio-meta h3{font-size:1.1rem;font-weight:700;margin:0 0 6px;color:var(--c-dark-purple);transition:color 0.3s var(--ease);}.portfolio-card:hover .portfolio-meta h3{color:#7B3FE4;}.portfolio-meta p{font-size:0.85rem;color:var(--c-muted);margin:0;}.process-wrap{position:relative;}.process-track{display:grid;grid-template-columns:repeat(7,1fr);gap:0;position:relative;}.process-track::before{content:"";position:absolute;top:19px;left:0;right:0;height:1px;background:var(--c-line-on-dark);}.process-step{padding:0 16px 0 0;position:relative;}.process-step .p-num{width:40px;height:40px;border-radius:50%;background:var(--c-dark-purple);border:1px solid var(--c-milk);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:0.9rem;position:relative;z-index:2;margin-bottom:20px;}.process-step h3{font-size:1rem;margin-bottom:8px;}.process-step p{font-size:0.86rem;color:rgba(248,246,241,0.68);}.rab-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:var(--c-white);border:1px solid var(--c-line);border-radius:18px;padding:clamp(30px,4vw,56px);}.rab-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}.rab-tags span{font-size:0.78rem;padding:8px 14px;border-radius:20px;background:var(--c-soft-gray);color:var(--c-charcoal);font-weight:600;}.testi-card{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:18px;padding:34px 26px;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all 0.35s var(--ease);box-shadow:0 6px 20px -6px rgba(36,22,47,0.04);}.testi-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7B3FE4 0%,#B066FE 100%);opacity:0;transition:opacity 0.35s var(--ease);}.testi-card:hover{transform:translateY(-6px);border-color:rgba(123,63,228,0.25);box-shadow:0 16px 36px -12px rgba(123,63,228,0.18);}.testi-card:hover::before{opacity:1;}.testi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.testi-stars{color:#FFB800;font-size:0.95rem;display:flex;gap:3px;}.testi-quote-icon{font-size:2.2rem;color:rgba(123,63,228,0.15);line-height:1;transition:color 0.35s var(--ease);}.testi-card:hover .testi-quote-icon{color:rgba(123,63,228,0.35);}.testi-quote{font-family:var(--f-body);font-size:0.96rem;line-height:1.65;color:var(--c-charcoal);margin-bottom:26px;flex:1;font-style:italic;}.testi-who{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(38,35,41,0.07);}.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7B3FE4 0%,#34203F 100%);color:#FFFFFF;font-family:var(--f-head);font-weight:800;font-size:0.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(123,63,228,0.3);}.testi-name{font-weight:700;font-size:0.95rem;color:var(--c-dark-purple);}.testi-meta{font-size:0.8rem;color:var(--c-muted);}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}.blog-card{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius-card);overflow:hidden;transition:all .3s var(--ease);}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--c-shadow);}.blog-card .ph{aspect-ratio:16/10;}.blog-card-body{padding:24px;}.blog-cat{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-dark-purple);font-weight:700;}.blog-card h3{font-size:1.08rem;margin:10px 0 10px;}.blog-card p{color:var(--c-muted);font-size:0.9rem;margin:0 0 16px;}.blog-meta{display:flex;justify-content:space-between;font-size:0.78rem;color:var(--c-muted);border-top:1px solid var(--c-line);padding-top:14px;}.faq-item{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:16px;margin-bottom:14px;overflow:hidden;transition:all 0.35s var(--ease);box-shadow:0 4px 14px -4px rgba(36,22,47,0.03);}.faq-item:hover{border-color:rgba(123,63,228,0.25);box-shadow:0 8px 24px -6px rgba(123,63,228,0.12);transform:translateY(-2px);}.faq-item.open{border-color:rgba(123,63,228,0.35);box-shadow:0 10px 28px -8px rgba(123,63,228,0.18);border-left:4px solid #7B3FE4;}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;cursor:pointer;font-family:var(--f-head);font-weight:700;font-size:1.05rem;background:none;border:none;width:100%;text-align:left;color:var(--c-dark-purple);transition:color 0.3s var(--ease);}.faq-q span:first-child{flex:1;padding-right:16px;}.faq-icon-badge{width:36px;height:36px;border-radius:50%;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.16);color:#7B3FE4;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all 0.35s var(--ease);}.faq-item.open .faq-icon-badge{background:linear-gradient(135deg,#7B3FE4 0%,#34203F 100%);color:#FFFFFF;border-color:transparent;transform:rotate(45deg);box-shadow:0 4px 12px rgba(123,63,228,0.35);}.faq-a{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.35s ease;}.faq-item.open .faq-a{opacity:1;}.faq-a-inner{padding:0 24px 22px;color:var(--c-muted);font-size:0.94rem;line-height:1.65;}.final-cta-wrapper{padding:clamp(24px,3.5vw,44px) 0 clamp(40px,5vw,64px) 0;}.final-cta-card{background:var(--c-dark-purple);border-radius:18px;padding:clamp(30px,4vw,44px) clamp(20px,3vw,36px);text-align:center;position:relative;overflow:hidden;max-width:900px;margin:0 auto;border:1px solid rgba(139,66,216,0.3);box-shadow:0 16px 40px -15px rgba(36,22,47,0.35);color:var(--c-milk);}.final-cta-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(123,63,228,0.15) 0%,transparent 60%);pointer-events:none;}.final-cta-card h2{color:#FFFFFF;font-size:clamp(1.35rem,2.2vw,1.8rem);max-width:22ch;margin-inline:auto;}.final-cta-card .lede{color:rgba(248,246,241,0.82);font-size:0.92rem;margin:12px auto 26px;text-align:center;max-width:52ch;}.final-cta-card .hero-cta{justify-content:center;gap:14px;}.btn-cta-light{background:#FFFFFF;color:var(--c-dark-purple);border-color:#FFFFFF;}.btn-cta-light:hover{background:#F8F6F1;color:#7B3FE4;border-color:#F8F6F1;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,0.3);}.final-cta{text-align:center;}.final-cta h2{max-width:18ch;margin-inline:auto;}.final-cta .lede{margin:18px auto 34px;text-align:center;}.final-cta .hero-cta{justify-content:center;}.form-control-custom,select.form-control-custom,textarea.form-control-custom{width:100%;padding:13px 16px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);font-family:var(--f-body);font-size:0.95rem;transition:border-color .2s var(--ease);}.form-control-custom:focus{border-color:var(--c-dark-purple);outline:none;}.field-label{font-size:0.82rem;font-weight:700;margin-bottom:8px;display:block;}.choice-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--c-line);border-radius:30px;font-size:0.84rem;cursor:pointer;margin:0 8px 8px 0;}.choice-pill input{accent-color:var(--c-dark-purple);}fieldset{border:none;padding:0;margin:0 0 26px;}legend{font-family:var(--f-head);font-weight:700;font-size:1.05rem;margin-bottom:16px;padding:0;}.site-footer{background:var(--c-dark-purple);color:rgba(248,246,241,0.82);padding-top:80px;}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--c-line-on-dark);}.footer-brand .brand{color:var(--c-milk);}.footer-brand p{margin-top:16px;font-size:0.9rem;max-width:32ch;color:rgba(248,246,241,0.6);}.footer-col h4{color:var(--c-milk);font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:20px;}.footer-col li{margin-bottom:12px;font-size:0.9rem;display:flex;align-items:center;gap:10px;word-break:break-word;overflow-wrap:anywhere;}.footer-col li i{color:#D9B4FE;font-size:1.05rem;flex-shrink:0;}.footer-col a{color:rgba(248,246,241,0.85);text-decoration:none;transition:color 0.25s ease;word-break:break-all;}.footer-col a:hover{color:var(--c-milk);text-decoration:underline;}.footer-bottom{display:flex;justify-content:space-between;padding:24px 0;font-size:0.8rem;color:rgba(248,246,241,0.5);flex-wrap:wrap;gap:10px;}.social-row{display:flex;gap:14px;margin-top:18px;}.social-row a{width:36px;height:36px;border:1px solid var(--c-line-on-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);}.social-row a:hover{background:var(--c-milk);color:var(--c-dark-purple);}.wa-float{position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;border-radius:50%;background:#25D366;color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,0.4),0 4px 12px rgba(0,0,0,0.15);transition:all .3s var(--ease);font-size:1.75rem;}.wa-float:hover{transform:scale(1.12) translateY(-3px);background:#20BA5A;color:#ffffff;box-shadow:0 12px 30px rgba(37,211,102,0.6);}.bi-whatsapp{color:#25D366;}.wa-float .bi-whatsapp,.btn .bi-whatsapp,.scf-btn-success .bi-whatsapp,.scf-share-btn .bi-whatsapp{color:inherit;}.scroll-top-btn{position:fixed;right:25px;bottom:92px;z-index:900;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#7B3FE4 0%,#34203F 100%);color:#ffffff;border:1px solid rgba(217,180,254,0.4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(123,63,228,0.4),0 4px 12px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transform:translateY(20px) scale(0.85);transition:all 0.35s var(--ease);cursor:pointer;font-size:1.35rem;}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);}.scroll-top-btn:hover{background:linear-gradient(135deg,#8B42D8 0%,#5D3577 100%);transform:translateY(-4px) scale(1.1);box-shadow:0 12px 30px rgba(139,66,216,0.6);color:#ffffff;}::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#F8F6F1;}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7B3FE4,#34203F);border-radius:10px;border:2px solid #F8F6F1;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9B51E0,#5D3577);}*{scrollbar-width:thin;scrollbar-color:#7B3FE4 #F8F6F1;}.page-banner{background:linear-gradient(135deg,#24162F 0%,#170C1F 100%);color:var(--c-milk);padding:clamp(58px,7vw,86px) 0 clamp(44px,5.2vw,66px);position:relative;overflow:hidden;border-bottom:1px solid rgba(139,66,216,0.25);box-shadow:inset 0 -30px 40px -20px rgba(0,0,0,0.3);text-align:center;}.page-banner::before{content:"";position:absolute;top:-40%;right:-15%;width:650px;height:650px;background:radial-gradient(circle,rgba(123,63,228,0.2) 0%,transparent 60%);pointer-events:none;}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:0;margin:0 auto 16px auto;list-style:none;font-family:var(--f-meta);font-size:0.86rem;}.breadcrumb-item{display:inline-flex;align-items:center;gap:8px;color:rgba(248,246,241,0.65);}.breadcrumb-item+.breadcrumb-item::before{content:"/";color:rgba(217,180,254,0.4);font-weight:400;}.breadcrumb-item a{color:rgba(217,180,254,0.88);text-decoration:none;transition:color 0.3s var(--ease);}.breadcrumb-item a:hover{color:#FFFFFF;text-decoration:underline;}.breadcrumb-item.active{color:var(--c-milk);font-weight:600;}.page-banner-title{color:#FFFFFF;font-size:clamp(1.55rem,2.7vw,2.15rem);font-weight:800;letter-spacing:-0.015em;margin:0 auto;line-height:1.25;}.page-banner-desc{color:rgba(248,246,241,0.82);font-size:1.02rem;max-width:60ch;margin:0 auto;line-height:1.6;}.ba-slider{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--c-line);}.ba-slider .ph{position:absolute;inset:0;}.ba-after-wrap{position:absolute;inset:0;width:50%;overflow:hidden;}.ba-after-wrap .ph{width:200%;max-width:none;}.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--c-milk);cursor:ew-resize;z-index:5;}.ba-handle::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--c-milk);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-dark-purple);font-weight:700;box-shadow:var(--c-shadow-sm);}.ba-tag{position:absolute;top:14px;z-index:6;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;background:rgba(38,35,41,0.72);color:var(--c-milk);padding:6px 12px;border-radius:20px;}.ba-tag.before{left:14px;}.ba-tag.after{right:14px;}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}.reveal.in{opacity:1;transform:translateY(0);}@media (max-width:991px){.nav-links,.nav-cta{display:none !important;}.nav-toggle{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:6px;background:none;border:none;cursor:pointer;}.nav-toggle span{display:block;width:22px;height:2px;background:var(--c-charcoal);margin:0;transition:0.3s;border-radius:2px;}.site-header.scrolled .nav-toggle span{background:var(--c-milk) !important;}.hero-grid,.about-grid,.rab-panel{grid-template-columns:1fr;}.hero-visual,.rab-panel>div:last-child{order:-1;margin-bottom:24px;}.why-flow-track{grid-template-columns:repeat(2,1fr);row-gap:40px;}.why-flow-track::before{display:none;}.service-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr);}.why-list{grid-template-columns:1fr;}.masonry{column-count:2;}.blog-grid{grid-template-columns:repeat(2,1fr);}.footer-top{grid-template-columns:1fr 1fr;}.process-track{grid-template-columns:repeat(4,1fr);row-gap:36px;}.process-track::before{display:none;}}@media (max-width:640px){.service-grid,.blog-grid,.why-flow-track,.portfolio-grid{grid-template-columns:1fr;}.portfolio-filter{justify-content:center;}.masonry{column-count:1;}.footer-top{grid-template-columns:1fr;}.process-track{grid-template-columns:repeat(2,1fr);}.hero-visual{aspect-ratio:4/4;}}@media (max-width:767px){.stats-strip{padding:16px 14px 14px;border-radius:16px;margin-top:20px;margin-bottom:24px;}.stats-carousel{display:block;position:relative;min-height:108px;}.stats-carousel .stat-card{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(0.92) translateY(8px);transition:opacity 0.5s ease,transform 0.5s ease,visibility 0.5s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 14px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(217,180,254,0.2);}.stats-carousel .stat-card.active{position:relative;opacity:1;visibility:visible;transform:scale(1) translateY(0);z-index:2;}.stat-icon{width:34px;height:34px;font-size:0.95rem;margin:0 auto 6px;border:none;background:linear-gradient(135deg,rgba(123,63,228,0.35) 0%,rgba(52,32,63,0.7) 100%);}.stat-card .num{font-size:1.45rem;margin-bottom:2px;line-height:1.1;}.stat-card .lbl{font-size:0.78rem;line-height:1.25;color:rgba(248,246,241,0.85);}.stats-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;}.stat-dot{width:6px;height:6px;border-radius:50%;background:rgba(248,246,241,0.25);transition:all 0.35s ease;}.stat-dot.active{width:20px;border-radius:10px;background:linear-gradient(90deg,#7B3FE4,#D9B4FE);box-shadow:0 0 8px rgba(176,102,254,0.6);}.section-head,.hero-copy,.about-grid>div,.rab-panel>div{text-align:center;}.eyebrow{text-align:center;margin-inline:auto;}.section-head h2,.section-head .lede,.hero-copy h1,.hero-copy .lede{text-align:center;margin-inline:auto;}.hero-cta{justify-content:center;margin-inline:auto;}}.single-post-wrapper{padding:clamp(40px,6vw,70px) 0;}.article-header{margin-bottom:32px;}.article-title{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;color:var(--c-dark-purple);line-height:1.25;margin-bottom:16px;}.article-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:0.88rem;color:var(--c-muted);padding-bottom:20px;border-bottom:1px solid rgba(38,35,41,0.1);margin-bottom:28px;}.article-meta-bar i{color:#7B3FE4;}.article-hero-img-wrap{margin-bottom:36px;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(36,22,47,0.08);}.article-hero-img-wrap .ph{aspect-ratio:16 / 9;width:100%;}.img-caption{font-size:0.84rem;color:var(--c-muted);font-style:italic;text-align:center;margin-top:10px;}.toc-box{background:rgba(123,63,228,0.04);border:1px solid rgba(123,63,228,0.18);border-radius:16px;padding:20px 24px;margin-bottom:40px;}.toc-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;}.toc-head h3{font-size:1.05rem;font-weight:700;color:var(--c-dark-purple);margin:0;display:flex;align-items:center;gap:8px;}.toc-toggle-btn{font-size:0.82rem;font-weight:700;color:#7B3FE4;background:rgba(123,63,228,0.1);border:none;padding:4px 12px;border-radius:12px;}.toc-list{margin-top:14px;padding-top:12px;border-top:1px solid rgba(123,63,228,0.12);list-style:none;padding-left:0;}.toc-list li{margin-bottom:8px;}.toc-list li a{color:var(--c-charcoal);font-size:0.92rem;font-weight:600;transition:color 0.25s ease;display:flex;align-items:center;gap:8px;}.toc-list li a:hover{color:#7B3FE4;}.toc-list li.toc-h3{padding-left:18px;font-size:0.88rem;}.article-body{font-size:1.04rem;line-height:1.75;color:var(--c-charcoal);}.article-body h2{font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;color:var(--c-dark-purple);margin-top:44px;margin-bottom:18px;padding-bottom:8px;border-bottom:2px solid rgba(123,63,228,0.15);}.article-body h3{font-size:1.22rem;font-weight:700;color:var(--c-dark-purple);margin-top:32px;margin-bottom:14px;}.article-body p{margin-bottom:20px;}.article-body ul,.article-body ol{margin-bottom:24px;padding-left:24px;}.article-body li{margin-bottom:8px;}.baca-juga-card{background:rgba(123,63,228,0.05);border-left:4px solid #7B3FE4;border-radius:0 12px 12px 0;padding:16px 20px;margin:32px 0;}.baca-juga-card span{font-size:0.76rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#7B3FE4;display:block;margin-bottom:4px;}.baca-juga-card a{font-family:var(--f-head);font-size:1.02rem;font-weight:700;color:var(--c-dark-purple);transition:color 0.25s ease;}.baca-juga-card a:hover{color:#7B3FE4;}.article-body blockquote{background:linear-gradient(135deg,rgba(36,22,47,0.04) 0%,rgba(123,63,228,0.06) 100%);border-left:4px solid #7B3FE4;border-radius:0 16px 16px 0;padding:24px 28px;margin:36px 0;font-family:var(--f-head);font-size:1.08rem;font-weight:600;font-style:italic;color:var(--c-dark-purple);position:relative;}.article-body blockquote i{font-size:1.8rem;color:rgba(123,63,228,0.3);margin-bottom:10px;display:block;}.promo-banner-card{background:linear-gradient(135deg,#24162F 0%,#170C1F 100%);border-radius:20px;padding:32px 28px;color:#FFFFFF;margin:40px 0;display:flex;align-items:center;gap:24px;box-shadow:0 16px 40px rgba(36,22,47,0.25);border:1px solid rgba(176,102,254,0.25);}@media (max-width:767px){.promo-banner-card{flex-direction:column;text-align:center;}}.promo-banner-img{width:100px;height:100px;border-radius:50%;flex-shrink:0;overflow:hidden;border:3px solid #7B3FE4;}.promo-banner-content h4{color:#FFFFFF;font-size:1.25rem;font-weight:800;margin-bottom:8px;}.promo-banner-content p{color:rgba(248,246,241,0.85);font-size:0.92rem;margin-bottom:16px;}.social-share-bar{display:flex;align-items:center;gap:12px;padding:24px 0;border-top:1px solid rgba(38,35,41,0.1);border-bottom:1px solid rgba(38,35,41,0.1);margin:44px 0;flex-wrap:wrap;}.share-label{font-family:var(--f-meta);font-size:0.86rem;font-weight:700;color:var(--c-dark-purple);margin-right:8px;}.share-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-meta);font-size:0.8rem;font-weight:600;padding:8px 16px;border-radius:20px;color:#FFFFFF;transition:all 0.3s var(--ease);text-decoration:none;}.share-btn-wa{background:#25D366;}.share-btn-wa:hover{background:#1EBE57;transform:translateY(-2px);}.share-btn-fb{background:#1877F2;}.share-btn-fb:hover{background:#1565C0;transform:translateY(-2px);}.share-btn-tw{background:#000000;}.share-btn-tw:hover{background:#222222;transform:translateY(-2px);}.share-btn-li{background:#0A66C2;}.share-btn-li:hover{background:#084E96;transform:translateY(-2px);}.author-card{background:var(--c-white);border:1px solid rgba(38,35,41,0.1);border-radius:20px;padding:28px;display:flex;gap:20px;align-items:center;margin-bottom:48px;box-shadow:0 10px 30px rgba(36,22,47,0.04);}@media (max-width:575px){.author-card{flex-direction:column;text-align:center;}}.author-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--c-soft-gray);border:2px solid #7B3FE4;}.author-info h4{font-size:1.08rem;font-weight:700;color:var(--c-dark-purple);margin-bottom:4px;}.author-role{font-size:0.8rem;font-weight:600;color:#7B3FE4;display:block;margin-bottom:8px;}.author-info p{font-size:0.88rem;color:var(--c-muted);margin:0;line-height:1.5;}.scf-article-page{padding-bottom:60px;margin-bottom:40px;}.scf-simple-breadcrumb{margin-bottom:12px;}.scf-simple-breadcrumb .breadcrumb{justify-content:flex-start;margin:0;padding:0;font-size:0.85rem;font-family:var(--f-meta);}.scf-simple-breadcrumb .breadcrumb-item,.scf-simple-breadcrumb .breadcrumb-item a{color:var(--c-muted);text-decoration:none;}.scf-simple-breadcrumb .breadcrumb-item a:hover{color:#7B3FE4;text-decoration:underline;}.scf-simple-breadcrumb .breadcrumb-item.active{color:var(--c-dark-purple);font-weight:600;}.scf-simple-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:rgba(38,35,41,0.3);}.scf-article-h1{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;color:var(--c-dark-purple);line-height:1.25;margin-top:24px;margin-bottom:16px;}.scf-article-lead{font-size:1.1rem;line-height:1.65;color:var(--c-muted);margin-bottom:24px;}.scf-author-block{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:16px;margin-bottom:28px;box-shadow:0 4px 14px rgba(36,22,47,0.03);}.scf-author-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #7B3FE4;}.scf-author-name{font-weight:700;font-size:0.95rem;color:var(--c-dark-purple);}.scf-author-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:0.8rem;color:var(--c-muted);margin-top:4px;}.scf-author-meta .meta-item{display:flex;align-items:center;gap:4px;}.scf-author-meta i,.scf-author-meta .material-symbols-outlined{font-size:0.95rem;color:#7B3FE4;}.scf-hero-photo{width:100%;aspect-ratio:16 / 9;max-height:440px;border-radius:16px;object-fit:cover;margin-bottom:10px;box-shadow:0 10px 30px rgba(36,22,47,0.08);}.scf-photo-caption{font-size:0.84rem;color:var(--c-muted);font-style:italic;text-align:center;margin-bottom:32px;}.scf-summary-box{background:rgba(123,63,228,0.04);border:1px solid rgba(123,63,228,0.18);border-radius:20px;padding:24px 28px;margin-bottom:36px;}.scf-summary-label{font-family:var(--f-head);font-size:1.05rem;font-weight:800;color:var(--c-dark-purple);display:flex;align-items:center;gap:8px;margin-bottom:14px;}.scf-summary-label i,.scf-summary-label .material-symbols-outlined{color:#7B3FE4;}.scf-summary-box ul{list-style-type:disc;padding-left:20px;margin:0;}.scf-summary-box li{font-size:0.94rem;line-height:1.6;margin-bottom:8px;color:var(--c-charcoal);}.scf-toc-collapsible{background:var(--c-white);border:1px solid rgba(38,35,41,0.1);border-radius:18px;overflow:hidden;margin-bottom:40px;box-shadow:0 6px 20px rgba(36,22,47,0.03);}.scf-toc-toggle{width:100%;padding:16px 22px;background:var(--c-white);border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}.scf-toc-toggle-label{font-family:var(--f-head);font-size:1.02rem;font-weight:700;color:var(--c-dark-purple);display:flex;align-items:center;gap:8px;}.scf-toc-toggle-label i,.scf-toc-toggle-label .material-symbols-outlined{color:#7B3FE4;}.scf-toc-chevron{transition:transform 0.3s ease;color:#7B3FE4;}.scf-toc-toggle[aria-expanded="true"] .scf-toc-chevron{transform:rotate(180deg);}.scf-toc-body{padding:16px 24px 22px;border-top:1px solid rgba(38,35,41,0.07);}.scf-toc-body ol{padding-left:20px;margin:0;}.scf-toc-body li{margin-bottom:8px;}.scf-toc-body li a{color:var(--c-charcoal);font-size:0.92rem;font-weight:600;transition:color 0.25s ease;}.scf-toc-body li a:hover{color:#7B3FE4;}.scf-article-body{font-size:1.04rem;line-height:1.75;color:var(--c-charcoal);}.scf-article-body h2{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800;color:var(--c-dark-purple);margin-top:40px;margin-bottom:18px;padding-bottom:8px;border-bottom:2px solid rgba(123,63,228,0.15);}.scf-article-body h3{font-size:1.2rem;font-weight:700;color:var(--c-dark-purple);margin-top:28px;margin-bottom:14px;}.scf-article-body p{margin-bottom:20px;}.text-purple{color:#7B3FE4 !important;}.scf-article-body ul:not(.scf-baca-juga-inline-list){list-style-type:disc;padding-left:24px;margin:16px 0 24px 0;}.scf-article-body ol{list-style-type:decimal;padding-left:24px;margin:16px 0 24px 0;}.scf-article-body ul:not(.scf-baca-juga-inline-list) li,.scf-article-body ol li{margin-bottom:10px;line-height:1.7;color:var(--c-charcoal);}.scf-list-bullet{list-style-type:disc;padding-left:24px;margin-bottom:24px;}.scf-list-bullet li{margin-bottom:10px;line-height:1.7;}.scf-comparison-table{width:100%;border-radius:14px;overflow:hidden;margin:28px 0;border:1px solid rgba(38,35,41,0.1);box-shadow:0 4px 16px rgba(36,22,47,0.04);background:var(--c-white);}.scf-comparison-table th{background:var(--c-dark-purple);color:#FFFFFF;font-weight:700;padding:14px 18px;font-family:var(--f-head);font-size:0.95rem;border:none;}.scf-comparison-table td{padding:14px 18px;font-size:0.92rem;line-height:1.6;border-bottom:1px solid rgba(38,35,41,0.06);vertical-align:middle;}.scf-comparison-table tbody tr:last-child td{border-bottom:none;}.scf-comparison-table tbody tr:hover td{background:rgba(123,63,228,0.03);}.scf-tips-box{background:rgba(123,63,228,0.05);border-left:4px solid #7B3FE4;border-radius:0 14px 14px 0;padding:20px 24px;margin:28px 0;}.scf-tips-label{font-family:var(--f-head);font-size:0.98rem;font-weight:700;color:var(--c-dark-purple);display:flex;align-items:center;gap:8px;margin-bottom:10px;}.scf-tips-label i,.scf-tips-label .material-symbols-outlined{color:#7B3FE4;}.scf-tips-box ul{list-style-type:disc;padding-left:20px;margin:0;font-size:0.92rem;}.scf-tips-box li{margin-bottom:6px;}.scf-baca-juga-inline{background:var(--c-white);border:1px solid rgba(123,63,228,0.2);border-left:4px solid #7B3FE4;border-radius:0 14px 14px 0;padding:18px 22px;margin:32px 0;box-shadow:0 6px 18px rgba(123,63,228,0.04);}.scf-baca-juga-inline-label{font-size:0.76rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#7B3FE4;display:flex;align-items:center;gap:6px;margin-bottom:8px;}.scf-baca-juga-inline-list{list-style:none;padding:0;margin:0;}.scf-baca-juga-inline-list li{margin-bottom:6px;}.scf-baca-juga-inline-list a{font-family:var(--f-head);font-size:0.98rem;font-weight:700;color:var(--c-dark-purple);display:inline-flex;align-items:center;gap:6px;transition:color 0.25s ease;}.scf-baca-juga-inline-list a:hover{color:#7B3FE4;}.scf-content-img-block{margin:32px 0;}.scf-content-img-block img,.scf-content-img-block .ph{width:100%;aspect-ratio:16 / 9;max-height:360px;border-radius:16px;object-fit:cover;box-shadow:0 8px 25px rgba(36,22,47,0.06);}.scf-content-img-caption{font-size:0.84rem;color:var(--c-muted);font-style:italic;text-align:center;margin-top:10px;}.scf-section-divider{margin:40px 0;border-color:rgba(38,35,41,0.1);}.scf-faq-accordion{margin:28px 0;}.scf-faq-item{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:14px;margin-bottom:12px;overflow:hidden;}.scf-faq-toggle{width:100%;padding:16px 20px;background:var(--c-white);border:none;font-family:var(--f-head);font-size:0.98rem;font-weight:700;color:var(--c-dark-purple);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;}.scf-faq-chevron{color:#7B3FE4;transition:transform 0.3s ease;}.scf-faq-toggle[aria-expanded="true"] .scf-faq-chevron{transform:rotate(180deg);}.scf-faq-body{padding:0 20px 18px;font-size:0.92rem;color:var(--c-muted);line-height:1.6;}.scf-conclusion-box{background:linear-gradient(135deg,#24162F 0%,#170C1F 100%);border-radius:20px;padding:36px 30px;color:#FFFFFF;margin:44px 0;border:1px solid rgba(176,102,254,0.25);box-shadow:0 16px 40px rgba(36,22,47,0.2);}.scf-conclusion-box h2{color:#FFFFFF;font-size:1.5rem;font-weight:800;border-bottom:none;margin-top:0;}.scf-conclusion-box p{color:rgba(248,246,241,0.85);font-size:0.98rem;line-height:1.65;}.scf-btn-success{background:#25D366;color:#FFFFFF;font-family:var(--f-meta);font-size:0.85rem;font-weight:700;padding:12px 24px;border-radius:30px;text-decoration:none;transition:all 0.3s var(--ease);box-shadow:0 4px 14px rgba(37,211,102,0.3);}.scf-btn-success:hover{background:#1EBE57;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,211,102,0.4);}.scf-btn-outline-light{background:transparent;color:#FFFFFF;border:1px solid rgba(255,255,255,0.3);font-family:var(--f-meta);font-size:0.85rem;font-weight:700;padding:12px 24px;border-radius:30px;text-decoration:none;transition:all 0.3s var(--ease);}.scf-btn-outline-light:hover{background:rgba(255,255,255,0.15);color:#FFFFFF;border-color:rgba(255,255,255,0.5);}.scf-author-profile-box{margin:28px 0 36px;background:#FFFFFF;border:1px solid rgba(38,35,41,0.08);border-left:4px solid #7B3FE4;border-radius:14px;padding:18px 22px;box-shadow:0 4px 14px rgba(36,22,47,0.03);transition:all 0.3s ease;}.scf-author-profile-box:hover{border-color:rgba(123,63,228,0.25);box-shadow:0 6px 18px rgba(123,63,228,0.06);}.scf-author-profile-card{display:flex;align-items:center;gap:16px;}.scf-author-profile-avatar-wrap{position:relative;flex-shrink:0;}.scf-author-profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #7B3FE4;}.scf-author-verified-badge{position:absolute;bottom:-2px;right:-2px;background:#FFFFFF;color:#7B3FE4;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;box-shadow:0 2px 5px rgba(0,0,0,0.12);}.scf-author-profile-info{flex:1;}.scf-author-profile-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap;}.scf-author-label{display:inline-block;font-size:0.68rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;color:#7B3FE4;background:rgba(123,63,228,0.08);padding:2px 8px;border-radius:6px;}.scf-author-profile-name{font-size:1rem;font-weight:700;color:var(--c-dark-purple);margin:0;}.scf-author-profile-bio{font-size:0.86rem;line-height:1.5;color:var(--c-muted);margin:0;}.scf-article-footer{padding-top:24px;border-top:1px solid rgba(38,35,41,0.1);margin-top:36px;}.scf-tag{font-family:var(--f-meta);font-size:0.78rem;font-weight:600;color:#7B3FE4;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.15);padding:4px 14px;border-radius:20px;text-decoration:none;transition:all 0.25s ease;}.scf-tag:hover{background:#7B3FE4;color:#FFFFFF;}.scf-share-row{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap;}.scf-share-label{font-family:var(--f-meta);font-size:0.84rem;font-weight:700;color:var(--c-dark-purple);}.scf-share-btn{font-family:var(--f-meta);font-size:0.78rem;font-weight:600;padding:6px 14px;border-radius:20px;color:#FFFFFF;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform 0.25s ease;}.scf-share-btn.wa{background:#25D366;}.scf-share-btn.fb{background:#1877F2;}.scf-share-btn.tw{background:#000000;}.scf-share-btn:hover{transform:translateY(-2px);color:#FFFFFF;}.scf-sidebar{display:flex;flex-direction:column;gap:28px;}.scf-sidebar-cta{background:linear-gradient(135deg,#24162F 0%,#170C1F 100%);border-radius:20px;padding:28px 24px;color:#FFFFFF;border:1px solid rgba(176,102,254,0.25);box-shadow:0 10px 30px rgba(36,22,47,0.12);}.scf-sidebar-cta h3{color:#FFFFFF;font-size:1.2rem;font-weight:800;margin-bottom:8px;}.scf-sidebar-cta p{color:rgba(248,246,241,0.85);font-size:0.88rem;line-height:1.55;margin-bottom:18px;}.scf-sidebar-card{background:var(--c-white);border:1px solid rgba(38,35,41,0.08);border-radius:20px;padding:24px;box-shadow:0 6px 20px rgba(36,22,47,0.03);}.scf-sidebar-title{font-family:var(--f-head);font-size:1.05rem;font-weight:800;color:var(--c-dark-purple);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(123,63,228,0.15);}.scf-related-item{display:flex;gap:14px;align-items:center;margin-bottom:16px;text-decoration:none;}.scf-related-item:last-child{margin-bottom:0;}.scf-related-thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--c-soft-gray);}.scf-related-cat{font-size:0.72rem;font-weight:700;color:#7B3FE4;text-transform:uppercase;margin-bottom:2px;}.scf-related-title{font-family:var(--f-head);font-size:0.88rem;font-weight:700;color:var(--c-dark-purple);line-height:1.35;transition:color 0.25s ease;}.scf-related-item:hover .scf-related-title{color:#7B3FE4;}.scf-sidebar-product{display:flex;align-items:center;gap:14px;padding:12px 14px;background:rgba(123,63,228,0.04);border:1px solid rgba(123,63,228,0.12);border-radius:14px;margin-bottom:12px;text-decoration:none;transition:all 0.3s var(--ease);}.scf-sidebar-product:last-child{margin-bottom:0;}.scf-sidebar-product:hover{background:rgba(123,63,228,0.08);border-color:rgba(123,63,228,0.28);transform:translateX(4px);}.scf-sidebar-product i{color:#7B3FE4;font-size:1.25rem;width:40px;height:40px;background:rgba(123,63,228,0.08);border:1px solid rgba(123,63,228,0.16);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s ease;}.scf-sidebar-product:hover i{background:linear-gradient(135deg,#7B3FE4 0%,#4A227B 100%);color:#FFFFFF;border-color:transparent;transform:scale(1.08);}.scf-sidebar-product-name{font-family:var(--f-head);font-size:0.92rem;font-weight:700;color:var(--c-dark-purple);margin-bottom:2px;}.scf-sidebar-product-desc{font-size:0.78rem;color:var(--c-muted);line-height:1.4;}@media (max-width:767px){.scf-article-page{padding-bottom:10px;margin-bottom:10px;}main.flex-grow-1{padding-bottom:20px !important;margin-bottom:0 !important;}.site-footer{padding-top:44px;}.page-banner{padding:52px 0 40px;}.page-banner-title{font-size:1.35rem !important;line-height:1.3 !important;}.scf-simple-breadcrumb{margin-bottom:8px;}.scf-simple-breadcrumb .breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;font-size:0.78rem;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.scf-simple-breadcrumb .breadcrumb::-webkit-scrollbar{display:none;}.scf-simple-breadcrumb .breadcrumb-item.active{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom;}.scf-article-h1{font-size:1.5rem;line-height:1.3;margin-top:12px;margin-bottom:12px;}.scf-article-lead{font-size:0.95rem;line-height:1.55;margin-bottom:18px;}.scf-author-block{padding:12px 14px;gap:12px;border-radius:12px;margin-bottom:20px;}.scf-author-photo{width:44px;height:44px;}.scf-author-name{font-size:0.88rem;}.scf-author-meta{gap:8px 12px;font-size:0.75rem;}.scf-hero-photo{aspect-ratio:16 / 10;max-height:230px;border-radius:12px;margin-bottom:8px;}.scf-photo-caption{font-size:0.78rem;margin-bottom:24px;}.scf-summary-box{padding:16px 18px;border-radius:14px;margin-bottom:28px;}.scf-summary-label{font-size:0.96rem;margin-bottom:10px;}.scf-summary-box li{font-size:0.88rem;margin-bottom:6px;}.scf-toc-collapsible{border-radius:14px;margin-bottom:28px;}.scf-toc-toggle{padding:12px 16px;font-size:0.92rem;}.scf-toc-body{padding:12px 16px 16px;}.scf-toc-body li a{font-size:0.86rem;}.scf-article-body{font-size:0.96rem;line-height:1.68;}.scf-article-body h2{font-size:1.28rem;margin-top:32px;margin-bottom:14px;}.scf-tips-box,.scf-baca-juga-inline{padding:14px 16px;margin:24px 0;border-radius:0 10px 10px 0;}.scf-baca-juga-inline-list a{font-size:0.9rem;line-height:1.35;}.scf-content-img-block{margin:24px 0;}.scf-content-img-block img,.scf-content-img-block .ph{aspect-ratio:16 / 10;max-height:220px;border-radius:12px;}.scf-conclusion-box{padding:24px 18px;border-radius:16px;margin:32px 0;}.scf-conclusion-box h2{font-size:1.3rem;}.scf-conclusion-box p{font-size:0.9rem;}.scf-author-profile-box{padding:14px 16px;margin:20px 0 28px;border-radius:12px;border-left:3.5px solid #7B3FE4;}.scf-author-profile-card{flex-direction:row;align-items:center;text-align:left;gap:12px;}.scf-author-profile-avatar{width:48px;height:48px;}.scf-author-profile-header{gap:6px;margin-bottom:2px;}.scf-author-profile-name{font-size:0.92rem;}.scf-author-profile-bio{font-size:0.8rem;line-height:1.4;}.scf-btn-success,.scf-btn-outline-light{width:100%;justify-content:center;padding:11px 20px;font-size:0.82rem;}.scf-sidebar{display:flex;flex-direction:column;gap:20px;}.scf-sidebar-cta{order:10;padding:20px 16px;border-radius:16px;}.scf-sidebar-card{padding:20px 16px;border-radius:16px;}.scf-related-thumb{width:56px;height:56px;border-radius:10px;}.scf-related-title{font-size:0.84rem;}}.container,.container-fluid,.container-xl{width:100%;max-width:var(--container-max,1220px);margin-inline:auto;padding-inline:var(--gutter,20px);}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));}.row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y);}.g-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem;}.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}.g-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}@media (max-width:767px){.row{--bs-gutter-x:1rem !important;}.g-4,.g-5{--bs-gutter-x:1rem !important;--bs-gutter-y:2rem !important;}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-top:1.5rem;margin-bottom:1.5rem;}.table-responsive .scf-comparison-table{min-width:580px;margin:0;}.collapse{display:none;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;}.collapse.show{display:block;}.col-6{flex:0 0 auto;width:50%;}.col-12{flex:0 0 auto;width:100%;}@media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%;}.col-md-4{flex:0 0 auto;width:33.33333333%;}.col-md-6{flex:0 0 auto;width:50%;}.col-md-8{flex:0 0 auto;width:66.66666667%;}.col-md-12{flex:0 0 auto;width:100%;}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%;}.col-lg-3{flex:0 0 auto;width:25%;}.col-lg-4{flex:0 0 auto;width:33.33333333%;}.col-lg-6{flex:0 0 auto;width:50%;}.col-lg-8{flex:0 0 auto;width:66.66666667%;}.col-lg-12{flex:0 0 auto;width:100%;}}.d-flex{display:flex !important;}.d-inline-flex{display:inline-flex !important;}.d-none{display:none !important;}.d-block{display:block !important;}.flex-column{flex-direction:column !important;}.flex-wrap{flex-wrap:wrap !important;}.align-items-center{align-items:center !important;}.justify-content-center{justify-content:center !important;}.justify-content-between{justify-content:space-between !important;}.w-100{width:100% !important;}.h-100{height:100% !important;}.position-relative{position:relative !important;}.position-absolute{position:absolute !important;}.top-0{top:0 !important;}.end-0{right:0 !important;}.text-center{text-align:center !important;}.text-muted{color:var(--c-muted,#77727A) !important;}.text-white{color:#ffffff !important;}.text-danger{color:#dc3545 !important;}.text-success{color:#198754 !important;}.fw-bold,.font-weight-bold{font-weight:700 !important;}.fw-semibold{font-weight:600 !important;}.rounded{border-radius:8px !important;}.rounded-3{border-radius:12px !important;}.rounded-4{border-radius:16px !important;}.rounded-pill{border-radius:50rem !important;}.border-0{border:0 !important;}.p-0{padding:0 !important;}.p-3{padding:1rem !important;}.p-4{padding:1.5rem !important;}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important;}.mb-0{margin-bottom:0 !important;}.mb-1{margin-bottom:0.25rem !important;}.mb-2{margin-bottom:0.5rem !important;}.mb-3{margin-bottom:1rem !important;}.mb-4{margin-bottom:1.5rem !important;}.mt-2{margin-top:0.5rem !important;}.mt-3{margin-top:1rem !important;}.mt-4{margin-top:1.5rem !important;}.mt-5{margin-top:3rem !important;}.gap-2{gap:0.5rem !important;}.gap-3{gap:1rem !important;}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);z-index:1050;overflow-x:hidden;overflow-y:auto;backdrop-filter:blur(4px);}.modal.show,.modal[style*="display:block"]{display:flex !important;align-items:center;justify-content:center;}.modal-dialog{position:relative;width:90%;max-width:600px;margin:1.75rem auto;}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem);}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;background-color:var(--c-milk,#F8F6F1);border:1px solid var(--c-line,rgba(38,35,41,0.1));border-radius:16px;overflow:hidden;box-shadow:var(--c-shadow,0 24px 48px rgba(0,0,0,0.2));}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--c-line,rgba(38,35,41,0.1));}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem;}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;border-top:1px solid var(--c-line,rgba(38,35,41,0.1));}.btn-close,.btn-close-white{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;opacity:0.7;}.btn-close:hover{opacity:1;}