:root{--brand-primary:#1b6eb5;--brand-primary-dark:#144f85;--brand-primary-light:#3a9fe8;--brand-secondary:#5cc8e8;--bg-primary:#fff;--bg-secondary:#f8f9fb;--bg-tertiary:#f0f2f5;--bg-dark:#0c1821;--bg-dark-subtle:#111d27;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-muted:#d1d5db;--text-inverse:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-hover:#9ca3af;--accent-green:#059669;--accent-green-bg:#ecfdf5;--accent-blue:#2563eb;--accent-blue-bg:#eff6ff;--accent-purple:#7c3aed;--accent-purple-bg:#f5f3ff;--accent-orange:#d97706;--accent-orange-bg:#fffbeb;--accent-teal:#0d9488;--accent-teal-bg:#f0fdfa;--accent-navy:#1e40af;--accent-navy-bg:#eff6ff;--accent-red:#dc2626;--accent-red-bg:#fef2f2;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"DM Serif Display", Georgia, serif;--font-heading:"Plus Jakarta Sans", var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1200px;--section-py:7rem;--section-px:1.5rem;--navbar-height:72px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--shadow-mockup:0 25px 50px -12px #00000026;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary)}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);overflow-wrap:break-word;line-height:var(--leading-tight)}p{overflow-wrap:break-word}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--section-px);margin:0 auto}.section-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:500;display:inline-block}.section-header{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.section-title{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:700;line-height:var(--leading-snug);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.fade-up{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(24px)}.fade-up.is-visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#38bdf8}html{scrollbar-width:thin;scrollbar-color:#bae6fd #fff}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);white-space:nowrap;border:1.5px solid #0000;padding:.625rem 1.25rem;font-weight:600;line-height:1;display:inline-flex}.btn--primary{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.btn--primary:hover{box-shadow:var(--shadow-sm);background:#374151;border-color:#374151}.btn--outline{color:var(--text-primary);border-color:var(--border-medium);background:0 0}.btn--outline:hover{border-color:var(--text-primary);background:var(--bg-secondary)}.btn--outline-sweep{color:var(--text-primary);border-color:var(--border-medium);transition:color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);z-index:1;background:0 0;position:relative;overflow:hidden}.btn--outline-sweep:before{content:"";background:var(--brand-primary);width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out);z-index:-1;border-radius:inherit;position:absolute;top:0;left:0;transform:translate(-101%)}.btn--outline-sweep:hover{color:var(--text-inverse);border-color:var(--brand-primary)}.btn--outline-sweep:hover:before{transform:translate(0)}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-secondary)}.btn--white{background:var(--bg-primary);color:var(--text-primary);border-color:var(--bg-primary)}.btn--white:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.btn--outline-white{color:var(--text-inverse);background:0 0;border-color:#ffffff59}.btn--outline-white:hover{background:#ffffff14;border-color:#ffffffb3}.btn--lg{font-size:var(--text-base);border-radius:var(--radius-md);padding:.8125rem 1.75rem}.btn--pill-white{background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-full);font-size:var(--text-sm);border:1px solid #0000;padding:.5rem 1.25rem;font-weight:500}.btn--pill-white:hover{box-shadow:var(--shadow-sm)}.btn--pill-outline{color:var(--text-primary);border:1px solid var(--text-primary);border-radius:var(--radius-full);font-size:var(--text-sm);background:0 0;padding:.5rem 1.25rem;font-weight:500}.btn--pill-outline:hover{background:#1118270d}.btn--pill-sweep{color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--radius-full);font-size:var(--text-sm);transition:color var(--duration-base) var(--ease-out);z-index:1;background:0 0;padding:.5rem 1.25rem;font-weight:600;position:relative;overflow:hidden}.btn--pill-sweep:before{content:"";background:var(--brand-primary);width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out);z-index:-1;border-radius:var(--radius-full);position:absolute;top:0;left:0;transform:translate(-101%)}.btn--pill-sweep:hover{color:var(--text-inverse)}.btn--pill-sweep:hover:before{transform:translate(0)}.btn--pill-ghost{color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);transition:all var(--duration-base) var(--ease-out);background:0 0;border:1px solid #0000;padding:.5rem 1.25rem;font-weight:500}.btn--pill-ghost:hover{color:var(--brand-primary);background:var(--bg-tertiary)}.btn--with-arrow{gap:var(--space-2)}.btn--with-arrow svg{transition:transform var(--duration-base) var(--ease-out)}.btn--with-arrow:hover svg{transform:translate(3px)}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-base) var(--ease-out)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.card__icon--red{background:var(--accent-red-bg);color:var(--accent-red)}.card__icon--orange{background:var(--accent-orange-bg);color:var(--accent-orange)}.card__icon--purple{background:var(--accent-purple-bg);color:var(--accent-purple)}.card__icon--blue{background:var(--accent-blue-bg);color:var(--accent-blue)}.card__title{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:600}.card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.trust-badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) 0;display:inline-flex}.trust-badge svg{flex-shrink:0}.navbar{z-index:1000;height:var(--navbar-height);transition:all var(--duration-base) var(--ease-out);background:0 0;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar.is-scrolled{-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border-light);background:#ffffffd9}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo img{object-fit:contain;width:auto;height:28px}.navbar__nav{align-items:center;gap:var(--space-8);display:flex}.navbar__link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary)}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__hamburger{padding:var(--space-2);flex-direction:column;gap:5px;display:none}.navbar__hamburger span{background:var(--text-primary);width:22px;height:2px;transition:all var(--duration-base) var(--ease-out);border-radius:1px;display:block}.navbar__hamburger.is-active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger.is-active span:nth-child(2){opacity:0}.navbar__hamburger.is-active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{padding-top:calc(var(--navbar-height) + var(--space-20));padding-bottom:var(--space-16);background:#dce8f0 url(data:image/webp;base64,UklGRnYAAABXRUJQVlA4IGoAAAAQBACdASogABIAPzmIvlavKKajsBgIAeAnCWMArAAVR2LbgKGe3a69CAD+52j3+0iA6pb41V0ROiiq+YQd5QCqnWJFwiAxAbgybEzM1DjkKT1kpyUW2yacnrnpnr3LGFtKiJUOuqaoiIAA) 50%/cover no-repeat;border-radius:0 0 3rem 3rem;min-height:100vh;position:relative;overflow:hidden}.hero:before{content:"";opacity:0;z-index:0;border-radius:inherit;background:url(/assets/images/tes2-sm.webp) 50%/cover no-repeat;transition:opacity .6s ease-out;position:absolute;inset:0}@media (width>=768px){.hero:before{background-image:url(/assets/images/tes2-md.webp)}}@media (width>=1440px){.hero:before{background-image:url(/assets/images/tes2-lg.webp)}}.hero.is-loaded:before{opacity:1}.hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffffb3 0%,#ffffff4d 40%,#ffffff1a 100%);position:absolute;inset:0}.hero__inner{text-align:center;align-items:center;gap:var(--space-12);z-index:2;min-height:calc(100vh - var(--navbar-height) - var(--space-20) - var(--space-16));flex-direction:column;justify-content:flex-start;display:flex;position:relative}.hero__content{z-index:2;flex-direction:column;align-items:center;max-width:820px;display:flex;position:relative}.hero__headline{font-size:var(--text-5xl);letter-spacing:-.035em;margin-bottom:var(--space-6);color:#111827;font-weight:550;line-height:1.15}.hero__accent{color:inherit}.hero__subtitle{font-size:var(--text-sm);color:#4b5563;margin-bottom:var(--space-8);text-align:center;max-width:600px;font-weight:500;line-height:1.6}.hero__ctas{gap:var(--space-4);justify-content:center;display:flex}.problems{padding-top:var(--section-py);padding-bottom:calc(var(--section-py) * .6);background:var(--bg-primary);z-index:1;position:relative;overflow:hidden}.problems:before{content:"";filter:blur(100px);z-index:-1;pointer-events:none;background:#3b82f61f;border-radius:50%;width:50vw;max-width:600px;height:50vw;max-height:600px;position:absolute;top:-10%;left:-10%}.problems .card{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#fff 0%,#e0f2fe80 100%);border:1px solid #0000000f;box-shadow:0 10px 25px -8px #0000001a,0 4px 10px -4px #0000000a}.problems .card:hover{background:linear-gradient(145deg,#fff 0%,#e0f2feb3 100%);border-color:#0000001a;transform:translateY(-4px);box-shadow:0 20px 35px -8px #00000026,0 10px 15px -4px #0000000f}.problems .card .card__icon{border-radius:12px;width:44px;height:44px;color:#3b82f6!important;background:#3b82f61f!important}.problems .card .card__icon svg{width:22px;height:22px}.problems__grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.solutions{padding-top:calc(var(--section-py) * .6);padding-bottom:var(--section-py);background:var(--bg-primary)}.solutions__bento{gap:var(--space-6);grid-template-columns:repeat(6,1fr);max-width:1080px;margin:0 auto;display:grid}.solution-card{background:linear-gradient(180deg, #f8fafc 0%, var(--bg-primary) 75%);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border:2px solid #0000000f;border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px -5px #00000008}.solution-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -5px #00000014}.solution-card:first-child,.solution-card:nth-child(2){grid-column:span 3}.solution-card:nth-child(3),.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:span 2}.solution-card__image{background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.solution-card:first-child .solution-card__image,.solution-card:nth-child(2) .solution-card__image{padding:var(--space-6) var(--space-6) var(--space-2)}.solution-card:nth-child(3) .solution-card__image,.solution-card:nth-child(4) .solution-card__image,.solution-card:nth-child(5) .solution-card__image{padding:var(--space-4) var(--space-4) var(--space-2)}.solution-card__image img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:340px;transition:transform var(--duration-slow) ease-out;filter:drop-shadow(0 4px 12px #0000000f)}.solution-card:nth-child(3) .solution-card__image img,.solution-card:nth-child(4) .solution-card__image img,.solution-card:nth-child(5) .solution-card__image img{max-height:280px}.solution-card:hover .solution-card__image img{transform:scale(1.02)}.solution-card__content{padding:0 var(--space-8) var(--space-8);background:0 0;flex-direction:column;flex:1;display:flex}.solution-card__title{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}.solution-card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.solutions__closing{text-align:center;max-width:640px;margin:var(--space-12) auto 0;font-size:var(--text-base);color:var(--text-secondary);padding-top:var(--space-8);border-top:1px solid var(--border-light);font-style:italic}.products{padding:var(--space-8) 0;background:var(--bg-primary)}.products-island{background:linear-gradient(135deg,#fff 0%,#f0f9ff 45%,#bae6fd 85%,#7dd3fc 100%);border:1px solid #ffffffe6;border-radius:40px;padding:40px 40px 80px;box-shadow:0 30px 60px -15px #00285026,0 15px 25px -10px #0070f31a,inset 0 1px #fff}.products .section-header{margin-bottom:var(--space-8)}.products-tabs-wrapper{-webkit-backdrop-filter:blur(8px);margin:0 auto var(--space-16);background:#1b6eb50a;border:1px solid #1b6eb514;border-radius:20px;width:fit-content;max-width:100%;padding:8px;box-shadow:0 4px 24px #00000005}.products-tabs-nav{box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background:#fff;border-radius:16px;display:flex;overflow:hidden}.tab-divider{background:var(--border-light);width:1px;margin:12px 0}.product-tab{cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;flex:1;align-items:center;min-width:210px;padding:8px 24px;transition:all .3s;display:flex}.product-tab:hover{background:#0070f30a}.product-tab:hover .tab-title{color:var(--brand-primary)}.product-tab.active{border-bottom:3px solid var(--brand-primary);background:#fff}.tab-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex}.tab-icon svg{width:24px;height:24px}.assets-icon{color:#ef4444;background:#ef44441a}.lims-icon{color:#a855f7;background:#a855f71a}.ai-icon{color:#3b82f6;background:#3b82f61a}.tab-content{flex-direction:column;align-items:center;gap:0;display:flex}.tab-title{font-weight:600;font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:0;line-height:1.2;display:flex}.tab-accent{border-radius:2px;width:3px;height:14px}.assets-accent{background:#ef4444}.lims-accent{background:#a855f7}.ai-accent{background:#3b82f6}.tab-subtitle{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.2}.tab-badge{color:#ec4899;text-transform:uppercase;background:#ec48991a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}@media (width<=768px){.products-tabs-wrapper{padding:8px;display:block}.products-tabs-nav{flex-direction:column}.tab-divider{width:auto;height:1px;margin:0 24px}.product-tab{border-bottom:none;border-left:3px solid #0000;min-width:100%}.product-tab.active{border-bottom:none;border-left:3px solid var(--brand-primary)}}.products-tabs-content{position:relative}.product-panel{opacity:0;visibility:hidden;align-items:center;gap:var(--space-12);text-align:left;grid-template-columns:1.1fr .9fr;width:100%;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;display:grid;position:absolute;top:0;left:0}.product-panel.active{opacity:1;visibility:visible;position:relative}.product-panel__content{gap:var(--space-6);flex-direction:column;display:flex}.product-panel__title{font-size:var(--text-3xl);color:var(--text-primary);font-weight:600;line-height:var(--leading-tight)}.product-panel__image-wrapper{border-radius:var(--radius-xl);width:100%;box-shadow:none;aspect-ratio:16/10;color:var(--brand-primary);background:#3b82f60a;border:2px dashed #3b82f640;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.product-panel__image-wrapper .placeholder-icon{margin-bottom:var(--space-4);opacity:.8}.product-panel__image-wrapper .placeholder-text{font-size:var(--text-sm);opacity:.8;font-weight:600}.product-panel__image-wrapper img{display:block}.product-panel__image-wrapper{position:relative}.panel-slide{object-fit:contain;object-position:center;opacity:0;z-index:1;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.panel-slide.active{opacity:1;z-index:2}.product-panel__explanation{width:100%}.product-panel__explanation p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.product-panel__features{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.product-panel{gap:var(--space-8);grid-template-columns:1fr}.product-panel__title{font-size:var(--text-2xl)}.product-panel__features{grid-template-columns:1fr}}.product-panel__features li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-5);position:relative}.product-panel__features li:before{content:"";background:var(--brand-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.product-panel__link{font-size:var(--text-sm);color:var(--brand-primary);transition:color var(--duration-fast);font-weight:600;display:inline-block}.product-panel__link:hover{color:var(--brand-primary-dark)}.benefits{padding:var(--section-py) 0;background:var(--bg-primary)}.benefits__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.benefit-card{border-radius:var(--radius-xl);border:1px solid var(--border-light);background:var(--bg-primary);min-height:240px;box-shadow:var(--shadow-xs);z-index:1;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.benefit-card:hover{border-color:#1b6eb54d;transform:translateY(-4px);box-shadow:0 15px 30px -10px #1b6eb51a}.benefit-card__inner{width:100%;height:100%}.benefit-card__front{z-index:2;padding:var(--space-8);background:var(--bg-primary);flex-direction:column;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:relative}.benefit-card:hover .benefit-card__front{opacity:0;transform:translateY(-100%)}.benefit-card__back{z-index:1;border-radius:var(--radius-xl);opacity:0;background:linear-gradient(135deg,#f0f9ff 0%,#bae6fd 100%);justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:absolute;inset:0;transform:translateY(50%)}.benefit-card:hover .benefit-card__back{opacity:1;transform:translateY(0)}.benefit-card__logo{filter:drop-shadow(0 4px 6px #1b6eb526);width:120px;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1) .1s;transform:scale(.85)}.benefit-card:hover .benefit-card__logo{transform:scale(1)}.benefit-card__label{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.benefit-card__label--green{color:var(--accent-green);background:var(--accent-green-bg)}.benefit-card__label--blue{color:var(--accent-blue);background:var(--accent-blue-bg)}.benefit-card__label--purple{color:var(--accent-purple);background:var(--accent-purple-bg)}.benefit-card__label--orange{color:var(--accent-orange);background:var(--accent-orange-bg)}.benefit-card__label--teal{color:var(--accent-teal);background:var(--accent-teal-bg)}.benefit-card__label--navy{color:var(--accent-navy);background:var(--accent-navy-bg)}.benefit-card__title{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.benefit-card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.compliance{padding:var(--section-py) 0;background:url(/assets/images/keamanan-compliance-background.webp) 50%/cover no-repeat;background-color:var(--bg-secondary);position:relative}.compliance:before{content:"";pointer-events:none;z-index:0;background:#f8f9fb99;position:absolute;inset:0}.compliance .container{z-index:1;position:relative}.compliance__grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.pillar-card{text-align:center;padding:var(--space-10) var(--space-6);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out)}.pillar-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pillar-card__icon{width:56px;height:56px;margin:0 auto var(--space-5);border-radius:var(--radius-lg);background:var(--accent-blue-bg);color:var(--brand-primary);justify-content:center;align-items:center;display:flex}.pillar-card__title{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:600}.pillar-card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.timeline-section{padding:var(--section-py) 0;background:var(--bg-primary)}.timeline{gap:var(--space-6);grid-template-columns:repeat(6,1fr);display:grid;position:relative}.timeline__track{background:var(--border-light);z-index:0;height:2px;position:absolute;top:22px;left:0;right:0}.timeline__step{z-index:1;text-align:center;position:relative}.timeline__number{width:44px;height:44px;margin:0 auto var(--space-4);background:var(--brand-primary);color:var(--text-inverse);font-size:var(--text-sm);box-shadow:0 0 0 4px var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.timeline__title{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.timeline__text{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.audience{padding:var(--section-py) 0;background:url(/assets/images/untuk-siapa-background.webp) 50%/cover no-repeat;background-color:var(--bg-secondary);position:relative}.audience:before{content:"";pointer-events:none;z-index:0;background:#f8f9fbd9;position:absolute;inset:0}.audience .container{z-index:1;position:relative}.audience__tags{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.audience__tag{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius-full);transition:all var(--duration-base) var(--ease-out);border:1px solid #1b6eb526;align-items:center;font-weight:500;display:inline-flex;box-shadow:0 8px 20px -4px #1b6eb51f,0 4px 8px -4px #1b6eb514}.audience__tag:hover{color:var(--brand-primary);background:var(--bg-primary);border-color:#1b6eb54d;transform:translateY(-3px);box-shadow:0 15px 30px -5px #1b6eb533,0 10px 15px -5px #1b6eb51a}.audience__closing{text-align:center;font-size:var(--text-base);color:var(--text-secondary);max-width:600px;margin:0 auto}.testimonial{padding:var(--section-py) 0;background:var(--bg-primary)}.testimonial__inner{text-align:center;max-width:700px;margin:0 auto}.testimonial__quote-mark{font-family:var(--font-serif);color:var(--brand-primary);opacity:.2;margin-bottom:-20px;font-size:80px;line-height:1}.testimonial__text{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--text-primary);margin-bottom:var(--space-8);font-weight:500}.testimonial__author{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.testimonial__avatar{object-fit:cover;border:2px solid var(--border-light);border-radius:50%;width:56px;height:56px}.testimonial__info{text-align:left}.testimonial__name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:block}.testimonial__role{font-size:var(--text-xs);color:var(--text-secondary)}.faq{padding:var(--section-py) 0;background:var(--bg-secondary)}.faq__list{max-width:720px;margin:0 auto}.faq__item{border-bottom:1px solid var(--border-light)}.faq__item:first-child{border-top:1px solid var(--border-light)}.faq__question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) 0;font-size:var(--text-base);color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--duration-fast);font-weight:500;display:flex}.faq__question:hover{color:var(--brand-primary)}.faq__chevron{transition:transform var(--duration-base) var(--ease-out);color:var(--text-secondary);flex-shrink:0}.faq__item.is-open .faq__chevron{transform:rotate(180deg)}.faq__answer{max-height:0;transition:max-height var(--duration-slow) var(--ease-out), padding var(--duration-slow) var(--ease-out);overflow:hidden}.faq__item.is-open .faq__answer{max-height:500px}.faq__answer p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-bottom:var(--space-5)}.final-cta{padding:var(--space-24) 0;color:var(--text-inverse);background:linear-gradient(#0a0f1ca6,#0a0f1cd9),url(/assets/images/CTA-background.webp) 50%/cover no-repeat fixed;position:relative;overflow:hidden}.final-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#0ea5e933 0%,#0000 60%);position:absolute;inset:0}.final-cta__inner{z-index:1;text-align:center;max-width:720px;margin:0 auto;position:relative}.final-cta__title{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-6);background:linear-gradient(90deg,#fff,#bae6fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.final-cta__text{font-size:var(--text-xl);color:#ffffffbf;line-height:var(--leading-relaxed);margin-bottom:var(--space-10)}.final-cta__actions{gap:var(--space-4);justify-content:center;display:flex}.footer{padding:var(--space-16) 0 var(--space-8);background:linear-gradient(135deg,#fff 0%,#f0f9ff 35%,#e0f2fe 65%,#bae6fd 100%);border-top:1px solid #0f172a0d;position:relative;overflow:hidden}.footer__watermark{pointer-events:none;z-index:0;position:absolute}.footer__watermark--right{opacity:.15;mix-blend-mode:multiply;width:600px;top:-20%;right:-10%}.footer__watermark--right img{object-fit:contain;width:100%;height:auto}.footer__watermark--left{opacity:.08;mix-blend-mode:multiply;width:250px;bottom:0%;left:2%}.footer__watermark--left img{object-fit:contain;width:100%;height:auto}.footer__container{z-index:1;position:relative}.footer__top{gap:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid #0f172a14;grid-template-columns:1.2fr 2fr;display:grid}.footer__brand{max-width:320px}.footer__main-logo{height:auto;margin-bottom:var(--space-4)}.footer__tagline{font-size:var(--text-sm);color:#475569;line-height:var(--leading-relaxed)}.footer__nav{gap:var(--space-8);padding-left:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.footer__col-title{font-size:var(--text-sm);color:#0f172a;margin-bottom:var(--space-4);font-weight:700}.footer__link{font-size:var(--text-sm);color:#475569;transition:color var(--duration-fast);padding:6px 0;font-weight:500;display:block}.footer__link:hover{color:#0284c7}.footer__bottom{padding-top:var(--space-6);justify-content:space-between;align-items:center;display:flex}.footer__bottom-left{align-items:center;gap:var(--space-3);display:flex}.footer__bottom-link{font-size:var(--text-xs);color:#475569;transition:color var(--duration-fast);font-weight:600}.footer__bottom-link:hover{color:#0284c7}.footer__bottom-divider{color:#0f172a33;font-size:var(--text-xs)}.footer__bottom-center p{font-size:var(--text-xs);color:#475569;font-weight:500}.footer__bottom-right{gap:var(--space-2);display:flex}.footer__social-btn{color:#0f172a;width:28px;height:28px;transition:all var(--duration-fast);border:1px solid #0f172a4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer__social-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}@media (width<=992px){.footer__top{gap:var(--space-12);grid-template-columns:1fr}.footer__nav{padding-left:0}.footer__bottom{gap:var(--space-4);text-align:center;flex-direction:column}.footer__watermark--right{width:400px;top:-10%;right:-20%}}@media (width<=768px){.footer{padding:var(--space-10) 0 var(--space-6)}.footer__nav{gap:var(--space-8);grid-template-columns:1fr}.footer__watermark--right{opacity:.1;width:300px;right:-30%}.footer__watermark--left{display:none}.footer__bottom-left{justify-content:center}}@media (width<=1024px){:root{--section-py:5rem}.section-title{font-size:var(--text-3xl)}.hero__inner{gap:var(--space-10)}.problems__grid,.solutions__bento{grid-template-columns:repeat(2,1fr)}.solution-card:first-child,.solution-card:nth-child(2),.solution-card:nth-child(3),.solution-card:nth-child(4){grid-column:span 1}.solution-card:nth-child(5){grid-column:span 2}.products__grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.products-island{border-radius:32px;padding:32px 32px 60px}.benefits__grid,.compliance__grid{grid-template-columns:repeat(2,1fr)}.timeline{row-gap:var(--space-10);grid-template-columns:repeat(3,1fr)}.timeline__track{display:none}.footer__top{gap:var(--space-10);grid-template-columns:1fr}}@media (width<=768px){:root{--section-py:4rem;--section-px:1.25rem}.section-title{font-size:var(--text-2xl)}.section-subtitle{font-size:var(--text-base)}.navbar__nav{top:var(--navbar-height);background:var(--bg-primary);padding:var(--space-4);border-top:1px solid var(--border-light);z-index:999;flex-direction:column;gap:0;display:none;position:fixed;bottom:0;left:0;right:0}.navbar__nav.is-open{display:flex}.navbar__nav .navbar__link{padding:var(--space-4) var(--space-4);font-size:var(--text-lg);border-bottom:1px solid var(--border-light);display:block}.navbar__nav .navbar__link:after,.navbar__actions{display:none}.navbar__nav.is-open~.navbar__actions{padding:var(--space-4);background:var(--bg-primary);border-top:1px solid var(--border-light);z-index:999;gap:var(--space-3);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.navbar__hamburger{display:flex}.hero{padding-top:calc(var(--navbar-height) + var(--space-10));min-height:auto}.hero__inner{min-height:70vh}.problems__grid,.solutions__bento{grid-template-columns:1fr}.solution-card:nth-child(n){grid-column:span 1}.benefits__grid{grid-template-columns:1fr}.products-island{border-radius:24px;padding:24px 16px 40px}.compliance__grid{grid-template-columns:1fr}.timeline{gap:var(--space-6);grid-template-columns:1fr}.timeline__step{gap:var(--space-4);text-align:left;grid-template-columns:44px 1fr;display:grid}.timeline__number{grid-row:1/3;margin:0}.timeline__title{align-self:end;margin-bottom:0}.timeline__text{grid-column:2}.footer__nav{gap:var(--space-6);grid-template-columns:1fr}.final-cta__title{font-size:var(--text-2xl)}.final-cta__text{font-size:var(--text-base)}.final-cta__actions{flex-direction:column}.final-cta__actions .btn{width:100%}.testimonial__text{font-size:var(--text-lg)}}@media (width<=480px){.hero__headline{font-size:var(--text-3xl);letter-spacing:-.025em}.section-title{font-size:var(--text-xl)}.card,.benefit-card{padding:var(--space-6)}.audience__tags{flex-direction:column;align-items:stretch}.audience__tag{justify-content:center}}