@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap";:root{--bg-main: #1E1E23;--bg-surface: #26282E;--bg-surface-elevated: #2E313A;--bg-card: #22242B;--text-primary: #FFFFFF;--text-secondary: #E2E6EE;--text-muted: #8E95A5;--text-subtle: #686F80;--accent-purple: #8B5CF6;--accent-purple-glow: rgba(139, 92, 246, .35);--quote-lavender: #99A8FF;--btn-bg: #272A30;--btn-bg-hover: #343842;--btn-border: rgba(255, 255, 255, .12);--btn-border-hover: rgba(255, 255, 255, .22);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Crimson Pro", Georgia, serif;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-smooth);--transition-normal: .25s var(--ease-smooth)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-secondary);line-height:1.5;min-height:100vh;overflow-x:clip;position:relative}::selection{background-color:#8b5cf666;color:#fff}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-track{background:transparent;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#8c96aa73;border-radius:9999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .25s ease}::-webkit-scrollbar-thumb:hover{background-color:#a0afc8bf}*{scrollbar-width:thin;scrollbar-color:rgba(140,150,170,.45) transparent}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);background-image:url(/Home%20Asset/Hero%20bg.svg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;position:relative;padding-top:86px}.page-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:100vh;background:radial-gradient(circle at 50% 40%,transparent 0%,rgba(30,30,35,.4) 70%,rgba(30,30,35,.8) 100%);pointer-events:none;z-index:1}.prototype-toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:10px;background:#262830f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:12px 20px;border-radius:12px;box-shadow:0 12px 32px #0006;font-size:.875rem;font-weight:500;opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--transition-normal);z-index:999}.prototype-toast.show{opacity:1;visibility:visible;transform:translateY(0)}.skeleton-shimmer,.skeleton-box,.skeleton-placeholder{background:linear-gradient(90deg,#ffffff08,#ffffff17,#ffffff08);background-size:200% 100%;animation:skeletonShimmerWave 1.6s ease-in-out infinite}@keyframes skeletonShimmerWave{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-fore-wf-magnifier-hint,.cs-indofood-hf-magnifier-hint,.cs-indofood-aup-magnifier-hint,.magnifier-hint,.zoom-hint,.enlarge-hint{display:none!important;visibility:hidden!important;pointer-events:none!important}.page-wrapper,.case-study-wrapper{animation:pageFadeIn .25s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;padding:24px 60px;background-color:#1e1e23d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000026;transform:translateY(0);transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease,padding .3s ease,border-color .3s ease;will-change:transform}.navbar.nav-scrolled{background-color:#1a1a1ff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px #00000040;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 60px}.navbar.nav-hidden{transform:translateY(-110%)!important;box-shadow:none!important}.nav-container{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand-identity{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1rem;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast)}.brand-identity:hover{opacity:.9}.brand-name{font-weight:700;color:var(--text-primary)}.brand-bullet{color:var(--text-subtle);font-size:.75rem}.brand-title{color:var(--text-muted);font-weight:400}.nav-links{display:flex;align-items:center;gap:32px}.nav-list{display:flex;align-items:center;list-style:none;gap:8px}.nav-item{position:relative}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.9375rem;font-weight:500;padding:6px 12px;border-radius:6px;position:relative;background-color:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;outline:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background-color:transparent}.nav-link:focus,.nav-link:focus-visible{outline:none;box-shadow:none}.nav-link.active{color:var(--text-primary);font-weight:600;background-color:transparent;border:none}.dropdown{position:relative}.dropdown-toggle .chevron-icon{transition:transform var(--transition-fast);color:var(--text-muted)}.dropdown.open .chevron-icon{transform:rotate(180deg);color:var(--text-primary)}.dropdown-menu.nav-projects-popover,.cs-dropdown-menu.nav-projects-popover{position:absolute;top:calc(100% + 16px);right:-20px;width:420px;max-width:calc(100vw - 32px);background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;z-index:1000;pointer-events:none}.dropdown.open .nav-projects-popover,.cs-nav-dropdown-wrapper.open .nav-projects-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;text-decoration:none;background-color:transparent;border:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.nav-popover-item:hover,.nav-popover-item:focus-visible{background-color:var(--bg-surface-elevated)}.nav-popover-item:active{transform:scale(.99)}.nav-popover-item.active{background-color:#8b5cf626}.nav-popover-item.active .popover-item-title{color:#c084fc}.popover-thumb-wrapper{width:90px;height:56px;flex-shrink:0;border-radius:6px;overflow:hidden;background-color:var(--bg-card)}.popover-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-fast)}.nav-popover-item:hover .popover-thumb-img{transform:scale(1.03)}.popover-item-content{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.popover-item-title{color:var(--text-primary);font-size:.92rem;font-weight:600;margin:0;line-height:1.25;letter-spacing:-.01em}.popover-item-desc{color:var(--text-muted);font-size:.8rem;line-height:1.35;margin:0}.popover-item-desc strong{color:var(--text-secondary);font-weight:600}.cs-dropdown-menu.nav-projects-popover{background-color:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 25px #00000014}.cs-dropdown-menu.nav-projects-popover .popover-thumb-wrapper{background-color:#f3f4f6}.cs-dropdown-menu.nav-projects-popover .popover-item-title{color:#1f2937}.cs-dropdown-menu.nav-projects-popover .popover-item-desc{color:#6b7280}.cs-dropdown-menu.nav-projects-popover .popover-item-desc strong{color:#374151}.cs-dropdown-menu.nav-projects-popover .nav-popover-item:hover,.cs-dropdown-menu.nav-projects-popover .nav-popover-item:focus-visible{background-color:#f4f5f8}.cs-dropdown-menu.nav-projects-popover .nav-popover-item.active{background-color:#eef2f9}.cs-dropdown-menu.nav-projects-popover .nav-popover-item.active .popover-item-title{color:#2f80ed}.btn-resume{display:inline-flex;align-items:center;gap:8px;background-color:var(--btn-bg);border:none;outline:none;box-shadow:none;color:var(--text-primary);text-decoration:none;font-size:.9375rem;font-weight:500;padding:7px 16px;border-radius:8px;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-resume:hover{background-color:var(--btn-bg-hover);border:none;transform:translateY(-1px)}.btn-resume:active{transform:translateY(0)}.btn-resume .resume-icon{color:var(--text-muted);transition:color var(--transition-fast)}.btn-resume:hover .resume-icon{color:var(--text-primary)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent!important;border:none;cursor:pointer;padding:0;margin:0;z-index:60;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover,.mobile-menu-btn:active,.mobile-menu-btn:focus,.mobile-menu-btn:focus-visible{background:transparent!important;outline:none;box-shadow:none}.hamburger-line{display:block;width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transform-origin:center;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,background-color var(--transition-fast)}@media(max-width:1024px){.navbar{padding:16px 24px;background-color:#1e1e23}.navbar.nav-scrolled{padding:14px 20px;background-color:#1a1a1f}.nav-container{position:static}.mobile-menu-btn{display:flex}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{position:absolute;top:100%;left:0;right:0;width:100%;height:auto;max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;background-color:#1e1e23;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #0003;flex-direction:column;align-items:stretch;padding:14px 18px 18px;gap:6px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1),visibility .26s ease;z-index:999}.nav-links.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-list{flex-direction:column;align-items:stretch;gap:4px;width:100%}.nav-item{width:100%}.nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;font-size:.95rem;font-weight:500;border-radius:8px;color:var(--text-muted);background-color:transparent;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background-color:#ffffff0a;color:var(--text-primary)}.nav-link.active{color:#fff;font-weight:600;background-color:#ffffff14;border-color:#ffffff1f}.dropdown-toggle{width:100%}.dropdown-menu.nav-projects-popover{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;box-shadow:none;border-left:1.5px solid rgba(255,255,255,.12);border-radius:0;margin:4px 0 4px 8px;padding:2px 0 2px 8px;width:auto;max-width:100%;display:none;pointer-events:auto;gap:2px;max-height:320px;overflow-y:auto}.dropdown.open .nav-projects-popover{display:flex}.nav-popover-item{gap:10px;padding:7px 8px;border-radius:6px;border:none;background-color:transparent}.nav-popover-item:hover,.nav-popover-item:active{background-color:#ffffff0a}.nav-popover-item.active{background-color:#8b5cf61a}.nav-popover-item.active .popover-item-title{color:#c084fc;font-weight:600}.popover-thumb-wrapper{width:48px;height:32px;border-radius:4px;background-color:#1a1a1f}.popover-item-title{font-size:.85rem;font-weight:500}.popover-item-desc{font-size:.74rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.nav-actions{width:100%;padding-top:8px;margin-top:2px;border-top:1px solid rgba(255,255,255,.08)}.btn-resume{width:100%;justify-content:center;padding:10px 16px;border-radius:8px;font-size:.92rem}}@media(max-width:640px){.brand-title,.brand-bullet{display:none}}.cs-header-nav{position:fixed;top:0;left:0;right:0;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:100%;padding:20px 60px;z-index:1000;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000a;transform:translateY(0);transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease,padding .3s ease,border-color .3s ease;will-change:transform}.cs-header-nav.nav-scrolled{background-color:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 14px #0000000f;border-bottom:1px solid rgba(0,0,0,.08);padding:16px 60px}.cs-header-nav.nav-hidden{transform:translateY(-110%)!important;box-shadow:none!important}.cs-nav-container{max-width:1440px;margin:0 auto;padding:0;display:flex;justify-content:space-between;align-items:center}.cs-back-btn{display:inline-flex;align-items:center;gap:6px;color:#1e1e24;font-size:.95rem;font-weight:500;text-decoration:none;background:transparent;border:none;cursor:pointer;padding:4px 8px 4px 0;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast),transform var(--transition-fast)}.cs-back-btn:hover{color:#000}.cs-back-btn:focus,.cs-back-btn:focus-visible{outline:none;box-shadow:none}.cs-back-icon{width:18px;height:18px;flex-shrink:0;transition:transform var(--transition-fast)}.cs-back-btn:hover .cs-back-icon{transform:translate(-3px)}.cs-back-btn:active .cs-back-icon{transform:translate(-1px)}.cs-nav-menu{display:flex;align-items:center;gap:8px}.cs-nav-link{color:#555966;font-size:.9375rem;font-weight:500;text-decoration:none;background-color:transparent;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;font-family:inherit;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.cs-nav-link:hover{color:#111827;background-color:transparent}.cs-nav-link.active{color:#111827;font-weight:600;background-color:transparent;border:none}.cs-nav-dropdown-wrapper{position:relative}.cs-dropdown-trigger{display:inline-flex;align-items:center;gap:4px}.cs-dropdown-chevron{transition:transform var(--transition-fast)}.cs-nav-dropdown-wrapper.open .cs-dropdown-chevron{transform:rotate(180deg)}.cs-resume-button{display:inline-flex;align-items:center;gap:8px;background:#eef0f6;color:#1f2937;padding:7px 16px;border-radius:8px;font-size:.9375rem;font-weight:500;border:none;outline:none;box-shadow:none;text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.cs-resume-button:hover{background:#e2e5ee;border:none;transform:translateY(-1px)}.cs-resume-button:active{transform:translateY(0)}.cs-mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent!important;border:none;cursor:pointer;padding:0;margin:0;z-index:60;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.cs-mobile-menu-btn:hover,.cs-mobile-menu-btn:active,.cs-mobile-menu-btn:focus,.cs-mobile-menu-btn:focus-visible{background:transparent!important;outline:none;box-shadow:none}.cs-hamburger-line{display:block;width:100%;height:2px;background-color:#1e1e24;border-radius:2px;transform-origin:center;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,background-color var(--transition-fast)}.cs-mobile-menu-btn.active .cs-hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.cs-mobile-menu-btn.active .cs-hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.cs-mobile-menu-btn.active .cs-hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:1024px){.cs-header-nav{padding:16px 24px;background-color:#fff}.cs-header-nav.nav-scrolled{padding:14px 20px;background-color:#fff}.cs-nav-container{position:static}.cs-mobile-menu-btn{display:flex}.cs-nav-menu{position:absolute;top:100%;left:0;right:0;width:100%;height:auto;max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.08);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 8px 24px #00000014;flex-direction:column;align-items:stretch;padding:14px 18px 18px;gap:6px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1),visibility .26s ease;z-index:999}.cs-nav-menu.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.cs-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;font-size:.95rem;font-weight:500;border-radius:8px;color:#555966;background-color:transparent;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast)}.cs-nav-link:hover{background-color:#0000000a;color:#111827}.cs-nav-link.active{color:#2f80ed;font-weight:600;background-color:#eef4fd;border-color:#2f80ed40}.cs-nav-dropdown-wrapper,.cs-dropdown-trigger{width:100%}.cs-dropdown-menu.nav-projects-popover{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;box-shadow:none;border-left:1.5px solid rgba(0,0,0,.1);border-radius:0;margin:4px 0 4px 8px;padding:2px 0 2px 8px;width:auto;max-width:100%;display:none;pointer-events:auto;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.cs-nav-dropdown-wrapper.open .nav-projects-popover{display:flex}.cs-dropdown-menu.nav-projects-popover .nav-popover-item{gap:10px;padding:7px 8px;border-radius:6px;border:none;background-color:transparent}.cs-dropdown-menu.nav-projects-popover .nav-popover-item:hover,.cs-dropdown-menu.nav-projects-popover .nav-popover-item:active{background-color:#0000000a}.cs-dropdown-menu.nav-projects-popover .nav-popover-item.active{background-color:#eef4fd}.cs-dropdown-menu.nav-projects-popover .nav-popover-item.active .popover-item-title{color:#2f80ed;font-weight:600}.cs-dropdown-menu.nav-projects-popover .popover-thumb-wrapper{width:48px;height:32px;border-radius:4px;background-color:#f3f4f6;box-shadow:none}.cs-dropdown-menu.nav-projects-popover .popover-item-title{font-size:.85rem;font-weight:500;color:#1f2937}.cs-dropdown-menu.nav-projects-popover .popover-item-desc{font-size:.74rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cs-nav-actions{width:100%;padding-top:8px;margin-top:2px;border-top:1px solid rgba(0,0,0,.06)}.cs-resume-button{width:100%;justify-content:center;padding:10px 16px;border-radius:8px;font-size:.92rem}}.cs-lightbox-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#0a0a0ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:csModalFadeIn .25s cubic-bezier(.2,.8,.2,1)}.cs-lightbox-modal-scroll{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:40px 24px;cursor:zoom-out}.cs-lightbox-modal-scroll.is-desktop-scroll{align-items:flex-start;padding:60px 24px 80px}.cs-lightbox-modal-content{position:relative;max-width:96vw;max-height:94vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0;overflow:visible;cursor:default;animation:csModalScaleIn .3s cubic-bezier(.2,.8,.2,1)}.cs-lightbox-modal-content.is-desktop-content{max-width:1180px;width:100%;min-width:min(920px,92vw);max-height:none;margin:0 auto}.cs-lightbox-close-btn{position:fixed;top:24px;right:28px;width:44px;height:44px;border-radius:50%;background:#ffffff24;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000000;transition:all .25s cubic-bezier(.2,.8,.2,1);outline:none}.cs-lightbox-close-btn:hover{background:#ffffff47;transform:scale(1.1) rotate(90deg);border-color:#ffffff73}.cs-lightbox-modal-img{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;display:block;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:8px}.cs-lightbox-modal-img.is-desktop-img{width:100%;min-width:min(920px,92vw);max-width:1180px;max-height:none;height:auto;object-fit:unset;border-radius:8px;box-shadow:0 20px 60px #0009}.cs-lightbox-modal-caption{margin-top:14px;color:#ffffffd9;font-size:.95rem;font-weight:500;text-align:center}@keyframes csModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes csModalScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cs-proto-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:999999;background:#000;display:flex;flex-direction:column;overflow:hidden;animation:csProtoFadeIn .2s cubic-bezier(.16,1,.3,1)}.cs-proto-modal-window{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#000;overflow:hidden;border:none;border-radius:0;box-shadow:none}.cs-proto-modal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;min-height:48px;background:#14161c;border-bottom:1px solid rgba(255,255,255,.08);gap:16px;flex-shrink:0;z-index:10}.cs-proto-header-left{display:flex;align-items:center;gap:12px;min-width:0}.cs-proto-figma-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;color:#e2e6ee;letter-spacing:.02em;white-space:nowrap}.cs-proto-figma-icon{flex-shrink:0;display:block}.cs-proto-modal-title{font-size:.98rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.cs-proto-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cs-proto-btn-external{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#e2e6ee;font-size:.82rem;font-weight:600;padding:6px 12px;border-radius:7px;text-decoration:none;transition:all .2s ease}.cs-proto-btn-external:hover{background:#ffffff29;color:#fff;border-color:#ffffff47;transform:translateY(-1px)}.cs-proto-btn-external svg{opacity:.8;transition:transform .2s ease}.cs-proto-btn-external:hover svg{opacity:1;transform:translate(1px,-1px)}.cs-proto-header-close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#d1d7e3;cursor:pointer;transition:all .2s ease;outline:none}.cs-proto-header-close-btn:hover{background:#ef444438;border-color:#ef444473;color:#f87171;transform:scale(1.06)}.cs-proto-iframe-container{position:relative;flex:1;width:100%;height:100%;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.cs-proto-loader-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c10;z-index:2;gap:14px}.cs-proto-skeleton-canvas{width:220px;height:130px;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;box-sizing:border-box}.cs-proto-skeleton-pill{width:80px;height:18px;border-radius:10px;background-color:#ffffff14}.cs-proto-skeleton-line{width:140px;height:10px;border-radius:6px;background-color:#ffffff0d}.cs-proto-loader-text{font-size:.95rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em}.cs-proto-loader-sub{font-size:.75rem;color:#8e95a5;letter-spacing:.04em;text-transform:uppercase}.cs-proto-iframe{width:100%;height:100%;border:none;background:#000;display:block;transition:opacity .3s ease}.cs-proto-iframe.is-loading{opacity:0}.cs-proto-iframe.is-loaded{opacity:1}@keyframes csProtoFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes csProtoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.cs-proto-modal-header{padding:8px 12px;gap:8px;min-height:44px}.cs-proto-figma-badge{padding:3px 7px;font-size:.7rem}.cs-proto-modal-title{font-size:.85rem}.cs-proto-btn-external span{display:none}.cs-proto-btn-external{padding:5px 8px}.cs-proto-header-close-btn{width:32px;height:32px}}.cs-other-projects-section{position:relative;background-color:#283040;padding:96px 24px 88px;width:100%}.cs-other-projects-container{max-width:1120px;width:100%;margin:0 auto}.cs-other-projects-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:52px}.cs-op-coin-icon{width:40px;height:40px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 6px 14px rgba(255,170,0,.45));animation:floatSlow 3.2s ease-in-out infinite alternate}.cs-op-badge{color:#2f80ed;font-size:.95rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.projectscoid-case-study-page .cs-op-badge{color:#fa8c16}.indofood-case-study-page .cs-op-badge{color:#005baa}.indofood-case-study-page .cs-op-coin-icon{filter:drop-shadow(0 6px 14px rgba(224,138,53,.4))}.cs-op-heading{font-size:2.35rem;font-weight:800;color:#fff;letter-spacing:-.02em}.cs-op-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:110px}.cs-op-grid>:last-child:nth-child(odd),.cs-op-grid .cs-op-card-centered{grid-column:1 / -1;width:calc(50% - 18px);margin:0 auto}.cs-op-footer{display:flex;justify-content:center;align-items:center;padding-top:72px}.cs-op-footer-socials{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.cs-op-social-group{display:flex;align-items:center;gap:24px}.cs-op-social-link{display:inline-flex;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;font-size:.95rem;font-weight:500;background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit;line-height:1.5;transition:color var(--transition-fast),transform var(--transition-fast)}.cs-op-social-link:hover{color:#fff;transform:translateY(-2px)}.cs-op-social-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;display:block;opacity:.85;transition:opacity var(--transition-fast)}.cs-op-social-link:hover .cs-op-social-icon{opacity:1}.cs-op-footer-divider{color:#4b5563;font-size:.95rem;-webkit-user-select:none;user-select:none}.fore-case-study-page .cs-other-projects-section,.cs-other-projects-section.is-light-theme{background-color:#f4f2ee}.fore-case-study-page .cs-op-badge,.cs-other-projects-section.is-light-theme .cs-op-badge{color:#035f41;font-weight:700}.fore-case-study-page .cs-op-heading,.cs-other-projects-section.is-light-theme .cs-op-heading{color:#1e3326}.fore-case-study-page .cs-op-grid .case-study-card,.cs-other-projects-section.is-light-theme .case-study-card{box-shadow:0 4px 14px #0000000d,0 1px 3px #00000008;border:1px solid rgba(0,0,0,.04)}.fore-case-study-page .cs-op-grid .case-study-card:hover,.cs-other-projects-section.is-light-theme .case-study-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #00000017,0 2px 6px #0000000a}.fore-case-study-page .cs-op-social-link,.cs-other-projects-section.is-light-theme .cs-op-social-link{color:#475569;font-weight:500}.fore-case-study-page .cs-op-social-link:hover,.cs-other-projects-section.is-light-theme .cs-op-social-link:hover{color:#035f41;transform:translateY(-2px)}.fore-case-study-page .cs-op-social-icon,.cs-other-projects-section.is-light-theme .cs-op-social-icon{filter:brightness(0) opacity(.7)}.fore-case-study-page .cs-op-social-link:hover .cs-op-social-icon,.cs-other-projects-section.is-light-theme .cs-op-social-link:hover .cs-op-social-icon{filter:brightness(0) opacity(1)}.fore-case-study-page .cs-op-footer-divider,.cs-other-projects-section.is-light-theme .cs-op-footer-divider{color:#cbd5e1}@media(max-width:1024px){.cs-other-projects-section{padding:72px 24px 64px}.cs-op-grid{gap:24px;margin-bottom:84px}.cs-op-grid .case-study-card{height:320px!important;border-radius:18px!important}.cs-op-grid .card-split-title-container,.cs-op-grid .card-top-title-container,.cs-op-grid .card-header-content{z-index:30!important}.cs-op-grid>:last-child:nth-child(odd),.cs-op-grid .cs-op-card-centered{grid-column:auto;width:100%}.cs-op-footer-socials{gap:14px;font-size:.875rem}}@media(max-width:768px){.cs-op-grid{grid-template-columns:1fr;margin-bottom:64px}.cs-op-grid .case-study-card{height:300px!important}}@media(max-width:640px){.cs-other-projects-header{margin-bottom:36px}.cs-op-heading{font-size:1.85rem}.cs-op-footer{display:flex;justify-content:center;align-items:center;padding-top:40px;width:100%}.cs-op-footer-socials{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:360px;margin:0 auto;gap:12px}.cs-op-footer-divider{display:none}.cs-op-email-btn{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px;background:transparent!important;border:none!important;border-radius:0!important;color:#fff;font-size:.95rem;font-weight:500;box-shadow:none!important;transition:color var(--transition-fast),transform var(--transition-fast)}.cs-op-email-btn:hover,.cs-op-email-btn:active{color:#8b9dfc;background:transparent!important;border:none!important;transform:translateY(-1px)}.cs-op-social-group{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.cs-op-social-group .cs-op-social-link{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;background:#ffffff14;border:none!important;border-radius:12px;color:#e2e8f0;font-size:.85rem;font-weight:500;transition:all var(--transition-fast);box-sizing:border-box}.cs-op-social-group .cs-op-social-link:hover,.cs-op-social-group .cs-op-social-link:active{background:#ffffff26;border:none!important;color:#fff;transform:translateY(-1px)}.cs-op-social-group .cs-op-social-icon{width:18px;height:18px}.fore-case-study-page .cs-op-email-btn,.cs-other-projects-section.is-light-theme .cs-op-email-btn{background:transparent!important;border:none!important;color:#1e3326;box-shadow:none!important}.fore-case-study-page .cs-op-email-btn:hover,.fore-case-study-page .cs-op-email-btn:active,.cs-other-projects-section.is-light-theme .cs-op-email-btn:hover,.cs-other-projects-section.is-light-theme .cs-op-email-btn:active{color:#035f41}.fore-case-study-page .cs-op-social-group .cs-op-social-link,.cs-other-projects-section.is-light-theme .cs-op-social-group .cs-op-social-link{background:#f1f5f9;border:none!important;color:#374151;box-shadow:none}.fore-case-study-page .cs-op-social-group .cs-op-social-link:hover,.fore-case-study-page .cs-op-social-group .cs-op-social-link:active,.cs-other-projects-section.is-light-theme .cs-op-social-group .cs-op-social-link:hover,.cs-other-projects-section.is-light-theme .cs-op-social-group .cs-op-social-link:active{background:#e2e8f0;color:#035f41;border:none!important}}.hero-section{position:relative;z-index:10;min-height:calc(100vh - 86px);min-height:calc(100svh - 86px);display:flex;align-items:center;justify-content:center;padding:50px 24px 90px}.hero-container{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.avatar-marquee-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:46px}.avatar-gradient-backplate{position:absolute;top:0;left:50%;width:276px;height:276px;margin-left:-138px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#7c3aed,#4f46e5 70%,#3b82f6);box-shadow:0 8px 20px #7c3aed4d;z-index:0;opacity:0;transform:translate(0);transition:transform .15s cubic-bezier(.2,.8,.2,1),opacity .35s ease,box-shadow .35s ease;pointer-events:none;will-change:transform,opacity}.avatar-gradient-backplate.is-active{opacity:1}.avatar-circle{width:276px;height:276px;border-radius:50%;overflow:hidden;background-color:var(--bg-surface);box-shadow:0 6px 16px #0000002e,inset 0 0 0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;pointer-events:none}.tools-marquee-container{position:absolute;bottom:-28px;z-index:10;width:390px;padding:8px 0;background:transparent;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);pointer-events:auto}.tools-marquee-container:active{cursor:grabbing}.tools-marquee-track{display:flex;width:max-content;background:transparent;animation:marqueeScroll 24s linear infinite;will-change:transform}.tools-marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.tools-group{display:flex;align-items:center;gap:12px;padding:0 6px;background:transparent}.tool-item{position:relative;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:transparent;transition:transform var(--transition-fast);cursor:pointer}.tool-item:hover{transform:translateY(-3px) scale(1.08)}.tool-icon{width:100%;height:100%;object-fit:contain;border-radius:11px;box-shadow:0 2px 6px #00000026;display:block}.hero-content{max-width:940px}.hero-headline{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0}.headline-primary{font-family:var(--font-sans);font-size:2.15rem;font-weight:400;color:var(--text-secondary);letter-spacing:-.025em;line-height:1.35}.headline-primary strong{font-weight:700;color:var(--text-primary)}.wave-emoji{display:inline-block;transform-origin:70% 70%;animation:wave 2.5s infinite}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.headline-secondary{font-family:var(--font-serif);font-size:2.55rem;font-weight:600;font-style:italic;color:var(--quote-lavender);letter-spacing:-.02em;line-height:1.32;text-shadow:0 4px 24px rgba(153,168,255,.22)}.home-projects-section{position:relative;z-index:10;width:100%;background-color:#252534;padding:90px 0 120px}.home-projects-container{max-width:1400px;margin:0 auto;padding:0 48px}.projects-section-header{margin-bottom:40px}.projects-section-title{font-size:2.75rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#7e7cff,#a282ff,#c49cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px;line-height:1.2}.projects-section-subtitle{font-size:1.05rem;color:#8e95a5;font-weight:400;margin:0;letter-spacing:-.01em}.home-projects-list{display:flex;flex-direction:column;gap:64px}.project-showcase-card{display:grid;grid-template-columns:420px 1fr;gap:32px;align-items:stretch}.project-info-col{background-color:#1c1d24;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #0000001f}.project-info-top{display:flex;flex-direction:column}.project-title{font-size:1.35rem;font-weight:700;color:#fff;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px}.project-meta-tags{font-size:.875rem;font-weight:500;color:#5b86e5;margin:0 0 20px;line-height:1.4}.project-description{font-size:.925rem;line-height:1.65;color:#9ca3b0;margin:0}.project-info-bottom{margin-top:32px}.btn-case-study{display:inline-flex;align-items:center;gap:8px;background-color:#ffffff12;border:none;outline:none;color:#e2e8f0;padding:10px 18px;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.btn-case-study:hover{background-color:#ffffff24;color:#fff;border:none;outline:none;transform:translateY(-1px);box-shadow:none}.btn-case-study:focus,.btn-case-study:focus-visible{outline:none;box-shadow:none}.btn-icon-morph{width:16px;height:16px;flex-shrink:0;overflow:visible;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.btn-icon-morph .arrow-stem{opacity:0;stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.btn-icon-morph .chevron-head{transform:translate(-3px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.btn-case-study:hover .btn-icon-morph{transform:translate(2px)}.btn-case-study:hover .btn-icon-morph .arrow-stem{opacity:1;stroke-dashoffset:0}.btn-case-study:hover .btn-icon-morph .chevron-head{transform:translate(0)}.project-visual-col{display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:20px}.showcase-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding:4px 0 8px;background:transparent}.showcase-scroll-wrapper:active{cursor:grabbing}.showcase-scroll-wrapper::-webkit-scrollbar{display:none}.showcase-scroll-track{display:flex;align-items:center;gap:24px;width:max-content;padding:2px}.showcase-card-item{flex-shrink:0;height:320px;display:flex;align-items:center;background:transparent}.showcase-card-banner{border-radius:16px;overflow:hidden;box-shadow:none;background:transparent}.showcase-banner-img{height:320px;width:auto;object-fit:cover;display:block;border-radius:16px}.showcase-card-mockup{display:flex;align-items:center;justify-content:center;background:transparent}.showcase-mockup-img{height:320px;width:auto;object-fit:contain;display:block;border-radius:14px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45));transition:transform var(--transition-fast)}.showcase-mockup-img:hover{transform:translateY(-4px) scale(1.02)}.showcase-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4px}.showcase-progress-track{flex:1;height:4px;background-color:#ffffff1f;border-radius:9999px;position:relative;overflow:hidden}.showcase-progress-thumb{position:absolute;top:0;left:0;height:100%;width:25%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:9999px;transform:translate(0);transition:transform .12s ease-out}.showcase-arrow-nav{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-showcase-nav{width:38px;height:38px;border-radius:50%;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-showcase-nav:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff40;color:#fff;transform:scale(1.06)}.btn-showcase-nav:active:not(:disabled){transform:scale(.96)}.btn-showcase-nav:disabled{opacity:.25;cursor:not-allowed;pointer-events:none;border-color:#ffffff0a}@media(max-width:1024px){.home-projects-list{gap:36px}.project-showcase-card{display:flex!important;flex-direction:column!important;background-color:#1c1d24!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:18px!important;padding:28px 24px 24px!important;box-shadow:0 4px 20px #0003!important;gap:22px!important}.project-info-col{display:contents!important;background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.project-info-top{order:1!important;width:100%!important}.project-title{font-size:1.35rem!important;line-height:1.35!important;margin:0 0 10px!important}.project-meta-tags{font-size:.85rem!important;margin:0 0 14px!important}.project-description{font-size:.92rem!important;line-height:1.6!important}.project-visual-col{order:2!important;width:100%!important;gap:16px!important;margin:4px 0!important}.showcase-scroll-wrapper{width:100%!important;padding:2px 0 6px!important}.showcase-scroll-track{gap:16px!important}.showcase-card-item{height:240px!important}.showcase-banner-img{height:240px!important;border-radius:12px!important}.showcase-mockup-img{height:240px!important;border-radius:10px!important}.showcase-controls-bar{width:100%!important;gap:16px!important}.btn-showcase-nav{width:36px!important;height:36px!important}.project-info-bottom{order:3!important;width:100%!important;margin-top:0!important}.btn-case-study{display:inline-flex!important;width:fit-content!important}}@media(max-width:640px){.project-showcase-card{padding:24px 18px 20px!important;gap:18px!important;border-radius:16px!important}.project-title{font-size:1.25rem!important}.showcase-card-item,.showcase-banner-img,.showcase-mockup-img{height:200px!important}}.about-section{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 48px 60px}.about-container{max-width:1120px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.about-grid{display:grid;grid-template-columns:360px 1fr;gap:72px;align-items:center;width:100%}.about-photo-wrapper{position:relative;width:100%;max-width:350px;justify-self:center}.photo-gradient-backplate{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;background:linear-gradient(135deg,#a855f7,#7c3aed,#4f46e5 70%,#3b82f6);box-shadow:0 8px 20px #7c3aed4d;z-index:1;opacity:0;transform:translate(0);transition:transform .15s cubic-bezier(.2,.8,.2,1),opacity .35s ease,box-shadow .35s ease;pointer-events:none;will-change:transform,opacity}.photo-gradient-backplate.is-active{opacity:1}.photo-card{position:relative;z-index:2;border-radius:16px;overflow:hidden;background-color:var(--bg-surface);box-shadow:0 6px 18px #0003,inset 0 0 0 1px #ffffff14}.about-portrait-img{width:100%;height:100%;display:block;object-fit:cover}.speech-bubble{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:10;background-color:#d1d5db;color:#111827;padding:8px 18px;border-radius:9999px;font-family:var(--font-sans);font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 8px 24px #00000059;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.speech-bubble:hover{background-color:#e5e7eb;transform:translate(-50%) translateY(-2px) scale(1.03);box-shadow:0 10px 28px #00000073}.speech-bubble:active{transform:translate(-50%) translateY(0) scale(.97)}.bubble-tail{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #D1D5DB;transition:border-top-color .2s ease}.speech-bubble:hover .bubble-tail{border-top-color:#e5e7eb}@keyframes bubblePop{0%{transform:translate(-50%) scale(.92)}40%{transform:translate(-50%) scale(1.1)}75%{transform:translate(-50%) scale(.98)}to{transform:translate(-50%) scale(1)}}.speech-bubble.popping{animation:bubblePop .35s cubic-bezier(.34,1.56,.64,1) forwards}.about-content{display:flex;flex-direction:column;justify-content:center}.about-title{font-family:var(--font-sans);font-size:2.35rem;font-weight:600;color:var(--text-primary);letter-spacing:-.025em;line-height:1.25;margin-bottom:24px}.highlight-tjakra{color:#8b9dfc;font-weight:700}.about-paragraphs{display:flex;flex-direction:column;gap:18px;margin-bottom:36px}.about-p{color:var(--text-muted);font-size:.975rem;line-height:1.7;max-width:580px}.about-p strong{color:var(--text-primary);font-weight:600}.about-actions-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-about-resume{padding:10px 22px}.social-links-group{display:flex;align-items:center;gap:14px}.social-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;text-decoration:none;transition:transform var(--transition-fast),opacity var(--transition-fast)}.social-btn:hover{transform:translateY(-2px) scale(1.06)}.social-btn:active{transform:translateY(0)}.social-icon-img{width:28px;height:28px;object-fit:contain;display:block}.scroll-down-wrapper{margin-top:60px;display:flex;justify-content:center}.scroll-down-btn{color:var(--text-subtle);display:flex;align-items:center;justify-content:center;padding:10px;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast);animation:bounceChevron 2.2s infinite ease-in-out}.scroll-down-btn:hover{color:var(--text-primary)}@keyframes bounceChevron{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.about-page-container{display:flex;flex-direction:column;width:100%}.about-details-section{position:relative;z-index:10;background-color:#252534;padding:80px 48px 120px;width:100%}.details-container{max-width:1120px;width:100%;margin:0 auto}.details-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:76px;align-items:start}.details-col-left{display:flex;flex-direction:column;gap:52px;position:sticky;top:104px;align-self:start}.details-col-right{display:flex;flex-direction:column;gap:52px}.details-heading{font-family:var(--font-sans);font-size:1.85rem;font-weight:700;color:#9d7bfa;letter-spacing:-.025em;line-height:1.25;margin-bottom:24px}.education-list{display:flex;flex-direction:column;gap:32px}.experience-content{position:relative;display:flex;flex-direction:column;gap:52px;padding-left:24px}.experience-content:before{content:"";position:absolute;left:4px;top:10px;bottom:20px;width:2px;background:#8b9dfc59;border-radius:2px}.experience-item{position:relative;display:flex;flex-direction:column}.experience-item:before{content:"";position:absolute;left:-24px;top:6px;width:10px;height:10px;border-radius:50%;background:#8b9dfc;border:none;box-shadow:0 0 8px #8b9dfc99;transform:none;z-index:2}.education-item,.experience-header{display:flex;flex-direction:column}.item-header{font-size:1.05rem;line-height:1.4;margin-bottom:4px}.item-role{color:var(--text-primary);font-weight:700}.item-institution{color:#d1d5db;font-weight:400}.item-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:10px;flex-wrap:wrap}.meta-date{color:var(--text-muted)}.meta-bullet{color:var(--text-subtle);font-size:.75rem}.meta-link{color:#8b9dfc;text-decoration:underline;text-underline-offset:3px;font-weight:500;transition:color var(--transition-fast);cursor:pointer}.meta-link:hover{color:#a5b4fc}.item-desc{font-size:.9rem;line-height:1.65;color:var(--text-muted);margin-top:4px}.philosophy-content{display:flex;flex-direction:column;gap:18px}.philosophy-p{font-size:.925rem;line-height:1.7;color:var(--text-muted)}.highlight-philosophy{color:#8b9dfc;font-weight:600}.exp-subsection{margin-top:24px}.exp-subheading{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em}.exp-bullet-list{list-style-type:disc;padding-left:20px;display:flex;flex-direction:column;gap:11px}.exp-bullet-list li{font-size:.9rem;line-height:1.65;color:var(--text-muted)}.exp-bullet-list li strong{color:var(--text-primary);font-weight:600}.about-inline-link{color:var(--text-primary);text-decoration:underline;text-decoration-color:#8b5cf699;text-underline-offset:3px;font-weight:500;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.about-inline-link:hover{color:var(--accent-purple, #8B5CF6);text-decoration-color:var(--accent-purple, #8B5CF6)}.tools-showcase-section{margin-top:100px;padding-top:30px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.tools-heading{font-family:var(--font-sans);font-size:2.15rem;font-weight:700;color:#9d7bfa;letter-spacing:-.025em;line-height:1.2;margin-bottom:38px;text-align:center}.tools-grid-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:flex-start;justify-content:center;justify-items:center;gap:36px 24px;max-width:880px;margin:0 auto}.tool-card-item{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform var(--transition-fast)}.tool-card-item:hover{transform:translateY(-5px) scale(1.08)}.tool-card-item:active{transform:translateY(-1px) scale(1)}.tool-card-icon{width:48px;height:48px;border-radius:12px;object-fit:contain;box-shadow:0 2px 6px #00000026;display:block;transition:box-shadow var(--transition-fast)}.tool-card-item:hover .tool-card-icon{box-shadow:0 4px 12px #00000038}.tool-card-label{font-size:.8125rem;font-weight:500;color:#8e95a5;text-align:center;transition:color var(--transition-fast);white-space:nowrap;letter-spacing:-.01em}.tool-card-item:hover .tool-card-label{color:#fff}.tools-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:980px;margin:0 auto;text-align:left}.tool-info-card{background:#24242b;border:1px solid transparent;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;transition:all var(--transition-fast, .2s ease);position:relative}.tool-info-card:hover{transform:translateY(-3px);border-color:#9d7bfa66;background:#2a2a33;box-shadow:0 10px 24px #00000059}.tool-info-header{display:flex;align-items:center;gap:14px}.tool-icons-cluster{display:flex;align-items:center;gap:8px;flex-shrink:0}.tool-cluster-icon{width:38px;height:38px;border-radius:8px;object-fit:contain;background:transparent;padding:0;border:none;display:block}.tool-info-title{font-family:var(--font-sans);font-size:1.05rem;font-weight:600;color:#fff;letter-spacing:-.01em;margin:0;line-height:1.3}.tool-info-desc{font-family:var(--font-sans);font-size:.88rem;line-height:1.6;color:#9ea3b0;margin:0;font-weight:400}.tools-cards-grid>.tool-info-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 10px);width:100%;margin:0 auto}@media(max-width:768px){.tools-cards-grid{grid-template-columns:1fr;gap:16px;padding:0 4px}.tools-cards-grid>.tool-info-card:last-child:nth-child(odd){max-width:100%;margin:0}.tool-info-card{padding:18px 20px}}.case-studies-section{margin-top:110px;width:100%;display:flex;flex-direction:column;align-items:center}.case-studies-heading{font-family:var(--font-sans);font-size:2.15rem;font-weight:700;color:#9d7bfa;letter-spacing:-.025em;line-height:1.2;margin-bottom:44px;text-align:center}.case-studies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;width:100%;max-width:1120px;margin:0 auto}.case-study-card{position:relative;border-radius:22px;overflow:hidden;height:360px;cursor:pointer;box-shadow:0 6px 18px #00000029,0 2px 4px #00000014;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column}.case-study-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000038,0 3px 8px #0000001a}.card-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/About%20Me%20Asset/Case%20Study%20Asset/Card%20Background%20Grids.svg);background-size:cover;background-position:center;pointer-events:none;opacity:.6;z-index:1}.card-fore{background:linear-gradient(135deg,#10b981,#059669 45%,#047857 80%,#064e3b)}.card-koinworks{background:linear-gradient(135deg,#0ea5e9,#0284c7 40%,#2563eb 75%,#1d4ed8)}.card-projects{background:linear-gradient(135deg,#fb923c,#f97316 45%,#ea580c 80%,#c2410c)}.card-socialproof{background:linear-gradient(135deg,#3b82f6,#6366f1 40%,#8b5cf6 75%,#7c3aed)}.card-indofood{background:linear-gradient(135deg,#2dd4bf,#14b8a6 40%,#0d9488 75%,#0284c7)}.card-peduli{background:linear-gradient(135deg,#0284c7,#0369a1,#1d4ed8 70%,#1e40af)}.card-header-content{position:absolute;top:36px;left:36px;z-index:5;text-align:left}.case-card-title{font-size:1.85rem;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:6px}.case-card-subtitle{font-size:1.05rem;font-weight:400;color:#ffffffe6}.card-top-title-container{position:absolute;top:32px;left:0;right:0;z-index:5;text-align:center}.case-card-title-centered{font-size:1.85rem;font-weight:700;color:#fff;letter-spacing:-.02em}.card-split-title-container{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;display:flex;justify-content:space-between;padding:0 44px;pointer-events:none}.split-title-left,.split-title-right{font-size:2.15rem;font-weight:800;color:#fff;letter-spacing:-.02em}.card-visual-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mockup-img,.floating-element{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.card-fore .card-header-content{top:42px;left:42px}.fore-pos-mockup{position:absolute;right:0;top:0;width:368px;height:auto;z-index:3;filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));transition:transform var(--transition-normal)}.card-fore:hover .fore-pos-mockup{transform:scale(1.02)}.fore-coffee-cups{position:absolute;left:26px;bottom:0;width:158px;height:auto;z-index:4;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));transition:transform var(--transition-normal)}.card-fore:hover .fore-coffee-cups{transform:translateY(-4px) scale(1.02)}.card-koinworks .card-split-title-container{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;display:block;padding:0;pointer-events:none}.card-koinworks .split-title-left{position:absolute;right:calc(50% + 72px);top:50%;transform:translateY(-50%);font-size:2.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.card-koinworks .split-title-right{position:absolute;left:calc(50% + 61px);top:50%;transform:translateY(-50%);font-size:2.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.koinworks-phone-mockup{position:absolute;left:50%;top:35px;transform:translate(-50%);width:205px;height:auto;z-index:4;filter:drop-shadow(0 16px 32px rgba(0,0,0,.45));transition:transform var(--transition-normal)}.card-koinworks:hover .koinworks-phone-mockup{transform:translate(-50%) translateY(-4px) scale(1.02)}.coin-1{position:absolute;top:66px;left:calc(50% - 94px);width:22px;height:auto;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:floatSlow 3.2s ease-in-out infinite alternate}.coin-2{position:absolute;bottom:109px;left:calc(50% + 72px);width:32px;height:auto;z-index:2;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));animation:floatSlow 3.8s ease-in-out infinite alternate-reverse}.coin-3{position:absolute;bottom:20px;left:calc(50% - 126px);width:52px;height:auto;z-index:3;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));animation:floatSlow 2.8s ease-in-out infinite alternate}.card-projects .card-top-title-container{position:absolute;top:38px;left:0;right:0;z-index:2;text-align:center}.card-projects .case-card-title-centered{font-size:2.35rem;font-weight:800;color:#fff;letter-spacing:-.02em}.projects-desktop-mockup{position:absolute;left:48%;bottom:-5px;transform:translate(-50%);width:366px;height:auto;z-index:4;filter:drop-shadow(0 16px 36px rgba(0,0,0,.45));transition:transform var(--transition-normal)}.card-projects:hover .projects-desktop-mockup{transform:translate(-50%) translateY(-4px)}.projects-mobile-mockup{position:absolute;right:68px;bottom:0;width:188px;height:auto;z-index:5;filter:drop-shadow(0 16px 32px rgba(0,0,0,.5));transition:transform var(--transition-normal)}.card-projects:hover .projects-mobile-mockup{transform:translateY(-6px) scale(1.02)}.briefcase-1{position:absolute;top:76px;left:calc(50% - 120px);width:25px;height:auto;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:floatSlow 3.2s ease-in-out infinite alternate}.briefcase-2{position:absolute;top:135px;right:96px;width:44px;height:auto;z-index:2;transform:scaleX(-1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));animation:floatSlowFlipped 3.6s ease-in-out infinite alternate-reverse}@keyframes floatSlowFlipped{0%{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-8px)}}.briefcase-3{position:absolute;bottom:41px;left:70px;width:55px;height:auto;z-index:5;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:floatSlow 2.8s ease-in-out infinite alternate}.card-socialproof .card-top-title-container{position:absolute;top:43px;left:0;right:0;z-index:2;text-align:center}.card-socialproof .case-card-title-centered{font-size:2.35rem;font-weight:800;color:#fff;letter-spacing:-.02em}.socialproof-laptop-mockup{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:452px;height:auto;z-index:4;filter:drop-shadow(0 16px 36px rgba(0,0,0,.45));transition:transform var(--transition-normal)}.card-socialproof:hover .socialproof-laptop-mockup{transform:translate(-50%) translateY(-4px)}.sp-insta{position:absolute;top:92px;left:calc(50% - 116px);width:21px;height:auto;z-index:2;transform:rotate(12deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:floatSlowRotCW 2.9s ease-in-out infinite alternate}@keyframes floatSlowRotCW{0%{transform:rotate(12deg) translateY(0)}to{transform:rotate(12deg) translateY(-8px)}}.sp-twitter{position:absolute;top:183px;right:66px;width:32px;height:auto;z-index:5;transform:rotate(-14deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:floatSlowRotCCW 3.6s ease-in-out infinite alternate-reverse}@keyframes floatSlowRotCCW{0%{transform:rotate(-14deg) translateY(0)}to{transform:rotate(-14deg) translateY(-8px)}}.sp-youtube{position:absolute;left:67px;bottom:38px;width:42px;height:auto;z-index:5;transform:rotate(15deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:floatSlowRotCW2 3.2s ease-in-out infinite alternate}@keyframes floatSlowRotCW2{0%{transform:rotate(15deg) translateY(0)}to{transform:rotate(15deg) translateY(-8px)}}.card-indofood .card-top-title-container{position:absolute;top:48px;left:0;right:0;z-index:2;text-align:center}.card-indofood .case-card-title-centered{font-size:2.35rem;font-weight:800;color:#fff;letter-spacing:-.02em}.indofood-desktop-mockup{position:absolute;left:50%;bottom:-42px;transform:translate(-50%);width:388px;height:auto;z-index:4;filter:drop-shadow(0 16px 36px rgba(0,0,0,.45));transition:transform var(--transition-normal)}.card-indofood:hover .indofood-desktop-mockup{transform:translate(-50%) translateY(-4px)}.erp-box-1{position:absolute;top:88px;left:calc(50% - 132px);width:20px;height:auto;z-index:2;transform:rotate(-12deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:floatSlowBoxCCW 3.2s ease-in-out infinite alternate}@keyframes floatSlowBoxCCW{0%{transform:rotate(-12deg) translateY(0)}to{transform:rotate(-12deg) translateY(-8px)}}.erp-box-2{position:absolute;top:142px;right:74px;width:48px;height:auto;z-index:5;transform:rotate(14deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:floatSlowBoxCW 3.6s ease-in-out infinite alternate-reverse}@keyframes floatSlowBoxCW{0%{transform:rotate(14deg) translateY(0)}to{transform:rotate(14deg) translateY(-8px)}}.erp-box-3{position:absolute;bottom:20px;left:72px;width:38px;height:auto;z-index:5;transform:rotate(-15deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:floatSlowBoxCCW2 2.8s ease-in-out infinite alternate}@keyframes floatSlowBoxCCW2{0%{transform:rotate(-15deg) translateY(0)}to{transform:rotate(-15deg) translateY(-8px)}}.card-peduli .card-split-title-container{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;display:block;padding:0;pointer-events:none}.card-peduli .split-title-left{position:absolute;right:calc(50% + 63px);top:50%;transform:translateY(-50%);font-size:2.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.card-peduli .split-title-right{position:absolute;left:calc(50% + 64px);top:50%;transform:translateY(-50%);font-size:2.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.peduli-phone-mockup{position:absolute;left:50%;top:43px;transform:translate(-50%);width:205px;height:auto;z-index:4;filter:drop-shadow(0 16px 32px rgba(0,0,0,.45));transition:transform var(--transition-normal)}.card-peduli:hover .peduli-phone-mockup{transform:translate(-50%) translateY(-4px) scale(1.02)}.peduli-oxygen-1{position:absolute;top:81px;left:calc(50% - 89px);width:18px;height:auto;z-index:2;transform:rotate(20deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:floatSlowO2RotCW 3.2s ease-in-out infinite alternate}@keyframes floatSlowO2RotCW{0%{transform:rotate(20deg) translateY(0)}to{transform:rotate(20deg) translateY(-8px)}}.peduli-oxygen-2{position:absolute;bottom:112px;left:calc(50% + 72px);width:30px;height:auto;z-index:2;transform:rotate(60deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));animation:floatSlowO2RotCW2 3.6s ease-in-out infinite alternate-reverse}@keyframes floatSlowO2RotCW2{0%{transform:rotate(60deg) translateY(0)}to{transform:rotate(60deg) translateY(-8px)}}.peduli-oxygen-3{position:absolute;bottom:32px;left:calc(50% - 121px);width:50px;height:auto;z-index:5;transform:rotate(18deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));animation:floatSlowO2RotCW3 2.8s ease-in-out infinite alternate}@keyframes floatSlowO2RotCW3{0%{transform:rotate(18deg) translateY(0)}to{transform:rotate(18deg) translateY(-8px)}}.about-page-footer{margin-top:90px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding-bottom:20px}.footer-end-text{font-size:.9375rem;color:#8e95a5;font-weight:400;letter-spacing:-.01em}.btn-scroll-top{display:inline-flex;align-items:center;gap:8px;background:#343548;color:#fff;font-size:.875rem;font-weight:500;padding:10px 22px;border-radius:8px;border:none;outline:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #00000040;font-family:inherit}.btn-scroll-top:hover{background:#414258;transform:translateY(-2px);box-shadow:0 6px 16px #00000059;border:none}.btn-scroll-top:active{transform:translateY(0)}.chevron-up-icon{transition:transform var(--transition-fast)}.btn-scroll-top:hover .chevron-up-icon{transform:translateY(-2px)}.education-certificate-action{margin-top:24px}.education-view-cert-link{display:inline-flex;align-items:center;gap:6px;font-size:.9375rem;color:#8b9dfc;text-decoration:underline;text-underline-offset:4px;font-weight:600;transition:color var(--transition-fast),opacity var(--transition-fast)}.education-view-cert-link:hover{color:#a5b4fc;opacity:.95}.experience-item:before{left:-24px!important;border:none!important;background:#8b9dfc!important;transform:none!important}@media(max-width:1024px){.navbar,.cs-header-nav{padding:18px 32px}.headline-primary{font-size:1.45rem}.headline-secondary{font-size:1.75rem}.about-grid{gap:48px}.about-title{font-size:2rem}.project-showcase-card{grid-template-columns:1fr;gap:28px}.home-projects-container{padding:0 32px}}@media(max-width:768px){.avatar-gradient-backplate{width:228px;height:228px;margin-left:-114px}.avatar-circle{width:228px;height:228px}.tools-marquee-container{width:320px;bottom:-24px;padding:8px 0}.tool-item{width:38px;height:38px}.headline-primary{font-size:1.55rem}.headline-secondary{font-size:1.85rem}.about-section{padding:60px 24px}.about-grid{grid-template-columns:1fr;gap:48px;text-align:center}.about-content{align-items:center}.about-title{font-size:1.85rem}.about-actions-row{justify-content:center}.about-photo-wrapper{max-width:290px}.about-details-section{padding:20px 24px 80px}.details-grid{grid-template-columns:1fr;gap:48px}.details-col-left{position:static;gap:40px}.details-col-right{gap:40px}.details-heading{font-size:1.65rem;margin-bottom:18px}.tools-showcase-section{margin-top:64px;padding-top:20px}.tools-grid-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;max-width:520px}.tool-card-icon{width:44px;height:44px}.case-studies-section{margin-top:80px}.case-studies-heading{font-size:1.85rem;margin-bottom:32px}.case-studies-grid{grid-template-columns:1fr;gap:32px;max-width:600px}.case-study-card{height:340px}}@media(max-width:480px){.hero-section{padding:30px 16px 60px}.home-projects-section{padding:20px 0 80px}.home-projects-container{padding:0 18px}.projects-section-title{font-size:2.2rem}.project-info-col{padding:26px 20px}.showcase-card-item,.showcase-banner-img,.showcase-mockup-img{height:260px}.avatar-gradient-backplate{width:170px;height:170px;margin-left:-85px}.avatar-circle{width:170px;height:170px}.tools-marquee-container{width:240px;bottom:-20px;padding:6px 0}.headline-primary{font-size:1.125rem}.headline-secondary{font-size:1.25rem}.about-photo-wrapper{max-width:250px}.about-title{font-size:1.55rem}.speech-bubble{font-size:.8rem;padding:6px 14px;top:16px}.about-details-section{padding:10px 16px 60px}.details-heading{font-size:1.5rem}.item-header{font-size:.975rem}.tools-showcase-section{margin-top:48px}.tools-heading{font-size:1.65rem;margin-bottom:24px}.tools-grid-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;max-width:320px}.tool-card-icon{width:40px;height:40px}.tool-card-label{font-size:.75rem}.case-studies-section{margin-top:60px}.case-studies-heading{font-size:1.6rem;margin-bottom:24px}.case-studies-grid{gap:24px}}@media(max-width:1024px){.case-studies-grid,.cs-op-grid{gap:24px!important}.case-study-card{height:320px!important;border-radius:18px!important}.card-split-title-container,.card-top-title-container,.card-header-content{z-index:30!important}.card-fore .card-header-content{top:24px!important;left:24px!important;z-index:30!important}.case-card-title{font-size:1.65rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.4)!important;margin-bottom:2px!important}.case-card-subtitle{font-size:.92rem!important;color:#fffffff2!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}.fore-pos-mockup{width:255px!important;right:0!important;top:10px!important;z-index:3!important}.fore-coffee-cups{width:108px!important;left:18px!important;bottom:0!important;z-index:4!important}.card-koinworks .card-split-title-container{top:50%!important;transform:translateY(-50%)!important;z-index:30!important;display:block!important;padding:0!important;width:100%!important;pointer-events:none!important}.card-koinworks .split-title-left{position:absolute!important;right:calc(50% + 28px)!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important;z-index:30!important}.card-koinworks .split-title-right{position:absolute!important;left:calc(50% + 28px)!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important;z-index:30!important}.koinworks-phone-mockup{width:170px!important;top:24px!important;left:50%!important;transform:translate(-50%)!important;z-index:4!important}.coin-1{top:45px!important;left:calc(50% - 75px)!important;width:18px!important;z-index:2!important}.coin-2{bottom:90px!important;left:calc(50% + 60px)!important;width:26px!important;z-index:2!important}.coin-3{bottom:10px!important;left:calc(50% - 95px)!important;width:44px!important;z-index:3!important}.card-projects .card-top-title-container{top:24px!important;z-index:30!important}.card-projects .case-card-title-centered{font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important;z-index:30!important}.projects-desktop-mockup{width:300px!important;bottom:-5px!important;left:48%!important;transform:translate(-50%)!important;z-index:4!important}.projects-mobile-mockup{width:140px!important;right:24px!important;bottom:0!important;z-index:5!important}.briefcase-1{top:55px!important;left:calc(50% - 90px)!important;width:20px!important;z-index:2!important}.briefcase-2{top:100px!important;right:48px!important;width:34px!important;z-index:2!important}.briefcase-3{bottom:30px!important;left:30px!important;width:44px!important;z-index:6!important}.card-socialproof .card-top-title-container{top:24px!important;z-index:30!important}.card-socialproof .case-card-title-centered{font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important;z-index:30!important}.socialproof-laptop-mockup{width:330px!important;bottom:-5px!important;left:50%!important;transform:translate(-50%)!important;z-index:4!important}.sp-insta{top:65px!important;left:calc(50% - 85px)!important;width:18px!important;z-index:2!important}.sp-twitter{top:130px!important;right:32px!important;width:26px!important;z-index:5!important}.sp-youtube{left:32px!important;bottom:28px!important;width:34px!important;z-index:5!important}.card-indofood .card-top-title-container{top:24px!important;z-index:30!important}.card-indofood .case-card-title-centered{font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important;z-index:30!important}.indofood-desktop-mockup{width:310px!important;bottom:-20px!important;left:50%!important;transform:translate(-50%)!important;z-index:4!important}.erp-box-1{top:65px!important;left:calc(50% - 95px)!important;width:16px!important;z-index:2!important}.erp-box-2{top:110px!important;right:36px!important;width:38px!important;z-index:5!important}.erp-box-3{bottom:18px!important;left:36px!important;width:30px!important;z-index:5!important}.card-peduli .card-split-title-container{top:50%!important;transform:translateY(-50%)!important;z-index:30!important;display:block!important;padding:0!important;width:100%!important;pointer-events:none!important}.card-peduli .split-title-left{position:absolute!important;right:calc(50% + 28px)!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important;z-index:30!important}.card-peduli .split-title-right{position:absolute!important;left:calc(50% + 28px)!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.85rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important;z-index:30!important}.peduli-phone-mockup{width:170px!important;top:24px!important;left:50%!important;transform:translate(-50%)!important;z-index:4!important}.peduli-oxygen-1{top:55px!important;left:calc(50% - 70px)!important;width:15px!important;z-index:2!important}.peduli-oxygen-2{bottom:85px!important;left:calc(50% + 60px)!important;width:24px!important;z-index:2!important}.peduli-oxygen-3{bottom:18px!important;left:calc(50% - 90px)!important;width:40px!important;z-index:5!important}}@media(max-width:768px){.case-studies-grid,.cs-op-grid{grid-template-columns:1fr!important}.case-study-card{height:300px!important}}.case-study-body,.case-study-wrapper{background-color:#fff;color:#1e1e24;font-family:var(--font-sans)!important;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.case-study-body *{font-family:var(--font-sans)}.cs-hero-section{position:relative;background-color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:100px 0 60px}.cs-bg-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/About%20Me%20Asset/KoinWorks%20Case%20Study%20Asset/Background%20Grids.svg);background-size:cover;background-position:center top;pointer-events:none;opacity:.95;z-index:1}.cs-hero-content-wrapper{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:56px}.cs-hero-left{display:flex;flex-direction:column;align-items:flex-start}.cs-brand-logo-container{margin-bottom:48px}.cs-brand-logo{width:162px;height:auto;display:block}.cs-category-badge{font-size:1.05rem;font-weight:500;color:#6e7c8d;margin-bottom:20px;letter-spacing:-.01em}.cs-main-heading{font-size:40px;font-weight:800;line-height:1.25;color:#1e1e24;letter-spacing:-.02em;margin:0 0 48px;max-width:620px}.cs-highlight-brand{color:#2f80ed}.cs-project-meta-row{display:flex;align-items:flex-start;gap:64px}.cs-meta-col{display:flex;flex-direction:column}.cs-meta-label{font-size:.925rem;color:#8c9aa8;font-weight:500;margin-bottom:8px}.cs-meta-value{font-size:1.05rem;color:#1e1e24;font-weight:700;letter-spacing:-.01em}.cs-meta-tools-list{display:flex;align-items:center;gap:12px}.cs-tool-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.cs-tool-item:hover{transform:translateY(-2px) scale(1.08)}.cs-tool-svg{width:100%;height:100%;object-fit:contain}.cs-hero-right{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px}.cs-ambient-watermark{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1}.cs-watermark-word{position:absolute;top:50%;transform:translateY(-50%);font-size:2.85rem;font-weight:800;color:#4a90e2;opacity:.95;letter-spacing:-.02em;white-space:nowrap}.cs-wm-left{right:calc(50% + 120px)}.cs-wm-right{left:calc(50% + 136px)}.cs-mockup-wrapper{position:relative;z-index:3;display:flex;justify-content:center;align-items:center}.cs-cover-mockup-img{max-width:440px;width:100%;height:auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.12));animation:floatSlow 3.8s ease-in-out infinite alternate}.cs-overview-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-overview-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.koinworks-case-study-page .cs-section-heading{font-size:2.25rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0 0 48px}.cs-overview-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}.cs-overview-col{display:flex;flex-direction:column}.cs-overview-col-left{justify-content:space-between;height:100%}.cs-overview-meta-grid{display:flex;align-items:flex-start;gap:48px;margin-bottom:32px;padding-top:12px}.cs-overview-meta-item{display:flex;flex-direction:column}.cs-overview-label{font-size:.95rem;color:#8c9aa8;font-weight:500;margin-bottom:8px}.cs-overview-val{font-size:1.15rem;color:#1e1e24;font-weight:700;letter-spacing:-.01em}.cs-overview-col-right{align-items:center}.cs-overview-illustration-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-end;margin-bottom:0;line-height:0}.cs-overview-illustration{max-width:320px;width:100%;height:auto;display:block;margin-bottom:-1px}.cs-overview-card{background:#ebf3ff;border-radius:16px;padding:36px 36px 40px;border:1px solid rgba(47,128,237,.08);display:flex;flex-direction:column;width:100%;min-height:200px;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.cs-overview-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2f80ed14}.cs-card-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cs-card-icon{width:24px;height:24px;object-fit:contain;display:block}.cs-card-title{font-size:1.25rem;font-weight:700;color:#1e1e24;margin:0;letter-spacing:-.01em}.cs-card-desc{font-size:1.05rem;line-height:1.65;color:#6b7280;margin:0}.cs-card-desc strong{color:#374151;font-weight:700}.cs-card-source-link{color:#6b7280;text-decoration:underline;transition:color var(--transition-fast)}.cs-card-source-link:hover{color:#2f80ed}@media(max-width:1024px){.cs-overview-main-grid{grid-template-columns:1fr;gap:40px}.cs-overview-meta-grid{gap:36px;margin-bottom:24px}.cs-overview-illustration{max-width:280px}}@media(max-width:640px){.cs-overview-section{padding:40px 0 60px}.cs-section-heading{font-size:1.85rem;margin-bottom:32px}.cs-overview-meta-grid{gap:20px;flex-wrap:wrap}.cs-overview-val{font-size:1rem}.cs-overview-card{padding:24px 20px 28px;min-height:auto}.cs-card-title{font-size:1.15rem}.cs-card-desc{font-size:.95rem}}.cs-timeline-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-timeline-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-timeline-scroll-wrapper{width:100%;overflow-x:auto;padding-bottom:24px;-webkit-overflow-scrolling:touch}.cs-timeline-chart{min-width:1000px;position:relative}.cs-timeline-weeks-header{display:grid;grid-template-columns:repeat(16,1fr);margin-bottom:20px;position:relative}.cs-timeline-week-marker{font-size:.8rem;font-weight:700;color:#2b2f38;letter-spacing:.04em}.cs-timeline-week-marker.week-1{grid-column:1 / span 7}.cs-timeline-week-marker.week-2{grid-column:8 / span 9}.cs-timeline-days-axis{display:grid;grid-template-columns:repeat(16,1fr);padding:12px 0;border:none;margin-bottom:18px}.cs-day-num{text-align:center;font-size:.85rem;font-weight:500;color:#9ca3af}.cs-timeline-grid-body{position:relative;width:100%}.cs-timeline-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(16,1fr);pointer-events:none;z-index:1}.cs-grid-col-line{border-right:1px solid #F1F3F5;height:100%}.cs-grid-col-line:first-child{border-left:1px solid transparent}.cs-week-marker-line{position:absolute;top:-45px;bottom:0;width:0;display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none}.cs-week-marker-line.marker-week-1{left:0}.cs-week-marker-line.marker-week-2{left:43.75%}.cs-week-marker-vertical{width:2px;height:100%;background-color:#c5c6c7;transform:translate(-50%)}.cs-week-marker-line.marker-week-1 .cs-week-marker-vertical{transform:translate(0)}.cs-milestone-marker{position:absolute;top:-45px;bottom:0;left:87.5%;width:0;display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none}.cs-milestone-line{width:1.5px;height:100%;background-color:#eb5757;transform:translate(-50%)}.cs-timeline-bars-container{position:relative;z-index:10;display:flex;flex-direction:column;gap:12px;padding:8px 0 24px}.cs-timeline-row{display:grid;grid-template-columns:repeat(16,1fr);width:100%;align-items:center}.cs-timeline-bar{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:6px;color:#fff;white-space:nowrap;overflow:visible;min-width:max-content;width:auto;box-shadow:0 2px 8px #0000000f;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-timeline-bar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.cs-bar-title{font-size:.85rem;font-weight:700;letter-spacing:-.01em;flex-shrink:0}.cs-bar-desc{font-size:.775rem;font-weight:400;opacity:.95;letter-spacing:-.01em;white-space:nowrap;overflow:visible;text-overflow:clip}.cs-timeline-bar.bar-blue{background-color:#2f80ed}.cs-timeline-bar.bar-green{background-color:#00b050}.cs-timeline-bar.bar-orange{background-color:#fa8c16}.span-05-07{grid-column:1 / span 4}.span-07-11{grid-column:3 / span 5}.span-09-13{grid-column:5 / span 6}.span-12-14{grid-column:8 / span 4}.span-14-17{grid-column:10 / span 4}.span-16-18{grid-column:12 / span 4}.span-17-19{grid-column:13 / span 3}.span-19-20{grid-column:15 / span 2}@media(max-width:640px){.cs-timeline-section{padding:40px 0 60px}}.cs-ut-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-ut-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-ut-header{text-align:center;max-width:780px;margin:0 auto 52px}.cs-section-heading-centered{font-size:2.25rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0 0 48px;text-align:center}.cs-ut-subtitle{font-size:.975rem;line-height:1.65;color:#6b7280;margin:0}.cs-ut-subtitle strong{color:#374151;font-weight:700}.cs-ut-card-wrapper{display:flex;justify-content:center;width:100%}.cs-ut-card{position:relative;max-width:960px;width:100%}.cs-ut-visual-container{position:relative;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 48px #00000012;border:1px solid rgba(0,0,0,.06);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.cs-ut-visual-container:hover{transform:translateY(-4px);box-shadow:0 24px 56px #0000001a}.cs-ut-card-top-header{position:absolute;top:36px;left:40px;z-index:5}.cs-ut-card-title{font-size:1.15rem;font-weight:700;color:#1e1e24;margin:0 0 6px;letter-spacing:-.01em}.cs-ut-card-sub{font-size:.85rem;color:#8c9aa8;margin:0;font-weight:400}.cs-ut-mobile-caption{display:none}.cs-ut-result-bg-img{width:100%;height:auto;display:block}.cs-ut-reaction-illustration-wrapper{position:absolute;bottom:0;left:44.5%;transform:translate(-50%);width:250px;z-index:6;pointer-events:none;line-height:0}.cs-ut-reaction-img{width:100%;height:auto;display:block}@media(max-width:1024px){.cs-ut-reaction-illustration-wrapper{width:200px;left:44.5%}.cs-ut-card-top-header{top:24px;left:28px}}@media(max-width:768px){.cs-ut-card{display:flex;flex-direction:column;align-items:center}.cs-ut-visual-container{border-radius:16px;box-shadow:0 12px 32px #0000000f}.cs-ut-card-top-header.desktop-only{display:none!important}.cs-ut-mobile-caption.mobile-only{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:18px;width:100%;padding:0 8px}.cs-ut-mobile-caption .cs-ut-card-title{font-size:1.2rem;font-weight:700;margin-bottom:4px;text-align:center}.cs-ut-mobile-caption .cs-ut-card-sub{font-size:.875rem;color:#d9534f;font-weight:500;text-align:center}.cs-ut-reaction-illustration-wrapper{width:140px;left:44%;bottom:0}}@media(max-width:640px){.cs-ut-section{padding:40px 0 60px}.cs-section-heading-centered{font-size:1.85rem}.cs-ut-subtitle{font-size:.9rem}.cs-ut-reaction-illustration-wrapper{width:130px;left:44%;bottom:0}}.cs-issues-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-issues-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-issues-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 48px;align-items:start}.cs-session-overview-card{background:#ebf3ff;border-radius:16px;padding:36px 36px 0;border:1px solid rgba(47,128,237,.08);display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:480px}.cs-session-card-title{font-size:1.35rem;font-weight:800;color:#1e1e24;margin:0 0 28px;letter-spacing:-.01em}.cs-session-meta-row{display:flex;align-items:flex-start;gap:36px;margin-bottom:28px;flex-wrap:wrap}.cs-session-label{font-size:.85rem;color:#8c9aa8;font-weight:500;margin-bottom:6px}.cs-session-val{font-size:1.05rem;color:#1e1e24;font-weight:700}.cs-session-illustration-wrapper{margin-top:auto;width:100%;display:flex;justify-content:center;line-height:0}.cs-session-illustration{width:100%;max-width:480px;height:auto;display:block}.cs-issue-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}.cs-issue-visual-col{display:flex;justify-content:center}.cs-issue-phone-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.cs-issue-phone-img{width:190px;height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.12))}.cs-issue-badge-wrapper{display:flex;align-items:center;gap:4px}.cs-issue-badge-wrapper.badge-bottom-right{position:absolute;bottom:-26px;left:68%;display:flex;align-items:flex-end;gap:6px;z-index:5;pointer-events:none}.cs-issue-badge-wrapper.badge-issue-2{bottom:-24px;left:74%}.cs-issue-badge-wrapper.badge-bottom-right .cs-dotted-pointer-line{flex-shrink:0;margin-bottom:2px}.cs-issue-badge-wrapper.badge-top-right{position:absolute;top:-12px;left:86.5%;display:flex;align-items:flex-start;gap:6px;z-index:5;pointer-events:none}.cs-issue-badge-wrapper.badge-top-right .cs-dotted-pointer-line{flex-shrink:0;margin-top:2px}.cs-correct-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#00ba5d;white-space:nowrap}.cs-correct-icon{width:17px;height:17px;object-fit:contain}.cs-issue-content-col{display:flex;flex-direction:column;align-items:center;text-align:center}.cs-issue-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.cs-issue-warning-icon{width:18px;height:18px;object-fit:contain}.cs-issue-title{font-size:1.25rem;font-weight:800;color:#1e1e24;margin:0;text-align:center}.cs-issue-statement{font-size:.98rem;line-height:1.55;color:#6b7280;margin:0 auto 24px;text-align:center;max-width:340px}.cs-issue-statement strong{color:#1e1e24;font-weight:700}.cs-issue-metrics-list{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;margin:0 auto}.cs-metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.cs-metric-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:3px}.cs-metric-icon{width:15px;height:15px;flex-shrink:0}.cs-metric-pct{font-size:.98rem;font-weight:800;color:#d9534f}.cs-metric-label{font-size:.8rem;color:#8c9aa8;font-weight:400;margin-left:0;text-align:center}.cs-metric-desc{font-size:.8rem;line-height:1.5;color:#8c9aa8;margin:0;text-align:center;max-width:280px}.cs-metric-desc strong{color:#374151;font-weight:700}@media(max-width:1024px){.cs-issues-grid{grid-template-columns:1fr;gap:48px}.cs-session-overview-card{min-height:auto;padding:30px 24px 0}.cs-issue-phone-img{width:170px}}@media(max-width:640px){.cs-issues-section{padding:40px 0 60px}.cs-issue-card{grid-template-columns:1fr;gap:24px}.cs-issue-content-col{width:100%}.cs-issue-metrics-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;max-width:360px!important;margin:0 auto!important}.cs-metric-item{background:#f8fafc!important;border:none!important;border-radius:12px!important;padding:14px 10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.cs-metric-item:nth-child(3){grid-column:1 / -1!important;padding:14px 16px!important;gap:4px!important;border:none!important}.cs-metric-header{gap:6px!important;margin-bottom:2px!important}.cs-metric-pct{font-size:1.05rem!important}.cs-metric-label{font-size:.8rem!important;color:#64748b!important;font-weight:500!important}.cs-metric-desc{font-size:.8rem!important;line-height:1.45!important;color:#64748b!important}.cs-session-meta-row{gap:16px}.cs-session-val{font-size:.95rem}.cs-issue-badge-wrapper,.cs-dotted-pointer-line{display:none!important}}.cs-affinity-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-affinity-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-affinity-header{margin-bottom:48px}.cs-affinity-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px 0 0;max-width:720px}.cs-affinity-subtitle strong{color:#374151;font-weight:700}.cs-affinity-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.cs-affinity-chart-card{position:relative;width:100%;padding:20px 0}.cs-chart-grid-lines{position:absolute;top:0;bottom:0;left:200px;right:20px;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:1}.cs-chart-grid-line{position:relative;border-right:1px solid #F3F4F6;height:100%}.cs-chart-grid-line.start-axis{border-left:1.5px solid #E5E7EB;border-right:none;position:absolute;left:0;top:-12px;bottom:-12px;height:calc(100% + 24px)}.cs-chart-grid-line.end-axis{border-right:1.5px solid #E5E7EB;position:absolute;right:0;top:-12px;bottom:-12px;height:calc(100% + 24px)}.cs-axis-dot{position:absolute;width:6px;height:6px;background-color:#b4b9c2;border-radius:50%;transform:translate(-50%)}.cs-axis-dot.top{top:0}.cs-axis-dot.bottom{bottom:0}.cs-chart-grid-line.start-axis .cs-axis-dot{left:-.75px}.cs-chart-grid-line.end-axis .cs-axis-dot{right:-6.75px}.cs-chart-rows{position:relative;z-index:3;display:flex;flex-direction:column;gap:20px}.cs-chart-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:16px}.cs-chart-label{font-size:.875rem;line-height:1.35;text-align:right;padding-right:16px}.cs-chart-label.label-red{color:#e2444f}.cs-chart-label.label-red strong{font-weight:800;color:#e2444f}.cs-chart-label.label-gray{color:#6b7280}.cs-chart-label.label-gray strong{font-weight:700;color:#374151}.cs-chart-bar-track{width:calc(100% - 20px);display:flex;align-items:center}.cs-chart-bar{display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:56px;border-radius:4px;color:#fff;box-shadow:0 2px 6px #0000000f;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-chart-bar:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001f}.cs-chart-bar.bar-red{background-color:#e2444f}.cs-chart-bar.bar-slate{background-color:#9aa8c0}.cs-bar-val{font-size:.8rem;font-weight:700;letter-spacing:-.01em}.cs-affinity-insights-col{display:flex;flex-direction:column;gap:40px;padding-left:20px}.cs-insight-block{display:flex;flex-direction:column}.cs-insight-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cs-insight-img-icon{width:22px;height:22px;object-fit:contain;display:block}.cs-insight-title{font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-insight-title.title-red{color:#e2444f}.cs-insight-title.title-slate{color:#374151}.cs-insight-intro{font-size:.875rem;line-height:1.55;color:#6b7280;margin:0 0 14px}.cs-insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cs-insight-list li{position:relative;padding-left:16px;font-size:.875rem;line-height:1.5;color:#6b7280}.cs-insight-list li:before{content:"•";position:absolute;left:0;color:#9ca3af;font-weight:700}.cs-insight-list li strong{color:#1e1e24;font-weight:700}@media(max-width:1024px){.cs-affinity-main-grid{grid-template-columns:1fr;gap:48px}.cs-affinity-insights-col{padding-left:0}}@media(max-width:640px){.cs-affinity-section{padding:40px 0 60px}.cs-chart-row{grid-template-columns:130px 1fr;gap:10px}.cs-chart-label{font-size:.775rem;padding-right:8px}.cs-chart-grid-lines{left:130px}.cs-chart-bar{height:34px;padding:0 8px}.cs-bar-val{font-size:.75rem}}.cs-define-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-define-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-define-main-heading{font-size:110px;font-weight:800;color:#94c3ff;text-align:center;margin:0 auto -16px;line-height:.9;letter-spacing:-.03em;position:relative;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.cs-define-flow-wrapper{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;width:100%;position:relative;z-index:2}.cs-define-card{display:grid;grid-template-columns:1fr 220px;align-items:end;gap:28px;background:#ebf3ff;border-radius:18px;padding:36px 44px 0;border:1px solid rgba(47,128,237,.08);width:100%;min-height:210px;overflow:hidden;box-shadow:0 4px 24px #2f80ed0a;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;z-index:2}.cs-define-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #2f80ed17}.cs-define-card-content{display:flex;flex-direction:column;padding-bottom:36px}.cs-define-card-title{font-size:1.55rem;font-weight:800;color:#2b2f38;margin:0 0 16px;letter-spacing:-.015em}.cs-define-card-desc{font-size:1.05rem;line-height:1.65;color:#6b7280;margin:0;max-width:580px}.cs-define-card-desc strong{color:#374151;font-weight:700}.cs-define-card-desc strong.text-danger{color:#e2444f;font-weight:800}.cs-define-card-desc strong.text-primary{color:#2f80ed;font-weight:800}.cs-define-card-desc strong.text-success{color:#00ba5d;font-weight:800}.cs-define-card-visual{display:flex;align-items:flex-end;justify-content:flex-end;line-height:0;align-self:end}.cs-define-illustration{max-width:210px;width:100%;height:auto;display:block;margin-bottom:-1px}.cs-define-connector{display:flex;align-items:center;justify-content:center;padding:20px 0;animation:csBounceChevron 2.4s ease-in-out infinite}.cs-define-chevron-img{width:28px;height:28px;object-fit:contain;display:block}@keyframes csBounceChevron{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:1024px){.cs-define-main-heading{font-size:88px;margin-bottom:-12px}.cs-define-card{padding:32px 32px 0}.cs-define-card-title{font-size:1.35rem}.cs-define-card-desc{font-size:1rem}}@media(max-width:768px){.cs-define-main-heading{font-size:60px;margin-bottom:-8px}.cs-define-card{grid-template-columns:1fr;gap:20px;padding:24px 20px 0}.cs-define-card-content{padding-bottom:0}.cs-define-card-title{font-size:1.25rem}.cs-define-card-desc{font-size:.95rem}.cs-define-illustration{max-width:170px}}.cs-persona-section{position:relative;background-color:#f6f7fb;padding:80px 0 120px}.cs-persona-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.koinworks-case-study-page .cs-persona-card{display:grid;grid-template-columns:320px 1fr;max-width:1040px;width:100%;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 16px 40px #0000000d;overflow:hidden;border:1.5px solid #60A5FA!important}.cs-persona-banner{background:linear-gradient(180deg,#4a90e2,#3b82f6);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.cs-persona-profile-info{padding:36px 28px 0;text-align:right;z-index:2}.koinworks-case-study-page .cs-persona-name{color:#fff!important;font-size:1.5rem;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}.koinworks-case-study-page .cs-persona-role{color:#fff!important;font-size:.9rem;margin:0;font-weight:400;opacity:.92}.cs-persona-banner-body{display:flex;flex-direction:column;position:relative;z-index:2;margin-top:auto}.cs-persona-photo-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-end;line-height:0;margin-top:auto;z-index:2}.cs-persona-photo{width:100%;max-width:290px;height:auto;display:block;object-fit:contain;margin-bottom:-1px}.cs-persona-quote-wrapper{margin:0 24px 20px;padding:16px 18px;background:#ffffff29;border-radius:12px;border:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.cs-quote-icon{display:block;margin-bottom:6px;width:20px;height:16px}.cs-persona-quote{font-size:.88rem;line-height:1.55;color:#fff;font-style:italic;font-weight:500;margin:0}.cs-persona-content{padding:40px 48px;display:flex;flex-direction:column}.cs-persona-bio-block{margin-bottom:28px}.cs-persona-block-title{font-size:1.15rem;font-weight:800;color:#1e1e24;margin:0 0 10px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.cs-persona-emoji{font-size:1.1rem}.cs-persona-bio-text{font-size:.9rem;line-height:1.65;color:#6b7280;margin:0}.cs-persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cs-persona-col{display:flex;flex-direction:column}.cs-persona-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-persona-list li{position:relative;padding-left:16px;font-size:.85rem;line-height:1.55;color:#6b7280}.cs-persona-list li:before{content:"•";position:absolute;left:0;color:#9ca3af;font-weight:700}.cs-persona-list li strong{color:#374151;font-weight:700}@media(max-width:1024px){.koinworks-case-study-page .cs-persona-card,.cs-persona-card{grid-template-columns:280px 1fr}.koinworks-case-study-page .cs-persona-content,.cs-persona-content{padding:32px}.koinworks-case-study-page .cs-persona-grid,.cs-persona-grid{gap:24px}}@media(max-width:768px){.koinworks-case-study-page .cs-persona-card,.cs-persona-card{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;border-radius:16px!important;overflow:hidden!important}.koinworks-case-study-page .cs-persona-banner,.cs-persona-banner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:380px!important;min-height:380px!important;padding:24px 18px 0!important;text-align:center!important;background:linear-gradient(180deg,#4a90e2,#3b82f6)!important;gap:0!important;position:relative!important;overflow:hidden!important}.koinworks-case-study-page .cs-persona-profile-info,.cs-persona-profile-info{order:1!important;width:100%!important;padding:0!important;margin:0 0 10px!important;text-align:center!important;z-index:5!important;position:relative!important}.koinworks-case-study-page .cs-persona-name{font-size:1.45rem!important;font-weight:800!important;color:#fff!important;margin:0 0 4px!important;text-align:center!important;letter-spacing:-.01em!important;display:block!important;width:100%!important}.koinworks-case-study-page .cs-persona-role{font-size:.9rem!important;color:#ffffffeb!important;margin:0!important;text-align:center!important;display:block!important;width:100%!important}.koinworks-case-study-page .cs-persona-banner-body,.cs-persona-banner-body{order:2!important;display:block!important;width:100%!important;height:100%!important;position:static!important}.koinworks-case-study-page .cs-persona-photo-wrapper,.cs-persona-photo-wrapper{position:absolute!important;bottom:0!important;left:45px!important;width:60%!important;max-width:270px!important;margin:0!important;display:flex!important;justify-content:flex-start!important;align-items:flex-end!important;line-height:0!important;z-index:2!important}.koinworks-case-study-page .cs-persona-photo,.cs-persona-photo{position:static!important;width:150%!important;max-width:280px!important;height:auto!important;min-height:250px!important;max-height:none!important;object-fit:contain!important;object-position:bottom left!important;display:block!important;margin:0 0 -1px!important;border-radius:0!important;border:none!important;box-shadow:none!important}.koinworks-case-study-page .cs-persona-quote-wrapper,.cs-persona-quote-wrapper{position:absolute!important;bottom:18px!important;right:12px!important;left:36%!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:12px 14px!important;background:#fff3!important;border-radius:14px!important;border:none!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 8px 24px #0000001f!important;text-align:left!important;z-index:4!important}.koinworks-case-study-page .cs-quote-icon,.cs-quote-icon{width:18px!important;height:14px!important;flex-shrink:0!important;margin:2px 0 0!important;display:block!important}.koinworks-case-study-page .cs-persona-quote,.cs-persona-quote{font-size:.82rem!important;line-height:1.45!important;color:#fff!important;font-style:italic!important;font-weight:500!important;margin:0!important}.koinworks-case-study-page .cs-persona-content,.cs-persona-content{display:flex!important;flex-direction:column!important;width:100%!important;padding:24px 20px 28px!important;gap:20px!important}.koinworks-case-study-page .cs-persona-bio-block,.cs-persona-bio-block{margin-bottom:0!important}.koinworks-case-study-page .cs-persona-block-title,.cs-persona-block-title{font-size:1.05rem!important;font-weight:700!important;color:#1e1e24!important;margin:0 0 8px!important}.koinworks-case-study-page .cs-persona-bio-text,.cs-persona-bio-text{font-size:.88rem!important;line-height:1.65!important;color:#4b5563!important;margin:0!important}.koinworks-case-study-page .cs-persona-grid,.cs-persona-grid{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:20px!important;width:100%!important}.koinworks-case-study-page .cs-persona-col,.cs-persona-col{display:flex!important;flex-direction:column!important;width:100%!important}.koinworks-case-study-page .cs-persona-list,.cs-persona-list{display:flex!important;flex-direction:column!important;gap:8px!important;list-style:none!important;padding:0!important;margin:0!important}.koinworks-case-study-page .cs-persona-list li,.cs-persona-list li{font-size:.86rem!important;line-height:1.55!important;color:#4b5563!important;padding-left:14px!important;position:relative!important}.koinworks-case-study-page .cs-persona-list li:before,.cs-persona-list li:before{content:"•"!important;color:#3b82f6!important;position:absolute!important;left:0!important;font-weight:700!important}}.cs-userflow-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-userflow-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-userflow-header{margin-bottom:56px}.cs-userflow-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px 0 0;max-width:720px}.cs-userflow-subtitle strong{color:#374151;font-weight:700}.cs-userflow-scroll-wrapper{width:100%;overflow-x:auto;padding:24px 0 48px;-webkit-overflow-scrolling:touch}.cs-userflow-grid-canvas{display:grid;grid-template-columns:148px 1fr 148px 1fr 140px 1fr 148px 1fr 148px 1fr 148px;align-items:center;width:100%;min-width:1080px;row-gap:80px}.flow-col-1{grid-column:1;grid-row:1}.flow-col-2{grid-column:2;grid-row:1}.flow-col-3{grid-column:3;grid-row:1}.flow-col-4{grid-column:4;grid-row:1}.flow-col-5{grid-column:5;grid-row:1;justify-self:center}.flow-col-6{grid-column:6;grid-row:1}.flow-col-7{grid-column:7;grid-row:1}.flow-col-8{grid-column:8;grid-row:1}.flow-col-9{grid-column:9;grid-row:1}.flow-col-10{grid-column:10;grid-row:1}.flow-col-11{grid-column:11;grid-row:1}.flow-col-5-row-2{grid-column:5;grid-row:2;justify-self:center}.flow-col-6-row-2{grid-column:6;grid-row:2}.flow-col-7-row-2{grid-column:7;grid-row:2}.cs-flow-node{position:relative;z-index:2;width:148px;height:90px;background:#ebf3ff;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 14px #2f80ed0a;border:1px solid rgba(47,128,237,.06);flex-shrink:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-flow-node:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2f80ed1a}.cs-flow-node.node-primary{background:#2f80ed;border:none;box-shadow:0 6px 18px #2f80ed40}.cs-flow-node.node-primary .cs-flow-node-title{color:#fff}.cs-flow-node.node-primary .cs-flow-node-sub{color:#ffffffe0}.cs-flow-node-title{font-size:.95rem;font-weight:800;color:#1e1e24;margin:0;line-height:1.25;letter-spacing:-.01em}.cs-flow-node-sub{font-size:.775rem;color:#8c9aa8;font-weight:500}.cs-flow-connector-line{width:100%;height:1.5px;background-color:#e7f1fe;position:relative;display:flex;align-items:center;justify-content:center}.cs-connector-chevron{display:block;flex-shrink:0;position:relative;z-index:2}.cs-flow-diamond-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-flow-diamond{width:104px;height:104px;background:#ebf3ff;border-radius:16px;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;border:1px solid rgba(47,128,237,.06);box-shadow:0 4px 14px #2f80ed0a;transition:transform var(--transition-fast)}.cs-flow-diamond:hover{transform:rotate(45deg) scale(1.03)}.cs-diamond-inner{transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;text-align:center}.cs-diamond-text{font-size:.85rem;font-weight:800;color:#1e1e24;line-height:1.2}.cs-vertical-branch-no{position:absolute;top:calc(50% + 72px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;height:84px;justify-content:space-between;z-index:3}.cs-vert-line-segment{width:1.5px;height:24px;background-color:#e7f1fe}.cs-decision-badge{background:#378df4;color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.02em;display:inline-block;line-height:1.2;z-index:3}.cs-flow-reconnect-corner{position:relative;width:100%;height:90px;display:flex}.cs-corner-horiz-half{width:50%;height:1.5px;background-color:#e7f1fe;position:absolute;left:0;top:50%;transform:translateY(-50%)}.cs-corner-vert-up{position:absolute;left:50%;bottom:50%;width:1.5px;height:152px;background-color:#e7f1fe;display:flex;align-items:center;justify-content:center}.cs-connector-chevron-up{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-wireframes-section{position:relative;background-color:#fff;padding:60px 0 120px}.cs-wireframes-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-wireframes-header{margin-bottom:56px;text-align:center}.cs-wireframes-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px auto 0;max-width:650px;text-align:center}.cs-wireframes-subtitle strong{color:#374151;font-weight:700}.cs-wireframes-content{width:100%}.cs-wireframes-row-top{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;justify-items:center;margin-bottom:56px;width:100%}.cs-wireframes-row-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;justify-items:center;max-width:1120px;margin:0 auto;width:100%}.cs-wireframe-item{display:flex;flex-direction:column;align-items:center;width:100%}.cs-wireframe-title{font-size:.95rem;font-weight:700;color:#1e1e24;text-align:center;margin:0 0 16px;letter-spacing:-.01em}.cs-wireframe-mockup-wrapper{width:100%;display:flex;justify-content:center}.cs-wireframe-mockup{width:100%;max-width:220px;height:auto;display:block;border-radius:0;box-shadow:none;background:transparent;transition:transform var(--transition-base),filter var(--transition-fast);cursor:pointer}.cs-wireframe-mockup:hover{transform:translateY(-4px);filter:brightness(1.03)}@media(max-width:1200px){.cs-wireframes-row-top{grid-template-columns:repeat(3,1fr);gap:32px 20px}.cs-wireframes-row-bottom{grid-template-columns:repeat(2,1fr);gap:32px 20px;max-width:600px}}@media(max-width:680px){.cs-wireframes-row-top,.cs-wireframes-row-bottom{grid-template-columns:repeat(2,1fr);gap:24px 16px}.cs-wireframe-title{font-size:.85rem;margin-bottom:12px}}.koinworks-case-study-page .cs-styleguide-section{position:relative;background-color:#fff;padding:60px 0 120px}.koinworks-case-study-page .cs-styleguide-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.koinworks-case-study-page .cs-styleguide-header{margin-bottom:48px}.koinworks-case-study-page .cs-styleguide-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px 0 0;max-width:650px}.koinworks-case-study-page .cs-styleguide-grid{display:grid;grid-template-columns:460px 1fr;gap:144px;align-items:start}.cs-typography-showcase{display:flex;flex-direction:column}.cs-sg-label{font-size:.85rem;font-weight:600;color:#8c9aa8;display:block;margin-bottom:6px}.cs-font-title-sourcesans{font-family:Source Sans Pro,"Source Sans 3",sans-serif;font-size:1.5rem;font-weight:700;color:#2f80ed;margin:0 0 28px;letter-spacing:-.01em}.cs-font-large-glyph{font-size:4rem;font-weight:800;color:#687d94;line-height:1;margin:0 0 12px;letter-spacing:-.02em}.cs-font-alphabet{font-size:.85rem;font-weight:600;color:#7f93a8;letter-spacing:.03em;line-height:1.65;margin-bottom:44px;white-space:nowrap}.cs-weights-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:12px;column-gap:8px;margin-top:8px}.cs-weight-item{display:flex;flex-direction:column;gap:2px}.cs-weight-item .w-num{font-size:.72rem;color:#9ca3af}.cs-weight-item .w-name{font-size:.78rem;color:#4b5563}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.cs-colors-showcase{display:flex;flex-direction:column;gap:16px}.cs-color-row-top{display:grid;grid-template-columns:2fr 1fr;gap:16px}.cs-color-row-middle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.cs-color-row-shades{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cs-color-card{border-radius:12px;padding:20px 24px;position:relative;overflow:hidden;color:#fff;box-shadow:0 4px 14px #0000000a;transition:transform var(--transition-fast)}.cs-color-card:hover{transform:translateY(-2px)}.bg-primary-blue{background-color:#378df4;min-height:140px}.bg-primary-variant{background-color:#3c7e8c;min-height:140px}.bg-color-success{background-color:#00b755;min-height:105px}.bg-color-error{background-color:#dc3545;min-height:105px}.bg-color-highlight{background-color:#fbbd0e;min-height:105px}.cs-color-hex{font-size:.72rem;color:#ffffffd9;font-weight:600;display:block;margin-bottom:2px;letter-spacing:.02em}.cs-color-name{font-size:1.15rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.cs-color-visual-persona{position:absolute;right:28px;bottom:0;line-height:0;display:flex;align-items:flex-end;pointer-events:none}.cs-sg-persona-svg{max-height:120px;width:auto;display:block}.cs-sparkle-1{position:absolute;top:-10px;right:36px;animation:csPulseSparkle 2.2s infinite ease-in-out}.cs-sparkle-2{position:absolute;top:30px;left:-14px;animation:csPulseSparkle 2.6s infinite .6s ease-in-out}.cs-sparkle-3{position:absolute;bottom:30px;right:-8px;animation:csPulseSparkle 2s infinite 1.2s ease-in-out}@keyframes csPulseSparkle{0%,to{transform:scale(.85) rotate(0);opacity:.7}50%{transform:scale(1.15) rotate(15deg);opacity:1}}.cs-shades-card{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column}.cs-shades-header{color:#fff;font-size:.72rem;font-weight:700;text-align:center;padding:6px 4px}.cs-shades-swatches{display:grid;grid-template-columns:repeat(3,1fr);height:32px}.cs-shade-box{width:100%;height:100%}.cs-neutrals-card{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column}.cs-neutrals-header{background-color:#2d2d2d;color:#fff;font-size:.72rem;font-weight:700;text-align:center;padding:6px 4px}.cs-neutrals-swatches{display:grid;grid-template-columns:repeat(7,1fr);height:32px}.cs-neutral-box{width:100%;height:100%}@media(max-width:1024px){.koinworks-case-study-page .cs-styleguide-section{padding:60px 0 90px}.koinworks-case-study-page .cs-styleguide-container{padding:0 24px;width:100%;box-sizing:border-box}.koinworks-case-study-page .cs-styleguide-grid{display:flex!important;flex-direction:column!important;gap:48px!important;width:100%!important}.koinworks-case-study-page .cs-typography-showcase{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.koinworks-case-study-page .cs-font-alphabet{white-space:normal!important;word-break:break-word!important;max-width:100%!important}.koinworks-case-study-page .cs-colors-showcase{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.koinworks-case-study-page .cs-color-row-shades{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.koinworks-case-study-page .cs-styleguide-container{padding:0 20px!important}.koinworks-case-study-page .cs-styleguide-grid{gap:36px!important}.koinworks-case-study-page .cs-color-row-top,.koinworks-case-study-page .cs-color-row-middle{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}.koinworks-case-study-page .cs-color-card{width:100%!important;box-sizing:border-box!important;min-height:105px!important}.koinworks-case-study-page .bg-primary-blue{min-height:125px!important}.koinworks-case-study-page .cs-color-visual-persona{right:14px!important;bottom:0!important}.koinworks-case-study-page .cs-sg-persona-svg{max-height:110px!important}.koinworks-case-study-page .cs-weights-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px 8px!important}.koinworks-case-study-page .cs-color-row-shades{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}.koinworks-case-study-page .cs-neutrals-card{width:100%!important}}.cs-hifi-section{position:relative;background-color:#fff;padding:60px 0 120px}.cs-hifi-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-hifi-header{margin-bottom:56px}.cs-hifi-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px 0 0;max-width:650px}.cs-hifi-subtitle strong{color:#374151;font-weight:700}.cs-hifi-screens-list{display:flex;flex-direction:column;gap:100px;width:100%}.cs-hifi-item{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%;max-width:1240px;margin:0 auto}.cs-hifi-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:30px 10px;min-height:520px;width:100%}.cs-hifi-circle-aura{width:430px;height:430px;border-radius:50%;border:66px solid #4A97F8;background:transparent;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.cs-hifi-phone-mockup{width:100%;max-width:290px;height:auto;display:block;position:relative;z-index:2;transition:transform var(--transition-base),filter var(--transition-fast);cursor:pointer}.cs-hifi-phone-mockup:hover{transform:translateY(-6px);filter:brightness(1.03)}.cs-hifi-info{display:flex;flex-direction:column;align-items:flex-start;z-index:2;width:100%;max-width:480px}.cs-hifi-icon-badge{margin-bottom:16px;line-height:0}.cs-hifi-badge-icon{width:38px;height:38px;display:block;border-radius:8px}.cs-hifi-title{font-size:1.5rem;font-weight:800;color:#1e1e24;margin:0 0 14px;letter-spacing:-.02em;line-height:1.25}.cs-hifi-desc{font-size:.95rem;line-height:1.65;color:#6b7280;margin:0 0 28px;max-width:460px}.cs-hifi-desc strong{color:#374151;font-weight:700}.cs-hifi-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;width:100%}.cs-hifi-check-item{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;color:#6b7280}.cs-check-icon{width:20px;height:20px;flex-shrink:0;display:block}.cs-hifi-item.layout-reversed{grid-template-columns:1fr 1.2fr;gap:80px}.cs-hifi-item.layout-visual-dual-left{grid-template-columns:1.2fr 1fr;gap:80px}.cs-hifi-visual-dual{width:100%;display:flex;justify-content:center;align-items:center;position:relative;min-height:520px}.cs-hifi-dual-mockups{display:flex;gap:20px;align-items:center;justify-content:center;position:relative;z-index:2;width:100%}.cs-hifi-phone-mockup.phone-sm{width:100%;max-width:245px;height:auto;flex-shrink:0}@media(max-width:1024px){.cs-hifi-item,.cs-hifi-item.layout-reversed,.cs-hifi-item.layout-visual-dual-left{display:flex!important;flex-direction:column!important;gap:0!important}.cs-hifi-info{display:contents!important}.cs-hifi-icon-badge{order:1!important;align-self:flex-start!important;margin-bottom:14px!important}.cs-hifi-title{order:2!important;text-align:left!important;margin-bottom:10px!important;width:100%!important}.cs-hifi-desc{order:3!important;text-align:left!important;margin-bottom:24px!important;width:100%!important}.cs-hifi-visual,.cs-hifi-item.layout-reversed .cs-hifi-visual,.cs-hifi-item.layout-visual-dual-left .cs-hifi-visual{order:4!important;width:100%!important;margin-bottom:28px!important}.cs-hifi-checklist{order:5!important;width:100%!important;align-items:flex-start!important;margin:0!important}}@media(max-width:768px){.cs-hifi-circle-aura{width:320px;height:320px;border-width:50px}.cs-hifi-pill-aura{width:220px;height:320px}.cs-hifi-phone-mockup{max-width:240px}.cs-hifi-phone-mockup.phone-sm{max-width:180px}.cs-hifi-dual-mockups{gap:12px}.cs-hifi-visual{min-height:380px;padding:20px 0}.cs-hifi-check-item{justify-content:flex-start;text-align:left}}.cs-visualshowcase-section{position:relative;background-color:#378df4;overflow:hidden;min-height:860px}.cs-vs-container{max-width:1400px;width:100%;margin:0 auto;padding:80px 32px;min-height:860px;position:relative;display:flex;justify-content:space-between;align-items:center}.cs-vs-left{display:flex;flex-direction:column;justify-content:space-between;min-height:520px;z-index:5;color:#fff;max-width:400px}.cs-vs-title{font-size:2.75rem;font-weight:800;color:#fff;margin:0 0 24px;letter-spacing:-.02em;line-height:1.15}.cs-vs-btn-prototype{display:inline-flex;align-items:center;gap:10px;background:#fff3;color:#fff;border:none;outline:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-fast);width:fit-content;cursor:pointer;font-family:inherit}.cs-vs-btn-prototype:hover{background:#ffffff59;transform:translateY(-2px)}.cs-vs-play-icon{fill:#fff}.cs-vs-bottom{margin-top:auto;padding-top:40px}.cs-vs-brand{margin-bottom:10px;line-height:0}.cs-vs-brand-logo{width:140px;height:auto;display:block}.cs-vs-subtitle{font-size:.925rem;color:#ffffffd9;margin:0;line-height:1.5}.cs-vs-subtitle strong{color:#fff;font-weight:700}.cs-vs-right{position:absolute;right:0;top:0;bottom:0;height:100%;width:calc(100% - 460px);max-width:980px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;background:transparent}.cs-vs-stage{display:flex;gap:28px;width:100%;height:100%;justify-content:flex-end;align-items:flex-start;background:transparent}.cs-vs-column{display:flex;flex-direction:column;height:100%;position:relative;background:transparent}.cs-vs-track{display:flex;flex-direction:column;will-change:transform;flex-shrink:0;background:transparent}.cs-vs-group{display:flex;flex-direction:column;gap:28px;padding-bottom:28px;flex-shrink:0;background:transparent}.cs-vs-track.track-down-left{animation:vsScrollDown 42s linear infinite}.cs-vs-track.track-up-center{animation:vsScrollUp 48s linear infinite}.cs-vs-track.track-down-right{animation:vsScrollDown 45s linear infinite;animation-delay:-14s}@keyframes vsScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes vsScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.cs-vs-mockup-img{width:270px;height:auto;display:block;border-radius:36px;filter:drop-shadow(0 15px 35px rgba(0,0,0,.25))}@media(max-width:1200px){.cs-vs-right{width:calc(100% - 380px)}.cs-vs-stage{gap:20px}.cs-vs-group{gap:20px;padding-bottom:20px}.cs-vs-mockup-img{width:210px;border-radius:28px}}@media(max-width:960px){.cs-visualshowcase-section{min-height:auto;overflow:visible}.cs-vs-container{flex-direction:column;align-items:flex-start;padding:60px 24px;min-height:auto;position:static}.cs-vs-left{position:relative;z-index:10;max-width:100%;min-height:auto;margin-bottom:28px;align-items:flex-start;text-align:left}.cs-vs-title{font-size:2.2rem;margin-bottom:16px;text-align:left}.cs-vs-bottom{margin-top:24px;padding-top:0;text-align:left}.cs-vs-right{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:auto;max-width:100%;margin-top:10px;pointer-events:auto;background:transparent!important;border:none!important;box-shadow:none!important}.cs-vs-stage{display:flex;flex-direction:row;gap:16px;width:100%;height:auto;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:16px;justify-content:flex-start;-webkit-overflow-scrolling:touch;background:transparent!important;border:none!important;box-shadow:none!important}.cs-vs-column{height:auto;flex-shrink:0;background:transparent!important;border:none!important;box-shadow:none!important}.cs-vs-track{animation:none!important;transform:none!important;flex-direction:row;gap:16px;background:transparent!important;border:none!important;box-shadow:none!important}.cs-vs-group{display:flex;flex-direction:row;gap:16px;padding-bottom:0;background:transparent!important;border:none!important;box-shadow:none!important}.cs-vs-group[aria-hidden=true]{display:none!important}.cs-vs-mockup-img{width:160px;height:auto;border-radius:0!important;border:none!important;background:transparent!important;box-shadow:none!important;filter:none!important;flex-shrink:0}}@media(max-width:640px){.cs-vs-container{padding:48px 18px 54px}.cs-vs-title{font-size:1.85rem}.cs-vs-stage,.cs-vs-track,.cs-vs-group{gap:12px}.cs-vs-mockup-img{width:130px}}.cs-utresult-section{position:relative;background-color:#fff;padding:80px 0 120px}.cs-utresult-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-utresult-header{margin-bottom:48px;text-align:center}.cs-utresult-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px auto 0;max-width:650px;text-align:center}.cs-utresult-subtitle strong{color:#374151;font-weight:700}.cs-utresult-card{position:relative;max-width:860px;margin:0 auto 36px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000000f;background-color:#fafafa;line-height:0}.cs-utresult-bg-img{width:100%;height:auto;display:block}.cs-utresult-persona-img{position:absolute;bottom:0;left:45%;transform:translate(-50%);width:26%;max-width:230px;height:auto;z-index:2;pointer-events:none}.cs-utresult-outcome-card{background-color:#ebfdf2;border:1.5px solid #84E1A7;border-radius:12px;max-width:700px;width:100%;margin:0 auto;padding:18px 26px 22px;box-shadow:0 4px 16px #00b7550d}.cs-outcome-title{color:#00a84d;font-size:1.05rem;font-weight:800;margin:0 0 12px;letter-spacing:-.01em}.cs-outcome-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-outcome-item{display:flex;align-items:center;gap:10px;font-size:.88rem;line-height:1.5;color:#374151;white-space:nowrap}.cs-outcome-item .cs-check-icon{width:17px;height:17px;flex-shrink:0;display:block}.cs-outcome-item strong{color:#111827;font-weight:700}@media(max-width:768px){.cs-utresult-card{border-radius:12px;margin-bottom:24px}.cs-utresult-persona-img{width:32%}.cs-utresult-outcome-card{max-width:100%;padding:16px 18px}.cs-outcome-item{font-size:.825rem;white-space:normal}}.cs-rfi-section{position:relative;background-color:#fff;padding:40px 0 140px}.cs-rfi-container{max-width:1400px;width:100%;margin:0 auto;padding:0 28px}.cs-rfi-header{margin-bottom:56px}.cs-rfi-subtitle{font-size:.975rem;line-height:1.6;color:#6b7280;margin:-32px 0 0;max-width:650px}.cs-rfi-subtitle strong{color:#374151;font-weight:700}.cs-rfi-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 48px;align-items:start}.cs-rfi-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}.cs-rfi-visual-col{display:flex;justify-content:center}.cs-rfi-phone-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.cs-rfi-phone-img{width:195px;height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.12))}.cs-rfi-badge-wrapper{position:absolute;display:flex;align-items:center;gap:6px;z-index:5}.cs-rfi-badge-wrapper.badge-rfi-col1{bottom:52px;left:84%;white-space:nowrap}.cs-rfi-badge-wrapper.badge-rfi-col2{bottom:104px;left:85%;align-items:center;white-space:nowrap}.cs-rfi-dotted-line{flex-shrink:0}.cs-rfi-correct-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#00ba5d;white-space:nowrap}.cs-rfi-correct-icon{width:15px;height:15px;object-fit:contain;flex-shrink:0}.cs-rfi-content-col{display:flex;flex-direction:column;padding-top:6px}.cs-rfi-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cs-rfi-warning-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.cs-rfi-card-title{font-size:1.25rem;font-weight:800;color:#1e1e24;margin:0;letter-spacing:-.01em}.cs-rfi-statement{font-size:.95rem;line-height:1.5;color:#6b7280;margin:0 0 20px}.cs-rfi-statement strong{color:#1e1e24;font-weight:700}.cs-rfi-metrics-list{display:flex;gap:32px}.cs-rfi-metric-item{display:flex;flex-direction:column}.cs-rfi-metric-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.cs-rfi-metric-icon{width:15px;height:15px;flex-shrink:0}.cs-rfi-metric-icon.metric-red{color:#d9534f}.cs-rfi-metric-icon.metric-green{color:#00a84d}.cs-rfi-metric-pct{font-size:.95rem;font-weight:800}.cs-rfi-metric-pct.metric-red{color:#d9534f}.cs-rfi-metric-pct.metric-green{color:#00a84d}.cs-rfi-metric-label{font-size:.775rem;color:#8c9aa8;font-weight:400;margin-left:21px}@media(max-width:1100px){.cs-rfi-grid{grid-template-columns:1fr;gap:64px}}@media(max-width:768px){.cs-rfi-header{text-align:center!important;margin-bottom:40px!important}.cs-rfi-header .cs-section-heading{text-align:center!important}.cs-rfi-subtitle{margin:-24px auto 0!important;text-align:center!important;max-width:600px!important}.cs-rfi-content-col{align-items:center!important;text-align:center!important}.cs-rfi-card-header{justify-content:center!important}.cs-rfi-card-title{text-align:center!important}.cs-rfi-statement{text-align:center!important;margin:0 auto 20px!important;max-width:380px!important}.cs-rfi-metrics-list{justify-content:center!important}.cs-rfi-metric-item{align-items:center!important;text-align:center!important}.cs-rfi-metric-header{justify-content:center!important}.cs-rfi-metric-label{margin-left:0!important;text-align:center!important}}@media(max-width:640px){.cs-rfi-section{padding:30px 0 80px}.cs-rfi-header{text-align:center!important;margin-bottom:32px!important}.cs-rfi-header .cs-section-heading{text-align:center!important}.cs-rfi-subtitle{margin:-20px auto 0!important;text-align:center!important;max-width:100%!important}.cs-rfi-card{grid-template-columns:1fr!important;gap:24px!important;justify-items:center!important}.cs-rfi-visual-col{width:100%!important;display:flex!important;justify-content:center!important}.cs-rfi-phone-img{width:170px!important}.cs-rfi-content-col{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding-top:0!important}.cs-rfi-card-header{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:10px!important}.cs-rfi-card-title{text-align:center!important}.cs-rfi-statement{text-align:center!important;margin:0 auto 20px!important;max-width:340px!important}.cs-rfi-metrics-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;max-width:360px!important;margin:0 auto!important;justify-content:center!important}.cs-rfi-metric-item{background:#f8fafc!important;border:none!important;border-radius:12px!important;padding:14px 10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;width:100%!important}.cs-rfi-metric-header{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-bottom:3px!important}.cs-rfi-metric-label{margin-left:0!important;text-align:center!important;font-size:.8rem!important}.cs-rfi-badge-wrapper,.cs-rfi-dotted-line{display:none!important}}.cs-brand-logo-projects{height:38px;width:auto;object-fit:contain;display:block}.cs-highlight-brand-orange{color:#fa8c16;font-weight:800}.cs-projects-hero-content{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px}.cs-projects-hero-right{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px;width:100%}.cs-projects-mockup-wrapper{position:relative;z-index:3;width:100%;max-width:680px;height:520px;display:flex;align-items:center;justify-content:center}.cs-projects-desktop-shadow{position:absolute;bottom:-45px;left:200px;width:340px;height:36px;background:radial-gradient(ellipse at center,#1e1e2459,#1e1e2414 50%,#0000 75%);border-radius:50%;filter:blur(10px);pointer-events:none;z-index:1}.cs-projects-mobile-shadow{position:absolute;bottom:-70px;right:-70px;width:320px;height:38px;background:radial-gradient(ellipse at center,#1e1e2473,#1e1e241a 50%,#0000 75%);border-radius:50%;filter:blur(10px);pointer-events:none;z-index:4}.cs-projects-desktop-mockup{position:absolute;left:7px;top:-23px;width:700px;height:auto;z-index:3;filter:drop-shadow(0 24px 48px rgba(0,0,0,.16));transition:transform var(--transition-normal)}.cs-projects-mockup-wrapper:hover .cs-projects-desktop-mockup{transform:translateY(-4px)}.cs-projects-mobile-mockup{position:absolute;right:-88px;bottom:-35px;width:355px;height:auto;z-index:5;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25));transition:transform var(--transition-normal)}.cs-projects-mockup-wrapper:hover .cs-projects-mobile-mockup{transform:translateY(-6px) scale(1.02)}.cs-briefcase-float{position:absolute;pointer-events:none}.cs-hero-briefcase-1{top:-20px;left:170px;width:38px;height:auto;z-index:2;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));animation:floatSlow 3.2s ease-in-out infinite alternate}.cs-hero-briefcase-2{top:75px;right:-25px;width:72px;height:auto;z-index:2;transform:scaleX(-1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));animation:floatSlowFlipped 3.6s ease-in-out infinite alternate-reverse}.cs-hero-briefcase-3{bottom:60px;left:-5px;width:80px;height:auto;z-index:6;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22));animation:floatSlow 2.8s ease-in-out infinite alternate}@media(max-width:1024px){.cs-projects-hero-content{grid-template-columns:1fr;text-align:center;gap:36px}.cs-projects-mockup-wrapper{max-width:540px;width:100%;height:auto;min-height:auto;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;padding:10px 0}.cs-projects-desktop-mockup{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:480px!important;height:auto!important;margin:0 auto!important;display:block!important;filter:drop-shadow(0 16px 36px rgba(0,0,0,.16))!important}.cs-projects-mobile-mockup,.cs-projects-mobile-shadow{display:none!important}.cs-projects-desktop-shadow{position:absolute!important;bottom:-5px!important;left:50%!important;transform:translate(-50%)!important;width:80%!important;max-width:380px!important;height:24px!important;background:radial-gradient(ellipse at center,#1e1e2466,#1e1e2414 50%,#0000 75%)!important;border-radius:50%!important;filter:blur(8px)!important;z-index:1!important;display:block!important}.cs-briefcase-float{z-index:10!important}.cs-hero-briefcase-1{top:-15px!important;left:40px!important;width:34px!important;z-index:10!important}.cs-hero-briefcase-2{top:30px!important;right:20px!important;width:52px!important;z-index:10!important}.cs-hero-briefcase-3{bottom:10px!important;left:20px!important;width:60px!important;z-index:10!important}}@media(max-width:640px){.cs-projects-desktop-mockup{max-width:340px!important}.cs-projects-desktop-shadow{bottom:0!important;max-width:270px!important;height:18px!important;filter:blur(6px)!important}.cs-hero-briefcase-1{top:-10px!important;left:15px!important;width:30px!important;z-index:10!important}.cs-hero-briefcase-2{top:20px!important;right:10px!important;width:46px!important;z-index:10!important}.cs-hero-briefcase-3{bottom:5px!important;left:10px!important;width:52px!important;z-index:10!important}}.cs-projects-overview-section{position:relative;background-color:#fff;padding:80px 0 120px}.cs-projects-overview-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:460px 1fr;gap:72px;align-items:center}.cs-projects-overview-left{display:flex;justify-content:center;align-items:center}.cs-projects-photo-wrapper{position:relative;border-radius:20px;width:100%;max-width:440px;box-shadow:0 20px 48px #0000001f}.cs-projects-overview-photo{width:100%;height:auto;border-radius:20px;display:block;object-fit:cover}.cs-projects-badge-card{position:absolute;display:inline-flex;align-items:center;gap:9px;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:none;border-radius:8px;padding:9px 15px;font-size:.8125rem;font-weight:600;color:#1e293b;white-space:nowrap;z-index:10;transition:transform var(--transition-fast)}.cs-projects-badge-card:hover{transform:translateY(-2px);box-shadow:none}.cs-badge-conversion{top:36px;left:32px}.cs-badge-completion{top:92px;left:32px}.cs-badge-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.cs-projects-overview-right{position:relative;display:flex;gap:36px;align-items:stretch}.cs-overview-timeline-spine{position:relative;width:16px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.cs-spine-line{position:absolute;top:12px;bottom:24px;width:2px;background:linear-gradient(180deg,#fdba74,#f97316,#ea580c 70%,#fdba74);left:50%;transform:translate(-50%);border-radius:2px}.cs-diamond-node{position:absolute;width:10px;height:10px;background-color:#f97316;transform:translate(-50%) rotate(45deg);left:50%;border-radius:1.5px;box-shadow:0 0 10px #f9731680;z-index:2}.cs-diamond-node.node-1{top:130px}.cs-diamond-node.node-2{top:275px}.cs-projects-overview-content-inner{flex:1}.cs-overview-header-group{margin-bottom:32px}.cs-phase-tag{display:block;font-size:.95rem;font-weight:600;color:#fa8c16;margin-bottom:6px;letter-spacing:-.01em}.cs-projects-overview-section .cs-section-heading{font-size:2.35rem;font-weight:800;color:#1e1e24;margin:0;letter-spacing:-.025em}.cs-story-block{margin-bottom:28px}.cs-story-heading{font-size:1.15rem;font-weight:700;color:#1e1e24;margin:0 0 10px;letter-spacing:-.01em}.cs-story-text{font-size:.95rem;line-height:1.68;color:#64748b;margin:0}.cs-story-text strong{color:#1e293b;font-weight:600}.cs-projects-meta-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:16px;margin-top:8px}.cs-meta-footer-item{display:flex;flex-direction:column}.cs-meta-footer-label{font-size:.875rem;font-weight:600;color:#fa8c16;margin-bottom:6px}.cs-meta-footer-val{font-size:1.05rem;font-weight:700;color:#1e1e24;letter-spacing:-.01em}@media(max-width:1024px){.cs-projects-overview-container{grid-template-columns:1fr;gap:48px}.cs-projects-overview-left{order:2}.cs-projects-overview-right{order:1}.cs-overview-timeline-spine{display:none}}@media(max-width:640px){.cs-projects-overview-section{padding:60px 0 80px}.cs-projects-badge-card{padding:7px 12px;font-size:.75rem}.cs-badge-conversion{top:20px;left:16px}.cs-badge-completion{top:68px;left:16px}.cs-projects-meta-footer{grid-template-columns:1fr;gap:16px}}.cs-why-freelancers-section{position:relative;background-color:#fff;padding:60px 0 100px}.cs-why-freelancers-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 460px;gap:64px;align-items:center}.cs-why-freelancers-left{max-width:560px}.cs-why-main-desc{font-size:.95rem;line-height:1.7;color:#64748b;margin:0 0 36px}.cs-why-main-desc strong{color:#1e293b;font-weight:600}.cs-why-highlight-wrapper{display:flex;gap:20px;align-items:stretch;position:relative}.cs-why-spine-line{position:relative;width:2px;background:linear-gradient(180deg,#fdba74,#f97316 40%,#ea580c,#fdba74);border-radius:2px;flex-shrink:0;margin:4px 6px}.cs-why-diamond-node{position:absolute;top:6px;left:50%;width:10px;height:10px;background-color:#f97316;transform:translate(-50%) rotate(45deg);border-radius:1.5px;box-shadow:0 0 8px #f9731666}.cs-why-highlight-content{flex:1}.cs-why-highlight-title{font-size:1.05rem;font-weight:700;color:#1e1e24;margin:0 0 8px;letter-spacing:-.01em}.cs-why-highlight-text{font-size:.9375rem;line-height:1.65;color:#64748b;margin:0}.cs-why-highlight-text strong{color:#1e293b;font-weight:600}.cs-why-freelancers-right{display:flex;justify-content:center;align-items:center}.cs-why-photo-wrapper{position:relative;border-radius:20px;width:100%;max-width:440px;box-shadow:0 20px 48px #0000001f}.cs-why-freelancers-photo{width:100%;height:auto;border-radius:20px;display:block;object-fit:cover}.cs-why-badges-stack{position:absolute;bottom:24px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:10}.cs-why-badges-stack .cs-projects-badge-card{position:static;background:#ffffffb8}.cs-behaviors-section{position:relative;background-color:#fff;padding:60px 0 130px}.cs-behaviors-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-behaviors-header{margin-bottom:56px}.cs-behaviors-timeline{position:relative;width:100%}.cs-behaviors-line{position:relative;width:100%;height:2px;background:linear-gradient(90deg,#F97316 0%,#FB923C 60%,rgba(251,146,60,.2) 95%,transparent 100%);margin-bottom:32px}.cs-behaviors-diamond{position:absolute;top:50%;width:10px;height:10px;background-color:#f97316;transform:translate(-50%,-50%) rotate(45deg);border-radius:1.5px;box-shadow:0 0 8px #f9731666}.cs-behaviors-diamond.node-step-1{left:0%;transform:translateY(-50%) rotate(45deg)}.cs-behaviors-diamond.node-step-2{left:25%}.cs-behaviors-diamond.node-step-3{left:50%}.cs-behaviors-diamond.node-step-4{left:75%}.cs-behaviors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.cs-behavior-step-item{display:flex;flex-direction:column}.cs-step-title{font-size:1.125rem;font-weight:700;color:#1e1e24;margin:0 0 12px;letter-spacing:-.015em}.cs-step-desc{font-size:.9375rem;line-height:1.65;color:#64748b;margin:0}@media(max-width:1024px){.cs-why-freelancers-container{grid-template-columns:1fr;gap:48px}.cs-behaviors-grid{grid-template-columns:repeat(2,1fr);gap:32px}.cs-behaviors-line{display:none}}@media(max-width:640px){.cs-why-freelancers-section,.cs-behaviors-section{padding:50px 0 70px}.cs-behaviors-grid{grid-template-columns:1fr;gap:28px}.cs-why-badges-stack{left:12px;bottom:16px}}.cs-competitor-section{position:relative;background-color:#fff;padding:60px 0 120px}.cs-competitor-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-competitor-header{margin-bottom:44px}.cs-competitor-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:40px}.cs-competitor-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.cs-competitor-table thead th{padding:16px 20px 24px;text-align:center;vertical-align:middle;border:none}.cs-competitor-table thead .th-criteria{width:30%;text-align:left}.cs-competitor-table thead .th-competitor{width:14%}.cs-comp-logo{max-width:110px;height:24px;width:auto;object-fit:contain;display:inline-block}.logo-projects{height:26px}.logo-sribu{height:24px}.logo-freelancer{height:20px}.logo-upwork,.logo-fiverr{height:24px}.cs-competitor-table tbody tr{transition:background-color var(--transition-fast)}.cs-competitor-table tbody tr.row-tinted{background-color:#f8f9fa}.cs-competitor-table tbody td{padding:18px 20px;vertical-align:middle;border:none}.cs-competitor-table tbody tr.row-tinted td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.cs-competitor-table tbody tr.row-tinted td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.cs-competitor-table tbody .td-criteria{font-size:.95rem;font-weight:500;color:#64748b;text-align:left}.cs-competitor-table tbody .td-val{text-align:center}.cs-competitor-table tbody .td-text{font-size:.95rem;font-weight:600;color:#1e1e24}.cs-table-status-icon{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle}.cs-comp-summary-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:16px}.cs-comp-summary-left{flex:1}.cs-comp-summary-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cs-lightbulb-icon{width:22px;height:22px;object-fit:contain}.cs-comp-summary-title h3{font-size:1.15rem;font-weight:700;color:#1e1e24;margin:0;letter-spacing:-.01em}.cs-comp-summary-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cs-comp-summary-bullets li{font-size:.9375rem;line-height:1.6;color:#64748b;position:relative;padding-left:14px}.cs-comp-summary-bullets li:before{content:"•";position:absolute;left:0;color:#64748b;font-weight:700}.cs-status-tag.good{color:#10b981;font-weight:600}.cs-status-tag.bad{color:#ef4444;font-weight:600}.cs-comp-summary-bullets strong{color:#1e293b;font-weight:600}.cs-comp-summary-right{flex-shrink:0;text-align:right}.cs-comp-footnote{font-size:.8125rem;color:#94a3b8}.cs-footnote-link{color:#2f80ed;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.cs-footnote-link:hover{color:#1d4ed8}@media(max-width:768px){.cs-comp-summary-row{flex-direction:column;align-items:flex-start;gap:20px}.cs-comp-summary-right{text-align:left}}.cs-interview-ut-section{position:relative;background-color:#fff;padding:60px 0 130px}.cs-interview-ut-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-interview-header{margin-bottom:48px}.cs-interview-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:56px}.cs-col-header-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:24px}.cs-header-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.cs-col-title{font-size:1.25rem;font-weight:700;color:#1e1e24;margin:0;letter-spacing:-.015em}.cs-question-group{margin-bottom:24px}.cs-group-title{font-size:.95rem;font-weight:700;color:#1e1e24;margin:0 0 10px;letter-spacing:-.01em}.cs-question-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cs-question-list li{font-size:.9rem;line-height:1.55;color:#64748b}.cs-tasks-timeline-wrapper{position:relative;display:flex;flex-direction:column;gap:20px;padding-left:24px}.cs-tasks-spine-line{position:absolute;top:14px;bottom:28px;left:0;width:2px;background:linear-gradient(180deg,#fdba74,#f97316 40%,#ea580c,#fdba74);border-radius:2px;transform:translate(-50%)}.cs-task-item{position:relative;display:flex;align-items:flex-start;gap:16px}.cs-task-diamond-node{position:absolute;top:6px;left:-24px;width:10px;height:10px;background-color:#f97316;transform:translate(-50%) rotate(45deg);border-radius:1.5px;box-shadow:0 0 8px #f9731666}.cs-task-body{flex:1}.cs-task-title{font-size:.95rem;font-weight:700;color:#1e1e24;margin:0 0 4px;letter-spacing:-.01em}.cs-task-desc{font-size:.875rem;line-height:1.5;color:#64748b;margin:0}.cs-ut-result-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:280px 1fr 260px;align-items:stretch;box-shadow:0 10px 30px #0000000a}.cs-ut-photo-col{height:100%}.cs-ut-card-img{width:100%;height:100%;object-fit:cover;display:block}.cs-ut-table-col{padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between}.cs-ut-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #F1F5F9}.cs-ut-progress-heading{font-size:.95rem;font-weight:700;color:#1e1e24}.cs-ut-progress-sub{font-size:.78rem;font-weight:500;color:#94a3b8}.cs-ut-tasks-progress-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.cs-ut-progress-row{display:flex;flex-direction:column;gap:6px}.cs-ut-row-info{display:flex;justify-content:space-between;align-items:center}.cs-ut-row-title{font-size:.84rem;font-weight:600;color:#334155}.cs-ut-row-badge{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:4px;min-width:44px;text-align:center}.cs-ut-row-badge.badge-green{background-color:#d1fae5;color:#065f46}.cs-ut-row-badge.badge-amber{background-color:#fef3c7;color:#92400e}.cs-ut-row-badge.badge-red{background-color:#fee2e2;color:#991b1b}.cs-ut-bar-track{width:100%;height:8px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.cs-ut-bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.cs-ut-bar-fill.bar-green{background:linear-gradient(90deg,#10b981,#059669)}.cs-ut-bar-fill.bar-amber{background:linear-gradient(90deg,#fbbf24,#d97706)}.cs-ut-bar-fill.bar-red{background:linear-gradient(90deg,#f87171,#dc2626)}.cs-ut-matrix-table{width:100%;border-collapse:separate;border-spacing:2px;margin-bottom:20px}.cs-ut-matrix-table thead th{padding:8px 10px;font-size:.8125rem;font-weight:700;color:#1e1e24;text-align:center}.cs-ut-matrix-table thead th:first-child{text-align:left}.cs-ut-matrix-table tbody td{padding:10px 12px;font-size:.8125rem;font-weight:600;text-align:center;border-radius:4px}.cs-ut-matrix-table tbody .td-task-name{text-align:left;font-weight:700;color:#1e1e24;background:transparent}.cs-ut-matrix-table tbody .td-rate{font-weight:700;color:#1e1e24;background:transparent}.cs-ut-matrix-table tbody .cell-success{background-color:#b4e3c8;color:#064e3b}.cs-ut-matrix-table tbody .cell-warning{background-color:#fcd5bd;color:#7c2d12}.cs-ut-matrix-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:10px}.cs-ut-testing-note{font-size:.8125rem;color:#94a3b8}.cs-usability-score-display{display:flex;align-items:baseline;gap:6px;font-size:.9375rem;font-weight:600;color:#1e1e24}.cs-usability-score-display .score-num{font-size:1.4rem;font-weight:800;color:#ef4444}.cs-ut-session-col{border-left:1px solid #E2E8F0;padding:24px 28px;display:flex;flex-direction:column;justify-content:center}.cs-session-overview-title{font-size:1.05rem;font-weight:700;color:#1e1e24;margin:0 0 20px;letter-spacing:-.01em}.cs-session-meta-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:18px;column-gap:16px}.cs-session-meta-item{display:flex;flex-direction:column}.cs-session-meta-item .label{font-size:.8125rem;color:#94a3b8;font-weight:500;margin-bottom:4px}.cs-session-meta-item .val{font-size:.9375rem;color:#1e1e24;font-weight:700;letter-spacing:-.01em}@media(max-width:1024px){.cs-interview-top-grid{grid-template-columns:1fr;gap:40px}.cs-ut-result-card{grid-template-columns:1fr}.cs-ut-photo-col{max-height:240px}.cs-ut-session-col{border-left:none;border-top:1px solid #E2E8F0}}@media(max-width:640px){.cs-interview-ut-section{padding:50px 0 70px}.cs-ut-table-col{padding:16px;overflow-x:auto}.cs-ut-matrix-table{min-width:480px}.cs-ut-matrix-footer{flex-direction:column;align-items:flex-start}}.cs-affinity-section{position:relative;background-color:#fff;padding:60px 0 130px}.cs-affinity-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-affinity-header{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.cs-affinity-content-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center;max-width:1100px;margin:0 auto}.cs-affinity-left{display:flex;flex-direction:column;gap:36px}.cs-affinity-group{display:flex;flex-direction:column}.cs-affinity-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cs-affinity-bullets li{font-size:.9375rem;line-height:1.65;color:#64748b;position:relative;padding-left:14px}.cs-affinity-bullets li:before{content:"•";position:absolute;left:0;color:#64748b;font-weight:700}.cs-affinity-bullets strong{color:#1e293b;font-weight:600}.cs-affinity-right{display:flex;justify-content:center;align-items:center;width:100%}.cs-affinity-chart-card{position:relative;width:100%;max-width:600px;padding:24px 0}.cs-chart-guide-line{position:absolute;top:0;bottom:0;width:1.5px;background-color:#e2e8f0}.cs-chart-guide-line.guide-left{left:0}.cs-chart-guide-line.guide-right{left:88%}.cs-guide-dot{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background-color:#cbd5e1}.cs-affinity-bars-container{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;width:100%}.cs-bar-row-top{display:flex;flex-direction:column;gap:6px;width:100%}.cs-top-bar-label-wrapper{display:flex;justify-content:flex-end;width:88%;padding-right:2px}.cs-top-bar-label{font-size:.85rem;color:#64748b}.cs-top-bar-label .text-red{color:#e53935;font-weight:700}.cs-bar-wrapper{width:88%}.cs-bar-row{display:flex;align-items:center;gap:14px;width:100%}.cs-chart-bar{height:44px;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:14px;transition:transform var(--transition-fast)}.cs-chart-bar:hover{transform:scaleY(1.03)}.cs-chart-bar.bar-red{background-color:#e53935}.cs-chart-bar.bar-gray{background-color:#71717a}.cs-chart-bar.bar-100{width:100%}.cs-chart-bar.bar-43{width:43.5%}.cs-chart-bar.bar-37{width:37%}.cs-chart-bar.bar-26{width:26%}.cs-chart-bar.bar-12{width:12%;padding-right:8px}.cs-bar-val{font-size:.85rem;font-weight:700;color:#fff}.cs-inline-bar-label{font-size:.85rem;color:#64748b;white-space:nowrap}.cs-inline-bar-label .text-red{color:#e53935;font-weight:700}.cs-inline-bar-label .text-dark{color:#334155;font-weight:700}@media(max-width:1024px){.cs-affinity-content-grid{grid-template-columns:1fr;gap:48px}.cs-affinity-chart-card{max-width:100%}}@media(max-width:640px){.cs-affinity-section{padding:50px 0 70px}.cs-chart-guide-line.guide-right{left:65%}.cs-bar-wrapper,.cs-top-bar-label-wrapper{width:65%}}.cs-persona-section{position:relative;background-color:#fff!important;padding:60px 0 130px}.cs-persona-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-persona-header{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:44px}.cs-persona-tag{color:#fa8c16;font-size:.9375rem;font-weight:700;margin-bottom:8px;display:inline-block;letter-spacing:.02em}.projectscoid-case-study-page .cs-persona-card{background:#fff;border:1.5px solid #F9B16F!important;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:310px 1fr;max-width:1040px;margin:0 auto;box-shadow:0 10px 30px #0000000a;position:relative}.projectscoid-case-study-page .cs-persona-photo-col{position:relative;height:100%;min-height:480px;background:radial-gradient(circle at 50% 25%,#565d4a,#3d4333 70%,#2a2e22);overflow:hidden}.projectscoid-case-study-page .cs-persona-photo{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:left bottom;display:block}.cs-persona-quote-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);padding:40px 24px 24px;color:#fff}.cs-persona-quote-icon{font-size:2.2rem;line-height:1;font-family:Georgia,serif;color:#ffffffbf;margin-bottom:4px}.cs-persona-quote-text{font-size:.8rem;line-height:1.5;font-style:italic;color:#ffffffeb;margin:0}.cs-persona-info-col{position:relative;padding:40px 48px;display:flex;flex-direction:column}.cs-persona-decorative-arc{position:absolute;top:0;right:0;width:160px;height:160px;pointer-events:none}.cs-persona-briefcase-float{position:absolute;top:22px;right:32px;width:36px;height:auto;transform:rotate(12deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));animation:floatSlow 3.2s ease-in-out infinite alternate}.cs-persona-meta-header{margin-bottom:16px}.projectscoid-case-study-page .cs-persona-name{font-size:1.95rem;font-weight:800;color:#fa8c16!important;margin:0 0 6px;letter-spacing:-.02em;display:block}.projectscoid-case-study-page .cs-persona-role{font-size:.95rem;font-weight:600;color:#475569!important;margin:0}.projectscoid-case-study-page .cs-persona-bio{font-size:.925rem;line-height:1.65;color:#334155!important;margin:0 0 32px}.cs-persona-goals-frustrations-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cs-persona-column{display:flex;flex-direction:column}.cs-persona-col-title-group{display:flex;align-items:center;gap:8px;margin-bottom:14px}.cs-col-emoji{font-size:1.1rem;line-height:1}.cs-col-triangle-icon{flex-shrink:0}.cs-persona-col-title{font-size:1.05rem;font-weight:700;color:#1e1e24;margin:0;letter-spacing:-.01em}.cs-persona-bullet-list,.projectscoid-case-study-page .cs-persona-bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-persona-bullet-list li,.projectscoid-case-study-page .cs-persona-bullet-list li{font-size:.88rem;line-height:1.6;color:#475569!important;position:relative;padding-left:14px}.cs-persona-bullet-list li:before,.projectscoid-case-study-page .cs-persona-bullet-list li:before{content:"•";position:absolute;left:0;color:#334155;font-weight:700}.cs-persona-bullet-list strong,.projectscoid-case-study-page .cs-persona-bullet-list strong{color:#0f172a!important;font-weight:700}@media(max-width:1024px){.projectscoid-case-study-page .cs-persona-card,.cs-persona-card{grid-template-columns:1fr}.projectscoid-case-study-page .cs-persona-photo-col,.cs-persona-photo-col{position:relative!important;min-height:380px!important;height:400px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important}.projectscoid-case-study-page .cs-persona-photo,.cs-persona-photo{position:absolute!important;left:50%!important;transform:translate(-50%)!important;bottom:0!important;top:auto!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:95%!important;object-fit:contain!important;object-position:bottom center!important;display:block!important;margin:0 auto!important}.projectscoid-case-study-page .cs-persona-quote-overlay,.cs-persona-quote-overlay{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:5!important;background:linear-gradient(to top,rgba(20,24,18,.95) 0%,rgba(20,24,18,.65) 60%,transparent 100%)!important;padding:44px 24px 20px!important}.projectscoid-case-study-page .cs-persona-info-col,.cs-persona-info-col{padding:32px 24px}}@media(max-width:640px){.cs-persona-section{padding:50px 0 70px}.projectscoid-case-study-page .cs-persona-photo-col,.cs-persona-photo-col{min-height:340px!important;height:360px!important}.cs-persona-goals-frustrations-grid{grid-template-columns:1fr;gap:24px}.cs-persona-decorative-arc{display:none}}.cs-problem-hmw-section{position:relative;background-color:#fff;padding:60px 0 130px}.cs-problem-hmw-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:460px 1fr;gap:72px;align-items:center}.cs-problem-hmw-left{display:flex;justify-content:center;align-items:center}.cs-problem-hmw-photo-wrapper{position:relative;border-radius:20px;width:100%;max-width:440px;box-shadow:0 20px 48px #0000001f}.cs-problem-hmw-photo{width:100%;height:auto;border-radius:20px;display:block;object-fit:cover}.cs-problem-hmw-right{position:relative;width:100%}.cs-hmw-timeline-wrapper{position:relative;padding-left:36px}.cs-hmw-spine-line{position:absolute;top:4px;bottom:6px;left:3px;width:1.5px;background-color:#fa8c16;border-radius:2px}.cs-hmw-header{margin-bottom:32px}.cs-hmw-block{position:relative;margin-bottom:28px}.cs-hmw-block:last-child{margin-bottom:0}.cs-hmw-diamond-node{position:absolute;left:-37px;top:6.5px;width:9px;height:9px;background-color:#fa8c16;transform:rotate(45deg);border-radius:1px;box-shadow:0 0 6px #fa8c1659;z-index:2}.cs-hmw-block-title{font-size:1.125rem;font-weight:700;color:#1e1e24;margin:0 0 10px;letter-spacing:-.01em}.cs-hmw-block-text{font-size:.95rem;line-height:1.68;color:#64748b;margin:0}.cs-hmw-block-text strong{color:#1e293b;font-weight:600}.cs-hmw-solutions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-hmw-solutions-list li{font-size:.9375rem;line-height:1.62;color:#64748b;position:relative;padding-left:14px}.cs-hmw-solutions-list li:before{content:"•";position:absolute;left:0;color:#94a3b8;font-weight:700}.cs-hmw-solutions-list strong{color:#1e293b;font-weight:600}@media(max-width:1024px){.cs-problem-hmw-container{grid-template-columns:1fr;gap:48px}.cs-problem-hmw-left{order:2}.cs-problem-hmw-right{order:1}.cs-hmw-timeline-spine{display:none}}@media(max-width:640px){.cs-problem-hmw-section{padding:50px 0 70px}}.cs-prioritization-section{position:relative;background-color:#fff;padding:60px 0 130px}.cs-prioritization-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-matrix-header{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.cs-matrix-grid-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px;margin:0 auto}.cs-matrix-card{background:#fff;border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;box-shadow:0 4px 20px #00000008}.cs-matrix-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000000f}.card-quick-wins{border:1.5px solid #A7F3D0;background:linear-gradient(180deg,#f0fdf4,#fff)}.card-major-projects{border:1.5px solid #FED7AA;background:linear-gradient(180deg,#fff7ed,#fff)}.card-reconsider{border:1.5px solid #FECDD3;background:linear-gradient(180deg,#fff1f2,#fff)}.card-fill-ins{border:1.5px solid #E2E8F0;background:linear-gradient(180deg,#f8fafc,#fff)}.cs-matrix-card-header{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05)}.cs-quadrant-tag{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:6px;margin-bottom:10px}.tag-green{background-color:#d1fae5;color:#065f46}.tag-orange{background-color:#ffedd5;color:#9a3412}.tag-red{background-color:#ffe4e6;color:#9f1239}.tag-gray{background-color:#f1f5f9;color:#475569}.cs-quadrant-tag .dot{opacity:.5}.cs-matrix-card-title-group{display:flex;justify-content:space-between;align-items:center}.cs-matrix-card-title{font-size:1.05rem;font-weight:700;color:#1e1e24;margin:0}.cs-mvp-pill{font-size:.75rem;font-weight:700;background-color:#fef08a;color:#854d0e;padding:3px 8px;border-radius:999px;border:1px solid #FDE047}.cs-strategic-pill{font-size:.75rem;font-weight:700;background-color:#ffedd5;color:#9a3412;padding:3px 8px;border-radius:999px}.cs-muted-pill{font-size:.75rem;font-weight:600;background-color:#ffe4e6;color:#9f1239;padding:3px 8px;border-radius:999px}.cs-backlog-pill{font-size:.75rem;font-weight:600;background-color:#f1f5f9;color:#64748b;padding:3px 8px;border-radius:999px}.cs-matrix-items-list{display:flex;flex-direction:column;gap:12px}.cs-matrix-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background-color:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 2px 6px #00000005}.card-quick-wins .cs-matrix-item{border-color:#d1fae5;background-color:#fff}.cs-item-star-icon{font-size:1rem;line-height:1.4;flex-shrink:0}.cs-item-bullet-icon{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.orange-bullet{background-color:#fa8c16}.red-bullet{background-color:#f43f5e}.cs-matrix-item p{font-size:.84rem;line-height:1.55;color:#334155;margin:0;font-weight:500}.cs-matrix-empty-state{padding:24px 14px;text-align:center}.cs-matrix-empty-state p{font-size:.82rem;line-height:1.5;color:#94a3b8;font-style:italic;margin:0}@media(max-width:900px){.cs-prioritization-section{padding:50px 0 80px}.cs-matrix-grid-cards{display:flex!important;flex-direction:column!important;gap:20px!important;max-width:100%!important}.cs-matrix-card{padding:24px 20px 22px!important;border-radius:16px!important}.cs-matrix-card-header{margin-bottom:16px!important;padding-bottom:14px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.cs-quadrant-tag{margin-bottom:0!important;font-size:.78rem!important;padding:4px 10px!important}.cs-matrix-card-title-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}.cs-matrix-card-title{font-size:1.15rem!important;font-weight:800!important;color:#1e1e24!important;line-height:1.35!important}.cs-mvp-pill,.cs-strategic-pill,.cs-muted-pill,.cs-backlog-pill{font-size:.75rem!important;padding:4px 10px!important;border-radius:999px!important;font-weight:700!important;align-self:flex-start!important}.cs-matrix-items-list{display:flex!important;flex-direction:column!important;gap:10px!important}.cs-matrix-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;padding:14px!important;border-radius:12px!important}.cs-matrix-item p{font-size:.88rem!important;line-height:1.6!important;color:#334155!important;margin:0!important}.cs-item-star-icon{font-size:1.1rem!important;flex-shrink:0!important;line-height:1.3!important}.cs-item-bullet-icon{width:8px!important;height:8px!important;margin-top:7px!important;flex-shrink:0!important}}.cs-user-flows-section{position:relative;background-color:#fff;padding:60px 0 130px}.cs-user-flows-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-flows-header{margin-bottom:48px}.cs-flow-block{margin-bottom:64px}.cs-flow-block:last-child{margin-bottom:0}.cs-flow-meta{margin-bottom:24px}.cs-flow-title{font-size:1.25rem;font-weight:700;color:#1e1e24;margin:0 0 6px;letter-spacing:-.015em}.cs-flow-desc{font-size:.9375rem;line-height:1.55;color:#64748b;margin:0}.cs-flow-diagram-wrapper{position:relative;width:100%;padding:10px 0;overflow:visible}.cs-flow-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cs-flow-svg{min-width:960px;max-width:1140px;width:100%;height:auto;display:block}@media(max-width:640px){.cs-user-flows-section{padding:50px 0 70px}}.cs-projects-wf-dark-section{position:relative;background-color:#181920;padding:90px 0 140px}.cs-projects-wf-dark-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-wf-dark-header{text-align:center;margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.cs-wf-dark-header .text-white{color:#fff}.cs-wf-masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.cs-wf-column{display:flex;flex-direction:column;gap:32px}.cs-wf-item{display:flex;flex-direction:column;gap:8px}.cs-wf-label{font-size:.75rem;font-weight:600;color:#94a3b8;letter-spacing:-.01em}.cs-wf-card-dark{border-radius:6px;overflow:hidden;box-shadow:0 12px 32px #00000073;background-color:#0f172a;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-wf-card-dark:hover{transform:translateY(-5px);box-shadow:0 20px 45px #000000a6}.cs-wf-dark-img{width:100%;height:auto;display:block}@media(max-width:900px){.cs-wf-masonry-grid{grid-template-columns:1fr;gap:32px}}@media(max-width:640px){.cs-projects-wf-dark-section{padding:60px 0 80px}}.cs-styleguide-section,.projectscoid-case-study-page .cs-styleguide-section{position:relative;background-color:#fff;padding:200px 0!important}.cs-styleguide-container,.projectscoid-case-study-page .cs-styleguide-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.projectscoid-case-study-page .cs-styleguide-grid{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:start}.cs-styleguide-left{display:flex;flex-direction:column}.cs-styleguide-header{margin-bottom:36px}.cs-sg-sublabel{font-size:.8125rem;font-weight:600;color:#94a3b8;display:block;margin-bottom:4px}.cs-sg-font-title{font-size:2.75rem;font-weight:800;color:#fa8c16;margin:0 0 16px;letter-spacing:-.02em}.cs-sg-alphabet{font-size:.8125rem;line-height:1.8;color:#64748b;letter-spacing:.15em;word-break:break-all;margin:0 0 36px}.cs-sg-weights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cs-sg-weight-col{display:flex;flex-direction:column;gap:10px}.cs-sg-weight-col span{font-size:.75rem;color:#64748b;display:flex;flex-direction:column;gap:2px}.cs-sg-weight-col strong{font-size:.8125rem;color:#1e293b}.cs-sg-weight-col .w-200{font-weight:200}.cs-sg-weight-col .w-300{font-weight:300}.cs-sg-weight-col .w-400{font-weight:400}.cs-sg-weight-col .w-500{font-weight:500}.cs-sg-weight-col .w-600{font-weight:600}.cs-sg-weight-col .w-700{font-weight:700}.cs-sg-weight-col .w-800{font-weight:800}.cs-sg-weight-col .w-900{font-weight:900}.cs-styleguide-right{display:flex;flex-direction:column;gap:14px}.cs-sg-color-row-1{display:grid;grid-template-columns:2fr 1fr;gap:14px}.cs-sg-color-row-1 .cs-sg-card{min-height:140px;padding:22px 24px;border-radius:14px}.cs-sg-color-row-1 .cs-sg-hex{font-size:.8125rem;margin-bottom:6px;opacity:.9}.cs-sg-color-row-1 .cs-sg-color-name{font-size:1.35rem;font-weight:800}.cs-sg-color-row-2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.cs-sg-color-row-2 .cs-sg-card{min-height:82px;padding:12px 16px;border-radius:10px}.cs-sg-color-row-2 .cs-sg-hex{font-size:.72rem;margin-bottom:2px}.cs-sg-color-row-2 .cs-sg-color-name{font-size:1.05rem;font-weight:700}.cs-sg-card{border-radius:12px;padding:16px 18px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;box-shadow:0 4px 14px #0000000d}.cs-sg-hex{font-size:.75rem;font-weight:600;color:#ffffffd9;margin-bottom:4px}.cs-sg-color-name{font-size:1.15rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.cs-sg-card.cs-sg-primary{background-color:#e88f21}.cs-sg-card.cs-sg-accent{background-color:#3ca5d9}.cs-sg-card.cs-sg-success{background-color:#14ad4c}.cs-sg-card.cs-sg-error{background-color:#e52926}.cs-sg-card.cs-sg-highlight{background-color:#f7da1d}.cs-sg-card .text-dark{color:#1e1e24}.cs-sg-briefcase-wrapper{position:absolute;right:56px;bottom:12px}.cs-sg-briefcase-img{width:64px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.cs-sg-sparkle{position:absolute;color:#fff;font-size:11px;opacity:.85}.cs-sg-sparkle.sparkle-1{top:-8px;left:-14px;font-size:12px;animation:pulseStar 2.5s ease-in-out infinite}.cs-sg-sparkle.sparkle-2{top:14px;right:-16px;font-size:10px;animation:pulseStar 2.8s ease-in-out infinite .7s}.cs-sg-sparkle.sparkle-3{bottom:2px;left:-18px;font-size:9px;opacity:.8;animation:pulseStar 3s ease-in-out infinite 1.4s}.cs-sg-color-row-3{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cs-sg-shades-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.cs-sg-shade-header{padding:6px 8px;font-size:.72rem;font-weight:600;color:#fff;text-align:center}.cs-sg-shade-header.bg-primary{background-color:#e88f21}.cs-sg-shade-header.bg-accent{background-color:#3ca5d9}.cs-sg-shade-header.bg-success{background-color:#14ad4c}.cs-sg-shade-header.bg-error{background-color:#e52926}.cs-sg-shade-bars{display:grid;grid-template-columns:repeat(3,1fr);height:24px}.cs-sg-neutrals-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.cs-sg-neutrals-header{background-color:#27272a;color:#fff;padding:6px 8px;font-size:.72rem;font-weight:600;text-align:center}.cs-sg-neutrals-bars{display:grid;grid-template-columns:repeat(8,1fr);height:24px}.cs-sg-gradients-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-sg-grad-card{border-radius:8px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000a}.cs-sg-grad-card.grad-primary{background:linear-gradient(90deg,#f9b16f,#f68180)}.cs-sg-grad-card.grad-green{background:linear-gradient(90deg,#b4f292,#368d92)}.cs-sg-grad-card .grad-hex{font-size:.75rem;font-weight:600;color:#ffffffe6;background:#00000026;padding:2px 6px;border-radius:4px}.cs-sg-grad-card .grad-title{font-size:.875rem;font-weight:700;color:#fff}@media(max-width:900px){.cs-styleguide-section{padding:56px 0 80px}.cs-styleguide-grid{display:flex!important;flex-direction:column!important;gap:40px!important}.cs-sg-typography-block{padding:0!important;background:transparent!important;border-radius:0!important;border:none!important;box-shadow:none!important}.cs-sg-font-title{font-size:2.25rem!important;margin:0 0 12px!important}.cs-sg-alphabet{font-size:.82rem!important;line-height:1.8!important;letter-spacing:.12em!important;margin-bottom:24px!important;word-break:break-all!important}.cs-sg-weights-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.cs-sg-weight-col{gap:12px!important}.cs-sg-weight-col span{font-size:.82rem!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:8px!important}.cs-styleguide-right{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}.cs-sg-color-row-1{display:flex!important;flex-direction:column!important;gap:14px!important}.cs-sg-primary{min-height:125px!important;padding:20px 22px!important;border-radius:14px!important}.cs-sg-accent{min-height:95px!important;padding:18px 20px!important;border-radius:14px!important}.cs-sg-color-row-2{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.cs-sg-color-row-2 .cs-sg-card{min-height:88px!important;padding:14px 12px!important;border-radius:12px!important}.cs-sg-color-row-3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.cs-sg-shades-card,.cs-sg-neutrals-card{border-radius:10px!important;overflow:hidden!important;border:none!important;padding:0!important;box-shadow:0 4px 14px #0000000d!important}.cs-sg-neutrals-header{background-color:#27272a!important;color:#fff!important;padding:8px 12px!important;font-size:.8rem!important;font-weight:600!important;text-align:center!important}.cs-sg-neutrals-bars{display:grid!important;grid-template-columns:repeat(8,1fr)!important;height:28px!important;border-radius:0!important}.cs-sg-gradients-row{display:flex!important;flex-direction:column!important;gap:12px!important}.cs-sg-grad-card{min-height:75px!important;padding:16px 18px!important;border-radius:12px!important}}@media(max-width:640px){.cs-styleguide-section{padding:48px 0 64px!important}.cs-sg-color-row-2{grid-template-columns:1fr!important;gap:10px!important}.cs-sg-color-row-3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.cs-sg-neutrals-card{width:100%!important}}.cs-components-section,.projectscoid-case-study-page .cs-components-section{position:relative;background-color:#181920!important;padding:100px 0 160px!important}.cs-components-container,.projectscoid-case-study-page .cs-components-container{max-width:1280px;width:100%;margin:0 auto;padding:0 32px}.cs-components-header{text-align:left;margin-bottom:48px;display:flex;flex-direction:column;align-items:flex-start}.cs-components-section .cs-section-heading,.projectscoid-case-study-page .cs-components-section .cs-section-heading,.cs-projects-hifi-section .cs-section-heading,.projectscoid-case-study-page .cs-projects-hifi-section .cs-section-heading{color:#fff!important;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.cs-cv-showcase-grid{display:flex;flex-direction:column;gap:24px}.cs-cv-item{display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;transition:transform var(--transition-normal),filter var(--transition-normal)}.cs-cv-item:hover{transform:translateY(-2px);filter:brightness(1.03)}.cs-cv-img{width:100%;height:auto;display:block;object-fit:contain}.cs-cv-row-navbar{width:100%}.cs-cv-row-2col{display:grid;grid-template-columns:1.15fr .95fr;gap:24px;align-items:start}.cs-cv-masonry-grid{display:grid;grid-template-columns:1.9fr 1.05fr .95fr 1.15fr;gap:24px;align-items:start}.cs-cv-col{display:flex;flex-direction:column;gap:24px}@media(max-width:1100px){.cs-cv-masonry-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.cs-components-section,.projectscoid-case-study-page .cs-components-section{padding:60px 0 90px!important}.cs-cv-row-2col,.cs-cv-masonry-grid{grid-template-columns:1fr}}.cs-projects-hifi-section,.projectscoid-case-study-page .cs-projects-hifi-section{position:relative;background-color:#181920!important;padding:100px 0 160px!important}.cs-projects-hifi-container,.projectscoid-case-study-page .cs-projects-hifi-container{max-width:1240px;width:100%;margin:0 auto;padding:0 32px}.cs-projects-hifi-header{text-align:left;margin-bottom:70px;display:flex;flex-direction:column;align-items:flex-start}.cs-projects-hifi-list{display:flex;flex-direction:column;gap:120px;position:relative;width:100%}.cs-projects-hifi-item{display:grid;grid-template-columns:1.15fr 48px .85fr;gap:28px;align-items:center;position:relative;width:100%}.cs-projects-hifi-mockup-wrapper{width:100%;border-radius:6px;overflow:hidden;box-shadow:0 20px 50px #00000073;background:#fff;border:1px solid rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);line-height:0}.cs-projects-hifi-mockup-wrapper:hover{transform:translateY(-5px);box-shadow:0 28px 65px #0009}.cs-projects-hifi-mockup-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:6px}.cs-projects-hifi-spine-col{position:relative;display:flex;justify-content:center;align-items:stretch;height:100%;min-height:100%;width:48px}.cs-projects-hifi-spine-line{position:absolute;top:0;bottom:-120px;width:2px;background:linear-gradient(180deg,#fdba74,#f97316,#ea580c 80%,#fdba74);left:50%;transform:translate(-50%);border-radius:2px}.cs-projects-hifi-spine-col.is-last .cs-projects-hifi-spine-line{bottom:0}.cs-projects-hifi-info{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 16px 12px;position:relative;z-index:2;width:100%}.cs-projects-hifi-icon-badge{margin-bottom:16px;line-height:0}.cs-projects-hifi-badge-icon{width:36px;height:36px;display:block;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.cs-projects-hifi-title{position:relative;font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.02em;line-height:1.25}.cs-projects-hifi-title .cs-diamond-node{position:absolute;left:-64px;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:11px;height:11px;background-color:#f97316;border-radius:2px;box-shadow:0 0 12px #f97316d9;z-index:5}.cs-projects-hifi-desc{font-size:.98rem;line-height:1.65;color:#94a3b8;margin:0 0 26px;max-width:480px}.cs-projects-hifi-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;width:100%}.cs-projects-hifi-check-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;font-weight:500;color:#e2e8f0;line-height:1.5}.cs-projects-check-icon{width:20px;height:20px;flex-shrink:0;display:block;margin-top:2px}@media(max-width:1024px){.cs-projects-hifi-item{display:flex!important;flex-direction:column!important;gap:0!important}.cs-projects-hifi-info{display:contents!important;padding:0!important}.cs-projects-hifi-icon-badge{order:1!important;align-self:flex-start!important;margin-bottom:14px!important}.cs-projects-hifi-title{order:2!important;margin-bottom:12px!important;width:100%!important}.cs-projects-hifi-desc{order:3!important;margin-bottom:24px!important;width:100%!important}.cs-projects-hifi-mockup-wrapper{order:4!important;width:100%!important;margin-bottom:28px!important}.cs-projects-hifi-checklist{order:5!important;width:100%!important;margin:0!important}#hifiProjectDetails .cs-projects-hifi-mockup-wrapper{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}#hifiProjectDetails .cs-projects-hifi-mockup-img{border-radius:0!important;filter:none!important}.cs-projects-hifi-spine-col,.cs-projects-hifi-title .cs-diamond-node{display:none}.cs-projects-hifi-list{gap:80px}}@media(max-width:640px){.cs-projects-hifi-section{padding:60px 0 90px}.cs-projects-hifi-title{font-size:1.45rem}.cs-projects-hifi-desc{font-size:.9rem}.cs-projects-hifi-check-item{font-size:.88rem}}.cs-projects-vs-dark-section{position:relative;background-color:#181920;padding:90px 0 160px}.cs-projects-vs-dark-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-vs-dark-header{text-align:center;margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.cs-vs-dark-header .text-white{color:#fff}.cs-vs-prototype-btn{display:inline-flex;align-items:center;gap:8px;background:#383b47;color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;padding:9px 20px;border-radius:8px;border:none;cursor:pointer;margin-top:18px;transition:all .25s ease;text-decoration:none;box-shadow:0 4px 14px #00000040}.cs-vs-prototype-btn:hover{background:#474a58;transform:translateY(-2px);border:none;box-shadow:0 6px 20px #0006}.cs-vs-prototype-btn svg{fill:#fff}@media(max-width:640px){.cs-projects-vs-dark-section{padding:60px 0 80px}}.cs-projects-mr-section{position:relative;background-color:#fff;padding:110px 0 160px;overflow:hidden}.cs-projects-mr-container{max-width:1240px;width:100%;margin:0 auto;padding:0 32px}.cs-mr-header{text-align:center;margin-bottom:120px;display:flex;flex-direction:column;align-items:center}.cs-mr-header .text-dark{color:#1e1e24}.cs-mr-visual-stage{position:relative;width:100%;max-width:960px;height:600px;margin:0 auto;display:flex;justify-content:center;align-items:center}.cs-mr-floor-shadow{position:absolute;bottom:42px;left:50%;transform:translate(-50%);width:620px;height:38px;background:radial-gradient(ellipse at center,#1e1e2461,#1e1e241f 50%,#0000 75%);border-radius:50%;filter:blur(7px);pointer-events:none;z-index:1}.cs-mr-phone-back{position:absolute;right:18%;top:8%;width:300px;height:auto;z-index:10;filter:drop-shadow(0 22px 45px rgba(0,0,0,.2));animation:floatMockupBack 5.5s ease-in-out infinite .6s}.cs-mr-phone-front{position:absolute;left:14%;top:-2%;width:530px;height:auto;z-index:15;filter:drop-shadow(0 30px 60px rgba(0,0,0,.28));animation:floatMockupFront 5s ease-in-out infinite}@keyframes floatMockupFront{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes floatMockupBack{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:1024px){.cs-mr-visual-stage{max-width:720px;height:480px}.cs-mr-phone-front{width:400px;left:8%;top:2%}.cs-mr-phone-back{width:230px;right:10%;top:10%}.cs-mr-floor-shadow{width:480px;bottom:30px}}@media(max-width:768px){.cs-mr-visual-stage{height:420px;max-width:100%}.cs-mr-phone-front{width:300px;left:6%;top:4%}.cs-mr-phone-back{width:175px;right:8%;top:14%}.cs-mr-floor-shadow{width:360px;bottom:24px}}@media(max-width:480px){.cs-projects-mr-section{padding:60px 0 80px}.cs-mr-visual-stage{height:340px}.cs-mr-phone-front{width:240px;left:4%;top:4%}.cs-mr-phone-back{width:140px;right:6%;top:14%}.cs-mr-floor-shadow{width:280px;bottom:18px}}.cs-projects-mobile-gallery-section{position:relative;background-color:#181920;padding:100px 0 160px}.cs-projects-mobile-gallery-container{max-width:1040px;width:100%;margin:0 auto;padding:0 32px}.cs-mobile-featured-screen{display:flex;justify-content:center;margin-bottom:70px}.cs-mobile-screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 36px;align-items:start}.cs-mobile-screen-item{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;width:100%}.cs-mobile-screen-label{font-size:.82rem;font-weight:600;color:#94a3b8;letter-spacing:-.01em}.cs-mobile-phone-wrapper{width:100%;max-width:275px;display:flex;justify-content:center;filter:drop-shadow(0 16px 32px rgba(0,0,0,.45));transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s cubic-bezier(.16,1,.3,1)}.cs-mobile-phone-wrapper:hover{transform:translateY(-8px);filter:drop-shadow(0 22px 42px rgba(0,0,0,.65))}.cs-mobile-phone-img{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:900px){.cs-mobile-screens-grid{grid-template-columns:repeat(2,1fr);gap:48px 24px}}@media(max-width:600px){.cs-projects-mobile-gallery-section{padding:60px 0 90px}.cs-mobile-featured-screen{margin-bottom:40px}.cs-mobile-screens-grid{grid-template-columns:1fr;gap:40px}.cs-mobile-phone-wrapper{max-width:240px}}.cs-projects-ut-results-section{position:relative;background-color:#fff;padding:100px 0 140px}.cs-projects-ut-results-container{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.cs-ut-results-header{text-align:center;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.cs-usability-score-display .score-success{color:#10b981!important}.cs-ut2-highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px;align-items:stretch}.cs-ut2-card{border-radius:14px;padding:24px 28px;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.cs-ut2-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000000d}.cs-ut2-card-outcome{background-color:#f0fdf4;border:1.5px solid #86EFAC}.cs-ut2-card-insights{background-color:#fefce8;border:1.5px solid #FCB001}.cs-ut2-card-head{display:flex;align-items:center;gap:10px}.cs-ut2-head-icon{width:22px;height:22px;object-fit:contain;display:block}.cs-ut2-head-title{font-size:1.15rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-ut2-head-title.text-green{color:#059669}.cs-ut2-head-title.text-amber{color:#d97706}.cs-ut2-card-list{list-style:disc;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:12px}.cs-ut2-card-list li{font-size:.92rem;line-height:1.6;color:#334155}.cs-ut2-card-list li strong{color:#0f172a;font-weight:700}@media(max-width:768px){.cs-ut2-highlights-grid{grid-template-columns:1fr;gap:20px}.cs-projects-ut-results-section{padding:60px 0 80px}}.cs-scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;animation:bobbing 2s infinite ease-in-out;text-decoration:none;cursor:pointer;padding:6px}.cs-cover-chevron-img{width:28px;height:28px;object-fit:contain;display:block}@keyframes bobbing{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:1024px){.cs-hero-content-wrapper{grid-template-columns:1fr;gap:40px;padding-bottom:60px}.cs-hero-left{align-items:center;text-align:center}.cs-main-heading{max-width:100%;font-size:2.25rem;margin-bottom:36px}.cs-project-meta-row{justify-content:center;gap:48px}.cs-hero-right{min-height:420px}.cs-watermark-word{font-size:2.15rem}.cs-wm-left{right:calc(50% + 88px)}.cs-wm-right{left:calc(50% + 88px)}.cs-cover-mockup-img{max-width:360px}}@media(max-width:640px){.cs-watermark-word{font-size:1.65rem}.cs-wm-left{right:calc(50% + 65px)}.cs-wm-right{left:calc(50% + 65px)}.cs-main-heading{font-size:1.85rem;line-height:1.3;margin-bottom:28px}.cs-brand-logo-container{margin-bottom:28px}.cs-brand-logo{width:130px}.cs-category-badge{font-size:.9rem;margin-bottom:14px}.cs-project-meta-row{gap:28px}.cs-watermark-word{font-size:1.5rem}.cs-cover-mockup-img{max-width:280px}}.socialproof-case-study-page{background-color:#fff;color:#1e1e24;font-family:var(--font-primary);width:100%;position:relative;overflow-x:hidden}.cs-socialproof-hero-section{position:relative;min-height:100vh;width:100%;background-color:#fff;background-image:linear-gradient(to right,rgba(226,232,240,.45) 1px,transparent 1px),linear-gradient(to bottom,rgba(226,232,240,.45) 1px,transparent 1px);background-size:44px 44px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0 120px}.cs-socialproof-hero-container{max-width:1320px;width:100%;margin:0 auto;padding:0 48px}.cs-socialproof-logo-wrapper{margin-bottom:48px;display:flex;align-items:center}.cs-socialproof-logo{height:32px;width:auto;object-fit:contain;display:block}.cs-socialproof-hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:48px;align-items:center}.cs-socialproof-hero-left{display:flex;flex-direction:column;align-items:flex-start}.cs-socialproof-meta-tag{font-size:.92rem;font-weight:600;color:#94a3b8;letter-spacing:-.01em;margin-bottom:20px;display:inline-block}.cs-socialproof-hero-title{font-size:2.65rem;font-weight:800;line-height:1.28;color:#1e1e24;letter-spacing:-.025em;margin:0 0 52px;max-width:580px}.text-socialproof-cyan{color:#0284c7}.cs-socialproof-author-tools-row{display:flex;align-items:flex-start;gap:56px}.cs-socialproof-meta-block{display:flex;flex-direction:column;gap:8px}.cs-socialproof-label{font-size:.84rem;font-weight:500;color:#94a3b8}.cs-socialproof-val{font-size:1.05rem;font-weight:700;color:#1e1e24;letter-spacing:-.01em}.cs-socialproof-tools-list{display:flex;align-items:center;gap:14px}.cs-socialproof-tool-icon{width:24px;height:24px;object-fit:contain;display:block}.cs-socialproof-hero-right{display:flex;justify-content:center;align-items:center;position:relative}.cs-socialproof-mockup-stage{position:relative;width:100%;max-width:780px;display:flex;justify-content:center;align-items:center}.cs-socialproof-laptop-img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 22px 50px rgba(0,0,0,.18));position:relative;z-index:2}.cs-socialproof-floating-icon{position:absolute;object-fit:contain;pointer-events:none;z-index:5}.cs-socialproof-icon-insta{top:-76px;left:30%;width:32px;height:32px;filter:drop-shadow(0 6px 14px rgba(225,48,108,.35));animation:floatSocialInstagram 3.8s ease-in-out infinite}.cs-socialproof-icon-twitter{top:38%;right:-16px;width:34px;height:34px;filter:drop-shadow(0 6px 14px rgba(29,155,240,.35));animation:floatSocialTwitter 4.2s ease-in-out infinite .6s}.cs-socialproof-icon-youtube{bottom:16%;left:-16px;width:36px;height:36px;filter:drop-shadow(0 6px 14px rgba(255,0,0,.32));animation:floatSocialYoutube 3.6s ease-in-out infinite 1.2s}@keyframes floatSocialInstagram{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-10px) rotate(13deg)}}@keyframes floatSocialTwitter{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes floatSocialYoutube{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-10px) rotate(-4deg)}}@media(max-width:1024px){.cs-socialproof-hero-grid{grid-template-columns:1fr;gap:48px}.cs-socialproof-hero-title{font-size:2.2rem;max-width:100%}.cs-socialproof-mockup-stage{max-width:640px}}@media(max-width:640px){.cs-socialproof-hero-section{padding:80px 0 100px}.cs-socialproof-hero-container{padding:0 24px}.cs-socialproof-hero-title{font-size:1.75rem;margin-bottom:36px}.cs-socialproof-author-tools-row{gap:36px}.cs-socialproof-icon-insta{width:26px;height:26px;top:-10px}.cs-socialproof-icon-twitter{width:28px;height:28px;right:-8px}.cs-socialproof-icon-youtube{width:30px;height:30px;left:-8px}}.cs-sp-intro-section{position:relative;width:100%;background-color:#fff;padding:80px 0 140px}.cs-sp-intro-container{max-width:920px;width:100%;margin:0 auto;padding:0 32px}.cs-sp-intro-header{text-align:center;margin-bottom:72px}.cs-sp-intro-eyebrow{display:block;font-size:.95rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:8px}.cs-sp-intro-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-timeline-wrapper{position:relative;width:100%;max-width:780px;margin:0 auto 64px}.cs-sp-timeline-spine{position:absolute;top:40px;bottom:-20px;left:50%;transform:translate(-50%);width:2px;display:flex;flex-direction:column;align-items:center;z-index:1}.cs-sp-spine-line{width:2px;height:100%;background:linear-gradient(to bottom,#0284c733,#0284c7 15%,#0284c7 85%,#0284c7)}.cs-sp-spine-arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #0284C7;margin-top:-1px}.cs-sp-timeline-row{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;margin-bottom:96px;position:relative;z-index:2}.cs-sp-timeline-row:last-child{margin-bottom:24px}.cs-sp-col-left{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-right:24px}.cs-sp-row-left-icon .cs-sp-col-left{align-items:flex-end;justify-content:center}.cs-sp-col-center{display:flex;justify-content:center;align-items:center}.cs-sp-timeline-diamond{width:12px;height:12px;background-color:#0284c7;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff}.cs-sp-col-right{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-left:24px}.cs-sp-row-right-icon .cs-sp-col-right{align-items:flex-start;justify-content:center}.cs-sp-timeline-icon{display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.08))}.cs-sp-timeline-heading{font-size:1.35rem;font-weight:800;color:#1e1e24;letter-spacing:-.015em;margin:0 0 10px}.cs-sp-timeline-desc{font-size:.95rem;line-height:1.65;color:#475569;margin:0;letter-spacing:-.005em}.cs-sp-timeline-desc strong{color:#1e1e24;font-weight:700}.cs-sp-statista-link{color:#0284c7;text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:color var(--transition-fast)}.cs-sp-statista-link:hover{color:#0369a1}.cs-sp-managers-block{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:40px;margin-bottom:56px}.cs-sp-managers-icon{margin-bottom:20px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.1))}.cs-sp-managers-eyebrow{font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:4px}.cs-sp-managers-title{font-size:1.65rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0 0 14px}.cs-sp-managers-desc{font-size:.96rem;line-height:1.65;color:#475569;max-width:580px;margin:0 auto}.cs-sp-managers-desc strong{color:#1e1e24;font-weight:700}.cs-sp-hypothesis-card{max-width:640px;margin:0 auto;background-color:#fefcf6;border:1.5px solid #FCD34D;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #fcd34d1f}.cs-sp-hypothesis-header{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fef3c7;border-bottom:1px solid #FDE68A}.cs-sp-hypothesis-icon{width:18px;height:18px;object-fit:contain;display:block}.cs-sp-hypothesis-title{font-size:1rem;font-weight:800;color:#d97706;margin:0;letter-spacing:-.01em}.cs-sp-hypothesis-body{padding:24px 28px}.cs-sp-hypothesis-intro{font-size:.95rem;line-height:1.6;color:#334155;margin:0 0 12px}.cs-sp-hypothesis-intro strong{color:#0f172a;font-weight:700}.cs-sp-hypothesis-list{list-style-type:disc;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:6px}.cs-sp-hypothesis-list li{font-size:.94rem;color:#334155;line-height:1.55}.cs-sp-hypothesis-list li strong{color:#0f172a;font-weight:700}@media(max-width:768px){.cs-sp-intro-section{padding:60px 0 90px}.cs-sp-intro-header{text-align:left!important;align-items:flex-start!important;margin-bottom:36px!important}.cs-sp-intro-title{font-size:2rem!important;text-align:left!important}.cs-sp-timeline-spine{left:20px;transform:none}.cs-sp-timeline-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding-left:48px!important;margin-bottom:48px!important;gap:14px!important}.cs-sp-col-left,.cs-sp-col-right{padding:0!important;text-align:left!important;align-items:flex-start!important}.cs-sp-col-center{position:absolute!important;left:14px!important;top:6px!important}.cs-sp-row-left-icon .cs-sp-col-left{order:2!important}.cs-sp-row-left-icon .cs-sp-col-right{order:1!important}.cs-sp-timeline-heading{font-size:1.2rem!important;text-align:left!important}.cs-sp-timeline-desc{font-size:.9rem!important;text-align:left!important}.cs-sp-managers-block{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;margin-top:24px!important;margin-bottom:40px!important}.cs-sp-managers-icon{margin-bottom:16px!important;align-self:flex-start!important}.cs-sp-managers-eyebrow{text-align:left!important}.cs-sp-managers-title{font-size:1.5rem!important;text-align:left!important}.cs-sp-managers-desc{font-size:.92rem!important;text-align:left!important;max-width:100%!important;margin:0!important}.cs-sp-hypothesis-card{max-width:100%!important;margin:0!important}.cs-sp-hypothesis-body{padding:20px 18px!important}}.cs-sp-po-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-po-container{max-width:1180px;width:100%;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:460px 1fr;gap:64px;align-items:center}.cs-sp-po-visual-col{display:flex;justify-content:center;align-items:center}.cs-sp-po-img-card{position:relative;width:100%;max-width:440px;border-radius:20px;overflow:hidden;box-shadow:0 20px 48px #0000001f}.cs-sp-po-main-img{width:100%;height:auto;display:block;object-fit:cover}.cs-sp-po-badges-stack{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:5}.cs-sp-po-badge{display:flex;align-items:center;gap:8px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:8px;box-shadow:0 6px 18px #00000024;font-size:.84rem;font-weight:700;color:#1e1e24;letter-spacing:-.01em;transition:transform var(--transition-fast)}.cs-sp-po-badge:hover{transform:translate(4px)}.cs-sp-po-badge-icon{flex-shrink:0}.cs-sp-po-content-col{display:flex;flex-direction:column;align-items:flex-start}.cs-sp-po-header{margin-bottom:36px}.cs-sp-po-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-po-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-po-spine-container{position:relative;width:100%;padding-left:36px;display:flex;flex-direction:column;gap:36px;margin-bottom:48px}.cs-sp-po-vertical-line{position:absolute;top:8px;bottom:12px;left:0;width:2px;background:#0284c7}.cs-sp-po-block{position:relative}.cs-sp-po-diamond-node{position:absolute;left:-42px;top:6px;width:12px;height:12px;background-color:#0284c7;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff}.cs-sp-po-proposed-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cs-sp-po-proposed-title-row .cs-sp-po-block-title{margin-bottom:0}.cs-sp-po-brand-logo-inline{height:22px;width:auto;object-fit:contain;display:inline-block}.cs-sp-po-block-title{font-size:1.32rem;font-weight:800;color:#1e1e24;letter-spacing:-.015em;margin:0 0 10px}.cs-sp-po-block-desc{font-size:.94rem;line-height:1.65;color:#64748b;margin:0;letter-spacing:-.005em}.cs-sp-po-block-desc strong{color:#1e1e24;font-weight:700}.cs-sp-po-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;padding-top:12px}.cs-sp-po-meta-item{display:flex;flex-direction:column;gap:6px}.cs-sp-po-meta-label{font-size:.88rem;font-weight:700;color:#0284c7;letter-spacing:-.01em}.cs-sp-po-meta-val{font-size:1.05rem;font-weight:700;color:#1e1e24;letter-spacing:-.01em}@media(max-width:1024px){.cs-sp-po-container{grid-template-columns:1fr;gap:48px;padding:0 32px}.cs-sp-po-img-card{max-width:480px}}@media(max-width:640px){.cs-sp-po-section{padding:60px 0 100px}.cs-sp-po-container{padding:0 20px}.cs-sp-po-title{font-size:2rem}.cs-sp-po-meta-grid{grid-template-columns:1fr;gap:20px}.cs-sp-po-badge{font-size:.78rem;padding:6px 10px}}.cs-sp-bmc-section{position:relative;width:100%;background-color:#f5f5f5;padding:100px 0 140px}.cs-sp-bmc-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-bmc-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.cs-sp-bmc-header-left{display:flex;flex-direction:column}.cs-sp-bmc-eyebrow{font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-bmc-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-bmc-header-right{display:flex;align-items:center}.cs-sp-bmc-logo{height:28px;width:auto;object-fit:contain;display:block}.cs-sp-bmc-table{background-color:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000000a}.cs-sp-bmc-top-row{display:grid;grid-template-columns:repeat(5,1fr)}.cs-sp-bmc-col{border-right:1px solid #E2E8F0;display:flex;flex-direction:column}.cs-sp-bmc-col:last-child{border-right:none}.cs-sp-bmc-col-split{display:flex;flex-direction:column}.cs-sp-bmc-subcell{flex:1;padding:24px 20px}.cs-sp-bmc-subcell:first-child{border-bottom:1px solid #E2E8F0}.cs-sp-bmc-cell{flex:1;padding:24px 20px}.cs-sp-bmc-cell-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.cs-sp-bmc-box-title{font-size:.94rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0}.cs-sp-bmc-icon{color:#1e1e24;flex-shrink:0}.cs-sp-bmc-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-sp-bmc-list li{font-size:.84rem;line-height:1.45;color:#64748b;font-weight:500;position:relative;padding-left:14px}.cs-sp-bmc-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#94a3b8;font-size:1rem}.cs-sp-bmc-bottom-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #E2E8F0}.cs-sp-bmc-bottom-col{padding:24px 20px}.cs-sp-bmc-bottom-col:first-child{border-right:1px solid #E2E8F0}@media(max-width:900px){.cs-sp-bmc-section{padding:60px 0 90px}.cs-sp-bmc-container{padding:0 20px}.cs-sp-bmc-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.cs-sp-bmc-title{font-size:2rem}.cs-sp-bmc-table{display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important}.cs-sp-bmc-top-row,.cs-sp-bmc-bottom-row{display:flex!important;flex-direction:column!important;width:100%!important;border-top:none!important}.cs-sp-bmc-col,.cs-sp-bmc-col-split,.cs-sp-bmc-col-full,.cs-sp-bmc-bottom-col{display:flex!important;flex-direction:column!important;width:100%!important;border-right:none!important;border-top:none!important;border-bottom:none!important}.cs-sp-bmc-cell,.cs-sp-bmc-subcell,.cs-sp-bmc-bottom-col{display:flex!important;flex-direction:column!important;padding:22px 20px!important;border-bottom:1px solid #E2E8F0!important;width:100%!important;background:#fff!important;box-sizing:border-box!important}.cs-sp-bmc-bottom-row .cs-sp-bmc-bottom-col:last-child{border-bottom:none!important}.cs-sp-bmc-cell-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important}.cs-sp-bmc-box-title{font-size:1.05rem!important;font-weight:800!important;color:#0f172a!important;letter-spacing:-.01em!important}.cs-sp-bmc-icon{width:20px!important;height:20px!important;color:#0284c7!important}.cs-sp-bmc-list{display:flex!important;flex-direction:column!important;gap:8px!important}.cs-sp-bmc-list li{font-size:.88rem!important;line-height:1.55!important;color:#334155!important;font-weight:500!important;padding-left:14px!important}.cs-sp-bmc-list li:before{color:#0284c7!important}}.cs-sp-behaviors-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-behaviors-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-behaviors-header{margin-bottom:72px}.cs-sp-behaviors-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-behaviors-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-behaviors-track-wrapper{position:relative;width:100%}.cs-sp-behaviors-h-line{position:absolute;top:7px;left:6px;right:0;height:2px;background:linear-gradient(to right,#0284c7,#0284c7 82%,#0284c726);z-index:1}.cs-sp-behaviors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;z-index:2}.cs-sp-behavior-card{display:flex;flex-direction:column;align-items:flex-start}.cs-sp-behavior-node-wrapper{height:16px;display:flex;align-items:center;margin-bottom:24px}.cs-sp-behavior-diamond-node{width:12px;height:12px;background-color:#0284c7;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff}.cs-sp-behavior-title{font-size:1.25rem;font-weight:800;color:#1e1e24;letter-spacing:-.015em;margin:0 0 12px}.cs-sp-behavior-desc{font-size:.92rem;line-height:1.65;color:#64748b;margin:0;letter-spacing:-.005em}@media(max-width:1024px){.cs-sp-behaviors-grid{grid-template-columns:repeat(2,1fr);gap:48px 32px}.cs-sp-behaviors-h-line{display:none}}@media(max-width:640px){.cs-sp-behaviors-section{padding:60px 0 100px}.cs-sp-behaviors-container{padding:0 20px}.cs-sp-behaviors-title{font-size:2rem}.cs-sp-behaviors-grid{grid-template-columns:1fr;gap:36px}}.cs-sp-ca-section{position:relative;width:100%;background-color:#fff;padding:80px 0 120px}.cs-sp-ca-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.socialproof-case-study-page .cs-competitor-header{margin-bottom:44px}.socialproof-case-study-page .cs-competitor-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:48px}.socialproof-case-study-page .cs-competitor-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.socialproof-case-study-page .cs-competitor-table thead th{padding:16px 20px 24px;text-align:center;vertical-align:middle;border:none}.socialproof-case-study-page .cs-competitor-table thead .th-criteria{width:30%;text-align:left}.socialproof-case-study-page .cs-competitor-table thead .th-competitor{width:14%}.socialproof-case-study-page .cs-comp-logo{max-width:110px;height:24px;width:auto;object-fit:contain;display:inline-block}.socialproof-case-study-page .logo-hootsuite{height:24px}.socialproof-case-study-page .logo-sproutsocial{height:22px}.socialproof-case-study-page .logo-buffer,.socialproof-case-study-page .logo-later{height:18px}.socialproof-case-study-page .logo-metricool{height:20px}.socialproof-case-study-page .cs-competitor-table tbody tr{transition:background-color var(--transition-fast)}.socialproof-case-study-page .cs-competitor-table tbody tr.row-tinted{background-color:#f8f9fa}.socialproof-case-study-page .cs-competitor-table tbody td{padding:18px 20px;vertical-align:middle;border:none}.socialproof-case-study-page .cs-competitor-table tbody tr.row-tinted td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.socialproof-case-study-page .cs-competitor-table tbody tr.row-tinted td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.socialproof-case-study-page .cs-competitor-table tbody .td-criteria{font-size:.95rem;font-weight:500;color:#64748b;text-align:left}.socialproof-case-study-page .cs-competitor-table tbody .td-val{text-align:center}.socialproof-case-study-page .cs-competitor-table tbody .td-text{font-size:.95rem;font-weight:600;color:#1e1e24}.socialproof-case-study-page .cs-table-status-icon{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle}.cs-sp-ca-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cs-sp-ca-card{border-radius:12px;padding:24px 28px}.cs-sp-ca-card-insights{background-color:#fefcf6;border:1.5px solid #FCD34D;box-shadow:0 4px 16px #fcd34d14}.cs-sp-ca-card-opportunities{background-color:#f0fdf4;border:1.5px solid #86EFAC;box-shadow:0 4px 16px #86efac1a}.cs-sp-ca-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cs-sp-ca-card-icon{font-size:1.1rem}.cs-sp-ca-card-title{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0}.text-amber{color:#d97706}.text-green{color:#16a34a}.cs-sp-ca-card-desc{font-size:.94rem;line-height:1.65;color:#334155;margin:0}.cs-sp-ca-card-desc strong{color:#0f172a;font-weight:700}@media(max-width:768px){.cs-sp-ca-section{padding:60px 0 90px}.cs-sp-ca-container{padding:0 20px}.cs-sp-ca-title{font-size:2rem}.cs-sp-ca-table-wrapper{margin-bottom:32px}.cs-sp-ca-cards-grid{grid-template-columns:1fr;gap:20px}}.cs-sp-iq-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-iq-container{max-width:1180px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-iq-header{text-align:center;margin-bottom:64px}.cs-sp-iq-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#007ea7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-iq-header{text-align:center;margin-bottom:56px}.cs-sp-iq-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-iq-grid-wrapper{position:relative;width:100%}.cs-sp-iq-center-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.cs-sp-iq-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 32px;position:relative;z-index:2}.cs-sp-iq-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000008;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-sp-iq-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000000f}.cs-sp-iq-card-header{background-color:#f8fafc;border-bottom:1px solid #E2E8F0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-sp-iq-card-title{font-size:1.02rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0}.cs-sp-iq-card-tag{font-size:.82rem;font-weight:500;color:#94a3b8;letter-spacing:-.005em}.cs-sp-iq-card-body{padding:24px 28px}.cs-sp-iq-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.cs-sp-iq-list li{font-size:.9rem;color:#64748b;line-height:1.55;font-weight:500;position:relative;padding-left:18px}.cs-sp-iq-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#0881aa;font-size:1.1rem}@media(max-width:860px){.cs-sp-iq-grid{grid-template-columns:1fr;gap:24px}.cs-sp-iq-center-ring{display:none}}@media(max-width:640px){.cs-sp-iq-section{padding:60px 0 100px}.cs-sp-iq-container{padding:0 20px}.cs-sp-iq-title{font-size:1.6rem}.cs-sp-iq-card-header{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 18px}.cs-sp-iq-card-body{padding:18px 20px}}.cs-sp-ig-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-ig-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-ig-header{margin-bottom:56px}.cs-sp-ig-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-ig-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-ig-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.cs-sp-ig-chart-col{display:flex;align-items:stretch;width:100%}.cs-sp-ig-card{width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:32px 28px;box-shadow:0 8px 30px #00000008;display:flex;flex-direction:column;gap:24px}.cs-sp-ig-card-header{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #F1F5F9}.cs-sp-ig-header-icon-wrapper{width:42px;height:42px;border-radius:10px;background-color:#e0f2fe;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-sp-ig-card-title{font-size:1.12rem;font-weight:800;color:#1e1e24;letter-spacing:-.015em;margin:0}.cs-sp-ig-card-subtitle{font-size:.8rem;font-weight:500;color:#94a3b8;margin:2px 0 0}.cs-sp-ig-bars-list{display:flex;flex-direction:column;gap:20px}.cs-sp-ig-bar-item{display:flex;flex-direction:column;gap:8px}.cs-sp-ig-bar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cs-sp-ig-bar-label{font-size:.88rem;font-weight:600;color:#334155;line-height:1.4}.cs-sp-ig-bar-badge{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:20px;flex-shrink:0;letter-spacing:-.01em}.badge-cyan{background-color:#e0f2fe;color:#0284c7}.badge-sky{background-color:#e0f7fa;color:#0284c7}.badge-slate{background-color:#f1f5f9;color:#475569}.cs-sp-ig-bar-track{width:100%;height:8px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.cs-sp-ig-bar-fill{height:100%;border-radius:999px;transition:width .6s ease}.fill-cyan{background-color:#0284c7}.fill-sky{background-color:#38bdf8}.fill-slate{background-color:#64748b}.cs-sp-ig-chat-col{display:flex;flex-direction:column;gap:24px}.cs-sp-chat-row{display:flex;align-items:flex-start;gap:16px;width:100%}.cs-sp-chat-row-left{justify-content:flex-start}.cs-sp-chat-row-right{justify-content:flex-end}.cs-sp-chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.cs-sp-chat-bubble-container{display:flex;flex-direction:column;max-width:440px}.cs-sp-chat-bubble-container.align-right{align-items:flex-end}.cs-sp-chat-bubble{background-color:#f6f6f6;padding:16px 20px;box-shadow:0 2px 10px #00000005}.cs-sp-chat-bubble-left{border-radius:16px 16px 16px 4px;position:relative}.cs-sp-chat-bubble-left:before{content:"";position:absolute;top:14px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #F6F6F6}.cs-sp-chat-bubble-right{border-radius:16px 16px 4px;position:relative}.cs-sp-chat-bubble-right:before{content:"";position:absolute;top:14px;right:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #F6F6F6}.cs-sp-chat-text{font-size:.88rem;line-height:1.55;color:#475569;margin:0}.cs-sp-chat-text strong{color:#0f172a;font-weight:700}.cs-sp-chat-time{font-size:.78rem;font-weight:500;color:#94a3b8;margin-top:6px}.text-left{text-align:left}.text-right{text-align:right}@media(max-width:1024px){.cs-sp-ig-grid{grid-template-columns:1fr;gap:48px}.cs-sp-ig-chart-col{justify-content:center}}@media(max-width:640px){.cs-sp-ig-section{padding:60px 0 100px}.cs-sp-ig-container{padding:0 20px}.cs-sp-ig-title{font-size:1.6rem}.cs-sp-ig-chart-wrapper{flex-direction:column;align-items:center;text-align:center;gap:24px}.cs-sp-ig-legend-title-row{justify-content:center}.cs-sp-chat-bubble-container{max-width:100%}}.cs-sp-up-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-up-container{max-width:1180px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-up-header{text-align:center;margin-bottom:56px}.cs-sp-up-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-up-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-up-card{display:grid;grid-template-columns:320px 1fr;background-color:#fff;border:1.5px solid #E2E8F0;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000000a}.cs-sp-up-image-col{position:relative;width:100%;height:100%;min-height:480px;background-color:transparent;overflow:hidden}.cs-sp-up-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cs-sp-up-quote-overlay{position:absolute;bottom:20px;left:20px;right:20px;background:#0f172aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0003}.cs-sp-up-quote-icon{font-size:1.8rem;font-weight:800;color:#38bdf8;line-height:1;margin-bottom:4px;font-family:Georgia,serif}.cs-sp-up-quote-text{font-size:.86rem;font-style:italic;line-height:1.5;color:#fff;margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cs-sp-up-info-col{padding:48px 48px 44px 44px;display:flex;flex-direction:column}.cs-sp-up-name-header{margin-bottom:20px}.cs-sp-up-name{font-size:1.65rem;font-weight:800;color:#0284c7;letter-spacing:-.015em;margin:0 0 6px}.cs-sp-up-role{font-size:.92rem;font-weight:500;color:#94a3b8;letter-spacing:-.005em;margin:0}.cs-sp-up-bio{font-size:.92rem;line-height:1.65;color:#64748b;margin:0 0 36px}.cs-sp-up-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.cs-sp-up-col{display:flex;flex-direction:column}.cs-sp-up-col-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.cs-sp-up-col-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.cs-sp-up-col-title{font-size:1.15rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0}.cs-sp-up-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cs-sp-up-list li{font-size:.88rem;line-height:1.55;color:#64748b;font-weight:500;position:relative;padding-left:14px}.cs-sp-up-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#94a3b8;font-size:1rem}.cs-sp-up-list li strong{color:#1e1e24;font-weight:700}@media(max-width:960px){.cs-sp-up-card{grid-template-columns:1fr}.cs-sp-up-image-col{min-height:380px}.cs-sp-up-info-col{padding:36px 28px}}@media(max-width:640px){.cs-sp-up-section{padding:60px 0 100px}.cs-sp-up-container{padding:0 20px}.cs-sp-up-title{font-size:1.6rem}.cs-sp-up-grid{grid-template-columns:1fr;gap:28px}.cs-sp-up-info-col{padding:28px 20px}}.cs-sp-phs-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-phs-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:460px 1fr;gap:64px;align-items:flex-start}.cs-sp-phs-img-col{display:flex;justify-content:center;align-items:center}.cs-sp-phs-img-card{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d;background-color:#f8fafc}.cs-sp-phs-img{width:100%;height:auto;display:block;object-fit:cover}.cs-sp-phs-content-col{display:flex;flex-direction:column;align-items:flex-start}.cs-sp-phs-header{margin-bottom:36px}.cs-sp-phs-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-phs-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-phs-spine-container{position:relative;width:100%;padding-left:36px;display:flex;flex-direction:column;gap:36px}.cs-sp-phs-vertical-line{position:absolute;top:10px;bottom:24px;left:6px;width:2px;background-color:#0284c7}.cs-sp-phs-block{position:relative;display:flex;flex-direction:column;align-items:flex-start}.cs-sp-phs-diamond-node{position:absolute;top:6px;left:-36px;width:12px;height:12px;background-color:#0284c7;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff}.cs-sp-phs-block-title{font-size:1.15rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0 0 10px}.cs-sp-phs-block-desc{font-size:.92rem;line-height:1.65;color:#64748b;margin:0;letter-spacing:-.005em}.cs-sp-phs-block-desc strong{color:#1e1e24;font-weight:700}.cs-sp-phs-solutions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-sp-phs-solutions-list li{font-size:.9rem;line-height:1.6;color:#64748b;font-weight:500;position:relative;padding-left:14px}.cs-sp-phs-solutions-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#94a3b8;font-size:1rem}.cs-sp-phs-solutions-list li strong{color:#1e1e24;font-weight:700}@media(max-width:1024px){.cs-sp-phs-container{grid-template-columns:1fr;gap:48px;padding:0 32px}.cs-sp-phs-img-card{max-width:540px}}@media(max-width:640px){.cs-sp-phs-section{padding:60px 0 100px}.cs-sp-phs-container{padding:0 20px}.cs-sp-phs-title{font-size:1.6rem}}.cs-sp-uf-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-uf-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-uf-header{margin-bottom:56px}.cs-sp-uf-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#0284c7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-uf-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-flow-block{margin-bottom:64px}.cs-sp-flow-block:last-child{margin-bottom:0}.cs-sp-flow-meta{margin-bottom:24px}.cs-sp-flow-title{font-size:1.25rem;font-weight:800;color:#1e1e24;letter-spacing:-.015em;margin:0 0 8px}.cs-sp-flow-desc{font-size:.92rem;line-height:1.6;color:#64748b;margin:0}.cs-sp-flow-diagram-wrapper{width:100%;background:transparent;border:none;border-radius:0;padding:16px 0;box-shadow:none;overflow:hidden}.cs-sp-flow-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-sp-flow-svg{width:100%;max-width:100%;height:auto;display:block}@media(max-width:900px){.cs-sp-flow-svg{min-width:800px}}@media(max-width:768px){.cs-sp-uf-section{padding:60px 0 100px}.cs-sp-uf-container{padding:0 20px}.cs-sp-uf-title{font-size:1.6rem}.cs-sp-flow-diagram-wrapper{padding:12px 0}}.cs-sp-wf-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-sp-wf-container{max-width:1280px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-wf-header{text-align:center;margin-bottom:64px}.cs-sp-wf-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#38bdf8;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-wf-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.cs-sp-wf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.cs-sp-wf-col{display:flex;flex-direction:column;gap:36px}.cs-sp-wf-item{display:flex;flex-direction:column;align-items:flex-start;width:100%}.cs-sp-wf-item-title{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 0 12px}.cs-sp-wf-card{width:100%;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:0 10px 30px #00000040;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-sp-wf-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0006}.cs-sp-wf-img{width:100%;height:auto;display:block;object-fit:cover}@media(max-width:1024px){.cs-sp-wf-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media(max-width:640px){.cs-sp-wf-section{padding:60px 0 100px}.cs-sp-wf-container{padding:0 20px}.cs-sp-wf-title{font-size:1.6rem}.cs-sp-wf-grid{grid-template-columns:1fr;gap:28px}}.cs-sp-sg-section{position:relative;width:100%;background-color:#fff;padding:200px 0}.cs-sp-sg-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-sg-grid{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:flex-start}.cs-sp-sg-left{display:flex;flex-direction:column}.cs-sp-sg-header{margin-bottom:36px}.cs-sp-sg-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#007ea7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-sg-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-sg-typography-block{display:flex;flex-direction:column}.cs-sp-sg-sublabel{display:block;font-size:.85rem;font-weight:600;color:#94a3b8;margin-bottom:8px}.cs-sp-sg-font-title{font-size:2.2rem;font-weight:800;color:#007ea7;letter-spacing:-.02em;margin:0 0 10px;font-family:Inter,sans-serif}.cs-sp-sg-alphabet{font-size:.82rem;font-weight:500;letter-spacing:.06em;color:#94a3b8;margin:0 0 32px;word-break:break-all;font-family:Inter,sans-serif}.cs-sp-sg-weights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px}.cs-sp-sg-weight-col{display:flex;flex-direction:column;gap:12px}.cs-sp-sg-weight-col span{font-size:.78rem;color:#64748b;display:flex;flex-direction:column;gap:2px;line-height:1.3}.cs-sp-sg-weight-col span strong{color:#1e1e24;font-size:.82rem}.cs-sp-sg-weight-col .w-200{font-weight:200}.cs-sp-sg-weight-col .w-300{font-weight:300}.cs-sp-sg-weight-col .w-400{font-weight:400}.cs-sp-sg-weight-col .w-500{font-weight:500}.cs-sp-sg-weight-col .w-600{font-weight:600}.cs-sp-sg-weight-col .w-700{font-weight:700}.cs-sp-sg-weight-col .w-800{font-weight:800}.cs-sp-sg-weight-col .w-900{font-weight:900}.cs-sp-sg-right{display:flex;flex-direction:column;gap:20px;width:100%}.cs-sp-sg-card{border-radius:12px;padding:16px 20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.cs-sp-sg-hex{font-size:.75rem;font-weight:600;opacity:.9;letter-spacing:.02em;margin-bottom:4px}.cs-sp-sg-color-name{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0}.cs-sp-sg-color-row-1{display:grid;grid-template-columns:1.85fr 1fr;gap:20px}.cs-sp-sg-primary{background-color:#007ea7;min-height:100px}.cs-sp-sg-info{background-color:#027be2;min-height:100px}.cs-sp-sg-badge-wrapper{position:absolute;right:20px;bottom:8px;display:flex;align-items:center;justify-content:center}.cs-sp-sg-icon-img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));display:block}.cs-sp-sg-sparkle{position:absolute;color:#fff;font-size:.65rem;opacity:.85}.cs-sp-sg-sparkle.sp-1{top:-8px;left:-8px;font-size:.75rem}.cs-sp-sg-sparkle.sp-2{top:-10px;right:4px;font-size:.55rem}.cs-sp-sg-sparkle.sp-3{bottom:-2px;right:-8px;font-size:.6rem}.cs-sp-sg-color-row-2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cs-sp-sg-success{background-color:#3d961f;min-height:80px}.cs-sp-sg-warning{background-color:#fcb001;min-height:80px}.cs-sp-sg-error{background-color:#da2c23;min-height:80px}.cs-sp-sg-color-row-3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cs-sp-sg-shades-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column}.cs-sp-sg-shade-header{font-size:.72rem;font-weight:700;color:#fff;padding:8px 10px;text-align:center}.bg-sp-primary{background-color:#007ea7}.bg-sp-info{background-color:#027be2}.bg-sp-success{background-color:#3d961f}.bg-sp-error{background-color:#da2c23}.cs-sp-sg-shade-bars{display:grid;grid-template-columns:repeat(3,1fr);height:32px}.cs-sp-sg-shade-bars span{width:100%;height:100%;display:block}.cs-sp-sg-neutrals-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column}.cs-sp-sg-neutrals-header{background-color:#313030;color:#fff;font-size:.75rem;font-weight:700;text-align:center;padding:10px 12px}.cs-sp-sg-neutrals-bars{display:grid;grid-template-columns:repeat(6,1fr);height:32px}.cs-sp-sg-neutrals-bars span{width:100%;height:100%;display:block}@media(max-width:1024px){.cs-sp-sg-grid{grid-template-columns:1fr;gap:48px}.cs-sp-sg-color-row-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cs-sp-sg-section{padding:60px 0 100px}.cs-sp-sg-container{padding:0 20px}.cs-sp-sg-title{font-size:1.6rem}.cs-sp-sg-weights-grid{grid-template-columns:repeat(2,1fr)}.cs-sp-sg-color-row-1,.cs-sp-sg-color-row-2{grid-template-columns:1fr}.cs-sp-sg-color-row-3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.cs-sp-sg-neutrals-card{width:100%!important}}.cs-sp-cv-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-sp-cv-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-cv-header{margin-bottom:48px}.cs-sp-cv-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#38bdf8;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-cv-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.cs-sp-cv-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.cs-sp-cv-img{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:640px){.cs-sp-cv-section{padding:60px 0 100px}.cs-sp-cv-container{padding:0 20px}.cs-sp-cv-title{font-size:1.6rem}}.cs-sp-hf-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-sp-hf-container{max-width:1240px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-hf-header{margin-bottom:64px}.cs-sp-hf-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#38bdf8;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-hf-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.cs-sp-hf-list{display:flex;flex-direction:column;gap:100px;position:relative}.cs-sp-hf-item{display:grid;grid-template-columns:1.15fr 40px 1fr;gap:32px;align-items:flex-start;position:relative}.cs-sp-hf-mockup-wrapper{width:100%;display:flex;justify-content:center;border-radius:6px;overflow:hidden}.cs-sp-hf-mockup-img{width:100%;height:auto;display:block;object-fit:contain;border-radius:6px;filter:drop-shadow(0 12px 36px rgba(0,0,0,.35))}.cs-sp-hf-spine-col{display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.cs-sp-hf-spine-line{position:absolute;top:0;bottom:-100px;width:2px;background:#007ea7;opacity:.45}.cs-sp-hf-item:last-child .cs-sp-hf-spine-line{bottom:0}.cs-sp-hf-diamond-node{position:absolute;top:80px;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px;height:12px;background-color:#38bdf8;border:2px solid #007EA7;z-index:2}.cs-sp-hf-info{display:flex;flex-direction:column;gap:20px}.cs-sp-hf-icon-badge{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.cs-sp-hf-badge-icon{width:44px;height:44px;object-fit:contain}.cs-sp-hf-item-title{font-size:1.55rem;font-weight:800;color:#fff;letter-spacing:-.015em;margin:0}.cs-sp-hf-desc{font-size:.92rem;line-height:1.6;color:#94a3b8;margin:0}.cs-sp-hf-card{border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.cs-sp-hf-problem-card{background-color:#fff1f2;border:1px solid rgba(244,63,94,.25)}.cs-sp-hf-card-title-row{display:flex;align-items:center;gap:8px}.cs-sp-hf-card-title{font-size:1rem;font-weight:800;margin:0;letter-spacing:-.01em}.title-red{color:#da2c23}.title-green{color:#16a34a}.cs-sp-hf-solution-card{background-color:#ebfff3;border:1px solid rgba(34,197,94,.25)}.cs-sp-hf-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-sp-hf-card-list li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:#334155;line-height:1.5}.cs-sp-hf-card-list li strong{color:#0f172a;font-weight:700}.cs-sp-hf-bullet{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;flex-shrink:0;margin-top:1px}.bullet-red{background-color:#da2c23;color:#fff}.bullet-green{background-color:#16a34a;color:#fff}.cs-sp-hf-correct-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;margin-top:1px;display:block}@media(max-width:1024px){.cs-sp-hf-item{display:flex!important;flex-direction:column!important;gap:0!important}.cs-sp-hf-info{display:contents!important}.cs-sp-hf-icon-badge{order:1!important;align-self:flex-start!important;margin-bottom:14px!important}.cs-sp-hf-item-title{order:2!important;margin-bottom:12px!important;width:100%!important}.cs-sp-hf-desc{order:3!important;margin-bottom:24px!important;width:100%!important}.cs-sp-hf-mockup-wrapper{order:4!important;width:100%!important;margin-bottom:28px!important}.cs-sp-hf-problem-card{order:5!important;width:100%!important;margin-bottom:16px!important}.cs-sp-hf-solution-card{order:6!important;width:100%!important;margin-bottom:0!important}.cs-sp-hf-spine-col{display:none}}@media(max-width:640px){.cs-sp-hf-section{padding:60px 0 100px}.cs-sp-hf-container{padding:0 20px}.cs-sp-hf-title{font-size:1.6rem}.cs-sp-hf-item-title{font-size:1.35rem}.cs-sp-hf-list{gap:60px}}.cs-sp-vs-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-sp-vs-container{max-width:1240px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-vs-header{text-align:center;margin-bottom:56px;display:flex;flex-direction:column;align-items:center}.cs-sp-vs-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#38bdf8;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-vs-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 20px}.cs-sp-vs-btn-wrapper{display:flex;justify-content:center}.cs-sp-vs-btn{display:inline-flex;align-items:center;gap:8px;background-color:#475569;color:#fff;font-family:inherit;font-size:.88rem;font-weight:600;padding:10px 22px;border-radius:6px;border:none;outline:none;cursor:pointer;box-shadow:0 4px 14px #0003;transition:background-color var(--transition-fast),transform var(--transition-fast)}.cs-sp-vs-btn:hover{background-color:#64748b;transform:translateY(-2px)}.cs-sp-vs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.cs-sp-vs-col{display:flex;flex-direction:column;gap:36px}.cs-sp-vs-item{display:flex;flex-direction:column;align-items:flex-start;width:100%}.cs-sp-vs-item-title{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 0 12px}.cs-sp-vs-card{width:100%;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:0 10px 30px #00000040;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-sp-vs-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0006}.cs-sp-vs-img{width:100%;height:auto;display:block;object-fit:cover}.cs-sp-vs-modal-root{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#0f172aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999999;animation:spVsFadeIn .2s cubic-bezier(.16,1,.3,1)}.cs-sp-vs-modal-scroll{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:60px 20px;cursor:zoom-out}@keyframes spVsFadeIn{0%{opacity:0}to{opacity:1}}.cs-sp-vs-modal-close{position:fixed;top:24px;right:24px;width:46px;height:46px;border-radius:50%;background-color:#0f172ad9;border:1.5px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000000;box-shadow:0 4px 20px #0009;transition:background-color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.cs-sp-vs-modal-close:hover{background-color:#007ea7;border-color:#38bdf8;transform:scale(1.1)}.cs-sp-vs-modal-content{width:1000px;max-width:92vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;border-radius:0;box-shadow:none!important;background:transparent!important}.cs-sp-vs-modal-img{width:100%;height:auto;display:block;object-fit:contain;border-radius:0;box-shadow:none;background:transparent}.cs-sp-vs-modal-scroll.is-mobile-scroll{display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow:hidden}.cs-sp-vs-modal-content.is-mobile-mockup{width:auto;max-width:90vw;height:auto;max-height:88vh;background:transparent!important;box-shadow:none!important;border-radius:0;display:flex;align-items:center;justify-content:center}.cs-sp-vs-modal-content.is-mobile-mockup .cs-sp-vs-modal-img{width:auto;height:auto;max-height:88vh;max-width:90vw;object-fit:contain;border-radius:0;box-shadow:none;background:transparent}@media(max-width:1024px){.cs-sp-vs-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media(max-width:640px){.cs-sp-vs-section{padding:60px 0 100px}.cs-sp-vs-container{padding:0 20px}.cs-sp-vs-title{font-size:1.6rem}.cs-sp-vs-grid{grid-template-columns:1fr;gap:28px}.cs-sp-vs-modal-close{top:16px;right:16px;width:38px;height:38px}}.cs-sp-ut-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-sp-ut-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.cs-sp-ut-header{text-align:center;margin-bottom:56px}.cs-sp-ut-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#007ea7;letter-spacing:-.01em;margin-bottom:6px}.cs-sp-ut-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-sp-ut-top-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;margin-bottom:32px}.cs-sp-ut-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column}.cs-sp-ut-card-header{background-color:#f8fafc;border-bottom:1px solid #E2E8F0;padding:16px 24px;display:flex;align-items:center}.cs-sp-ut-card-title{font-size:1.02rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0}.cs-sp-ut-scenarios-header{justify-content:space-between}.cs-sp-ut-tag{font-size:.8rem;font-weight:500;color:#94a3b8}.cs-sp-ut-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px 24px;border-bottom:1px solid #F1F5F9}.cs-sp-ut-meta-item{display:flex;flex-direction:column;gap:3px}.cs-sp-ut-meta-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.cs-sp-ut-meta-val{font-size:.88rem;font-weight:700;color:#1e1e24}.cs-sp-ut-progress-list{padding:24px;display:flex;flex-direction:column;gap:18px;flex-grow:1}.cs-sp-ut-progress-item{display:flex;flex-direction:column;gap:8px}.cs-sp-ut-progress-info{display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-sp-ut-task-name{font-size:.88rem;font-weight:600;color:#334155}.cs-sp-ut-badge{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:20px;flex-shrink:0}.badge-green{background-color:#dcfce7;color:#16a34a}.badge-amber{background-color:#fef3c7;color:#d97706}.cs-sp-ut-track{width:100%;height:8px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.cs-sp-ut-fill{height:100%;border-radius:999px;transition:width .6s ease}.fill-green{background-color:#16a34a}.fill-amber{background-color:#f59e0b}.cs-sp-ut-card-footer{padding:16px 24px;background-color:#fafafc;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-sp-ut-note{font-size:.8rem;color:#64748b;font-weight:500}.cs-sp-ut-score{display:flex;align-items:center;gap:6px}.cs-sp-ut-score-label{font-size:.82rem;font-weight:700;color:#1e1e24}.cs-sp-ut-score-val{font-size:1.15rem;font-weight:800;color:#16a34a}.cs-sp-ut-scenarios-body{padding:24px;display:flex;flex-direction:column;gap:20px;flex-grow:1}.cs-sp-ut-scenario-item{display:flex;flex-direction:column;gap:4px}.cs-sp-ut-scenario-title{font-size:.95rem;font-weight:700;color:#1e1e24;margin:0;letter-spacing:-.01em}.cs-sp-ut-scenario-desc{font-size:.85rem;line-height:1.55;color:#64748b;margin:0}.cs-sp-ut-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cs-sp-ut-note-card{border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:14px}.cs-sp-ut-insights-card{background-color:#fffbeb;border:1px solid #FDE68A}.cs-sp-ut-action-card{background-color:#f0f9ff;border:1px solid #BAE6FD}.cs-sp-ut-note-header{display:flex;align-items:center;gap:10px}.cs-sp-ut-note-icon{font-size:1.1rem}.cs-sp-ut-note-title{font-size:1.05rem;font-weight:800;margin:0;letter-spacing:-.01em}.title-amber{color:#b45309}.title-blue{color:#0284c7}.cs-sp-ut-note-desc{font-size:.88rem;line-height:1.6;color:#475569;margin:0}.cs-sp-ut-note-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cs-sp-ut-note-list li{font-size:.88rem;line-height:1.6;color:#475569;position:relative;padding-left:16px}.cs-sp-ut-note-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#94a3b8;font-size:1rem}@media(max-width:1024px){.cs-sp-ut-top-grid,.cs-sp-ut-bottom-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:640px){.cs-sp-ut-section{padding:60px 0 100px}.cs-sp-ut-container{padding:0 20px}.cs-sp-ut-title{font-size:1.6rem}.cs-sp-ut-meta-grid{grid-template-columns:repeat(2,1fr)}.cs-sp-ut-card-footer{flex-direction:column;align-items:flex-start;gap:8px}}.indofood-case-study-page{background-color:#fff;color:#1e242c;width:100%;overflow-x:hidden}.cs-indofood-hero-section{position:relative;min-height:100vh;width:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0 80px;overflow:hidden;box-sizing:border-box}.cs-indofood-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/About%20Me%20Asset/KoinWorks%20Case%20Study%20Asset/Background%20Grids.svg);background-size:cover;background-position:center top;pointer-events:none;opacity:.95;z-index:1}.cs-indofood-hero-container{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1.05fr 1.28fr;align-items:center;gap:48px}.cs-indofood-hero-left{display:flex;flex-direction:column;align-items:flex-start}.cs-indofood-logo-wrapper{margin-bottom:48px;display:flex;align-items:center}.cs-indofood-logo{width:154px;height:auto;object-fit:contain;display:block}.cs-indofood-meta-tag{font-size:1.025rem;font-weight:500;color:#7b8ca3;letter-spacing:-.01em;margin-bottom:20px;display:inline-block}.cs-indofood-hero-title{font-size:2.75rem;font-weight:800;line-height:1.25;color:#1e242c;letter-spacing:-.025em;margin:0 0 52px;max-width:580px}.cs-indofood-highlight{color:#005baa}.cs-indofood-meta-row{display:flex;align-items:flex-start;gap:64px}.cs-indofood-meta-col{display:flex;flex-direction:column;gap:8px}.cs-indofood-meta-label{font-size:.925rem;color:#8c9aa8;font-weight:500;letter-spacing:-.01em}.cs-indofood-meta-val{font-size:1.05rem;color:#1e242c;font-weight:700;letter-spacing:-.01em}.cs-indofood-tools-list{display:flex;align-items:center;gap:14px}.cs-indofood-tool-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-fast)}.cs-indofood-tool-item:hover{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.cs-indofood-tool-icon{width:28px;height:28px;object-fit:contain;display:block}.cs-indofood-hero-right{display:flex;justify-content:center;align-items:center;position:relative}.cs-indofood-mockup-stage{position:relative;width:100%;max-width:840px;display:flex;justify-content:center;align-items:center}.cs-indofood-monitor-img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 24px 52px rgba(0,0,0,.14));position:relative;z-index:2;transition:transform .4s ease}.cs-indofood-mockup-stage:hover .cs-indofood-monitor-img{transform:translateY(-4px) scale(1.01)}.cs-indofood-box{position:absolute;object-fit:contain;pointer-events:none;z-index:5}.cs-indofood-box.box-top{top:-14px;left:24%;width:42px;height:42px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.14));animation:floatIndofoodBoxTop 4.2s ease-in-out infinite}.cs-indofood-box.box-right{top:24%;right:-24px;width:72px;height:72px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.16));animation:floatIndofoodBoxRight 4.8s ease-in-out infinite .6s}.cs-indofood-box.box-bottom-left{bottom:22%;left:-24px;width:56px;height:56px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.15));animation:floatIndofoodBoxBottom 3.9s ease-in-out infinite 1.2s}@keyframes floatIndofoodBoxTop{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes floatIndofoodBoxRight{0%,to{transform:translateY(0) rotate(14deg)}50%{transform:translateY(-11px) rotate(18deg)}}@keyframes floatIndofoodBoxBottom{0%,to{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-10px) rotate(-9deg)}}.cs-indofood-scroll-indicator{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:5;text-decoration:none;cursor:pointer}.cs-indofood-chevron-img{width:28px;height:28px;object-fit:contain;display:block;animation:floatIndofoodChevron 2.2s ease-in-out infinite}@keyframes floatIndofoodChevron{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(8px);opacity:1}}.cs-indofood-intro-section{position:relative;background-color:#fff;padding:100px 0 120px;width:100%}.cs-indofood-intro-container{max-width:1100px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-intro-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:80px}.cs-indofood-intro-badge{font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:10px;letter-spacing:-.01em}.cs-indofood-intro-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-timeline-wrapper{position:relative;width:100%;max-width:820px;margin:0 auto}.cs-indofood-timeline-spine{position:absolute;top:14px;bottom:-30px;left:50%;transform:translate(-50%);width:2px;display:flex;flex-direction:column;align-items:center;z-index:1}.cs-indofood-spine-line{width:2px;height:100%;background:linear-gradient(to bottom,#38bdf84d,#38bdf8 15%,#38bdf8 85%,#38bdf81a)}.cs-indofood-timeline-row{display:grid;grid-template-columns:1fr 64px 1fr;align-items:start;margin-bottom:110px;position:relative;z-index:2}.cs-indofood-timeline-row:last-child{margin-bottom:0}.cs-indofood-col-left{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-right:28px}.cs-indofood-col-center{display:flex;justify-content:center;align-items:center;height:28px}.cs-indofood-timeline-diamond{width:12px;height:12px;background-color:#0084b4;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff;flex-shrink:0}.cs-indofood-col-right{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-left:28px}.cs-indofood-intro-img{display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.08))}.cs-indofood-intro-img.indomie-pack-img{width:154px;height:auto;margin-top:-24px}.cs-indofood-intro-img.indofood-brand-img{width:168px;height:auto;filter:none;margin-top:-2px}.cs-indofood-intro-img.procurement-manager-img{width:145px;height:auto;margin-top:-16px}.cs-indofood-intro-heading{font-size:1.35rem;line-height:28px;font-weight:700;color:#1e242c;letter-spacing:-.015em;margin:0 0 12px}.cs-indofood-intro-desc{font-size:.95rem;line-height:1.65;color:#64748b;margin:0 0 8px;letter-spacing:-.005em}.cs-indofood-intro-desc:last-child{margin-bottom:0}.cs-indofood-intro-desc strong{color:#1e242c;font-weight:700}.cs-indofood-overview-section{position:relative;background-color:#fff;padding:80px 0 120px;width:100%}.cs-indofood-overview-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1.22fr;gap:72px;align-items:center}.cs-indofood-overview-left{display:flex;justify-content:center;align-items:center;width:100%}.cs-indofood-overview-image-wrapper{position:relative;width:100%;max-width:480px;border-radius:24px;overflow:hidden;box-shadow:0 16px 36px #00000014}.cs-indofood-overview-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4 / 4.6}.cs-indofood-overview-badges-stack{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;gap:10px;z-index:2}.cs-indofood-overview-badge-item{display:inline-flex;align-items:center;gap:10px;background:#f6f6f2f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);padding:9px 16px;border-radius:8px;box-shadow:0 4px 14px #0000001f;font-size:.88rem;font-weight:600;color:#1e242c;width:fit-content}.cs-indofood-badge-icon{flex-shrink:0}.cs-indofood-overview-right{display:flex;flex-direction:column;align-items:flex-start;width:100%}.cs-indofood-overview-header-group{margin-bottom:36px}.cs-indofood-overview-badge{font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;display:block;letter-spacing:-.01em}.cs-indofood-overview-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-overview-timeline{position:relative;width:100%;padding-left:28px;margin-bottom:40px}.cs-indofood-overview-spine{position:absolute;top:-2px;bottom:8px;left:0;width:2px}.cs-indofood-overview-spine-line{width:2px;height:100%;background:linear-gradient(to bottom,#38bdf84d,#38bdf8 15%,#38bdf8 85%,#38bdf81a)}.cs-indofood-overview-item{position:relative;margin-bottom:32px}.cs-indofood-overview-item:last-child{margin-bottom:0}.cs-indofood-overview-bullet{position:absolute;left:-28px;top:0;width:2px;height:28px;display:flex;align-items:center;justify-content:center}.cs-indofood-overview-diamond{width:12px;height:12px;background-color:#0084b4;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff;flex-shrink:0}.cs-indofood-overview-heading{font-size:1.35rem;line-height:28px;font-weight:700;color:#1e242c;letter-spacing:-.015em;margin:0 0 10px}.cs-indofood-overview-desc{font-size:.95rem;line-height:1.68;color:#64748b;margin:0;letter-spacing:-.005em}.cs-indofood-overview-desc strong{color:#1e242c;font-weight:700}.cs-indofood-overview-meta-row{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:28px;width:100%;padding-top:24px}.cs-indofood-overview-meta-col{display:flex;flex-direction:column;gap:6px}.cs-indofood-overview-meta-label{font-size:.95rem;font-weight:600;color:#005baa;letter-spacing:-.01em}.cs-indofood-overview-meta-val{font-size:.98rem;font-weight:700;color:#1e242c;letter-spacing:-.01em}.cs-indofood-behaviors-section{position:relative;background-color:#fff;padding:90px 0 120px;width:100%}.cs-indofood-behaviors-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-behaviors-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:56px}.cs-indofood-behaviors-badge{font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;display:block;letter-spacing:-.01em}.cs-indofood-behaviors-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-behaviors-flow{position:relative;width:100%}.cs-indofood-behaviors-line{display:none}.cs-indofood-behaviors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;position:relative;z-index:2}.cs-indofood-behavior-card{display:flex;flex-direction:column;align-items:flex-start;position:relative}.cs-indofood-behavior-heading{font-size:1.2rem;font-weight:700;color:#1e242c;letter-spacing:-.015em;margin:0 0 20px;line-height:1.3;white-space:nowrap}.cs-indofood-behavior-node-wrapper{position:relative;width:100%;height:24px;display:flex;align-items:center;margin-bottom:24px}.cs-indofood-behavior-node-wrapper:before{content:"";position:absolute;top:50%;left:0;right:-36px;height:2px;background-color:#005baa;transform:translateY(-50%);z-index:1}.cs-indofood-behavior-card:last-child .cs-indofood-behavior-node-wrapper:before{right:-40px;background:linear-gradient(90deg,#005BAA 0%,rgba(0,91,170,.5) 60%,transparent 100%)}.cs-indofood-behavior-diamond{position:relative;z-index:2;width:12px;height:12px;background-color:#005baa;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 4px #fff;flex-shrink:0}.cs-indofood-behavior-desc{font-size:.935rem;line-height:1.65;color:#64748b;margin:0;letter-spacing:-.005em}.cs-indofood-behavior-desc strong{color:#1e242c;font-weight:700}.cs-indofood-competitor-section{position:relative;background-color:#fff;padding:90px 0 120px;width:100%}.cs-indofood-competitor-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-competitor-eyebrow{font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;display:block;letter-spacing:-.01em}.cs-indofood-competitor-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:48px}.cs-indofood-competitor-table{width:100%;border-collapse:separate;border-spacing:0;min-width:880px}.cs-indofood-competitor-table thead th{padding:8px 20px 28px;text-align:center;vertical-align:middle;border:none}.cs-indofood-competitor-table thead .th-title-col{width:31%;min-width:290px;text-align:left;vertical-align:bottom;padding-left:0}.cs-indofood-competitor-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0;line-height:1.15;white-space:nowrap}.cs-indofood-competitor-table thead .th-comp-col{width:23%;text-align:center}.cs-indofood-comp-logo{max-width:140px;height:auto;object-fit:contain;display:inline-block;vertical-align:middle}.cs-indofood-comp-logo.logo-sap{height:32px}.cs-indofood-comp-logo.logo-oracle{height:22px}.cs-indofood-comp-logo.logo-erpnext{height:26px}.cs-indofood-competitor-table tbody tr{transition:background-color var(--transition-fast)}.cs-indofood-competitor-table tbody tr.row-tinted{background-color:#f8fafc}.cs-indofood-competitor-table tbody td{padding:20px 24px;vertical-align:middle;border:none}.cs-indofood-competitor-table tbody tr.row-tinted td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.cs-indofood-competitor-table tbody tr.row-tinted td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.cs-indofood-competitor-table tbody .td-criteria{font-size:.95rem;font-weight:600;color:#7b8ca3;text-align:left;width:31%;min-width:290px}.cs-indofood-competitor-table tbody .td-val{font-size:.95rem;font-weight:700;color:#1e242c;text-align:center;width:23%}.cs-indofood-check-icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.cs-indofood-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-indofood-insight-card{border-radius:14px;padding:24px 28px;display:flex;flex-direction:column}.cs-indofood-insight-card.card-insights{background-color:#fffdf5;border:1.5px solid #FCD34D}.cs-indofood-insight-card.card-opportunities{background-color:#f6fef9;border:1.5px solid #86EFAC}.cs-indofood-insight-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cs-indofood-insight-icon{font-size:1.2rem}.cs-indofood-insight-title{font-size:1.125rem;font-weight:700;margin:0;letter-spacing:-.01em}.card-insights .cs-indofood-insight-title{color:#d97706}.card-opportunities .cs-indofood-insight-title{color:#16a34a}.cs-indofood-insight-desc{font-size:.95rem;line-height:1.65;color:#334155;margin:0}.cs-indofood-insight-desc strong{color:#1e242c;font-weight:700}.cs-indofood-interview-section{position:relative;background-color:#fff;padding:100px 0 140px;width:100%}.cs-indofood-interview-container{max-width:1180px;width:100%;margin:0 auto;padding:0 40px}.cs-indofood-interview-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.cs-indofood-interview-eyebrow{display:block;font-size:.92rem;font-weight:700;color:#005baa;letter-spacing:-.01em;margin-bottom:6px}.cs-indofood-interview-title{font-size:1.85rem;font-weight:800;color:#1e1e24;letter-spacing:-.02em;margin:0}.cs-indofood-interview-grid-wrapper{position:relative;width:100%}.cs-indofood-interview-center-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.cs-indofood-interview-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 32px;position:relative;z-index:2}.cs-indofood-interview-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000008;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-indofood-interview-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000000f}.cs-indofood-interview-card-header{background-color:#f8fafc;border-bottom:1px solid #E2E8F0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-indofood-interview-card-title{font-size:1.02rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0}.cs-indofood-interview-card-tag{font-size:.82rem;font-weight:500;color:#94a3b8;letter-spacing:-.005em}.cs-indofood-interview-card-body{padding:24px 28px}.cs-indofood-interview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.cs-indofood-interview-list li{font-size:.9rem;color:#64748b;line-height:1.55;font-weight:500;position:relative;padding-left:18px}.cs-indofood-interview-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#005baa;font-size:1.1rem}.cs-indofood-ig-section{position:relative;background-color:#fff;padding:90px 0 120px;width:100%}.cs-indofood-ig-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-ig-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:56px}.cs-indofood-ig-eyebrow{font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;display:block;letter-spacing:-.01em}.cs-indofood-ig-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-ig-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.cs-indofood-ig-chart-col{display:flex;align-items:stretch;width:100%}.cs-indofood-ig-card{width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:32px 28px;box-shadow:0 8px 30px #00000008;display:flex;flex-direction:column;gap:24px}.cs-indofood-ig-card-header{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #F1F5F9}.cs-indofood-ig-header-icon-wrapper{width:42px;height:42px;border-radius:10px;background-color:#e0f2fe;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-indofood-ig-card-title{font-size:1.12rem;font-weight:800;color:#1e1e24;letter-spacing:-.015em;margin:0}.cs-indofood-ig-card-subtitle{font-size:.8rem;font-weight:500;color:#94a3b8;margin:2px 0 0}.cs-indofood-ig-bars-list{display:flex;flex-direction:column;gap:20px}.cs-indofood-ig-bar-item{display:flex;flex-direction:column;gap:8px}.cs-indofood-ig-bar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cs-indofood-ig-bar-label{font-size:.88rem;font-weight:600;color:#334155;line-height:1.4}.cs-indofood-ig-bar-badge{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:20px;flex-shrink:0;letter-spacing:-.01em}.cs-indofood-ig-bar-badge.badge-blue{background-color:#e0f2fe;color:#005baa}.cs-indofood-ig-bar-badge.badge-green{background-color:#dcfce7;color:#16a34a}.cs-indofood-ig-bar-badge.badge-sky{background-color:#e0f7fa;color:#0284c7}.cs-indofood-ig-bar-track{width:100%;height:8px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.cs-indofood-ig-bar-fill{height:100%;border-radius:999px;transition:width .6s ease}.cs-indofood-ig-bar-fill.fill-blue{background-color:#005baa}.cs-indofood-ig-bar-fill.fill-green{background-color:#16a34a}.cs-indofood-ig-bar-fill.fill-sky{background-color:#38bdf8}.cs-indofood-ig-chat-col{display:flex;flex-direction:column;gap:24px}.cs-indofood-chat-row{display:flex;align-items:flex-start;gap:16px;width:100%}.cs-indofood-chat-row-left{justify-content:flex-start}.cs-indofood-chat-row-right{justify-content:flex-end}.cs-indofood-chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.cs-indofood-chat-bubble-container{display:flex;flex-direction:column;max-width:440px}.cs-indofood-chat-bubble-container.align-right{align-items:flex-end}.cs-indofood-chat-bubble{background-color:#f6f6f6;padding:16px 20px;box-shadow:0 2px 10px #00000005}.cs-indofood-chat-bubble-left{border-radius:16px 16px 16px 4px;position:relative}.cs-indofood-chat-bubble-left:before{content:"";position:absolute;top:14px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #F6F6F6}.cs-indofood-chat-bubble-right{border-radius:16px 16px 4px;position:relative}.cs-indofood-chat-bubble-right:before{content:"";position:absolute;top:14px;right:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #F6F6F6}.cs-indofood-chat-text{font-size:.88rem;line-height:1.55;color:#475569;margin:0}.cs-indofood-chat-text strong{color:#0f172a;font-weight:700}.cs-indofood-chat-time{font-size:.78rem;color:#94a3b8;margin-top:6px;display:block}.cs-indofood-chat-time.text-left{text-align:left}.cs-indofood-chat-time.text-right{text-align:right}.cs-indofood-up-section{position:relative;width:100%;background-color:#fff;padding:90px 0 120px}.cs-indofood-up-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-up-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.cs-indofood-up-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;letter-spacing:-.01em}.cs-indofood-up-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-up-card{display:grid;grid-template-columns:320px 1fr;background-color:#fff;border:1.5px solid #E2E8F0;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000000a}.cs-indofood-up-image-col{position:relative;width:100%;height:100%;min-height:480px;background-color:transparent;overflow:hidden}.cs-indofood-up-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cs-indofood-up-quote-overlay{position:absolute;bottom:20px;left:20px;right:20px;background:#0f172aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0003}.cs-indofood-up-quote-icon{font-size:1.8rem;font-weight:800;color:#38bdf8;line-height:1;margin-bottom:4px;font-family:Georgia,serif}.cs-indofood-up-quote-text{font-size:.86rem;font-style:italic;line-height:1.5;color:#fff;margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cs-indofood-up-info-col{padding:48px 48px 44px 44px;display:flex;flex-direction:column}.cs-indofood-up-name-header{margin-bottom:20px}.cs-indofood-up-name{font-size:1.65rem;font-weight:800;color:#005baa;letter-spacing:-.015em;margin:0 0 6px}.cs-indofood-up-role{font-size:.92rem;font-weight:600;color:#64748b;letter-spacing:-.005em;margin:0}.cs-indofood-up-bio{font-size:.92rem;line-height:1.65;color:#64748b;margin:0 0 36px}.cs-indofood-up-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.cs-indofood-up-col{display:flex;flex-direction:column}.cs-indofood-up-col-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.cs-indofood-up-col-icon{font-size:1.1rem}.cs-indofood-up-col-title{font-size:1.15rem;font-weight:800;color:#1e242c;letter-spacing:-.01em;margin:0}.cs-indofood-up-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cs-indofood-up-list li{font-size:.88rem;line-height:1.55;color:#64748b;font-weight:500;position:relative;padding-left:14px}.cs-indofood-up-list li:before{content:"•";position:absolute;left:0;top:-1px;color:#94a3b8;font-size:1rem}.cs-indofood-up-list li strong{color:#1e242c;font-weight:700}.cs-indofood-us-section{position:relative;width:100%;background-color:#f8fafc;padding:100px 0 130px}.cs-indofood-us-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-us-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.cs-indofood-us-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;letter-spacing:-.01em}.cs-indofood-us-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-us-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.cs-indofood-us-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:28px 28px 26px;box-shadow:0 4px 20px #00000008;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.cs-indofood-us-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#005baa;opacity:0;transition:opacity var(--transition-fast)}.cs-indofood-us-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #005baa14;border-color:#bae6fd}.cs-indofood-us-card:hover:before{opacity:1}.cs-indofood-us-meta-row{display:flex;align-items:center;justify-content:space-between}.cs-indofood-us-tag{display:inline-flex;align-items:center;padding:4px 10px;background-color:#eff6ff;border:1px solid #DBEAFE;color:#00549c;font-size:.75rem;font-weight:700;border-radius:20px;letter-spacing:.02em}.cs-indofood-us-num{font-size:.85rem;font-weight:800;color:#94a3b8;letter-spacing:.02em}.cs-indofood-us-card-title{font-size:1.22rem;font-weight:800;color:#0f172a;letter-spacing:-.015em;margin:0}.cs-indofood-us-role-text{font-size:.88rem;color:#475569;margin:0;display:flex;align-items:baseline;gap:6px}.cs-indofood-us-role-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.cs-indofood-us-role-val{font-size:.9rem;font-weight:700;color:#00549c}.cs-indofood-us-action{display:flex;flex-direction:column;gap:4px}.cs-indofood-us-action-label{font-size:.72rem;font-weight:800;color:#005baa;letter-spacing:.04em;text-transform:uppercase}.cs-indofood-us-action-text{font-size:.92rem;color:#334155;line-height:1.6;margin:0}.cs-indofood-us-action-text strong{color:#0f172a;font-weight:700}.cs-indofood-us-outcome{background-color:#f0f7ff;border:1px solid #BAE6FD;border-radius:10px;padding:14px 16px;margin-top:auto;display:flex;flex-direction:column;gap:4px}.cs-indofood-us-outcome-header{display:flex;align-items:center;gap:6px}.cs-indofood-us-outcome-icon{font-size:.85rem}.cs-indofood-us-outcome-label{font-size:.72rem;font-weight:800;color:#0284c7;letter-spacing:.04em;text-transform:uppercase}.cs-indofood-us-outcome-text{font-size:.88rem;color:#0369a1;line-height:1.55;margin:0}.cs-indofood-us-outcome-text strong{color:#0c4a6e;font-weight:700}.cs-indofood-us-card.cs-indofood-us-card-centered{grid-column:1 / -1;max-width:calc((100% - 28px)/2);width:100%;margin:0 auto}.cs-indofood-uf-section{position:relative;width:100%;background-color:#fff;padding:90px 0 120px}.cs-indofood-uf-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-uf-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:56px}.cs-indofood-uf-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;letter-spacing:-.01em}.cs-indofood-uf-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-flow-block{margin-bottom:64px}.cs-indofood-flow-block:last-child{margin-bottom:0}.cs-indofood-flow-meta{margin-bottom:24px}.cs-indofood-flow-title{font-size:1.25rem;font-weight:800;color:#1e242c;letter-spacing:-.015em;margin:0 0 8px}.cs-indofood-flow-desc{font-size:.92rem;line-height:1.6;color:#64748b;margin:0}.cs-indofood-flow-diagram-wrapper{width:100%;background:transparent;padding:16px 0;overflow:hidden}.cs-indofood-flow-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-indofood-flow-svg{width:100%;max-width:100%;height:auto;display:block}.cs-indofood-flow-svg.flow-svg-1{max-width:1095px}.cs-indofood-flow-svg.flow-svg-2{max-width:830px}.cs-indofood-wf-section{position:relative;width:100%;background-color:#1e2433;padding:100px 0 140px}.cs-indofood-wf-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-wf-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:64px}.cs-indofood-wf-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#38bdf8;margin-bottom:8px;letter-spacing:-.01em}.cs-indofood-wf-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.cs-indofood-wf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.cs-indofood-wf-col{display:flex;flex-direction:column;gap:36px}.cs-indofood-wf-item{display:flex;flex-direction:column;gap:14px}.cs-indofood-wf-item-title{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0}.cs-indofood-wf-card{background:transparent;border:none;outline:none;border-radius:0;cursor:pointer;transition:transform var(--transition-fast);position:relative}.cs-indofood-wf-card:hover{transform:translateY(-5px)}.cs-indofood-wf-img{width:100%;height:auto;display:block;border:none;outline:none;border-radius:0;filter:drop-shadow(0 10px 28px rgba(0,0,0,.4));transition:filter var(--transition-fast)}.cs-indofood-wf-card:hover .cs-indofood-wf-img{filter:drop-shadow(0 16px 40px rgba(0,0,0,.6))}.cs-indofood-wf-card-supplier{overflow:hidden}@media(min-width:1025px){.cs-indofood-wf-card-supplier{max-height:80px;overflow:hidden}}.cs-indofood-wf-modal-root{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#0f172af0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999999;animation:indofoodModalFadeIn .2s cubic-bezier(.16,1,.3,1)}.cs-indofood-wf-modal-scroll{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:60px 20px;cursor:zoom-out}@keyframes indofoodModalFadeIn{0%{opacity:0}to{opacity:1}}.cs-indofood-wf-modal-close{position:fixed;top:24px;right:24px;width:46px;height:46px;border-radius:50%;background-color:#0f172ad9;border:1.5px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000000;box-shadow:0 4px 20px #0009;transition:background-color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.cs-indofood-wf-modal-close:hover{background-color:#005baa;border-color:#38bdf8;transform:scale(1.1)}.cs-indofood-wf-modal-content{width:1000px;max-width:92vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;background:transparent!important;box-shadow:none!important}.cs-indofood-wf-modal-img{width:100%;height:auto;display:block;object-fit:contain;border-radius:4px;box-shadow:0 20px 50px #0009}.cs-indofood-sg-section{position:relative;width:100%;background-color:#fff;padding:200px 0}.cs-indofood-sg-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-sg-grid{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:flex-start}.cs-indofood-sg-left{display:flex;flex-direction:column}.cs-indofood-sg-header{margin-bottom:36px}.cs-indofood-sg-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#005baa;margin-bottom:8px;letter-spacing:-.01em}.cs-indofood-sg-title{font-size:1.85rem;font-weight:800;color:#1e242c;letter-spacing:-.02em;margin:0}.cs-indofood-sg-typography-block{display:flex;flex-direction:column}.cs-indofood-sg-sublabel{display:block;font-size:.85rem;font-weight:600;color:#94a3b8;margin-bottom:8px}.cs-indofood-sg-font-title{font-size:2.35rem;font-weight:800;color:#00549c;letter-spacing:-.02em;margin:0 0 10px;font-family:Inter,sans-serif}.cs-indofood-sg-alphabet{font-size:.82rem;font-weight:500;letter-spacing:.08em;color:#94a3b8;margin:0 0 32px;word-break:break-all;font-family:Inter,sans-serif}.cs-indofood-sg-weights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px}.cs-indofood-sg-weight-col{display:flex;flex-direction:column;gap:12px}.cs-indofood-sg-weight-col span{font-size:.78rem;color:#64748b;display:flex;flex-direction:column;gap:2px;line-height:1.3}.cs-indofood-sg-weight-col span strong{color:#1e242c;font-size:.82rem}.cs-indofood-sg-weight-col .w-200{font-weight:200}.cs-indofood-sg-weight-col .w-300{font-weight:300}.cs-indofood-sg-weight-col .w-400{font-weight:400}.cs-indofood-sg-weight-col .w-500{font-weight:500}.cs-indofood-sg-weight-col .w-600{font-weight:600}.cs-indofood-sg-weight-col .w-700{font-weight:700}.cs-indofood-sg-weight-col .w-800{font-weight:800}.cs-indofood-sg-weight-col .w-900{font-weight:900}.cs-indofood-sg-right{display:flex;flex-direction:column;gap:20px;width:100%}.cs-indofood-sg-card{border-radius:12px;padding:16px 20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.cs-indofood-sg-hex{font-size:.75rem;font-weight:600;opacity:.9;letter-spacing:.02em;margin-bottom:4px}.cs-indofood-sg-color-name{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0}.cs-indofood-sg-color-row-1{display:grid;grid-template-columns:1.85fr 1fr;gap:20px}.cs-indofood-sg-primary{background-color:#00549c;min-height:105px}.cs-indofood-sg-info{background-color:#266ff9;min-height:105px}.cs-indofood-sg-badge-wrapper{position:absolute;right:20px;bottom:8px;display:flex;align-items:center;justify-content:center}.cs-indofood-sg-icon-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));display:block}.cs-indofood-sg-sparkle{position:absolute;color:#fff;font-size:.65rem;opacity:.85}.cs-indofood-sg-sparkle.sp-1{top:-8px;left:-8px;font-size:.75rem}.cs-indofood-sg-sparkle.sp-2{top:-10px;right:4px;font-size:.55rem}.cs-indofood-sg-sparkle.sp-3{bottom:-2px;right:-8px;font-size:.6rem}.cs-indofood-sg-color-row-2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cs-indofood-sg-success{background-color:#209b2d;min-height:85px}.cs-indofood-sg-warning{background-color:#fcb001;min-height:85px}.cs-indofood-sg-error{background-color:#da2c23;min-height:85px}.cs-indofood-sg-color-row-3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cs-indofood-sg-shades-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column}.cs-indofood-sg-shade-header{font-size:.72rem;font-weight:700;color:#fff;padding:8px 10px;text-align:center}.bg-indofood-primary{background-color:#00549c}.bg-indofood-info{background-color:#266ff9}.bg-indofood-success{background-color:#209b2d}.bg-indofood-error{background-color:#da2c23}.cs-indofood-sg-shade-bars{display:grid;grid-template-columns:repeat(3,1fr);height:32px}.cs-indofood-sg-shade-bars span{width:100%;height:100%;display:block}.cs-indofood-sg-neutrals-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column}.cs-indofood-sg-neutrals-header{background-color:#3e3d3d;color:#fff;font-size:.75rem;font-weight:700;text-align:center;padding:10px 12px}.cs-indofood-sg-neutrals-bars{display:grid;grid-template-columns:repeat(8,1fr);height:32px}.cs-indofood-sg-neutrals-bars span{width:100%;height:100%;display:block}.cs-indofood-cv-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-indofood-cv-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-indofood-cv-header{margin-bottom:48px}.cs-indofood-cv-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#38bdf8;margin-bottom:8px;letter-spacing:-.01em}.cs-indofood-cv-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.cs-indofood-cv-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.cs-indofood-cv-img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 12px 36px rgba(0,0,0,.35));border-radius:4px}.cs-indofood-hf-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-indofood-hf-container{max-width:1240px;width:100%;margin:0 auto;padding:0 40px}.cs-indofood-hf-header{margin-bottom:64px}.cs-indofood-hf-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#38bdf8;letter-spacing:-.01em;margin-bottom:8px}.cs-indofood-hf-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.cs-indofood-hf-list{display:flex;flex-direction:column;gap:100px;position:relative}.cs-indofood-hf-item{display:grid;grid-template-columns:1.18fr 40px 1fr;gap:32px;align-items:flex-start;position:relative}.cs-indofood-hf-mockup-wrapper{position:relative;width:100%;display:flex;justify-content:center;cursor:pointer;border-radius:6px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.cs-indofood-hf-mockup-wrapper:hover{transform:translateY(-4px)}.cs-indofood-hf-mockup-img{width:100%;height:auto;display:block;object-fit:contain;border-radius:6px;filter:drop-shadow(0 12px 36px rgba(0,0,0,.35))}.cs-indofood-hf-magnifier-hint{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;background:#0f172ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:20px;font-size:.78rem;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;border:1px solid rgba(255,255,255,.15)}.cs-indofood-hf-mockup-wrapper:hover .cs-indofood-hf-magnifier-hint{opacity:1;transform:translateY(0)}.cs-indofood-hf-spine-col{display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.cs-indofood-hf-spine-line{position:absolute;top:0;bottom:-100px;width:2px;background:#007ea7;opacity:.45}.cs-indofood-hf-item:last-child .cs-indofood-hf-spine-line{bottom:0}.cs-indofood-hf-diamond-node{position:absolute;top:80px;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px;height:12px;background-color:#38bdf8;border:2px solid #007EA7;z-index:2}.cs-indofood-hf-info{display:flex;flex-direction:column;gap:20px}.cs-indofood-hf-icon-badge{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.cs-indofood-hf-badge-icon{width:44px;height:44px;object-fit:contain}.cs-indofood-hf-item-title{font-size:1.55rem;font-weight:800;color:#fff;letter-spacing:-.015em;margin:0}.cs-indofood-hf-desc{font-size:.92rem;line-height:1.6;color:#94a3b8;margin:0}.cs-indofood-hf-card{border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.cs-indofood-hf-problem-card{background-color:#fff1f2;border:1px solid rgba(244,63,94,.25)}.cs-indofood-hf-card-title-row{display:flex;align-items:center;gap:8px}.cs-indofood-hf-card-title{font-size:1rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-indofood-hf-solution-card{background-color:#ebfff3;border:1px solid rgba(34,197,94,.25)}.cs-indofood-hf-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-indofood-hf-card-list li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:#334155;line-height:1.5}.cs-indofood-hf-card-list li strong{color:#0f172a;font-weight:700}.cs-indofood-hf-bullet-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;margin-top:1px}.cs-indofood-hf-checklist{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:14px}.cs-indofood-hf-checklist li{display:flex;align-items:center;gap:12px;font-size:.92rem;color:#cbd5e1;line-height:1.5}.cs-indofood-hf-checklist .cs-indofood-hf-bullet-icon{width:20px;height:20px;margin-top:0}.cs-indofood-aup-section{position:relative;width:100%;background-color:#283040;padding:100px 0 140px}.cs-indofood-aup-container{max-width:1240px;width:100%;margin:0 auto;padding:0 40px}.cs-indofood-aup-header{text-align:center;margin-bottom:56px;display:flex;flex-direction:column;align-items:center}.cs-indofood-aup-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#38bdf8;letter-spacing:-.01em;margin-bottom:8px}.cs-indofood-aup-title{font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 20px}.cs-indofood-aup-btn{display:inline-flex;align-items:center;gap:8px;background-color:#ffffff29;color:#fff;font-family:inherit;border:none;outline:none;padding:10px 22px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs-indofood-aup-btn:hover{background-color:#ffffff40;transform:translateY(-2px)}.cs-indofood-aup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px}.cs-indofood-aup-item{display:flex;flex-direction:column;gap:12px}.cs-indofood-aup-item-title{font-size:.92rem;font-weight:600;color:#e2e8f0;margin:0}.cs-indofood-aup-card{position:relative;width:100%;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .25s ease,filter .25s ease}.cs-indofood-aup-card:hover{transform:translateY(-4px)}.cs-indofood-aup-img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.cs-indofood-aup-card .cs-indofood-aup-magnifier-hint{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:#0f172ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:16px;font-size:.72rem;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;border:1px solid rgba(255,255,255,.15)}.cs-indofood-aup-card:hover .cs-indofood-aup-magnifier-hint{opacity:1;transform:translateY(0)}.cs-indofood-wn-section{position:relative;width:100%;background-color:#fff;padding:100px 0 130px}.cs-indofood-wn-container{max-width:780px;width:100%;margin:0 auto;padding:0 32px}.cs-indofood-wn-header{text-align:center;margin-bottom:48px}.cs-indofood-wn-eyebrow{display:block;font-size:.95rem;font-weight:600;color:#0284c7;letter-spacing:-.01em;margin-bottom:8px}.cs-indofood-wn-title{font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0}.cs-indofood-wn-content{display:flex;flex-direction:column;gap:32px;width:100%}.cs-indofood-wn-action-card{background-color:#f0f9ff;border:1.5px solid #7DD3FC;border-radius:8px;padding:24px 28px}.cs-indofood-wn-action-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cs-indofood-wn-action-icon{font-size:1.15rem;line-height:1}.cs-indofood-wn-action-title{font-size:1.05rem;font-weight:700;color:#0284c7;margin:0}.cs-indofood-wn-action-list{list-style-type:disc;margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.cs-indofood-wn-action-list li{font-size:.94rem;color:#334155;line-height:1.6}.cs-indofood-wn-tasks-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.cs-indofood-wn-tasks-header{background-color:#f8fafc;padding:16px 28px;border-bottom:1px solid #E2E8F0}.cs-indofood-wn-tasks-title{font-size:1rem;font-weight:700;color:#334155;margin:0}.cs-indofood-wn-tasks-body{padding:28px 28px 32px;display:flex;flex-direction:column;gap:24px}.cs-indofood-wn-task-item{display:flex;flex-direction:column;gap:4px}.cs-indofood-wn-task-num-title{font-size:.98rem;font-weight:700;color:#1e293b;margin:0;line-height:1.4}.cs-indofood-wn-task-desc{font-size:.88rem;color:#64748b;margin:0;line-height:1.5}@media(max-width:1200px){.cs-indofood-hero-container{gap:36px;padding:0 36px}.cs-indofood-hero-title{font-size:2.35rem}}@media(max-width:992px){.cs-indofood-hero-section{padding:120px 0 100px;min-height:auto}.cs-indofood-hero-container{grid-template-columns:1fr;gap:52px}.cs-indofood-hero-left{align-items:flex-start}.cs-indofood-hero-title{max-width:100%}.cs-indofood-box.box-right{right:0}.cs-indofood-box.box-bottom-left{left:0}.cs-indofood-intro-section{padding:80px 0 100px}.cs-indofood-intro-container{padding:0 32px}.cs-indofood-overview-section{padding:60px 0 90px}.cs-indofood-overview-container{grid-template-columns:1fr;gap:48px;padding:0 32px}.cs-indofood-behaviors-grid{grid-template-columns:repeat(2,1fr);gap:40px 32px}.cs-indofood-behaviors-line{display:none}.cs-indofood-behaviors-heading{white-space:normal}.cs-indofood-competitor-section{padding:60px 0 90px}.cs-indofood-competitor-container{padding:0 32px}.cs-indofood-insights-grid{grid-template-columns:1fr;gap:20px}.cs-indofood-interview-section{padding:60px 0 90px}.cs-indofood-interview-container{padding:0 32px}.cs-indofood-ig-section{padding:60px 0 90px}.cs-indofood-ig-container{padding:0 32px}.cs-indofood-ig-grid{grid-template-columns:1fr;gap:48px}.cs-indofood-up-section{padding:60px 0 90px}.cs-indofood-up-container{padding:0 32px}.cs-indofood-up-card{grid-template-columns:1fr}.cs-indofood-up-image-col{min-height:380px}.cs-indofood-up-info-col{padding:36px 28px}.cs-indofood-us-section{padding:70px 0 100px}.cs-indofood-us-container{padding:0 32px}.cs-indofood-us-grid{grid-template-columns:1fr;gap:24px}.cs-indofood-us-card.cs-indofood-us-card-centered{grid-column:auto;max-width:100%;margin:0}.cs-indofood-uf-section{padding:60px 0 90px}.cs-indofood-uf-container{padding:0 32px}.cs-indofood-wf-section{padding:80px 0 110px}.cs-indofood-wf-container{padding:0 32px}.cs-indofood-wf-grid{grid-template-columns:repeat(2,1fr);gap:28px}.cs-indofood-sg-grid{grid-template-columns:1fr;gap:48px}.cs-indofood-sg-color-row-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.cs-indofood-flow-svg.flow-svg-1{min-width:980px}.cs-indofood-flow-svg.flow-svg-2{min-width:750px}}@media(max-width:768px){.cs-indofood-timeline-wrapper{max-width:100%}.cs-indofood-timeline-spine{left:16px;transform:none;top:14px}.cs-indofood-timeline-row{grid-template-columns:32px 1fr;gap:16px;margin-bottom:64px;align-items:start}.cs-indofood-col-center{grid-column:1;grid-row:1;justify-content:center;height:28px}.cs-indofood-col-left,.cs-indofood-col-right{grid-column:2;text-align:left;align-items:flex-start;padding:0}.cs-indofood-timeline-row.row-image-left .cs-indofood-col-left{order:2;margin-top:16px}.cs-indofood-timeline-row.row-image-left .cs-indofood-col-right,.cs-indofood-timeline-row.row-text-left .cs-indofood-col-left{order:1}.cs-indofood-timeline-row.row-text-left .cs-indofood-col-right{order:2;margin-top:16px}.cs-indofood-intro-img.indomie-pack-img,.cs-indofood-intro-img.indofood-brand-img,.cs-indofood-intro-img.procurement-manager-img{margin-top:0}.cs-indofood-intro-title{font-size:1.85rem}.cs-indofood-interview-grid{grid-template-columns:1fr;gap:24px}.cs-indofood-interview-center-ring{display:none}.cs-indofood-wf-grid{grid-template-columns:1fr;gap:32px}.cs-indofood-wf-modal-close{top:16px;right:16px;width:40px;height:40px}.cs-indofood-sg-section{padding:70px 0 100px}.cs-indofood-sg-container{padding:0 24px}.cs-indofood-cv-section{padding:70px 0 100px}.cs-indofood-cv-container{padding:0 24px}.cs-indofood-hf-item{display:flex!important;flex-direction:column!important;gap:0!important}.cs-indofood-hf-info{display:contents!important}.cs-indofood-hf-icon-badge{order:1!important;align-self:flex-start!important;margin-bottom:14px!important}.cs-indofood-hf-item-title{order:2!important;margin-bottom:12px!important;width:100%!important}.cs-indofood-hf-desc{order:3!important;margin-bottom:24px!important;width:100%!important}.cs-indofood-hf-mockup-wrapper{order:4!important;width:100%!important;margin-bottom:28px!important}.cs-indofood-hf-problem-card{order:5!important;width:100%!important;margin-bottom:16px!important}.cs-indofood-hf-solution-card{order:6!important;width:100%!important;margin-bottom:16px!important}.cs-indofood-hf-checklist{order:7!important;width:100%!important;margin-bottom:0!important}.cs-indofood-hf-spine-col{display:none}.cs-indofood-hf-section{padding:70px 0 100px}.cs-indofood-hf-container{padding:0 24px}.cs-indofood-aup-section{padding:70px 0 100px}.cs-indofood-aup-container{padding:0 24px}.cs-indofood-wn-section{padding:70px 0 90px}.cs-indofood-wn-container{padding:0 24px}.cs-indofood-wn-action-card{padding:20px 22px}.cs-indofood-wn-tasks-header{padding:14px 22px}.cs-indofood-wn-tasks-body{padding:22px 22px 26px;gap:20px}}@media(max-width:640px){.cs-indofood-hero-section{padding:100px 0 80px}.cs-indofood-hero-container{padding:0 24px;gap:40px}.cs-indofood-logo-wrapper{margin-bottom:32px}.cs-indofood-logo{width:130px}.cs-indofood-meta-tag{font-size:.9rem;margin-bottom:14px}.cs-indofood-hero-title{font-size:1.85rem;line-height:1.3;margin-bottom:36px}.cs-indofood-meta-row{gap:36px;flex-wrap:wrap}.cs-indofood-box.box-top{width:30px;height:30px;top:-10px}.cs-indofood-box.box-right{width:52px;height:52px;right:-10px}.cs-indofood-box.box-bottom-left{width:40px;height:40px;left:-10px}.cs-indofood-intro-container,.cs-indofood-overview-container{padding:0 20px}.cs-indofood-overview-meta-row{grid-template-columns:1fr;gap:16px}.cs-indofood-overview-badges-stack{left:16px;bottom:16px;gap:8px}.cs-indofood-overview-badge-item{font-size:.8rem;padding:7px 12px}.cs-indofood-behaviors-section{padding:60px 0 80px}.cs-indofood-behaviors-container{padding:0 20px}.cs-indofood-behaviors-header{margin-bottom:36px}.cs-indofood-behaviors-title{font-size:1.85rem}.cs-indofood-behaviors-grid{display:flex!important;flex-direction:column!important;gap:28px!important;position:relative!important}.cs-indofood-behavior-card{position:relative!important;display:flex!important;flex-direction:column!important;padding:0!important;border:none!important}.cs-indofood-behavior-card:last-child{padding:0!important;border:none!important}.cs-indofood-behavior-node-wrapper,.cs-indofood-behavior-diamond,.cs-indofood-behaviors-line{display:none!important}.cs-indofood-behavior-heading{font-size:1.15rem!important;font-weight:700!important;color:#1e242c!important;letter-spacing:-.015em!important;margin:0 0 8px!important;line-height:1.35!important;white-space:normal!important}.cs-indofood-behavior-desc{font-size:.92rem!important;line-height:1.6!important;color:#64748b!important;margin:0!important}.cs-indofood-competitor-container{padding:0 20px}.cs-indofood-competitor-title{font-size:1.85rem}.cs-indofood-interview-container{padding:0 20px}.cs-indofood-interview-header{margin-bottom:36px}.cs-indofood-interview-card-body{padding:20px}.cs-indofood-ig-container{padding:0 20px}.cs-indofood-ig-header{margin-bottom:36px}.cs-indofood-ig-card{padding:24px 20px}.cs-indofood-chat-bubble-container{max-width:100%}.cs-indofood-up-container{padding:0 20px}.cs-indofood-up-header{margin-bottom:36px}.cs-indofood-up-title{font-size:1.85rem}.cs-indofood-up-grid{grid-template-columns:1fr;gap:28px}.cs-indofood-up-info-col{padding:28px 20px}.cs-indofood-us-container{padding:0 20px}.cs-indofood-us-header{margin-bottom:36px}.cs-indofood-us-title{font-size:1.85rem}.cs-indofood-us-card{padding:22px 20px 20px;gap:16px}.cs-indofood-uf-container{padding:0 20px}.cs-indofood-uf-header{margin-bottom:36px}.cs-indofood-uf-title{font-size:1.85rem}.cs-indofood-flow-block{margin-bottom:48px}.cs-indofood-flow-title{font-size:1.12rem}.cs-indofood-wf-container{padding:0 20px}.cs-indofood-wf-header{margin-bottom:40px}.cs-indofood-wf-title{font-size:1.85rem}.cs-indofood-sg-container{padding:0 20px}.cs-indofood-sg-header{margin-bottom:28px}.cs-indofood-sg-title{font-size:1.85rem}.cs-indofood-sg-color-row-1,.cs-indofood-sg-color-row-2{grid-template-columns:1fr}.cs-indofood-sg-color-row-3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.cs-indofood-sg-neutrals-card{width:100%!important}.cs-indofood-sg-weights-grid{grid-template-columns:repeat(2,1fr)}.cs-indofood-cv-section{padding:60px 0 90px}.cs-indofood-cv-container{padding:0 20px}.cs-indofood-cv-header{margin-bottom:32px}.cs-indofood-cv-title{font-size:1.85rem}.cs-indofood-hf-section{padding:60px 0 90px}.cs-indofood-hf-container{padding:0 20px}.cs-indofood-hf-header{margin-bottom:36px}.cs-indofood-hf-title{font-size:1.85rem}.cs-indofood-hf-item-title{font-size:1.35rem}.cs-indofood-hf-list{gap:60px}.cs-indofood-aup-section{padding:60px 0 90px}.cs-indofood-aup-container{padding:0 20px}.cs-indofood-aup-header{margin-bottom:36px}.cs-indofood-aup-title{font-size:1.85rem}.cs-indofood-aup-grid{grid-template-columns:1fr;gap:28px}.cs-indofood-wn-section{padding:60px 0 80px}.cs-indofood-wn-container{padding:0 20px}.cs-indofood-wn-header{margin-bottom:36px}.cs-indofood-wn-title{font-size:1.85rem}.cs-indofood-wn-action-card{padding:18px 20px}.cs-indofood-wn-tasks-header{padding:12px 18px}.cs-indofood-wn-tasks-body{padding:18px 18px 22px;gap:18px}}.fore-case-study-page,.fore-case-study-page *{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;box-sizing:border-box}.fore-case-study-page{background-color:#f8faf8;color:#1a2e24;overflow-x:hidden;position:relative;min-height:100vh}.cs-fore-hero-section{position:relative;min-height:100vh;width:100%;background-color:#f8faf8;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 0 60px;overflow:hidden}.cs-fore-ambient-glow{position:absolute;top:15%;left:10%;width:600px;height:600px;background:radial-gradient(circle,#2e7d4f14,#2e7d4f00 70%);pointer-events:none;filter:blur(50px);z-index:1}.cs-fore-bg-green-semicircle{position:absolute;top:50%;right:0;transform:translateY(-50%) translate(50%);width:920px;height:920px;border-radius:50%;background-color:#0a3626;pointer-events:none;z-index:1}.cs-fore-watermark-wrapper{position:absolute;bottom:8%;left:45%;transform:translate(-50%);width:380px;max-width:35vw;opacity:.38;pointer-events:none;z-index:1}.cs-fore-watermark-img{width:100%;height:auto;display:block;object-fit:contain}.cs-fore-hero-container{position:relative;z-index:3;max-width:1540px;width:100%;margin:0 auto;padding:0 0 0 56px;display:grid;grid-template-columns:1fr 1.38fr;align-items:center;gap:32px}.cs-fore-hero-left{display:flex;flex-direction:column;align-items:flex-start;max-width:580px;z-index:4}.cs-fore-logo-wrapper{margin-bottom:52px;display:flex;align-items:center}.cs-fore-logo{width:136px;height:auto;object-fit:contain;display:block}.cs-fore-meta-tag-wrapper{margin-bottom:18px}.cs-fore-meta-tag{font-size:.975rem;font-weight:600;color:#708477;letter-spacing:-.01em;display:inline-block}.cs-fore-hero-title{font-size:2.75rem;font-weight:800;line-height:1.22;color:#0b3b2c;letter-spacing:-.03em;margin:0 0 48px;max-width:540px}.cs-fore-meta-row{display:flex;align-items:flex-start;gap:64px;margin-bottom:38px}.cs-fore-meta-col{display:flex;flex-direction:column;gap:8px}.cs-fore-meta-label{font-size:.9rem;font-weight:500;color:#798d80;letter-spacing:-.01em}.cs-fore-meta-val{font-size:1.1rem;font-weight:700;color:#0b3b2c;letter-spacing:-.015em}.cs-fore-tools-list{display:flex;align-items:center;gap:12px}.cs-fore-tool-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease}.cs-fore-tool-item:hover{transform:translateY(-3px) scale(1.12);filter:drop-shadow(0 6px 12px rgba(11,59,44,.18))}.cs-fore-tool-icon{width:26px;height:26px;object-fit:contain;display:block}.cs-fore-pills-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cs-fore-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#edf3ef;border:1px solid #D9E4DC;border-radius:9999px;font-size:.9rem;font-weight:500;color:#4b5e52;letter-spacing:-.01em;cursor:default;-webkit-user-select:none;user-select:none}.cs-fore-hero-right{display:flex;justify-content:flex-end;align-items:center;position:relative;width:100%;overflow:visible}.cs-fore-showcase-stage{position:relative;width:100%;max-width:900px;display:flex;justify-content:flex-end;align-items:center;transform:translate(110px)}.cs-fore-ipad-wrapper{position:relative;width:100%;z-index:2}.cs-fore-ipad-img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 28px 64px rgba(0,0,0,.2));border-radius:28px}.cs-fore-scroll-stream-viewport{position:absolute;top:-12%;left:36.9%;width:32.6%;height:124%;z-index:8;overflow:hidden;pointer-events:auto;cursor:grab}.cs-fore-scroll-stream-track{display:flex;flex-direction:column;gap:0}.cs-fore-scroll-group{display:flex;flex-direction:column;gap:0;animation:foreInfiniteScrollDown 24s linear infinite;will-change:transform}.cs-fore-scroll-stream-viewport:hover .cs-fore-scroll-group{animation-play-state:paused}@keyframes foreInfiniteScrollDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.cs-fore-scroll-item{width:100%;flex-shrink:0;display:block;margin-bottom:-14px}.cs-fore-scroll-img{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:1280px){.cs-fore-hero-container{padding-left:36px;gap:24px}.cs-fore-hero-title{font-size:2.45rem;margin-bottom:40px}.cs-fore-showcase-stage{transform:translate(80px)}.cs-fore-bg-green-semicircle{width:780px;height:780px}}@media(max-width:1024px){.cs-fore-hero-section{padding:100px 0 80px;min-height:auto}.cs-fore-hero-container{grid-template-columns:1fr;gap:56px;padding:0 24px}.cs-fore-hero-left{max-width:100%;align-items:center;text-align:center}.cs-fore-hero-title{font-size:2.5rem;max-width:680px}.cs-fore-meta-row{justify-content:center;align-items:center;gap:48px;width:100%}.cs-fore-meta-col{align-items:center;justify-content:center;text-align:center}.cs-fore-tools-list{justify-content:center;width:100%}.cs-fore-pills-row{justify-content:center}.cs-fore-showcase-stage{max-width:700px;transform:none;justify-content:center}.cs-fore-bg-green-semicircle{display:none!important}}@media(max-width:768px){.cs-fore-hero-section{padding:90px 0 60px}.cs-fore-hero-container{padding:0 20px}.cs-fore-logo-wrapper{margin-bottom:36px}.cs-fore-logo{width:120px}.cs-fore-hero-title{font-size:2rem;line-height:1.25;margin-bottom:32px}.cs-fore-meta-row{flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-bottom:28px;width:100%}.cs-fore-meta-col{align-items:center;justify-content:center;text-align:center;width:100%}.cs-fore-meta-label,.cs-fore-meta-val{text-align:center;width:100%}.cs-fore-tools-list{justify-content:center;align-items:center;width:100%;margin:0 auto;gap:12px}.cs-fore-pills-row{gap:8px}.cs-fore-pill{padding:6px 16px;font-size:.85rem}.cs-fore-showcase-stage{max-width:100%}.cs-fore-bg-green-semicircle{display:none!important}}@media(prefers-reduced-motion:reduce){.cs-fore-scroll-group{animation-duration:60s}}.cs-fore-intro-section{position:relative;width:100%;background-color:#fff;padding:130px 0 120px;overflow:hidden}.cs-fore-intro-container{position:relative;z-index:2;max-width:1240px;width:100%;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:64px}.cs-fore-intro-image-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.cs-fore-intro-img{width:100%;max-width:530px;height:auto;display:block;object-fit:contain}.cs-fore-intro-content{display:flex;flex-direction:column;align-items:flex-start;max-width:540px}.cs-fore-intro-label{font-size:1.05rem;font-weight:600;color:#8f9e52;letter-spacing:-.01em;margin-bottom:16px;display:inline-block}.cs-fore-intro-title{font-size:2.65rem;font-weight:800;color:#0b3b2c;line-height:1.2;margin:0 0 28px;letter-spacing:-.025em}.cs-fore-intro-desc{font-size:1.025rem;font-weight:400;line-height:1.78;color:#55665c;margin:0 0 44px;letter-spacing:-.01em}.cs-fore-intro-stats-row{display:flex;align-items:stretch;gap:48px}.cs-fore-intro-stat-item{display:flex;align-items:stretch;gap:14px}.cs-fore-intro-stat-bar{width:3px;border-radius:2px;background-color:#8f9e52;flex-shrink:0}.cs-fore-intro-stat-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.cs-fore-intro-stat-num{font-size:1.35rem;font-weight:800;color:#0b3b2c;letter-spacing:-.02em;line-height:1.25}.cs-fore-intro-stat-label{font-size:.95rem;font-weight:400;color:#708477;letter-spacing:-.01em;line-height:1.35}@media(max-width:1024px){.cs-fore-intro-section{padding:100px 0 90px}.cs-fore-intro-container{grid-template-columns:1fr;gap:48px;padding:0 32px}.cs-fore-intro-image-wrapper{max-width:500px;margin:0 auto}.cs-fore-intro-content{max-width:100%}}@media(max-width:768px){.cs-fore-intro-section{padding:70px 0 60px}.cs-fore-intro-container{padding:0 20px;gap:40px}.cs-fore-intro-title{font-size:2.1rem;margin-bottom:20px}.cs-fore-intro-desc{font-size:.95rem;line-height:1.7;margin-bottom:32px}.cs-fore-intro-stats-row{flex-direction:column;gap:24px}}.cs-fore-po-section{position:relative;width:100%;background-color:#fff;padding:90px 0 130px}.cs-fore-po-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-po-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;margin-bottom:80px}.cs-fore-po-left{display:flex;flex-direction:column;align-items:flex-start;max-width:600px}.cs-fore-po-label{font-size:1rem;font-weight:700;color:#8c9c4e;letter-spacing:-.01em;margin-bottom:14px;display:inline-block}.cs-fore-po-title{font-size:2.35rem;font-weight:800;color:#0b3b2c;line-height:1.25;margin:0 0 22px;letter-spacing:-.025em}.cs-fore-po-desc{font-size:1.025rem;font-weight:400;line-height:1.8;color:#55665c;margin:0 0 36px;letter-spacing:-.01em}.cs-fore-highlight-sage{color:#839446;font-weight:700}.cs-fore-po-meta-strip{display:flex;align-items:center;gap:28px;padding:18px 24px;background-color:#f8faf8;border:1px solid #EEF4F0;border-radius:16px;width:fit-content}.cs-fore-po-meta-item{display:flex;flex-direction:column;gap:4px}.cs-fore-po-meta-label{font-size:.8rem;font-weight:600;color:#85968b;text-transform:uppercase;letter-spacing:.04em}.cs-fore-po-meta-val{font-size:1.1rem;font-weight:800;color:#0b3b2c;letter-spacing:-.015em}.cs-fore-po-meta-divider{width:1px;height:32px;background-color:#e2ece5}.cs-fore-po-right{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.cs-fore-po-photo-frame{position:relative;width:100%;max-width:530px;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #0b3b2c12}.cs-fore-po-photo-img{width:100%;height:auto;display:block;object-fit:cover}.cs-fore-po-objectives-row{border-top:1px solid #EEF4F0;padding-top:56px}.cs-fore-po-objectives-header{margin-bottom:28px}.cs-fore-po-objectives-title{font-size:1.75rem;font-weight:800;color:#0b3b2c;margin:0;letter-spacing:-.02em}.cs-fore-po-objectives-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-fore-po-goal-card{display:flex;align-items:stretch;gap:16px;padding:8px 0}.cs-fore-po-goal-bar{width:3.5px;border-radius:2px;background-color:#8c9c4e;flex-shrink:0}.cs-fore-po-goal-body{display:flex;flex-direction:column;gap:8px}.cs-fore-po-goal-title{font-size:1.15rem;font-weight:800;color:#0b3b2c;margin:0;letter-spacing:-.015em;line-height:1.35}.cs-fore-po-goal-desc{font-size:.95rem;font-weight:400;color:#55665c;line-height:1.65;margin:0;letter-spacing:-.01em}@media(max-width:1024px){.cs-fore-po-section{padding:70px 0 100px}.cs-fore-po-container{padding:0 32px}.cs-fore-po-main-grid{grid-template-columns:1fr;gap:48px}.cs-fore-po-left{max-width:100%}.cs-fore-po-objectives-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.cs-fore-po-section{padding:50px 0 70px}.cs-fore-po-container{padding:0 20px}.cs-fore-po-title{font-size:1.95rem}.cs-fore-po-desc{font-size:.95rem}.cs-fore-po-meta-strip{flex-direction:column;align-items:flex-start;gap:14px;width:100%;padding:20px}.cs-fore-po-meta-divider{display:none}.cs-fore-po-objectives-title{font-size:1.5rem}}.cs-fore-fr-section{position:relative;width:100%;background-color:#fff;padding:80px 0 130px}.cs-fore-fr-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-fr-title{font-size:2.5rem;font-weight:800;color:#0b3b2c;text-align:center;margin:0 0 52px;letter-spacing:-.025em}.cs-fore-fr-top-grid{display:grid;grid-template-columns:240px 240px 1fr;gap:24px;align-items:stretch;margin-bottom:24px}.cs-fore-fr-photo-card{position:relative;border-radius:20px;overflow:hidden;height:100%;min-height:440px;box-shadow:0 4px 18px #0000000a}.cs-fore-fr-badge{position:absolute;top:14px;left:14px;z-index:2;background-color:#fffffff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:600;color:#2b3d32;box-shadow:0 2px 8px #00000014;-webkit-user-select:none;user-select:none}.cs-fore-fr-photo-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.cs-fore-fr-iq-card{background-color:#fff;border:1.5px solid #E4EFE8;border-radius:20px;padding:32px 36px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000005}.cs-fore-fr-iq-header{display:flex;justify-content:space-between;align-items:center}.cs-fore-fr-iq-title{font-size:1.35rem;font-weight:800;color:#1e3326;margin:0;letter-spacing:-.015em}.cs-fore-fr-iq-logo{height:24px;width:auto;object-fit:contain}.cs-fore-fr-iq-divider{height:1px;background-color:#edf3ef;margin:16px 0 20px;width:100%}.cs-fore-fr-iq-group{margin-bottom:20px}.cs-fore-fr-iq-group:last-child{margin-bottom:0}.cs-fore-fr-iq-group-title{font-size:.95rem;font-weight:700;color:#8c9c4e;margin:0 0 10px;letter-spacing:-.01em}.cs-fore-fr-iq-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.cs-fore-fr-iq-list li{position:relative;padding-left:16px;font-size:.915rem;font-weight:400;color:#55665c;line-height:1.55;letter-spacing:-.01em}.cs-fore-fr-iq-list li:before{content:"•";position:absolute;left:2px;color:#55665c;font-size:1.1rem;top:-1px}.cs-fore-fr-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cs-fore-fr-callout-card{border-radius:18px;padding:28px 32px;display:flex;flex-direction:column;justify-content:flex-start}.cs-fore-fr-insights-card{background-color:#fffdf2;border:1.5px solid #F5C658}.cs-fore-fr-painpoints-card{background-color:#fff3f3;border:1.5px solid #F59999}.cs-fore-fr-callout-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cs-fore-fr-callout-icon{font-size:1.25rem;line-height:1}.cs-fore-fr-callout-icon-badge{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;background-color:#de4848;color:#fff;font-size:.85rem;font-weight:800}.cs-fore-fr-insights-card .cs-fore-fr-callout-title{color:#e29400;font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-fore-fr-painpoints-card .cs-fore-fr-callout-title{color:#de4848;font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-fore-fr-callout-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cs-fore-fr-callout-list li{position:relative;padding-left:18px;font-size:.935rem;font-weight:400;color:#55665c;line-height:1.65;letter-spacing:-.01em}.cs-fore-fr-callout-list li:before{content:"•";position:absolute;left:2px;color:#55665c;font-size:1.1rem;top:-1px}.cs-fore-fr-callout-list strong{font-weight:700;color:#1e3326}@media(max-width:1024px){.cs-fore-fr-section{padding:60px 0 100px}.cs-fore-fr-container{padding:0 32px}.cs-fore-fr-top-grid{grid-template-columns:1fr 1fr;gap:20px}.cs-fore-fr-iq-card{grid-column:1 / -1}.cs-fore-fr-photo-card{min-height:360px}.cs-fore-fr-bottom-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.cs-fore-fr-section{padding:50px 0 70px}.cs-fore-fr-container{padding:0 20px}.cs-fore-fr-title{font-size:2rem;margin-bottom:32px}.cs-fore-fr-top-grid{grid-template-columns:1fr;gap:18px}.cs-fore-fr-photo-card{min-height:280px;height:280px}.cs-fore-fr-iq-card{padding:24px 20px}.cs-fore-fr-callout-card{padding:22px 18px}}.cs-fore-ub-section{position:relative;width:100%;background-color:#fff;padding:90px 0 140px}.cs-fore-ub-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-ub-header{text-align:center;margin-bottom:56px}.cs-fore-ub-title{font-size:2.5rem;font-weight:800;color:#0b3b2c;margin:0 0 14px;letter-spacing:-.025em}.cs-fore-ub-subtitle{font-size:1.05rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-ub-workflow-wrapper{position:relative;width:100%}.cs-fore-ub-track-line{position:absolute;top:96px;left:60px;right:60px;height:1.5px;background-color:#e2ece5;z-index:1;pointer-events:none}.cs-fore-ub-steps-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:flex-start}.cs-fore-ub-step-card{background-color:#f8faf8;border:1px solid #EEF3F0;border-radius:16px;padding:28px 22px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 16px #00000005;min-height:200px;width:100%}.cs-fore-ub-step-icon{color:#8f9e52;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start}.cs-fore-ub-step-icon svg{width:26px;height:26px;stroke:#8f9e52;stroke-width:1.8}.cs-fore-ub-step-title{font-size:1.15rem;font-weight:800;color:#1e3326;margin:0 0 12px;letter-spacing:-.015em;line-height:1.3}.cs-fore-ub-step-desc{font-size:.885rem;font-weight:400;line-height:1.65;color:#5c6e64;margin:0;letter-spacing:-.01em}.cs-fore-ub-step-card-container{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.cs-fore-ub-step-highlighted{background-color:#fff;border:2px dashed #DE4848;box-shadow:0 6px 20px #de48480f}.cs-fore-ub-painpoint-callout{position:relative;width:100%;margin-top:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 4px}.cs-fore-ub-painpoint-pointer{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:12px}.cs-fore-ub-pointer-line{width:2px;height:20px;background-color:#de4848}.cs-fore-ub-pointer-dot{width:8px;height:8px;border-radius:50%;background-color:#de4848;margin-top:-1px}.cs-fore-ub-painpoint-title{font-size:1.05rem;font-weight:800;color:#de4848;margin:0 0 10px;letter-spacing:-.01em}.cs-fore-ub-painpoint-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cs-fore-ub-painpoint-list li{position:relative;padding-left:16px;font-size:.885rem;font-weight:400;color:#5c6e64;line-height:1.55;letter-spacing:-.01em}.cs-fore-ub-painpoint-list li:before{content:"•";position:absolute;left:2px;color:#5c6e64;font-size:1rem;top:-1px}@media(max-width:1024px){.cs-fore-ub-section{padding:70px 0 100px}.cs-fore-ub-container{padding:0 32px}.cs-fore-ub-track-line{display:none}.cs-fore-ub-steps-grid{grid-template-columns:repeat(2,1fr);gap:24px}.cs-fore-ub-step-card{min-height:auto}}@media(max-width:768px){.cs-fore-ub-section{padding:60px 0 80px}.cs-fore-ub-container{padding:0 20px}.cs-fore-ub-title{font-size:2rem}.cs-fore-ub-header{margin-bottom:36px}.cs-fore-ub-steps-grid{grid-template-columns:1fr;gap:20px}}.cs-fore-ca-section{position:relative;width:100%;background-color:#fff;padding:90px 0 140px}.cs-fore-ca-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-ca-header{text-align:center;margin-bottom:48px}.cs-fore-ca-title{font-size:2.5rem;font-weight:800;color:#0b3b2c;margin:0 0 14px;letter-spacing:-.025em}.cs-fore-ca-subtitle{font-size:1.05rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-ca-table-card{background-color:#fff;border:1.5px solid #E8EFEA;border-radius:20px;box-shadow:0 4px 24px #00000005;overflow:hidden;width:100%}.cs-fore-ca-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-fore-ca-table{width:100%;border-collapse:collapse;min-width:760px;text-align:center}.cs-fore-ca-table thead th{background-color:#f8faf8;border-bottom:1.5px solid #E8EFEA;padding:22px 16px;vertical-align:middle}.cs-fore-ca-th-feature{text-align:left;padding-left:36px!important;font-size:1rem;font-weight:700;color:#4b5e52;width:27%;letter-spacing:-.01em}.cs-fore-ca-th-logo{text-align:center;width:14.6%}.cs-fore-ca-logo-img{height:24px;max-width:90px;width:auto;object-fit:contain;display:inline-block;vertical-align:middle}.cs-fore-ca-table tbody tr{border-bottom:1px solid #EFF4F1;transition:background-color .2s ease}.cs-fore-ca-table tbody tr:last-child{border-bottom:none}.cs-fore-ca-row-white{background-color:#fff}.cs-fore-ca-row-tint{background-color:#f9faf9}.cs-fore-ca-td-feature{text-align:left;padding:20px 16px 20px 36px;font-size:.95rem;font-weight:600;color:#4b5e52;letter-spacing:-.01em}.cs-fore-ca-td-val{padding:20px 16px;text-align:center;vertical-align:middle}.cs-fore-ca-status-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;object-fit:contain}.cs-fore-ca-text-val{font-size:.925rem;font-weight:600;color:#384c40;letter-spacing:-.01em}.cs-fore-ca-insights-card{background-color:#fffdf2;border:1.5px solid #F5C658;border-radius:18px;padding:28px 36px;margin-top:28px}.cs-fore-ca-insights-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cs-fore-ca-insights-icon{width:20px;height:20px;object-fit:contain;display:inline-block}.cs-fore-ca-insights-title{color:#e29400;font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-fore-ca-insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cs-fore-ca-insights-list li{position:relative;padding-left:18px;font-size:.935rem;font-weight:400;color:#55665c;line-height:1.65;letter-spacing:-.01em}.cs-fore-ca-insights-list li:before{content:"•";position:absolute;left:2px;color:#55665c;font-size:1.1rem;top:-1px}@media(max-width:1024px){.cs-fore-ca-section{padding:70px 0 100px}.cs-fore-ca-container{padding:0 32px}}@media(max-width:768px){.cs-fore-ca-section{padding:60px 0 80px}.cs-fore-ca-container{padding:0 20px}.cs-fore-ca-title{font-size:2rem}.cs-fore-ca-header{margin-bottom:32px}.cs-fore-ca-insights-card{padding:22px 20px}}.cs-fore-persona-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-fore-persona-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-persona-header{text-align:center;margin-bottom:56px}.cs-fore-persona-title{font-size:2.5rem;font-weight:800;color:#0b3b2c;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-persona-subtitle{font-size:1.05rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-persona-card{position:relative;background-color:#fff;border:1.5px solid #E8EFEA;border-radius:28px;box-shadow:0 8px 32px #00000008;overflow:hidden;display:grid;grid-template-columns:340px 1fr;margin-bottom:48px}.cs-fore-persona-card:last-child{margin-bottom:0}.cs-fore-persona-bubbles{position:absolute;top:0;right:0;width:240px;height:180px;pointer-events:none;overflow:hidden;z-index:1}.cs-fore-up-bubble{position:absolute;border-radius:50%;background-color:#ceded259}.cs-fore-persona-bubbles .bubble-1{top:16px;right:36px;width:56px;height:56px}.cs-fore-persona-bubbles .bubble-2{top:64px;right:110px;width:32px;height:32px}.cs-fore-persona-bubbles .bubble-3{top:104px;right:44px;width:40px;height:40px}.cs-fore-persona-bubbles .bubble-4{top:24px;right:160px;width:22px;height:22px}.cs-fore-persona-bubbles .bubble-5{top:84px;right:190px;width:16px;height:16px}.cs-fore-persona-image-col{position:relative;width:100%;height:100%;min-height:480px;overflow:hidden}.cs-fore-persona-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cs-fore-persona-quote-overlay{position:absolute;bottom:20px;left:20px;right:20px;z-index:3;background:#0b281eb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #00000040}.cs-fore-persona-quote-icon{font-size:1.8rem;font-weight:800;color:#a3b86c;line-height:1;margin-bottom:4px;font-family:Georgia,serif}.cs-fore-persona-quote-text{font-size:.85rem;font-style:italic;line-height:1.5;color:#fff;margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cs-fore-persona-info-col{position:relative;z-index:2;padding:48px 52px 44px;display:flex;flex-direction:column}.cs-fore-persona-name-header{margin-bottom:18px}.cs-fore-persona-name{font-size:1.85rem;font-weight:800;color:#157a56;margin:0 0 4px;letter-spacing:-.02em}.cs-fore-persona-role{font-size:.95rem;font-weight:600;color:#55665c;margin:0;letter-spacing:-.01em}.cs-fore-persona-bio{font-size:.935rem;font-weight:400;line-height:1.75;color:#55665c;margin:0 0 32px;letter-spacing:-.01em}.cs-fore-persona-goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.cs-fore-persona-col{display:flex;flex-direction:column}.cs-fore-persona-col-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;border-bottom:1.5px solid}.cs-fore-persona-goals-header{border-bottom-color:#e2ece5}.cs-fore-persona-goals-header .cs-fore-persona-col-title{color:#20729e}.cs-fore-persona-frustrations-header{border-bottom-color:#f8dfdf}.cs-fore-persona-frustrations-header .cs-fore-persona-col-title{color:#d94545}.cs-fore-persona-col-title{font-size:1.1rem;font-weight:800;margin:0;letter-spacing:-.01em}.cs-fore-persona-col-icon{font-size:1rem}.cs-fore-persona-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cs-fore-persona-list li{position:relative;padding-left:18px;font-size:.915rem;font-weight:400;color:#55665c;line-height:1.65;letter-spacing:-.01em}.cs-fore-persona-list li:before{content:"•";position:absolute;left:2px;color:#55665c;font-size:1.1rem;top:-1px}.cs-fore-persona-bold{font-weight:700;color:#2c3e34}@media(max-width:1024px){.cs-fore-persona-section{padding:70px 0 100px}.cs-fore-persona-container{padding:0 32px}.cs-fore-persona-card{grid-template-columns:1fr}.cs-fore-persona-image-col{min-height:380px}.cs-fore-persona-info-col{padding:36px 32px}.cs-fore-persona-goals-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.cs-fore-persona-section{padding:60px 0 80px}.cs-fore-persona-container{padding:0 20px}.cs-fore-persona-title{font-size:2rem}.cs-fore-persona-header{margin-bottom:36px}.cs-fore-persona-image-col{min-height:320px}.cs-fore-persona-info-col{padding:28px 20px}}.cs-fore-pqs-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-fore-pqs-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-pqs-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:center}.cs-fore-pqs-image-col{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.cs-fore-pqs-photo-frame{position:relative;width:100%;max-width:480px;border-radius:28px;overflow:hidden;box-shadow:0 16px 40px #0b3b2c14}.cs-fore-pqs-photo{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block}.cs-fore-pqs-content-col{display:flex;flex-direction:column;gap:44px}.cs-fore-pqs-item{display:flex;align-items:stretch;gap:20px}.cs-fore-pqs-bar{width:3.5px;border-radius:2px;background-color:#8c9c4e;flex-shrink:0}.cs-fore-pqs-text-block{display:flex;flex-direction:column;gap:8px}.cs-fore-pqs-item-title{font-size:1.65rem;font-weight:800;color:#1e2b24;margin:0;letter-spacing:-.02em;line-height:1.3}.cs-fore-pqs-item-desc{font-size:1rem;font-weight:400;line-height:1.75;color:#66786e;margin:0;letter-spacing:-.01em}.cs-fore-pqs-bold{font-weight:700;color:#2c3e34}@media(max-width:1024px){.cs-fore-pqs-section{padding:70px 0 100px}.cs-fore-pqs-container{padding:0 32px}.cs-fore-pqs-grid{grid-template-columns:1fr;gap:48px}.cs-fore-pqs-photo-frame{max-width:440px}}@media(max-width:768px){.cs-fore-pqs-section{padding:60px 0 80px}.cs-fore-pqs-container{padding:0 20px}.cs-fore-pqs-content-col{gap:32px}.cs-fore-pqs-item-title{font-size:1.4rem}.cs-fore-pqs-item-desc{font-size:.95rem}}.cs-fore-us-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-fore-us-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-us-header{text-align:center;margin-bottom:56px}.cs-fore-us-title{font-size:2.5rem;font-weight:800;color:#0b3b2c;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-us-subtitle{font-size:1.05rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-us-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-fore-us-card{background-color:#fff;border:1.5px solid #E8EFEA;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.cs-fore-us-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b3b2c0a}.cs-fore-us-card-header{background-color:#f8faf8;border-bottom:1.5px solid #E8EFEA;padding:16px 24px}.cs-fore-us-card-title{font-size:1.05rem;font-weight:800;color:#25362c;margin:0;letter-spacing:-.015em}.cs-fore-us-card-body{padding:24px 28px;flex-grow:1;display:flex;align-items:center}.cs-fore-us-list{list-style:none;padding:0;margin:0;width:100%}.cs-fore-us-list li{position:relative;padding-left:0;font-size:.935rem;font-weight:400;color:#55665c;line-height:1.75;letter-spacing:-.01em}.cs-fore-us-bold{font-weight:700;color:#2c3e34}.cs-fore-us-list em{font-style:italic;color:#4a5c52}@media(max-width:1024px){.cs-fore-us-section{padding:70px 0 100px}.cs-fore-us-container{padding:0 32px}.cs-fore-us-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.cs-fore-us-section{padding:60px 0 80px}.cs-fore-us-container{padding:0 20px}.cs-fore-us-title{font-size:2rem}.cs-fore-us-header{margin-bottom:36px}.cs-fore-us-card-body{padding:20px}}.cs-fore-uf-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px}.cs-fore-uf-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-uf-subsection{position:relative;margin-bottom:90px}.cs-fore-uf-subsection:last-child{margin-bottom:0}.cs-fore-uf-header-block{position:relative;margin-bottom:48px}.cs-fore-uf-main-title{font-size:2.5rem;font-weight:800;color:#0b3b2c;margin:0 0 10px;letter-spacing:-.025em}.cs-fore-uf-main-subtitle{font-size:1.05rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-uf-bubbles{position:absolute;top:-24px;right:0;width:220px;height:140px;pointer-events:none;overflow:visible;z-index:1}.cs-fore-uf-bubble{position:absolute;border-radius:50%;background-color:#ceded259}.cs-fore-uf-bubbles .bubble-1{top:6px;right:20px;width:52px;height:52px}.cs-fore-uf-bubbles .bubble-2{top:52px;right:80px;width:32px;height:32px}.cs-fore-uf-bubbles .bubble-3{top:84px;right:28px;width:40px;height:40px}.cs-fore-uf-bubbles .bubble-4{top:16px;right:125px;width:22px;height:22px}.cs-fore-uf-bubbles .bubble-5{top:72px;right:145px;width:16px;height:16px}.cs-fore-flow-item{margin-bottom:52px}.cs-fore-flow-item:last-child{margin-bottom:0}.cs-fore-flow-heading{font-size:1.35rem;font-weight:800;color:#1e2b24;margin:0 0 16px;letter-spacing:-.015em}.cs-fore-flow-diagram-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.cs-fore-flow-svg{width:100%;height:auto;min-width:840px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.02))}@media(max-width:1024px){.cs-fore-uf-section{padding:70px 0 100px}.cs-fore-uf-container{padding:0 32px}.cs-fore-uf-subsection{margin-bottom:70px}}@media(max-width:768px){.cs-fore-uf-section{padding:60px 0 80px}.cs-fore-uf-container{padding:0 20px}.cs-fore-uf-main-title{font-size:2rem}.cs-fore-flow-heading{font-size:1.2rem}.cs-fore-flow-item{margin-bottom:38px}}.cs-fore-wf-section{position:relative;width:100%;background-color:#06281e;padding:110px 0 140px}.cs-fore-wf-container{max-width:1240px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-wf-header{text-align:center;margin-bottom:64px}.cs-fore-wf-title{font-size:2.5rem;font-weight:800;color:#52b788;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-wf-subtitle{font-size:1.05rem;font-weight:400;color:#9ab4a6;margin:0;letter-spacing:-.01em}.cs-fore-wf-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 36px}.cs-fore-wf-card{display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.cs-fore-wf-image-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#0003;box-shadow:0 12px 36px #00000059;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.cs-fore-wf-card:hover .cs-fore-wf-image-wrap{transform:translateY(-6px);box-shadow:0 20px 48px #00000080}.cs-fore-wf-card:focus-visible .cs-fore-wf-image-wrap{outline:3px solid #52B788;outline-offset:3px}.cs-fore-wf-img{width:100%;height:auto;display:block;object-fit:contain}.cs-fore-wf-magnifier-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(10px);background:#06281ed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:8px 18px;color:#fff;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 16px #0000004d;z-index:2}.cs-fore-wf-card:hover .cs-fore-wf-magnifier-hint{opacity:1;transform:translate(-50%) translateY(0)}.cs-fore-wf-card-title{font-size:1.05rem;font-weight:600;color:#fff;text-align:center;margin:16px 0 0;letter-spacing:-.01em;transition:color .2s ease}.cs-fore-wf-card:hover .cs-fore-wf-card-title{color:#52b788}.cs-fore-wf-columns{display:flex;gap:36px;align-items:flex-start}.cs-fore-wf-col{flex:1;display:flex;flex-direction:column;gap:48px;min-width:0}.cs-fore-wf-backoffice{padding-top:40px}.cs-fore-wf-backoffice .cs-fore-wf-image-wrap{border-radius:6px}@media(max-width:1024px){.cs-fore-wf-section{padding:70px 0 100px}.cs-fore-wf-container{padding:0 32px}.cs-fore-wf-grid{gap:36px 24px}.cs-fore-wf-columns{gap:24px}.cs-fore-wf-col{gap:36px}}@media(max-width:768px){.cs-fore-wf-section{padding:60px 0 80px}.cs-fore-wf-container{padding:0 20px}.cs-fore-wf-title{font-size:2rem}.cs-fore-wf-subtitle{margin-bottom:40px;font-size:.95rem}.cs-fore-wf-grid{grid-template-columns:1fr;gap:32px}.cs-fore-wf-columns{flex-direction:column;gap:32px}.cs-fore-wf-col{gap:32px}.cs-fore-wf-backoffice{padding-top:20px}.cs-fore-wf-magnifier-hint{opacity:1;transform:translate(-50%) translateY(0);font-size:.8rem;padding:6px 14px}}.cs-fore-colors-section{position:relative;width:100%;background-color:#fff;padding:120px 0 140px}.cs-fore-colors-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-colors-header{text-align:center;margin-bottom:56px}.cs-fore-colors-title{font-size:2.75rem;font-weight:800;color:#035f41;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-colors-subtitle{font-size:1.1rem;font-weight:400;color:#5a6e64;margin:0;letter-spacing:-.01em}.cs-fore-colors-body{max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.cs-fore-colors-row-1{display:grid;grid-template-columns:1.85fr 1fr;gap:20px}.cs-fore-colors-row-2{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:20px}.cs-fore-color-card{position:relative;border-radius:12px;padding:26px 30px;min-height:165px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;box-shadow:0 4px 16px #0000000a}.cs-fore-card-hex{font-size:.85rem;font-weight:600;color:#ffffffd9;letter-spacing:.05em;display:block;margin-bottom:6px}.cs-fore-card-name{font-size:1.4rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.015em}.cs-fore-card-primary{background-color:#035f41}.cs-fore-card-info{background-color:#036abf}.cs-fore-card-success{background-color:#1e963a}.cs-fore-card-warning{background-color:#f9a907}.cs-fore-card-error{background-color:#d1263f}.cs-fore-card-cup-wrap{position:absolute;right:28%;bottom:-15px;width:125px;height:140px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.cs-fore-card-cup{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}.cs-fore-colors-shades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cs-fore-shades-block{border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px #0000000a}.cs-fore-shades-header{height:38px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.825rem;font-weight:600;letter-spacing:.01em}.cs-fore-shades-strip{height:42px;display:flex;width:100%}.cs-fore-shade-swatch{flex:1;height:100%;cursor:default}.cs-fore-neutrals-block{border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px #0000000a}.cs-fore-neutrals-header{background-color:#313030;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.825rem;font-weight:600;letter-spacing:.01em}.cs-fore-neutrals-strip{height:42px;display:flex;width:100%}.cs-fore-neutral-swatch{flex:1;height:100%;cursor:default}@media(max-width:1024px){.cs-fore-colors-section{padding:90px 0 110px}.cs-fore-colors-container{padding:0 32px}.cs-fore-colors-shades-grid{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:768px){.cs-fore-colors-section{padding:70px 0 90px}.cs-fore-colors-container{padding:0 20px}.cs-fore-colors-title{font-size:2.2rem}.cs-fore-colors-subtitle{font-size:1rem;margin-bottom:40px}.cs-fore-colors-row-1,.cs-fore-colors-row-2{grid-template-columns:1fr;gap:16px}.cs-fore-colors-shades-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.cs-fore-neutrals-block{width:100%!important}.cs-fore-color-card{min-height:140px;padding:22px 24px}.cs-fore-card-cup-wrap{right:20px;bottom:-10px;width:100px;height:110px}}.cs-fore-typo-section{position:relative;width:100%;background-color:#fff;padding:100px 0 140px;border-top:1px solid #F0F4F2}.cs-fore-typo-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-typo-header-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:72px}.cs-fore-typo-intro{max-width:520px}.cs-fore-typo-title{font-size:2.85rem;font-weight:800;color:#035f41;margin:0 0 14px;letter-spacing:-.025em}.cs-fore-typo-subtitle{font-size:1.05rem;font-weight:400;color:#5a6e64;line-height:1.6;margin:0}.cs-fore-typo-display{display:flex;align-items:center;gap:32px}.cs-fore-typo-glyph{font-size:8.5rem;font-weight:800;color:#035f41;line-height:.85;letter-spacing:-.04em}.cs-fore-typo-weights{display:flex;flex-direction:column;gap:6px}.cs-fore-typo-weight{font-size:1.05rem;color:#035f41;line-height:1.35}.cs-fore-typo-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-fore-typo-table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}.cs-fore-typo-table thead th{padding:14px 24px;text-align:left;font-size:.875rem;font-weight:500;color:#8a9a90;border-bottom:none;background:transparent}.cs-fore-typo-table tbody tr{transition:background-color .2s ease}.cs-fore-tr-even{background-color:#f8faf9}.cs-fore-tr-odd{background-color:#fff}.cs-fore-typo-table tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.cs-fore-typo-table tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.cs-fore-typo-table tbody td{padding:18px 24px;vertical-align:middle;color:#4b5e54;font-size:.95rem;font-weight:400}.cs-fore-td-hierarchy{width:38%;min-width:260px}.cs-fore-preview-text{display:inline-block;color:#1e2e25;letter-spacing:-.015em;line-height:1.15}.cs-fore-td-weight,.cs-fore-td-variables,.cs-fore-td-size,.cs-fore-td-lineheight{width:15.5%}@media(max-width:1024px){.cs-fore-typo-section{padding:80px 0 100px}.cs-fore-typo-container{padding:0 32px}.cs-fore-typo-glyph{font-size:6.5rem}}@media(max-width:768px){.cs-fore-typo-section{padding:60px 0 80px}.cs-fore-typo-container{padding:0 20px}.cs-fore-typo-header-row{flex-direction:column;align-items:flex-start;gap:36px;margin-bottom:48px}.cs-fore-typo-title{font-size:2.2rem}.cs-fore-typo-display{gap:24px}.cs-fore-typo-glyph{font-size:5rem}.cs-fore-typo-weights{gap:4px}.cs-fore-typo-weight{font-size:.95rem}}.cs-fore-cv-section{position:relative;width:100%;background-color:#f4f2ef;padding:120px 0 140px}.cs-fore-cv-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-cv-header{text-align:center;margin-bottom:64px}.cs-fore-cv-title{font-size:2.75rem;font-weight:800;color:#035f41;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-cv-subtitle{font-size:1.1rem;font-weight:400;color:#5a6e64;margin:0;letter-spacing:-.01em}.cs-fore-cv-subsection{margin-bottom:120px}.cs-fore-cv-backoffice-sub{margin-bottom:0}.cs-fore-cv-title-bar{width:52px;height:4px;background-color:#035f41;border-radius:2px;margin:16px auto 0}.cs-fore-cv-image-wrapper{position:relative;max-width:1040px;width:100%;margin:0 auto;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.cs-fore-cv-img{width:100%;height:auto;display:block}@media(max-width:1024px){.cs-fore-cv-section{padding:90px 0 110px}.cs-fore-cv-container{padding:0 32px}}@media(max-width:768px){.cs-fore-cv-section{padding:70px 0 90px}.cs-fore-cv-container{padding:0 20px}.cs-fore-cv-title{font-size:2.2rem}.cs-fore-cv-subtitle{font-size:1rem;margin-bottom:40px}.cs-fore-cv-subsection{margin-bottom:70px}}.cs-fore-proto-btn-wrap{display:flex;justify-content:center;margin-top:24px}.cs-fore-proto-btn{display:inline-flex;align-items:center;gap:8px;background-color:#ffffff29;color:#fff;font-family:inherit;border:none;outline:none;padding:10px 22px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cs-fore-proto-btn:hover{background-color:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.cs-fore-proto-btn:focus-visible{outline:2px solid #52B788;outline-offset:3px}.cs-fore-vp-section{position:relative;width:100%}.cs-fore-vp-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:start;margin-top:16px}.cs-fore-vp-img-wrap{position:relative;width:100%;border-radius:0;overflow:visible;background:transparent;box-shadow:none;cursor:default}.cs-fore-vp-img{width:100%;height:auto;display:block}.cs-fore-vp-content{display:flex;flex-direction:column;padding-top:42px}.cs-fore-vp-feature-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.cs-fore-vp-feature-icon-img{width:44px;height:44px;display:block;flex-shrink:0}.cs-fore-vp-feature-title{font-size:1.85rem;font-weight:700;color:#52b788;margin:0;letter-spacing:-.02em}.cs-fore-vp-feature-desc{font-size:1.05rem;font-weight:400;color:#c5dcd0;line-height:1.6;margin:0 0 28px}.cs-fore-vp-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:0;box-shadow:none;border:none}.cs-fore-vp-card-problem{margin-bottom:24px}.cs-fore-vp-card-solution{margin-bottom:0}.cs-fore-vp-card-title{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:12px}.cs-fore-vp-problem-title{color:#f87171}.cs-fore-vp-solution-title{color:#52b788}.cs-fore-vp-card-text{font-size:.975rem;color:#e2ece5;line-height:1.65;margin:0}.cs-fore-vp-card-text strong{color:#fff;font-weight:700}.cs-fore-vp-card-intro{font-size:.975rem;color:#e2ece5;line-height:1.6;margin:0 0 10px}.cs-fore-vp-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.cs-fore-vp-list li{font-size:.975rem;color:#e2ece5;line-height:1.55}.cs-fore-vp-list li strong{color:#fff;font-weight:700}@media(max-width:1024px){.cs-fore-vp-grid{grid-template-columns:1fr;gap:36px}.cs-fore-vp-content{padding-top:0}}@media(max-width:768px){.cs-fore-vp-feature-title{font-size:1.5rem}.cs-fore-vp-feature-desc{font-size:.95rem;margin-bottom:22px}.cs-fore-vp-card{padding:20px 22px}.cs-fore-vp-card-title{font-size:1.1rem}.cs-fore-vp-card-text,.cs-fore-vp-card-intro,.cs-fore-vp-list li{font-size:.9rem}}.cs-fore-ut-section{position:relative;width:100%;background-color:#fff;padding:120px 0 140px}.cs-fore-ut-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-ut-header{text-align:center;margin-bottom:64px}.cs-fore-ut-title{font-size:2.75rem;font-weight:800;color:#035f41;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-ut-subtitle{font-size:1.1rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-ut-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.cs-fore-ut-column{display:flex;flex-direction:column;gap:28px}.cs-fore-ut-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column}.cs-fore-ut-card-header{background-color:#f8fafc;border-bottom:1px solid #E2E8F0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.cs-fore-ut-card-title{font-size:1.02rem;font-weight:800;color:#1e1e24;letter-spacing:-.01em;margin:0}.cs-fore-ut-tag{font-size:.8rem;font-weight:500;color:#94a3b8}.cs-fore-ut-scenarios-body{padding:24px;display:flex;flex-direction:column;gap:20px}.cs-fore-ut-scenario-item{display:flex;flex-direction:column}.cs-fore-ut-scenario-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 6px}.cs-fore-ut-scenario-desc{font-size:.9rem;color:#475569;line-height:1.6;margin:0}.cs-fore-ut-sublist{margin:6px 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:4px}.cs-fore-ut-sublist li{font-size:.875rem;color:#475569;line-height:1.5}.cs-fore-ut-overview-body{display:flex;flex-direction:column}.cs-fore-ut-overview-desc{font-size:.925rem;color:#475569;line-height:1.6;padding:20px 24px 0;margin:0}.cs-fore-ut-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px 24px;border-bottom:1px solid #F1F5F9}.cs-fore-ut-meta-item{display:flex;flex-direction:column;gap:3px}.cs-fore-ut-meta-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.cs-fore-ut-meta-val{font-size:.88rem;font-weight:700;color:#1e1e24}.cs-fore-ut-progress-list{padding:24px;display:flex;flex-direction:column;gap:18px;flex-grow:1}.cs-fore-ut-progress-item{display:flex;flex-direction:column;gap:8px}.cs-fore-ut-progress-info{display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-fore-ut-task-name{font-size:.88rem;font-weight:600;color:#334155}.cs-fore-ut-badge{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:20px;flex-shrink:0}.cs-fore-ut-track{width:100%;height:8px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.cs-fore-ut-fill{height:100%;border-radius:999px;transition:width .6s ease}.cs-fore-ut-card-footer{padding:16px 24px;background-color:#fafafc;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-fore-ut-note{font-size:.8rem;color:#64748b;font-weight:500}.cs-fore-ut-score{display:flex;align-items:center;gap:8px}.cs-fore-ut-score-label{font-size:.85rem;color:#64748b;font-weight:600}.cs-fore-ut-score-val{font-size:1.1rem;color:#16a34a;font-weight:800;background-color:#dcfce7;padding:2px 10px;border-radius:6px}.cs-fore-ut-note-card{background-color:#fffdf5;border:1px solid #FCD34D;border-radius:12px;padding:22px 24px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;gap:12px}.cs-fore-ut-note-header{display:flex;align-items:center;gap:10px}.cs-fore-ut-note-icon{width:22px;height:22px;display:block}.cs-fore-ut-note-title{font-size:1.05rem;font-weight:800;color:#b45309;margin:0}.cs-fore-ut-note-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.cs-fore-ut-note-list li{font-size:.9rem;color:#4b5563;line-height:1.6}.cs-fore-ut-note-list li strong{color:#1f2937;font-weight:700}@media(max-width:1024px){.cs-fore-ut-section{padding:90px 0 110px}.cs-fore-ut-container{padding:0 32px}.cs-fore-ut-grid{grid-template-columns:1fr;gap:36px}}@media(max-width:768px){.cs-fore-ut-section{padding:70px 0 90px}.cs-fore-ut-container{padding:0 20px}.cs-fore-ut-title{font-size:2.2rem}.cs-fore-ut-subtitle{font-size:1rem;margin-bottom:40px}.cs-fore-ut-meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.cs-fore-ut-scenarios-body,.cs-fore-ut-progress-list{padding:18px}.cs-fore-ut-note-card{padding:18px 20px}}.cs-fore-dp-section{position:relative;width:100%;background-color:#fff;padding:60px 0 140px}.cs-fore-dp-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-dp-header{margin-bottom:64px}.cs-fore-dp-title{font-size:2.75rem;font-weight:800;color:#035f41;margin:0 0 12px;letter-spacing:-.025em}.cs-fore-dp-subtitle{font-size:1.1rem;font-weight:400;color:#6e7f75;margin:0;letter-spacing:-.01em}.cs-fore-dp-list{display:flex;flex-direction:column;gap:84px}.cs-fore-dp-row{display:grid;grid-template-columns:1.35fr 1fr;gap:52px;align-items:center}.cs-fore-dp-img-wrap{position:relative;width:100%;border-radius:0;overflow:visible;background:transparent!important;box-shadow:none!important;cursor:pointer;border:none!important;padding:0!important;transition:transform .35s cubic-bezier(.2,.8,.2,1);outline:none}.cs-fore-dp-img-wrap:hover{transform:translateY(-4px);box-shadow:none!important}.cs-fore-dp-img-wrap:focus-visible{outline:2px solid #035F41;outline-offset:4px}.cs-fore-dp-img{width:100%;height:auto;display:block;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.cs-fore-dp-content{display:flex;flex-direction:column}.cs-fore-dp-category{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:8px}.cs-fore-dp-item-title{font-size:1.5rem;font-weight:800;color:#d1263f;margin:0 0 14px;line-height:1.35;letter-spacing:-.015em}.cs-fore-dp-desc{font-size:.95rem;color:#475569;line-height:1.65;margin:0 0 24px}.cs-fore-dp-solution-block{display:flex;flex-direction:column;gap:10px}.cs-fore-dp-solution-title{font-size:1.05rem;font-weight:700;color:#035f41;margin:0}.cs-fore-dp-solution-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.cs-fore-dp-solution-list li{font-size:.925rem;color:#334155;line-height:1.55}@media(max-width:1024px){.cs-fore-dp-section{padding:50px 0 100px}.cs-fore-dp-container{padding:0 32px}.cs-fore-dp-row{grid-template-columns:1fr;gap:36px}.cs-fore-dp-list{gap:60px}}@media(max-width:768px){.cs-fore-dp-section{padding:40px 0 80px}.cs-fore-dp-container{padding:0 20px}.cs-fore-dp-title{font-size:2.2rem}.cs-fore-dp-item-title{font-size:1.3rem}.cs-fore-dp-desc,.cs-fore-dp-solution-list li{font-size:.9rem}}.cs-fore-di-section{position:relative;width:100%;background-color:#fff;padding:60px 0 140px}.cs-fore-di-container{max-width:1200px;width:100%;margin:0 auto;padding:0 48px}.cs-fore-di-block{margin-bottom:110px}.cs-fore-di-block:last-child{margin-bottom:0}.cs-fore-di-header{margin-bottom:48px}.cs-fore-di-title{font-size:2.5rem;font-weight:800;color:#035f41;margin:0 0 10px;letter-spacing:-.025em}.cs-fore-di-subtitle{font-size:1.05rem;font-weight:400;color:#6e7f75;margin:0}.cs-fore-di-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.cs-fore-di-col{display:flex;flex-direction:column}.cs-fore-di-col-header{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.cs-fore-di-header-left{align-items:flex-start}.cs-fore-di-label{font-size:1.2rem;font-weight:700;margin-bottom:4px}.cs-fore-di-label-before{color:#1e293b}.cs-fore-di-label-after{color:#1e963a}.cs-fore-di-label-another{color:#035f41}.cs-fore-di-sublabel{font-size:.825rem;color:#94a3b8;font-weight:500}.cs-fore-di-img-wrap{position:relative;width:100%;border-radius:0;overflow:visible;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1);outline:none}.cs-fore-di-comparison-grid .cs-fore-di-img-wrap{aspect-ratio:2478 / 1716;display:flex;align-items:center;justify-content:center}.cs-fore-di-img-wrap:hover{transform:translateY(-4px);box-shadow:none!important}.cs-fore-di-img-wrap:focus-visible{outline:2px solid #035F41;outline-offset:4px}.cs-fore-di-img{width:100%;height:100%;display:block;object-fit:contain;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.cs-fore-di-comparison-grid .cs-fore-di-img-wrap-before .cs-fore-di-img{width:90.8%;height:90.8%;margin:auto}.cs-fore-di-notes{margin-top:22px;padding:0 4px}.cs-fore-di-notes-title{font-size:1.05rem;font-weight:700;margin:0 0 10px}.cs-fore-di-problem-title{color:#d1263f}.cs-fore-di-solution-title{color:#1e963a}.cs-fore-di-notes-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.cs-fore-di-notes-list li{font-size:.9rem;color:#475569;line-height:1.6}.cs-fore-di-receipt-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:36px;align-items:start}.cs-fore-di-receipt-col{display:flex;flex-direction:column}.cs-fore-di-receipt-wrap{max-width:320px;width:100%;margin:0 auto;aspect-ratio:1315 / 1803;display:flex;align-items:center;justify-content:center}.cs-fore-di-receipt-before .cs-fore-di-img{width:82.5%;height:82.5%;margin:auto}.cs-fore-di-another-col{padding-left:12px}.cs-fore-di-another-body{display:flex;flex-direction:column}.cs-fore-di-another-text{font-size:.95rem;color:#475569;line-height:1.65;margin:0 0 16px}.cs-fore-di-another-text strong{color:#0f172a;font-weight:700}.cs-fore-di-popup-wrap{max-width:400px;margin-top:14px}@media(max-width:1024px){.cs-fore-di-section{padding:50px 0 100px}.cs-fore-di-container{padding:0 32px}.cs-fore-di-block{margin-bottom:80px}.cs-fore-di-receipt-grid{grid-template-columns:1fr 1fr;gap:32px}.cs-fore-di-another-col{grid-column:span 2;padding-left:0;margin-top:20px}}@media(max-width:768px){.cs-fore-di-section{padding:40px 0 80px}.cs-fore-di-container{padding:0 20px}.cs-fore-di-title{font-size:2rem}.cs-fore-di-comparison-grid,.cs-fore-di-receipt-grid{grid-template-columns:1fr;gap:36px}.cs-fore-di-another-col{grid-column:span 1}.cs-fore-di-receipt-wrap{max-width:100%}}.cs-fore-summary-section{position:relative;width:100%;background-color:#fff;padding:120px 0 160px}.cs-fore-summary-container{max-width:1060px;width:100%;margin:0 auto;padding:0 48px;text-align:center}.cs-fore-summary-header{margin-bottom:56px}.cs-fore-summary-title{font-size:2.75rem;font-weight:800;color:#035f41;margin:0 0 14px;letter-spacing:-.025em}.cs-fore-summary-subtitle{font-size:1.05rem;font-weight:500;color:#64748b;margin:0}.cs-fore-summary-highlight{color:#10b981;font-weight:700;background:#10b9811a;padding:2px 8px;border-radius:6px;text-decoration:underline;text-underline-offset:3px}.cs-fore-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.cs-fore-summary-card{background:#fafaf9;border:1px solid #E5E7EB;border-radius:20px;padding:48px 36px 44px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #00000006;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.cs-fore-summary-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000000f}.cs-fore-summary-icon-wrap{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;flex-shrink:0}.cs-fore-summary-icon-check{background-color:#1e963a;box-shadow:0 6px 16px #1e963a40}.cs-fore-summary-icon-cross{background-color:#d1263f;box-shadow:0 6px 16px #d1263f40}.cs-fore-summary-card-title{font-size:1.2rem;font-weight:800;color:#1e293b;margin:0 0 14px;line-height:1.4;letter-spacing:-.015em}.cs-fore-summary-card-desc{font-size:.95rem;color:#64748b;line-height:1.65;margin:0}@media(max-width:768px){.cs-fore-summary-section{padding:70px 0 100px}.cs-fore-summary-container{padding:0 20px}.cs-fore-summary-title{font-size:2.1rem}.cs-fore-summary-grid{grid-template-columns:1fr;gap:24px}.cs-fore-summary-card{padding:36px 24px 32px}}.cs-fore-op-section{background-color:#f4f2ee!important}.pedulilindungi-case-study-page,.pedulilindungi-case-study-page *{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;box-sizing:border-box}.pedulilindungi-case-study-page{background-color:#fff;color:#1e293b;overflow-x:hidden;position:relative;width:100%}.pl-hero-section{position:relative;background-color:#fff;height:100vh;min-height:100vh;min-height:100dvh;display:flex;align-items:center;overflow:hidden;padding:40px 0;border-bottom:1px solid #E2E8F0}.pl-hero-blue-curve{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:860px;height:860px;border-radius:50%;background:#239bd8;pointer-events:none;z-index:1;transition:transform .4s ease}@media(min-width:1440px){.pl-hero-blue-curve{width:920px;height:920px}}.pl-hero-container{width:100%;max-width:1440px;margin:0 auto;padding:0 48px;position:relative;z-index:2}.pl-hero-grid{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:36px}.pl-hero-left{display:flex;flex-direction:column;align-items:flex-start;max-width:480px}.pl-brand-badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;text-decoration:none}.pl-brand-logo-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(35,155,216,.25))}.pl-brand-logo-text{font-size:22px;font-weight:700;color:#239bd8;letter-spacing:-.02em}.pl-hero-title{font-size:52px;font-weight:700;color:#239bd8;line-height:1.15;margin:0 0 24px;letter-spacing:-.025em}.pl-hero-title span{display:block}.pl-hero-desc{font-size:17px;line-height:1.65;color:#4a5568;margin:0 0 44px;font-weight:400;max-width:440px}.pl-scroll-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.pl-scroll-btn img,.pl-scroll-btn svg{width:42px;height:42px;display:block}.pl-scroll-btn:hover{transform:translateY(4px) scale(1.08)}.pl-scroll-btn:focus-visible{outline:2px solid #239BD8;outline-offset:4px}.pl-hero-right{position:relative;display:flex;align-items:center;justify-content:flex-end;transform:translate(150px);z-index:2}.pl-mockups-row{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:2}.pl-hero-phone-card{width:290px;max-width:290px;flex-shrink:0;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s ease;display:flex;align-items:center;justify-content:center}.pl-hero-phone-img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(0,67,104,.22));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s ease}.pl-hero-phone-card:hover .pl-hero-phone-img{transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 26px 48px rgba(0,67,104,.32))}.pl-content-container{width:100%;max-width:1140px;margin:0 auto;padding:0 28px}.pl-section{padding:80px 0;border-bottom:1px solid #EEF2F6}.pl-section-light{background-color:#f8fafc}.pl-section-white{background-color:#fff}.pl-section-header{text-align:center;max-width:720px;margin:0 auto 52px}.pl-section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:#239bd81a;color:#239bd8;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.pl-section-title{font-size:34px;font-weight:700;color:#0f172a;line-height:1.25;margin:0 0 16px;letter-spacing:-.02em}.pl-section-desc{font-size:16px;line-height:1.65;color:#64748b;margin:0}.pl-overview-section{background-color:#eaf5fa;padding:84px 0 92px;position:relative;width:100%}.pl-overview-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-overview-top-grid{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}.pl-overview-main-heading{font-size:44px;font-weight:700;color:#004368;line-height:1.15;margin:0;letter-spacing:-.02em}.pl-overview-desc-col{display:flex;flex-direction:column;gap:20px}.pl-overview-text{font-size:15.5px;line-height:1.65;color:#004368;margin:0}.pl-overview-text em{font-style:italic}.pl-overview-bottom-grid{display:grid;grid-template-columns:1.35fr 1.15fr 1fr;gap:48px;margin-top:68px;align-items:start}.pl-overview-col-title{font-size:22px;font-weight:700;color:#004368;margin:0 0 24px;letter-spacing:-.01em}.pl-team-list{display:flex;flex-direction:column;gap:16px}.pl-team-item{display:flex;align-items:center;gap:14px}.pl-team-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0043681f;transition:transform .2s ease}.pl-team-item:hover .pl-team-avatar{transform:scale(1.08)}.pl-team-name{font-size:15px;font-weight:600;color:#004368;margin:0}.pl-tools-list-vertical{display:flex;flex-direction:column;gap:16px}.pl-tool-row{display:flex;align-items:center;gap:14px;background:none;border:none;padding:0;text-align:left;cursor:pointer}.pl-tool-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:8px;transition:transform .2s ease}.pl-tool-row:hover .pl-tool-icon{transform:scale(1.1)}.pl-tool-name{font-size:15px;font-weight:600;color:#004368;margin:0}.pl-duration-value{font-size:17px;font-weight:700;color:#ff8a00;margin:0}.pl-workflow-section{background-color:#fff;padding:90px 0 100px;position:relative;width:100%}.pl-workflow-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-workflow-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 72px;letter-spacing:-.02em}.pl-workflow-blocks{display:flex;flex-direction:column;gap:88px}.pl-workflow-block{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:center}.pl-workflow-info-col{display:flex;flex-direction:column;align-items:flex-start}.pl-workflow-block-title{font-size:28px;font-weight:700;color:#004368;margin:0 0 14px;letter-spacing:-.01em}.pl-workflow-block-desc{font-size:15px;line-height:1.65;color:#004368;margin:0 0 28px;max-width:360px}.pl-workflow-block-desc em{font-style:italic}.pl-workflow-illustration{max-width:340px;width:100%;height:auto;display:block}.pl-workflow-diagram-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:100%}.pl-flow-diagram-grid{display:grid;grid-template-columns:220px 220px;column-gap:40px;row-gap:0;position:relative;margin-left:auto}.pl-flow-column{display:flex;flex-direction:column;align-items:center;width:100%}.pl-flow-start-badge{font-size:12px;font-weight:700;margin-bottom:8px;text-align:center;height:18px;display:flex;align-items:center;justify-content:center}.pl-flow-start-blue{color:#239bd8}.pl-flow-start-orange{color:#ff8a00}.pl-flow-card{width:100%;background-color:#eaf5fa;border-radius:12px;padding:16px 18px;text-align:center;color:#004368;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:56px;box-shadow:0 2px 6px #00436808;transition:transform .2s ease,box-shadow .2s ease}.pl-flow-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00436814}.pl-flow-v-line{width:2px;height:28px;margin:0 auto}.pl-flow-v-line-blue{border-left:2.5px dashed #239BD8}.pl-flow-v-line-orange{border-left:2.5px dashed #FF8A00}.pl-flow-h-connector{position:absolute;bottom:27px;left:220px;width:40px;height:2px}.pl-flow-h-line-blue{border-top:2.5px dashed #239BD8}.pl-flow-h-line-orange{border-top:2.5px dashed #FF8A00}.pl-timeline-section{background-color:#fff;padding:80px 0 100px;position:relative;width:100%}.pl-timeline-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-timeline-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 64px;letter-spacing:-.02em}.pl-timeline-scroll-wrapper{width:100%;overflow-x:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch}.pl-timeline-chart{min-width:900px;width:100%;display:flex;flex-direction:column;gap:0}.pl-tl-headers-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:0}.pl-tl-header-pill{padding:12px 16px;font-size:15px;font-weight:700;color:#fff;text-align:center;border-radius:6px;letter-spacing:.02em}.pl-tl-header-research{background-color:#3498db}.pl-tl-header-design{background-color:#fa8231}.pl-tl-stage-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:10px}.pl-tl-research-stage{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.pl-tl-week-box{min-height:380px;border-radius:4px;position:relative;padding:24px 16px;display:flex;flex-direction:column;justify-content:flex-start}.pl-tl-week-box-blue{border:1.5px dashed #3498DB}.pl-tl-week-box-orange{border:1.5px dashed #FA8231}.pl-tl-chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;color:#004368;position:absolute;white-space:nowrap;box-shadow:0 2px 5px #00436808;transition:transform .2s ease,box-shadow .2s ease}.pl-tl-chip:hover{transform:translateY(-2px);box-shadow:0 5px 12px #00436814}.pl-tl-chip-blue{background-color:#eaf5fa;border:1.5px dashed #3498DB}.pl-tl-chip-orange{background-color:#ffefe6;border:1.5px dashed #FA8231}.pl-chip-brief{top:24px;left:20px}.pl-chip-ps{top:76px;left:20px}.pl-chip-kuesioner{top:128px;left:36px}.pl-chip-pretest{top:180px;left:70px;z-index:2}.pl-chip-interview{top:232px;left:14px}.pl-chip-affinity{top:284px;left:90px}.pl-chip-flowchart{top:24px;left:24px}.pl-chip-ia{top:76px;left:24px}.pl-chip-lofi{top:128px;left:-20px;z-index:3}.pl-chip-hifi{top:180px;left:48px}.pl-chip-proto{top:232px;left:92px}.pl-chip-ut{top:284px;left:140px}.pl-tl-ticks-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:0}.pl-tl-research-ticks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pl-tl-tick-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0}.pl-tl-tick-line{width:2px;height:18px;margin-bottom:6px}.pl-tl-tick-line-blue{border-left:1.5px dashed #3498DB}.pl-tl-tick-line-orange{border-left:1.5px dashed #FA8231}.pl-tl-week-label{font-size:13.5px;font-weight:600;color:#004368;margin:0}.pl-tl-months-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:8px}.pl-tl-month-bar{padding:12px 16px;font-size:14px;font-weight:700;color:#004368;text-align:center;border-radius:6px;letter-spacing:.02em}.pl-tl-month-juli{background-color:#eaf5fa}.pl-tl-month-agustus{background-color:#ffefe6}.pl-utp-section{background-color:#fff;padding:80px 0 100px;position:relative;width:100%}.pl-utp-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-utp-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 68px;letter-spacing:-.02em}.pl-utp-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:54px;align-items:start}.pl-utp-col{display:flex;flex-direction:column}.pl-utp-header-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.pl-utp-col-title{font-size:26px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em;white-space:nowrap}.pl-utp-header-line{display:none!important}.pl-utp-desc{font-size:14.5px;line-height:1.6;color:#004368;margin:0 0 28px}.pl-statement-quote-box{background-color:#eaf5fa;border-radius:16px;padding:40px 36px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:230px;box-shadow:0 4px 14px #0043680a}.pl-quote-mark{font-size:52px;line-height:1;font-family:Georgia,serif;color:#b2d8ee;position:absolute;-webkit-user-select:none;user-select:none;font-weight:700}.pl-quote-start{top:18px;left:22px}.pl-quote-end{bottom:12px;right:22px}.pl-statement-quote-text{font-size:17px;line-height:1.6;font-style:italic;font-weight:600;color:#004368;text-align:center;margin:0;position:relative;z-index:2;max-width:360px}.pl-pov-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.pl-pov-card{display:flex;flex-direction:column;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #0043680a;transition:transform .2s ease,box-shadow .2s ease;background-color:#eaf5fa}.pl-pov-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00436817}.pl-pov-card-header{background-color:#3498db;color:#fff;font-size:15px;font-weight:700;text-align:center;padding:12px 10px;letter-spacing:.02em;flex-shrink:0}.pl-pov-card-body{background-color:#eaf5fa;padding:22px 14px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.pl-pov-card-text{font-size:12.5px;line-height:1.55;color:#004368;text-align:center;margin:0;font-weight:500}.pl-pov-watermark{width:30px;height:30px;margin-top:16px;opacity:.35}.pl-hmw-section{background-color:#fff;padding:80px 0 100px;position:relative;width:100%}.pl-hmw-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-hmw-header-block{margin-bottom:40px}.pl-hmw-header-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.pl-hmw-title{font-size:26px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-hmw-header-line{width:46px;height:3px;background-color:#239bd8;border-radius:2px}.pl-hmw-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-hmw-section-grid{display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:start}.pl-hmw-left-col{display:flex;flex-direction:column;align-items:flex-start}.pl-hmw-question-badge{font-size:14px;font-weight:700;color:#ff8a00;margin-bottom:12px}.pl-hmw-question-text{font-size:21px;font-weight:600;color:#004368;line-height:1.45;margin:0 0 32px;max-width:340px}.pl-hmw-illustration{max-width:320px;width:100%;height:auto;display:block}.pl-hmw-right-col{display:flex;flex-direction:column;width:100%}.pl-hmw-flows-list{display:flex;flex-direction:column;gap:28px;width:100%}.pl-hmw-flow-row{display:flex;align-items:flex-start;gap:24px;width:100%}.pl-hmw-flow-badge{font-size:15px;font-weight:700;color:#ff8a00;min-width:64px;padding-top:10px;flex-shrink:0}.pl-hmw-steps-group{display:flex;flex-direction:column;gap:12px;flex:1}.pl-hmw-steps-subrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pl-hmw-step-box{background-color:#eaf5fa;color:#004368;font-size:13.5px;font-weight:600;padding:12px 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.pl-hmw-step-box:hover{transform:translateY(-2px);background-color:#ddeff8;box-shadow:0 4px 12px #00436814}.pl-survey-section{background-color:#fff;padding:80px 0 100px;position:relative;width:100%}.pl-survey-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-survey-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 54px;letter-spacing:-.02em}.pl-survey-header-block{margin-bottom:48px}.pl-survey-header-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.pl-survey-title{font-size:26px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-survey-header-line{width:46px;height:3px;background-color:#239bd8;border-radius:2px}.pl-survey-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-survey-quadrants-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;position:relative}.pl-survey-quadrant{padding:40px 48px;display:flex;flex-direction:column;align-items:center;position:relative}.pl-survey-quadrant-top-left{border-right:1.5px dashed #CBD5E1;border-bottom:1.5px dashed #CBD5E1;padding-left:0}.pl-survey-quadrant-top-right{border-bottom:1.5px dashed #CBD5E1;padding-right:0}.pl-survey-quadrant-bottom-left{border-right:1.5px dashed #CBD5E1;padding-left:0;padding-bottom:0}.pl-survey-quadrant-bottom-right{padding-right:0;padding-bottom:0}.pl-chart-title{font-size:15px;font-weight:600;color:#004368;text-align:center;margin:0 0 32px;max-width:380px;line-height:1.45;min-height:44px;display:flex;align-items:center;justify-content:center}.pl-bar-chart-wrapper{width:100%;max-width:440px;display:flex;flex-direction:column}.pl-bar-chart-body{display:flex;width:100%;height:200px;position:relative}.pl-y-axis{display:flex;flex-direction:column-reverse;justify-content:space-between;padding-right:12px;font-size:10px;color:#64748b;font-weight:500;height:100%;text-align:right;width:24px}.pl-chart-plot-area{flex:1;position:relative;height:100%;border-bottom:1px solid #CBD5E1}.pl-grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.pl-grid-line{width:100%;height:1px;background-color:#f1f5f9}.pl-bars-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-around;padding:0 10px}.pl-bar-item{width:54px;background-color:#d9e8f3;border-top-left-radius:2px;border-top-right-radius:2px;transition:transform .2s ease,background-color .2s ease;position:relative}.pl-bar-item:hover{background-color:#239bd8}.pl-x-axis{display:flex;justify-content:space-around;margin-left:24px;margin-top:10px}.pl-x-label{width:70px;font-size:9.5px;color:#334155;text-align:center;line-height:1.25;font-weight:500}.pl-pie-chart-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;min-height:240px}.pl-pie-svg{width:220px;height:220px;border-radius:50%}.pl-pie-label-tag{position:absolute;display:flex;flex-direction:column;align-items:center;font-family:inherit}.pl-pie-pct{font-size:16px;font-weight:700;color:#004368}.pl-pie-label-text{font-size:14px;font-weight:700}.pl-pie-green{color:#2ecc71}.pl-pie-red{color:#e74c3c}.pl-pie-label-sm{font-size:8.5px;color:#475569;max-width:95px;text-align:center;line-height:1.2;font-weight:500}.pl-survey-insight-section{background-color:#fff;padding:60px 0 100px;position:relative;width:100%}.pl-survey-insight-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-survey-insight-header{margin-bottom:40px}.pl-survey-insight-title-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.pl-survey-insight-title{font-size:26px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-survey-insight-header-line{width:46px;height:3px;background-color:#239bd8;border-radius:2px}.pl-survey-insight-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-survey-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.pl-survey-insight-left-col{display:flex;flex-direction:column;gap:28px}.pl-survey-insight-right-col{display:flex;flex-direction:column}.pl-survey-insight-card{background-color:#eaf5fa;border-radius:12px;padding:30px 28px;box-shadow:0 2px 6px #00436808;transition:transform .2s ease,box-shadow .2s ease}.pl-survey-insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00436812}.pl-survey-insight-badge{font-size:13px;font-weight:700;color:#ff8a00;margin-bottom:12px;display:block}.pl-survey-insight-text{font-size:14px;line-height:1.65;color:#004368;margin:0;font-weight:500}.pl-persona-section{background-color:#eaf5fa;padding:80px 0 100px;position:relative;width:100%}.pl-persona-container{width:100%;max-width:1040px;margin:0 auto;padding:0 36px}.pl-persona-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 60px;letter-spacing:-.02em}.pl-persona-card-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #0043680f;overflow:hidden;display:grid;grid-template-columns:320px 1fr;position:relative}.pl-persona-photo-col{background-color:#145374;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;min-height:460px}.pl-persona-photo{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.pl-persona-content-col{padding:44px 40px;display:grid;grid-template-columns:230px 1fr;gap:36px;position:relative;background-color:#fff;align-items:start}.pl-persona-deco-ring-1{position:absolute;top:-30px;left:180px;width:90px;height:90px;border:1.5px solid #EAF5FA;border-radius:50%;pointer-events:none}.pl-persona-deco-ring-2{position:absolute;top:180px;left:230px;width:24px;height:24px;border:1.5px solid #EAF5FA;border-radius:50%;pointer-events:none}.pl-persona-deco-ring-3{position:absolute;bottom:80px;right:-30px;width:80px;height:80px;border:1.5px solid #EAF5FA;border-radius:50%;pointer-events:none}.pl-persona-info-subcol{display:flex;flex-direction:column;position:relative;z-index:2}.pl-persona-name{font-size:26px;font-weight:700;color:#004368;margin:0 0 16px;letter-spacing:-.01em}.pl-persona-meta-list{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.pl-persona-meta-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:#004368}.pl-persona-meta-icon{font-size:14px;width:18px;text-align:center;color:#004368}.pl-persona-bio-block{display:flex;flex-direction:column}.pl-persona-bio-title{font-size:16px;font-weight:700;color:#004368;margin:0 0 4px}.pl-persona-bio-line{width:32px;height:2.5px;background-color:#239bd8;border-radius:2px;margin-bottom:12px}.pl-persona-bio-text{font-size:12px;line-height:1.6;color:#004368;margin:0;font-weight:400}.pl-persona-boxes-subcol{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}.pl-persona-box{background-color:#eaf5fa;border-radius:12px;padding:20px 22px;box-shadow:0 2px 6px #00436805}.pl-persona-box-title{font-size:15px;font-weight:700;color:#004368;text-align:center;margin:0 0 14px}.pl-persona-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pl-persona-point-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#004368;font-weight:500}.pl-persona-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0}.pl-dot-red{background-color:#dc2626}.pl-dot-green{background-color:#16a34a}.pl-affinity-section{background-color:#fff;padding:80px 0 100px;position:relative;width:100%}.pl-affinity-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-affinity-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 54px;letter-spacing:-.02em}.pl-affinity-header-block{margin-bottom:48px}.pl-affinity-title-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.pl-affinity-title{font-size:26px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-affinity-header-line{width:46px;height:3px;background-color:#239bd8;border-radius:2px}.pl-affinity-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-affinity-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.pl-affinity-category-group{display:flex;flex-direction:column;align-items:center}.pl-affinity-category-title{font-size:15.5px;font-weight:700;color:#004368;text-align:center;margin:0 0 14px}.pl-affinity-dashed-box{width:100%;border:1.5px dashed #239BD8;border-radius:6px;padding:22px 20px;min-height:240px;display:flex;flex-direction:column;justify-content:center}.pl-affinity-cards-grid-2x2{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;height:100%}.pl-affinity-cards-location{display:flex;flex-direction:column;gap:14px;height:100%}.pl-affinity-location-top{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.pl-affinity-cards-stack{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;width:100%;height:100%}.pl-affinity-note-card{background-color:#eaf5fa;border-radius:6px;padding:14px 16px;color:#004368;font-size:11.5px;line-height:1.5;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00436805;transition:transform .2s ease,box-shadow .2s ease;min-height:52px}.pl-affinity-note-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0043680f}.pl-affinity-note-card-sm{width:70%;max-width:280px}.pl-interview-insights-section{background-color:#fff;padding:60px 0 100px;position:relative;width:100%}.pl-interview-insights-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-interview-insights-header{margin-bottom:44px}.pl-interview-insights-title-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.pl-interview-insights-title{font-size:26px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-interview-insights-header-line{width:46px;height:3px;background-color:#239bd8;border-radius:2px}.pl-interview-insights-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-interview-insights-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.pl-interview-quote-box{background-color:#eaf5fa;border-radius:16px;padding:40px 38px;position:relative;box-shadow:0 4px 14px #0043680a}.pl-interview-quote-text{font-size:14.5px;line-height:1.7;font-style:italic;color:#004368;margin:0;position:relative;z-index:2}.pl-interview-illustration-col{display:flex;justify-content:center;align-items:center}.pl-interview-illustration{max-width:380px;width:100%;height:auto;display:block}.pl-design-flow-section{background-color:#eaf5fa;padding:80px 0 100px;position:relative;width:100%}.pl-design-flow-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-design-main-title{font-size:44px;font-weight:700;color:#004368;text-align:center;margin:0 0 54px;letter-spacing:-.02em}.pl-design-flow-header{margin-bottom:40px}.pl-design-flow-title{font-size:26px;font-weight:700;color:#004368;margin:0 0 6px;letter-spacing:-.01em}.pl-design-flow-header-line{width:50px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin-bottom:12px}.pl-design-flow-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-uf-diagrams-wrapper{display:flex;flex-direction:column;gap:56px;width:100%}.pl-uf-group{display:flex;flex-direction:column;width:100%}.pl-uf-group-title{font-size:16px;font-weight:700;color:#239bd8;margin:0 0 24px}.pl-uf-scroll-stage{width:100%;overflow-x:auto;padding:20px 0;-webkit-overflow-scrolling:touch}.pl-uf-flow-row{display:inline-flex;align-items:center;gap:12px;min-width:800px}.pl-uf-node-pill{background-color:#b8c5cf;color:#2c3e50;font-size:11px;font-weight:600;padding:12px 24px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:70px;flex-shrink:0}.pl-uf-node-box{background-color:#fff;border:1px solid #E2E8F0;color:#2c3e50;font-size:11.5px;font-weight:500;padding:14px 20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #0000000a;line-height:1.35;flex-shrink:0}.pl-uf-node-box-orange{background-color:#eb792a;border:1px solid #D66C22;color:#fff;font-size:11.5px;font-weight:600;padding:14px 20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 10px #eb792a2e;line-height:1.35;flex-shrink:0}.pl-uf-parallel-branches{display:flex;flex-direction:column;gap:16px;position:relative}.pl-uf-fork-svg{width:24px;height:84px;flex-shrink:0}.pl-uf-node-subprocess{position:relative;padding-left:24px;padding-right:24px;border-left:3px double #CBD5E1;border-right:3px double #CBD5E1}.pl-uf-diamond-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.pl-uf-node-diamond{width:76px;height:52px;background-color:#6b7f8c;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:10px;font-weight:600;padding:0 8px;line-height:1.2}.pl-uf-arrow-h{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#7e909a;font-size:11px;flex-shrink:0}.pl-uf-arrow-line{width:28px;height:1.5px;background-color:#7e909a;position:relative}.pl-uf-arrow-line:after{content:"";position:absolute;right:0;top:-3px;width:0;height:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:5px solid #7E909A}.pl-uf-branch-label{font-size:10px;color:#7e909a;font-weight:600;margin:0 4px}.pl-uf-login-stage{display:flex;flex-direction:column;position:relative;min-width:880px;padding:8px 0 24px}.pl-uf-login-top-row{display:flex;align-items:center;gap:14px;position:relative}.pl-uf-branch-yes-wrapper{display:flex;align-items:center;gap:6px}.pl-uf-branch-label{font-size:11px;color:#7e909a;font-weight:600}.pl-uf-login-bottom-row{display:flex;align-items:center;gap:14px;margin-top:36px;margin-left:118px;position:relative}.pl-uf-box-register{width:90px;min-width:90px;padding:14px 10px;text-align:center}.pl-uf-down-connector-wrapper{position:absolute;top:-36px;left:45px;transform:translate(-50%);display:flex;align-items:center;gap:3px}.pl-uf-down-label{font-size:11px;color:#7e909a;font-weight:600}.pl-uf-daftar-container{display:inline-flex;position:relative}.pl-uf-return-svg{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:190px;height:64px;pointer-events:none}.pl-ia-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-ia-header{margin-bottom:36px}.pl-ia-section{background-color:#fff;padding:80px 0 100px;position:relative;width:100%}.pl-ia-container{width:100%;max-width:1240px;margin:0 auto;padding:0 36px}.pl-ia-header{margin-bottom:32px}.pl-ia-title{font-size:26px;font-weight:700;color:#004368;margin:0 0 6px;letter-spacing:-.01em}.pl-ia-header-line{width:50px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin-bottom:12px}.pl-ia-subtitle{font-size:14.5px;line-height:1.6;color:#004368;margin:0}.pl-ia-stage{width:100%;padding:10px 0 20px}.pl-ia-canvas{display:flex;flex-direction:column;gap:36px;width:100%;position:relative}.pl-ia-card{background:#fff;border-radius:6px;border:1px solid #CBD5E1;box-shadow:0 2px 8px #0043680a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pl-ia-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00436814}.pl-ia-card-header-blue{background:#239bd8;color:#fff;font-size:11px;font-weight:700;padding:8px 10px;text-align:center;letter-spacing:.01em;line-height:1.25}.pl-ia-card-header-slate{background:#6c7d8a;color:#fff;font-size:11px;font-weight:700;padding:8px 10px;text-align:center;letter-spacing:.01em;line-height:1.25}.pl-ia-card-header-orange{background:#eb792a;color:#fff;font-size:11px;font-weight:700;padding:8px 10px;text-align:center;letter-spacing:.01em;line-height:1.25}.pl-ia-card-body{padding:12px 10px;display:flex;flex-direction:column;gap:8px;background:#fff;flex:1}.pl-ia-sub-green{background:#bfe7db;color:#004368;font-size:10px;font-weight:600;padding:7px 8px;border-radius:4px;text-align:center;border:1px solid #A8DDD0;line-height:1.25}.pl-ia-node{background:#fff;border:1px solid #CBD5E1;color:#2c3e50;font-size:10px;font-weight:500;padding:8px 6px;border-radius:4px;text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #00000005;min-height:34px}.pl-ia-node-orange{background:#eb792a;border:1px solid #D66C22;color:#fff;font-weight:600;box-shadow:0 2px 6px #eb792a33}.pl-ia-node-dashed{border:1px dashed #94A3B8;background:#f8fafc}.pl-ia-top-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:start;width:100%}.pl-ia-middle-layout{display:grid;grid-template-columns:1.25fr 1fr 1.25fr;gap:20px;align-items:start;width:100%}.pl-ia-left-col,.pl-ia-center-col,.pl-ia-right-col{display:flex;flex-direction:column;gap:16px}.pl-ia-bottom-row{display:grid;grid-template-columns:repeat(2,minmax(240px,320px));gap:20px;justify-content:center;width:100%}.pl-ia-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pl-ia-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.pl-ia-hub-note{font-size:8.5px;color:#64748b;text-align:center;margin-top:4px;font-weight:500}.pl-repeated-ia-section{background-color:#eaf5fa;padding:60px 0 90px;position:relative;width:100%}.pl-repeated-ia-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-repeated-ia-main-title{font-size:18px;font-weight:700;color:#239bd8;margin:0 0 28px}.pl-repeated-ia-stage{width:100%;overflow-x:auto;padding:10px 0 20px;-webkit-overflow-scrolling:touch}.pl-repeated-ia-inner{display:flex;flex-direction:column;gap:32px;min-width:960px}.pl-ria-top-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.pl-ria-bottom-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1.1fr;gap:24px;position:relative}.pl-ria-card{background-color:#fff;border-radius:6px;box-shadow:0 2px 10px #0043680a;overflow:hidden;display:flex;flex-direction:column;border:1px solid #E2E8F0}.pl-ria-banner-green{background-color:#bfe7db;color:#004368;font-size:10.5px;font-weight:700;padding:9px 12px;text-align:center;border-bottom:1px solid #A8DDD0}.pl-ria-banner-tan{background-color:#e5d9c8;color:#004368;font-size:10.5px;font-weight:700;padding:9px 12px;text-align:center;border-bottom:1px solid #D8CABB}.pl-ria-card-body{padding:16px 14px;display:flex;flex-direction:column;gap:10px;background-color:#fff;flex:1}.pl-ria-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pl-ria-subcol{display:flex;flex-direction:column;gap:10px}.pl-ria-node-box{background-color:#fff;border:1px solid #E2E8F0;border-radius:4px;padding:10px 8px;font-size:10.5px;color:#2c3e50;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;min-height:40px;line-height:1.3;box-shadow:0 1px 3px #00000005;transition:transform .2s ease,border-color .2s ease}.pl-ria-node-box:hover{border-color:#239bd8;transform:translateY(-1px)}.pl-ria-node-dashed{border:1.5px dashed #CBD5E1;background-color:#f8fafc}.pl-lofi-section{background-color:#fff;padding:80px 0 0;position:relative;width:100%;overflow:hidden}.pl-lofi-container{width:100%;max-width:1200px;margin:0 auto;padding:0 36px;text-align:center}.pl-lofi-accent-line{width:44px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin:0 auto 12px}.pl-lofi-title{font-size:20px;font-weight:700;color:#004368;margin:0 0 40px;letter-spacing:-.01em}.pl-lofi-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.pl-lofi-image{width:100%;max-width:100%;height:auto;display:block}.pl-hifi-section{background-color:#fff;padding:80px 0 0;position:relative;width:100%;overflow:hidden}.pl-hifi-container{width:100%;max-width:1200px;margin:0 auto;padding:0 36px;text-align:center}.pl-hifi-accent-line{width:44px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin:0 auto 12px}.pl-hifi-title{font-size:20px;font-weight:700;color:#004368;margin:0 0 20px;letter-spacing:-.01em}.pl-hifi-btn-wrapper{display:flex;justify-content:center;margin-bottom:36px}.pl-hifi-prototype-btn{display:inline-flex;align-items:center;gap:8px;background-color:#007bc3;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;padding:10px 24px;border-radius:8px;border:none;outline:none;cursor:pointer;box-shadow:0 4px 14px #007bc359;transition:all .2s ease}.pl-hifi-prototype-btn:hover{background-color:#005e96;transform:translateY(-2px);box-shadow:0 6px 20px #007bc373}.pl-hifi-prototype-btn svg{fill:#fff}.pl-hifi-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.pl-hifi-image{width:100%;max-width:100%;height:auto;display:block}.pl-mf-section{background-color:#fff;padding:90px 0 100px;position:relative;width:100%;overflow:hidden}.pl-mf-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px;position:relative}.pl-mf-header{text-align:center;margin-bottom:50px}.pl-mf-pages-tag{font-size:14px;font-weight:700;color:#ff8a00;margin:0 0 6px;display:block}.pl-mf-main-title{font-size:34px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-mf-content-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;position:relative}.pl-mf-info-col{display:flex;flex-direction:column;align-items:flex-start;z-index:2}.pl-mf-badge-row{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}.pl-mf-badge-icon{width:32px;height:32px;display:block;filter:drop-shadow(0 4px 10px rgba(35,155,216,.3))}.pl-mf-badge-text{font-size:16px;font-weight:700;color:#239bd8}.pl-mf-feature-title{font-size:38px;font-weight:700;color:#239bd8;margin:0 0 16px;line-height:1.2}.pl-mf-feature-desc{font-size:14.5px;line-height:1.65;color:#64748b;margin:0;max-width:380px}.pl-mf-visual-col{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.pl-mf-mockup-img{width:100%;max-width:330px;height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(0,67,104,.12));transition:transform .3s ease}.pl-mf-mockup-img:hover{transform:translateY(-4px)}.pl-mf-decor-ring-1{position:absolute;width:220px;height:220px;border-radius:50%;border:1.5px solid rgba(35,155,216,.12);bottom:-40px;left:-20px;pointer-events:none}.pl-mf-decor-ring-2{position:absolute;width:32px;height:32px;border-radius:50%;background:#239bd814;top:15%;right:-20px;pointer-events:none}.pl-mf-decor-ring-3{position:absolute;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(35,155,216,.15);top:18%;left:45%;pointer-events:none}.pl-mf-oxygen-section{background-color:#fff;padding:40px 0 110px;position:relative;width:100%;overflow:hidden}.pl-mf-oxygen-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;position:relative}.pl-mf-double-phones{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:2}.pl-mf-phone-item{width:50%;max-width:290px;height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(0,67,104,.12));transition:transform .3s ease}.pl-mf-phone-item:hover{transform:translateY(-4px)}.pl-mf-oxygen-info{display:flex;flex-direction:column;align-items:flex-start;z-index:2;padding-left:20px}.pl-mf-oxygen-decor-ring-1{position:absolute;width:260px;height:260px;border-radius:50%;border:1.5px solid rgba(35,155,216,.12);bottom:-40px;left:45%;pointer-events:none}.pl-mf-oxygen-decor-ring-2{position:absolute;width:36px;height:36px;border-radius:50%;background:#239bd814;top:10%;left:52%;pointer-events:none}.pl-ds-section{background-color:#fff;padding:80px 0 110px;position:relative;width:100%}.pl-ds-container{width:100%;max-width:1040px;margin:0 auto;padding:0 36px}.pl-ds-header{text-align:center;margin-bottom:60px}.pl-ds-main-title{font-size:36px;font-weight:700;color:#004368;margin:0 0 24px;letter-spacing:-.01em}.pl-ds-accent-line{width:44px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin:0 auto 10px}.pl-ds-subtitle{font-size:13px;font-weight:700;color:#004368;letter-spacing:.15em;text-transform:uppercase;margin:0}.pl-ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.pl-ds-typo-col{display:flex;flex-direction:column}.pl-ds-font-family{font-family:Roboto,Poppins,sans-serif;font-size:32px;font-weight:400;color:#004368;margin:0 0 6px}.pl-ds-font-sample{font-family:Roboto,Poppins,sans-serif;font-size:86px;font-weight:700;color:#7097a8;line-height:1;margin:0 0 24px}.pl-ds-alphabet{font-family:Roboto,Poppins,sans-serif;font-size:13.5px;font-weight:700;color:#004368;letter-spacing:.22em;line-height:1.8;margin:0 0 44px}.pl-ds-type-scale{display:flex;flex-direction:column;gap:16px}.pl-ds-scale-row{display:flex;align-items:center;gap:12px}.pl-ds-scale-size{font-size:11.5px;font-weight:500;color:#64748b;min-width:36px}.pl-ds-scale-bar{width:20px;height:1.5px;background-color:#7097a8}.pl-ds-h1{font-family:Roboto,Poppins,sans-serif;font-size:21px;font-weight:700;color:#004368;margin:0}.pl-ds-h2{font-family:Roboto,Poppins,sans-serif;font-size:18px;font-weight:700;color:#004368;margin:0}.pl-ds-body{font-family:Roboto,Poppins,sans-serif;font-size:14px;font-weight:400;color:#64748b;margin:0}.pl-ds-colors-col{display:flex;flex-direction:column;gap:36px;padding-left:20px}.pl-ds-color-group{display:flex;flex-direction:column;gap:14px}.pl-ds-group-title{font-size:14px;font-weight:700;color:#004368;margin:0}.pl-ds-swatches-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pl-ds-swatch-item{display:flex;flex-direction:column;align-items:center;gap:8px}.pl-ds-circle{width:52px;height:52px;border-radius:50%;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease}.pl-ds-circle:hover{transform:scale(1.08)}.pl-ds-hex{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.02em}.pl-uic-section{background-color:#eaf5fa;padding:80px 0 110px;position:relative;width:100%}.pl-uic-container{width:100%;max-width:1100px;margin:0 auto;padding:0 36px}.pl-uic-header{text-align:center;margin-bottom:60px}.pl-uic-accent-line{width:44px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin:0 auto 10px}.pl-uic-subtitle{font-size:13.5px;font-weight:700;color:#004368;letter-spacing:.15em;text-transform:uppercase;margin:0}.pl-uic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 30px;align-items:start}.pl-uic-column{display:flex;flex-direction:column;align-items:center}.pl-uic-group-title{font-size:20px;font-weight:700;color:#004368;text-align:center;margin:0 0 24px}.pl-uic-headers-stack{display:flex;flex-direction:column;gap:16px;width:100%;max-width:280px;align-items:center}.pl-uic-img-header{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 2px 8px #00436814}.pl-uic-buttons-stack{display:flex;flex-direction:column;gap:14px;width:100%;max-width:250px;align-items:center}.pl-uic-img-btn{width:100%;height:auto;display:block;transition:transform .2s ease}.pl-uic-img-btn:hover{transform:translateY(-2px)}.pl-uic-card-wrapper{display:flex;justify-content:center;width:100%;max-width:220px;background:transparent;box-shadow:none;border:none;padding:0}.pl-uic-img-card{width:100%;height:auto;display:block;box-shadow:none;border-radius:0;background:transparent;transition:transform .2s ease}.pl-uic-img-card:hover{transform:translateY(-4px)}.pl-uic-navbar-wrapper{width:100%;max-width:280px;display:flex;justify-content:center}.pl-uic-img-navbar{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 4px 12px #239bd840}.pl-uic-floating-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.pl-uic-img-float{height:38px;width:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,67,104,.08));transition:transform .2s ease}.pl-uic-img-float:hover{transform:translateY(-2px)}.pl-uic-icons-row{display:flex;align-items:center;justify-content:center;gap:20px}.pl-uic-icon-svg{width:24px;height:24px;display:block;transition:transform .2s ease}.pl-uic-icon-svg:hover{transform:scale(1.15)}.pl-val-section{background-color:#fff;padding:80px 0 120px;position:relative;width:100%;overflow:hidden}.pl-val-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-val-main-title{font-size:36px;font-weight:700;color:#004368;text-align:center;margin:0 0 60px;letter-spacing:-.01em}.pl-val-info-block{max-width:520px;margin-bottom:48px}.pl-val-sub-title{font-size:24px;font-weight:700;color:#004368;margin:0 0 12px;letter-spacing:-.01em}.pl-val-desc{font-size:14px;line-height:1.65;color:#004368;margin:0 0 28px}.pl-val-inst-title{font-size:15px;font-weight:700;color:#ff8a00;margin:0 0 6px}.pl-val-inst-text{font-size:14px;line-height:1.6;color:#004368;margin:0 0 36px}.pl-val-flow-title{font-size:16px;font-weight:700;color:#004368;margin:0 0 24px}.pl-val-flow-stage{display:flex;align-items:center;justify-content:flex-start;position:relative;width:100%;gap:20px}.pl-val-left-pair{display:flex;align-items:center;gap:20px;position:relative}.pl-val-phone-box{width:220px;position:relative;display:flex;justify-content:center;align-items:center}.pl-val-phone-img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 28px rgba(0,67,104,.1));transition:transform .3s ease}.pl-val-phone-img:hover{transform:translateY(-4px)}.pl-val-overlay-card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);width:68%;z-index:10;pointer-events:none}.pl-val-overlay-card-img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.pl-val-arrow-h{width:48px;height:24px;display:flex;align-items:center;justify-content:center;color:#ff8a00;flex-shrink:0}.pl-val-fork-connector{width:54px;height:480px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-val-right-stack{display:flex;flex-direction:column;gap:40px;position:relative}.pl-eval-section{background-color:#fff;padding:80px 0 120px;position:relative;width:100%}.pl-eval-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-eval-header{margin-bottom:48px}.pl-eval-main-title{font-size:32px;font-weight:700;color:#004368;margin:0 0 14px;letter-spacing:-.01em}.pl-eval-desc{font-size:14.5px;line-height:1.65;color:#004368;max-width:520px;margin:0}.pl-eval-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;position:relative}.pl-eval-cards-2x2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pl-eval-card{background-color:#eaf5fa;border-radius:12px;padding:24px 20px;display:flex;flex-direction:column;min-height:220px;box-shadow:0 4px 16px #00436808;transition:transform .2s ease,box-shadow .2s ease}.pl-eval-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0043680f}.pl-eval-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pl-eval-card-icon{width:20px;height:20px;display:block}.pl-eval-card-title{font-size:16px;font-weight:700;color:#004368;margin:0}.pl-eval-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.pl-eval-item{font-size:11px;line-height:1.6;color:#004368}.pl-eval-illustration-col{display:flex;justify-content:center;align-items:center;position:relative}.pl-eval-illustration-img{width:100%;max-width:420px;height:auto;display:block}.pl-iter-section{background-color:#fff;padding:80px 0 120px;position:relative;width:100%;overflow:hidden}.pl-iter-container{width:100%;max-width:1040px;margin:0 auto;padding:0 36px;position:relative}.pl-iter-main-title{font-size:36px;font-weight:700;color:#004368;text-align:center;margin:0 0 50px;letter-spacing:-.01em}.pl-iter-block{position:relative;width:100%}.pl-iter-aura-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:580px;height:580px;background-color:#eaf5fa;border-radius:50%;z-index:0;pointer-events:none}.pl-iter-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;z-index:1;align-items:start}.pl-iter-col{display:flex;flex-direction:column;align-items:center}.pl-iter-col-title{font-size:20px;font-weight:700;color:#004368;text-align:center;margin:0 0 24px}.pl-iter-phone-box{width:250px;position:relative;display:flex;justify-content:center;align-items:center}.pl-iter-phone-img{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 32px rgba(0,67,104,.12));transition:transform .3s ease}.pl-iter-phone-img:hover{transform:translateY(-4px)}.pl-iter-desc{font-size:13px;line-height:1.55;color:#004368;text-align:center;max-width:240px;margin:24px auto 0}.pl-newflow-section{background-color:#fff;padding:80px 0 120px;position:relative;width:100%;overflow:hidden}.pl-newflow-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-newflow-header{margin-bottom:48px}.pl-newflow-main-title{font-size:32px;font-weight:700;color:#004368;margin:0 0 14px;letter-spacing:-.01em}.pl-newflow-desc{font-size:14.5px;line-height:1.65;color:#004368;max-width:500px;margin:0}.pl-newflow-stage{display:flex;align-items:center;justify-content:flex-start;position:relative;width:100%;gap:20px}.pl-newflow-left-pair{display:flex;align-items:center;gap:20px;position:relative}.pl-newflow-phone-box{width:220px;position:relative;display:flex;justify-content:center;align-items:center}.pl-newflow-phone-img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 28px rgba(0,67,104,.1));transition:transform .3s ease}.pl-newflow-phone-img:hover{transform:translateY(-4px)}.pl-newflow-arrow-orange{width:48px;height:24px;display:flex;align-items:center;justify-content:center;color:#ff8a00;flex-shrink:0}.pl-newflow-blue-connector{width:54px;height:480px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-newflow-right-col{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative}.pl-newflow-down-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#004368}.pl-sus-section{background-color:#fff;padding:80px 0 120px;position:relative;width:100%}.pl-sus-container{width:100%;max-width:1140px;margin:0 auto;padding:0 36px}.pl-sus-header{margin-bottom:48px}.pl-sus-main-title{font-size:32px;font-weight:700;color:#004368;margin:0 0 14px;letter-spacing:-.01em}.pl-sus-desc{font-size:14.5px;line-height:1.65;color:#004368;max-width:500px;margin:0}.pl-sus-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px}.pl-sus-table-box{width:100%;border-collapse:collapse;text-align:center}.pl-sus-table-box th{padding:14px 16px;font-size:10.5px;font-weight:700}.pl-sus-th-light{background-color:#eaf5fa;color:#004368}.pl-sus-th-blue{background-color:#239bd8;color:#fff}.pl-sus-table-box td{padding:14px 16px;font-size:11px;color:#004368;font-weight:500}.pl-sus-score-green{color:#3b9e66;font-weight:700}.pl-sus-score-orange{color:#eb792a;font-weight:700}.pl-sus-row-avg{background-color:#eaf5fa}.pl-sus-avg-label{font-size:18px;font-weight:700;color:#004368;padding:16px 24px}.pl-sus-avg-val{font-size:18px;font-weight:700;color:#3b9e66;padding:16px 24px}.pl-sus-grade-col{display:flex;justify-content:center;align-items:center;position:relative}.pl-sus-grade-circle{width:220px;height:220px;border-radius:50%;border:3px solid #EAF5FA;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pl-sus-bubble-1{position:absolute;top:-12px;left:24px;width:22px;height:22px;border-radius:50%;background-color:#eaf5fa}.pl-sus-bubble-2{position:absolute;bottom:24px;left:-20px;width:18px;height:18px;border-radius:50%;border:2px solid #EAF5FA;background-color:#fff}.pl-sus-bubble-3{position:absolute;bottom:18px;right:-10px;width:14px;height:14px;border-radius:50%;border:2px solid #EAF5FA;background-color:#fff}.pl-sus-grade-letter{font-size:76px;font-weight:800;color:#004368;line-height:1;margin:0}.pl-sus-grade-text{font-size:24px;font-weight:700;color:#004368;margin:8px 0 0}.pl-concl-section{background-color:#fff;padding:80px 0 120px;position:relative;width:100%}.pl-concl-container{width:100%;max-width:1040px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:40px}.pl-concl-header-block{text-align:center;margin-bottom:8px}.pl-concl-accent-line{width:44px;height:3.5px;background-color:#ff8a00;border-radius:2px;margin:0 auto 12px}.pl-concl-main-title{font-size:32px;font-weight:700;color:#004368;margin:0;letter-spacing:-.01em}.pl-concl-recap-card{max-width:800px}.pl-concl-subtitle{font-size:19px;font-weight:700;color:#004368;margin:0 0 12px;display:flex;align-items:center;gap:10px}.pl-concl-subtitle:before{content:"";display:inline-block;width:4px;height:18px;background-color:#239bd8;border-radius:2px}.pl-concl-text{font-size:14.5px;line-height:1.7;color:#334155;margin:0}.pl-concl-results-showcase{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;background-color:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.pl-concl-illustration-col{display:flex;justify-content:center;align-items:center}.pl-concl-illustration-img{width:100%;max-width:360px;height:auto;display:block}.pl-concl-results-text-col{display:flex;flex-direction:column}.pl-concl-metric-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.pl-concl-metric-card{display:flex;align-items:center;gap:14px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:12px 18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pl-concl-metric-card:hover{transform:translate(4px);border-color:#239bd8;box-shadow:0 4px 12px #239bd814}.pl-concl-metric-badge{font-size:15px;font-weight:700;color:#239bd8;background-color:#eaf5fa;padding:4px 12px;border-radius:6px;flex-shrink:0}.pl-concl-metric-desc{font-size:13.5px;font-weight:600;color:#004368;line-height:1.45;margin:0}.pl-concl-summary-text{font-size:14px;font-weight:500;color:#475569;line-height:1.6;margin:4px 0 0}.pl-concl-next-card{background-color:#eaf5fa;border-left:4px solid #FF8A00;border-radius:10px;padding:28px 32px;text-align:left}.pl-concl-next-title{font-size:19px;font-weight:700;color:#004368;margin:0 0 10px}@media(max-width:1024px){.pl-hero-right{transform:none;justify-content:center}.pl-ia-top-row{grid-template-columns:repeat(3,1fr);gap:12px}.pl-ia-middle-layout{grid-template-columns:1fr;gap:20px}.pl-ia-center-col{order:-1}.pl-ia-bottom-row{grid-template-columns:1fr 1fr}.pl-mf-content-grid{grid-template-columns:1fr;gap:40px;text-align:center}.pl-mf-info-col{align-items:center;text-align:center}.pl-mf-feature-desc{max-width:100%}.pl-mf-oxygen-grid{grid-template-columns:1fr;gap:40px}.pl-mf-double-phones{order:2}.pl-mf-oxygen-info{order:1;align-items:center;text-align:center;padding-left:0}.pl-uic-grid{grid-template-columns:repeat(2,1fr)}.pl-val-flow-stage,.pl-newflow-stage{overflow-x:auto;padding-bottom:24px;-webkit-overflow-scrolling:touch}.pl-eval-grid{grid-template-columns:1fr;gap:40px}.pl-eval-illustration-col{order:-1}.pl-sus-grid{grid-template-columns:1fr;gap:48px}.pl-concl-results-showcase{grid-template-columns:1fr;gap:36px;padding:28px 24px}.pl-concl-illustration-col{order:-1}.pl-interview-insights-grid{grid-template-columns:1fr;gap:40px}.pl-affinity-grid{grid-template-columns:1fr;gap:32px}.pl-persona-card-wrapper{grid-template-columns:1fr}.pl-persona-photo-col{min-height:unset;height:auto;padding:24px 0 0;justify-content:center}.pl-persona-photo{max-height:240px;width:auto;max-width:240px}.pl-persona-content-col{grid-template-columns:1fr;padding:32px 28px}.pl-survey-insight-grid{grid-template-columns:1fr;gap:24px}.pl-survey-quadrants-grid{grid-template-columns:1fr}.pl-survey-quadrant{padding:40px 0;border:none;border-bottom:1.5px dashed #CBD5E1}.pl-survey-quadrant-bottom-right{border-bottom:none}.pl-hmw-section-grid{grid-template-columns:1fr;gap:44px}.pl-hmw-left-col{align-items:center;text-align:center}.pl-utp-grid{grid-template-columns:1fr;gap:48px}.pl-workflow-block{grid-template-columns:1fr;gap:40px}.pl-workflow-info-col{align-items:center;text-align:center}.pl-workflow-diagram-wrapper{align-items:center}.pl-flow-diagram-grid{margin:0 auto}.pl-overview-top-grid{grid-template-columns:1fr;gap:28px}.pl-overview-bottom-grid{grid-template-columns:1fr 1fr;gap:40px}.pl-hero-grid{grid-template-columns:1fr;gap:50px}.pl-hero-left{max-width:100%;text-align:center;align-items:center}.pl-hero-desc{max-width:600px}.pl-meta-grid{grid-template-columns:repeat(2,1fr)}.pl-problem-grid,.pl-takeaways-grid{grid-template-columns:1fr}.pl-steps-grid{grid-template-columns:repeat(2,1fr)}.pl-feature-card,.pl-feature-card-reverse{grid-template-columns:1fr;gap:36px;padding:36px 28px}.pl-feature-card-reverse .pl-feature-visual,.pl-feature-card-reverse .pl-feature-info{order:initial}.pl-hero-blue-curve{display:none!important}}@media(max-width:768px){.pl-hero-section{height:auto!important;min-height:unset!important;padding:100px 0 60px!important;overflow:visible!important}.pl-hero-container{padding:0 20px!important}.pl-hero-grid{display:flex!important;flex-direction:column!important;gap:28px!important;align-items:center!important;text-align:center!important}.pl-hero-left{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;max-width:100%!important}.pl-brand-badge{margin-bottom:16px!important;justify-content:center!important}.pl-brand-logo-icon{width:32px!important;height:32px!important}.pl-brand-logo-text{font-size:1.15rem!important}.pl-hero-title{font-size:2.2rem!important;line-height:1.2!important;margin-bottom:16px!important;text-align:center!important}.pl-hero-desc{font-size:.95rem!important;line-height:1.6!important;margin:0 0 20px!important;max-width:480px!important;text-align:center!important}.pl-scroll-btn,.pl-hero-blue-curve{display:none!important}.pl-hero-right{transform:none!important;width:100%!important;justify-content:center!important;margin-top:8px!important}.pl-mockups-row{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:380px!important;margin:0 auto!important}.pl-hero-phone-card{width:calc(33.333% - 7px)!important;max-width:120px!important;flex-shrink:1!important}.pl-hero-phone-img{width:100%!important;height:auto!important}.pl-utp-section{padding:60px 0 80px!important}.pl-utp-container{padding:0 20px!important}.pl-utp-main-title{font-size:2rem!important;margin-bottom:36px!important;text-align:center!important}.pl-utp-grid{display:flex!important;flex-direction:column!important;gap:36px!important;width:100%!important}.pl-utp-col{width:100%!important}.pl-utp-header-row{margin-bottom:10px!important}.pl-utp-col-title{font-size:1.45rem!important;color:#004368!important;white-space:normal!important}.pl-utp-header-line{display:none!important}.pl-utp-desc{font-size:.92rem!important;line-height:1.6!important;margin-bottom:20px!important}.pl-statement-quote-box{padding:24px 20px!important;min-height:unset!important;border-radius:14px!important;background-color:#eaf5fa!important}.pl-statement-quote-text{font-size:1rem!important;line-height:1.6!important;max-width:100%!important}.pl-pov-cards-grid{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}.pl-pov-card{width:100%!important;border-radius:12px!important}.pl-persona-section{padding:60px 0 80px!important}.pl-persona-container{padding:0 20px!important}.pl-persona-main-title{font-size:2rem!important;margin-bottom:36px!important;text-align:center!important}.pl-persona-card-wrapper{display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important;width:100%!important}.pl-persona-photo-col{width:100%!important;min-height:unset!important;height:auto!important;padding:24px 0 0!important;background-color:#145374!important;display:flex!important;justify-content:center!important;align-items:flex-end!important}.pl-persona-photo{max-height:200px!important;width:auto!important;max-width:200px!important;margin:0 auto!important;display:block!important;object-fit:contain!important}.pl-persona-content-col{display:flex!important;flex-direction:column!important;padding:24px 18px!important;gap:20px!important;width:100%!important;box-sizing:border-box!important}.pl-persona-info-subcol{display:flex!important;flex-direction:column!important;width:100%!important}.pl-persona-name{font-size:1.45rem!important;margin:0 0 12px!important;color:#004368!important}.pl-persona-meta-list{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important}.pl-persona-bio-block{width:100%!important}.pl-persona-bio-title{font-size:1.05rem!important;margin-bottom:6px!important}.pl-persona-bio-line{display:none!important}.pl-persona-bio-text{font-size:.92rem!important;line-height:1.6!important}.pl-persona-boxes-subcol{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}.pl-persona-box{width:100%!important;padding:16px 14px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #E2E8F0!important;box-sizing:border-box!important}.pl-persona-box-title{font-size:1rem!important;margin-bottom:10px!important}.pl-persona-point-item{font-size:.88rem!important;line-height:1.55!important}.pl-val-section{padding:60px 0 80px!important}.pl-val-container{padding:0 20px!important}.pl-val-main-title{font-size:2rem!important;margin-bottom:24px!important}.pl-val-flow-stage{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;overflow-x:visible!important;padding-bottom:0!important}.pl-val-left-pair{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important}.pl-val-arrow-h{transform:rotate(90deg)!important;margin:6px 0!important;width:24px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.pl-val-fork-connector{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:32px!important;margin:6px 0!important;transform:rotate(90deg)!important}.pl-val-right-stack{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important}.pl-val-phone-box{width:100%!important;max-width:220px!important;margin:0 auto!important}.pl-val-phone-img{width:100%!important;height:auto!important}.pl-newflow-section{padding:60px 0 80px!important}.pl-newflow-container{padding:0 20px!important}.pl-newflow-main-title{font-size:2rem!important;margin-bottom:12px!important}.pl-newflow-stage{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;overflow-x:visible!important;padding-bottom:0!important}.pl-newflow-left-pair{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important}.pl-newflow-arrow-orange{transform:rotate(90deg)!important;margin:6px 0!important;width:24px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.pl-newflow-blue-connector{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:32px!important;margin:6px 0!important;transform:rotate(90deg)!important}.pl-newflow-right-col{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important}.pl-newflow-down-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:32px!important;margin:6px 0!important}.pl-newflow-phone-box{width:100%!important;max-width:220px!important;margin:0 auto!important}.pl-newflow-phone-img{width:100%!important;height:auto!important}.pl-ia-top-row{grid-template-columns:repeat(2,1fr);gap:10px}.pl-ia-bottom-row{grid-template-columns:1fr;gap:14px}.pl-mf-double-phones{gap:12px}.pl-ds-grid{grid-template-columns:1fr;gap:48px}.pl-ds-colors-col{padding-left:0}.pl-uic-grid,.pl-eval-cards-2x2{grid-template-columns:1fr}.pl-iter-grid{grid-template-columns:1fr;gap:48px}.pl-iter-aura-bg{width:340px;height:340px}.pl-hmw-flow-row{flex-direction:column;align-items:flex-start;gap:8px}.pl-hmw-steps-group{width:100%}.pl-hmw-step-box{width:100%;text-align:center}.pl-hmw-connector-line{width:2px;height:8px;margin:0 auto}.pl-workflow-main-title{font-size:34px;margin-bottom:48px}.pl-workflow-blocks{gap:60px}.pl-flow-diagram-grid{grid-template-columns:1fr 1fr;column-gap:16px;width:100%;max-width:420px}.pl-flow-h-connector{left:calc(50% - 8px);width:16px}.pl-flow-card{font-size:13px;padding:12px 8px;min-height:48px}.pl-overview-bottom-grid{grid-template-columns:1fr;gap:36px}.pl-overview-main-heading{font-size:34px}.pl-section{padding:56px 0}.pl-section-title{font-size:26px}.pl-steps-grid{grid-template-columns:1fr}.pl-summary-box{padding:28px 24px}.pl-hmw-banner{padding:32px 24px}.pl-hmw-statement{font-size:18px}}@media(max-width:480px){.pl-hero-title{font-size:1.85rem!important}.pl-meta-grid{grid-template-columns:1fr}.pl-mockup-center-wrapper{left:0;width:175px}.pl-mockup-top-right-wrapper{right:-30px;top:-10px;width:150px}.pl-mockup-bottom-right-wrapper{right:-30px;top:180px;width:150px}}