:root{
  --primary:#0755e7;--primary-2:#0a74ff;--primary-dark:#053aa4;--cyan:#00b7e9;
  --ink:#0a1730;--ink-2:#1e2d49;--muted:#66758f;--muted-2:#8c98ad;
  --bg:#ffffff;--bg-soft:#f4f8ff;--surface:#ffffff;--surface-2:#edf4ff;
  --line:#dfe7f2;--line-strong:#cbd7e8;--success:#18a66a;--warning:#e69521;
  --shadow-sm:0 10px 30px rgba(19,44,87,.08);--shadow:0 22px 60px rgba(20,46,91,.13);
  --radius-sm:14px;--radius:22px;--radius-lg:32px;--container:1180px;
}
html[data-theme="dark"]{--ink:#f4f7fc;--ink-2:#dbe6f6;--muted:#a4b1c5;--muted-2:#8290a6;--bg:#07101f;--bg-soft:#0b1729;--surface:#0f1c31;--surface-2:#142641;--line:#21334f;--line-strong:#304765;--shadow-sm:0 12px 34px rgba(0,0,0,.22);--shadow:0 24px 64px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),92%);margin-inline:auto}.narrow-container{max-width:850px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px}.skip-link:focus{left:8px}.topbar{background:#061b3c;color:#cfe0ff;font-size:12px}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-links{display:flex;gap:22px}.topbar a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}.site-header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px rgba(10,23,48,.06)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:190px;height:auto}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav a{font-size:14px;font-weight:650;color:var(--ink-2);padding:10px 11px;border-radius:10px;transition:.2s}.nav a:hover,.nav a.is-active{color:var(--primary);background:var(--surface-2)}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;display:grid;place-items:center;cursor:pointer}.theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:none}html[data-theme="dark"] .theme-moon{display:inline}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0;transition:.2s}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border-radius:13px;border:1px solid transparent;font-weight:750;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 28px rgba(7,85,231,.25)}.btn-primary:hover{box-shadow:0 16px 34px rgba(7,85,231,.34)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-white{background:#fff;color:#0a3b93}.btn-sm{min-height:40px;padding:8px 15px;border-radius:11px;font-size:14px}.btn-lg{min-height:54px;padding:14px 24px;border-radius:15px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:99px}.eyebrow-light{color:#8fc1ff}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:800}.text-link span{font-size:20px;transition:.2s}.text-link:hover span{transform:translateX(4px)}
.hero{position:relative;overflow:hidden}.hero-home{padding:92px 0 78px;background:radial-gradient(circle at 78% 20%,rgba(56,153,255,.18),transparent 28%),linear-gradient(135deg,var(--bg-soft),var(--bg) 58%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.hero-copy{position:relative;z-index:2}.hero h1,.page-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 22px;max-width:850px}.hero-lead,.page-hero p{font-size:18px;color:var(--muted);max-width:700px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.hero-trust strong,.hero-trust span{display:block}.hero-trust strong{font-size:14px}.hero-trust span{font-size:12px;color:var(--muted);margin-top:2px}.hero-visual{position:relative}.hero-image-wrap{position:relative;padding:22px}.hero-image-wrap>img{filter:drop-shadow(0 32px 46px rgba(14,60,125,.18))}.floating-card{position:absolute;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:11px}.floating-card strong,.floating-card small{display:block}.floating-card small{font-size:11px;color:var(--muted)}.floating-card-top{right:-6px;top:14%}.floating-card-bottom{left:0;bottom:8%}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(24,166,106,.13);flex:0 0 auto}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero-orb-one{width:260px;height:260px;background:rgba(7,85,231,.08);left:-100px;bottom:-90px}.hero-orb-two{width:180px;height:180px;border:1px solid rgba(0,183,233,.22);right:35%;top:40px}.trust-strip{border-block:1px solid var(--line);background:var(--surface)}.trust-strip-grid{min-height:86px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;gap:22px}.trust-strip span{color:var(--muted);font-size:13px}.trust-strip strong{text-align:center;color:var(--ink-2);font-size:14px}
.section{padding:92px 0}.section-soft{background:var(--bg-soft)}.section-dark{background:#06162f;color:#fff}.section-heading{margin-bottom:38px}.section-heading h2,.services-intro h2,.why-content h2,.faq-layout h2,.about-layout h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:12px 0}.section-heading p,.services-intro p,.faq-layout>div>p{color:var(--muted);max-width:680px}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.center-heading{text-align:center;max-width:760px;margin:0 auto 44px}.center-heading p{margin-inline:auto}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{position:relative;min-height:218px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;overflow:hidden}.category-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--surface-2);right:-48px;bottom:-55px;transition:.25s}.category-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.category-card:hover:after{transform:scale(1.18)}.category-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.category-card h3{font-size:21px;margin:18px 0 5px}.category-card p{color:var(--muted);font-size:14px;margin:0}.card-arrow{position:absolute;right:22px;top:22px;font-size:20px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;min-width:0}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.product-media{display:block;aspect-ratio:1.2/1;background:var(--surface-2);overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-media img{transform:scale(1.035)}.placeholder-media img{object-fit:contain;padding:30px}.product-body{padding:18px}.product-kicker{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--primary)}.product-body h3{font-size:17px;line-height:1.35;margin:8px 0 10px}.product-body p{font-size:13px;color:var(--muted)}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.product-footer strong{color:var(--primary);font-size:15px}.product-footer a{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);font-weight:900}.system-note{text-align:center;color:var(--muted);font-size:13px;margin:22px 0 0}
.services-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.services-intro{position:sticky;top:130px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);transition:.22s}.service-row>span{color:var(--primary);font-size:12px;font-weight:850}.service-row h3{font-size:21px;margin:0 0 4px}.service-row p{color:var(--muted);font-size:14px;margin:0}.service-row b{font-size:22px;color:var(--muted);transition:.22s}.service-row:hover{padding-left:10px}.service-row:hover b{color:var(--primary);transform:translate(3px,-3px)}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.why-visual img{border-radius:var(--radius-lg)}.why-content p{color:#afc1db}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 26px;margin-top:35px}.feature-grid>div{border-top:1px solid rgba(255,255,255,.16);padding-top:18px}.feature-grid strong{color:#76b8ff}.feature-grid h3{font-size:18px;margin:7px 0}.feature-grid p{font-size:13px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{position:relative;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.process-card>span{width:40px;height:40px;border-radius:12px;background:var(--surface-2);color:var(--primary);font-weight:900;display:grid;place-items:center}.process-card h3{margin:20px 0 8px}.process-card p{color:var(--muted);font-size:14px;margin:0}.faq-section{background:var(--bg-soft)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:0 20px}.faq-item summary{font-weight:780;cursor:pointer;padding:20px 34px 20px 0;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;font-size:24px;color:var(--primary);top:13px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);font-size:14px;margin:0;padding:0 0 20px}
.page-hero{padding:75px 0;background:linear-gradient(135deg,var(--bg-soft),var(--bg))}.page-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px}.page-hero-grid img{max-height:480px;margin-left:auto}.compact-hero{padding:62px 0}.compact-hero h1{font-size:clamp(38px,5vw,58px);margin-bottom:16px}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:22px}.breadcrumb a:hover{color:var(--primary)}.catalog-toolbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:26px}.catalog-search{display:flex;align-items:center;gap:10px;padding:0 12px}.catalog-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--ink)}.filter-button{height:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:0 16px}.erp-state{display:flex;align-items:center;gap:11px;border-left:1px solid var(--line);padding:0 13px}.erp-state strong,.erp-state small{display:block;white-space:nowrap}.erp-state strong{font-size:12px}.erp-state small{font-size:10px;color:var(--muted)}.catalog-layout{display:grid;grid-template-columns:235px 1fr;gap:30px}.catalog-sidebar{align-self:start;position:sticky;top:120px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.catalog-sidebar h2{font-size:16px;margin:0 0 14px}.catalog-sidebar>a{display:flex;justify-content:space-between;padding:10px 11px;border-radius:10px;color:var(--muted);font-size:14px}.catalog-sidebar>a:hover,.catalog-sidebar>a.is-active{background:var(--surface-2);color:var(--primary);font-weight:750}.sidebar-help{margin-top:20px;border-radius:14px;padding:17px;background:linear-gradient(145deg,#0b3c91,#0877e9);color:#fff}.sidebar-help p{font-size:12px;color:#d4e5ff}.sidebar-help a{font-size:12px;font-weight:800}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.catalog-heading h2{margin:0;font-size:26px}.catalog-heading p{margin:2px 0 0;color:var(--muted);font-size:13px}.catalog-heading select{height:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:0 12px}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:58px 25px}.empty-state img{width:220px;margin:0 auto 24px}.empty-state h3{font-size:24px;margin:0 0 8px}.empty-state p{max-width:560px;color:var(--muted);margin:0 auto 22px}.compact-empty{padding:35px}.service-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;scroll-margin-top:110px}.service-number{position:absolute;right:25px;top:24px;color:var(--muted-2);font-weight:800}.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-weight:900}.service-card h3{font-size:23px;margin:20px 0 8px}.service-card p,.service-card li{color:var(--muted);font-size:14px}.service-card ul{padding-left:20px}.service-card>a{color:var(--primary);font-weight:800;font-size:14px}.portfolio-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.portfolio-filter button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:99px}.portfolio-filter button.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.portfolio-media{aspect-ratio:1.35;background:var(--surface-2)}.portfolio-media img{width:100%;height:100%;object-fit:cover}.portfolio-card>div:last-child{padding:20px}.portfolio-card span,.article-card span{color:var(--primary);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.portfolio-card h2{font-size:20px;margin:7px 0}.portfolio-card p{color:var(--muted);font-size:13px}.featured-article{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;margin-bottom:35px}.featured-media{border-radius:20px;overflow:hidden;background:var(--surface-2)}.featured-article h2{font-size:32px;line-height:1.2;margin:13px 0}.featured-article p{color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.article-card>img{aspect-ratio:1.55;object-fit:cover;background:var(--surface-2)}.article-card>div{padding:18px}.article-card h2{font-size:18px;line-height:1.4;margin:8px 0}.article-card p{color:var(--muted);font-size:13px}.article-card a:last-child{color:var(--primary);font-size:13px;font-weight:750}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:45px}.about-layout p{color:var(--muted);font-size:17px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.values-grid>div{border-top:2px solid var(--primary);padding:22px 5px}.values-grid span{color:var(--primary);font-weight:900}.values-grid h3{margin:14px 0 6px}.values-grid p{font-size:13px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-panel{background:linear-gradient(145deg,#082d72,#075ee9);color:#fff;border-radius:var(--radius-lg);padding:38px}.contact-panel h2{font-size:36px;line-height:1.15;margin:15px 0}.contact-panel>p{color:#d5e5ff}.contact-list{margin-top:34px;border-top:1px solid rgba(255,255,255,.18)}.contact-list>div{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15)}.contact-list span,.contact-list strong,.contact-list a{display:block}.contact-list span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#9fc4ff}.contact-form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px}.contact-form-card h2{font-size:30px;margin:0 0 6px}.contact-form-card>p{color:var(--muted)}.contact-form-card form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.contact-form-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.contact-form-card label:last-of-type{grid-column:1/-1}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:12px 13px;outline:0}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(7,85,231,.1)}.contact-form-card button{grid-column:1/-1}.coming-soon{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:45px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px}.coming-soon h2{font-size:30px;margin:0 0 8px}.coming-soon p{color:var(--muted)}.diagnostic-card{display:grid;grid-template-columns:70px 1fr;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:35px}.diagnostic-card.is-success{border-color:rgba(24,166,106,.4)}.diagnostic-card.is-warning{border-color:rgba(230,149,33,.45)}.diagnostic-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--surface-2);font-size:28px;font-weight:900}.is-success .diagnostic-icon{color:var(--success)}.is-warning .diagnostic-icon{color:var(--warning)}.diagnostic-card h1{font-size:34px;margin:8px 0}.diagnostic-card p{color:var(--muted)}.diagnostic-card dl{border:1px solid var(--line);border-radius:14px;overflow:hidden}.diagnostic-card dl>div{display:grid;grid-template-columns:170px 1fr;padding:10px 14px;border-bottom:1px solid var(--line)}.diagnostic-card dl>div:last-child{border:0}.diagnostic-card dt{color:var(--muted)}.safe-product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.safe-product-list>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.safe-product-list strong,.safe-product-list span,.safe-product-list small{display:block}.safe-product-list span{color:var(--primary);font-weight:800}.safe-product-list small{color:var(--muted)}.error-page{text-align:center;padding:35px 0 70px}.error-page>strong{font-size:clamp(90px,18vw,190px);line-height:1;color:var(--surface-2);text-shadow:0 0 0 var(--line)}.error-page h1{font-size:40px;margin:-15px 0 8px}.error-page p{color:var(--muted)}.error-page .hero-actions{justify-content:center}
.cta-band{background:linear-gradient(120deg,#0a3f9e,#0776e8);color:#fff;padding:55px 0}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-band h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:12px 0 7px}.cta-band p{color:#d7e8ff;margin:0}.site-footer{background:#061225;color:#b9c7da;padding-top:68px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.1fr;gap:42px}.footer-brand img{width:200px}.footer-brand p{max-width:430px}.footer-meta{display:grid;gap:4px;font-size:12px;color:#8295b0}.site-footer h3{color:#fff;font-size:14px;margin:0 0 17px}.site-footer a{display:block;color:#9eb0c8;margin:9px 0;font-size:13px}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding:21px 0;margin-top:45px;font-size:12px;color:#7f91aa}.footer-bottom p{margin:0}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{margin:0}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;background:#18a66a;color:#fff;border-radius:99px;padding:9px 15px 9px 9px;box-shadow:0 16px 35px rgba(10,66,44,.3);font-size:13px;font-weight:800}.floating-wa-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.nav{gap:0}.nav a{padding:9px 7px;font-size:13px}.header-wa{display:none}.hero-grid{gap:25px}.product-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.7fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:820px){.topbar{display:none}.header-inner{height:72px}.brand img{width:168px}.nav-toggle{display:block}.nav{display:none;position:fixed;left:4%;right:4%;top:80px;max-height:calc(100vh - 100px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.nav a{font-size:15px;padding:13px}.hero-home{padding:62px 0}.hero-grid,.page-hero-grid,.why-grid,.services-layout,.faq-layout,.featured-article,.about-layout,.contact-layout{grid-template-columns:1fr}.hero-visual{max-width:620px;margin:auto}.hero h1,.page-hero h1{font-size:clamp(38px,11vw,58px)}.hero-trust{grid-template-columns:1fr}.trust-strip-grid{grid-template-columns:1fr 1fr;text-align:center;padding:18px 0}.trust-strip-grid span{grid-column:1/-1}.section{padding:68px 0}.split-heading{display:block}.split-heading .text-link{margin-top:14px}.product-grid{grid-template-columns:repeat(2,1fr)}.services-intro{position:static}.service-card-grid{grid-template-columns:1fr}.process-grid,.values-grid{grid-template-columns:1fr 1fr}.catalog-toolbar{grid-template-columns:1fr auto}.erp-state{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-top:12px}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static;display:none}.featured-article{padding:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.cta-band-inner{display:block}.cta-band .btn{margin-top:22px}.contact-panel,.contact-form-card{padding:28px}.coming-soon{grid-template-columns:1fr;text-align:center}.coming-soon img{max-width:230px;margin:auto}}
@media(max-width:560px){.container{width:min(94%,var(--container))}.header-actions{gap:7px}.icon-button{width:38px;height:38px}.hero-home{padding-top:48px}.hero-actions .btn{width:100%}.hero-trust{margin-top:27px}.floating-card{display:none}.trust-strip-grid{grid-template-columns:1fr 1fr}.category-grid,.product-grid,.portfolio-grid,.article-grid,.process-grid,.values-grid,.safe-product-list{grid-template-columns:1fr}.category-card{min-height:180px}.feature-grid{grid-template-columns:1fr}.section-heading h2,.services-intro h2,.why-content h2,.faq-layout h2{font-size:34px}.catalog-toolbar{grid-template-columns:1fr}.filter-button{display:none}.catalog-heading{display:block}.catalog-heading select{margin-top:12px;width:100%}.contact-form-card form{grid-template-columns:1fr}.contact-form-card label:last-of-type,.contact-form-card button{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-top:10px}.floating-wa{right:12px;bottom:12px;padding-right:9px}.floating-wa>span:last-child{display:none}.diagnostic-card{grid-template-columns:1fr}.diagnostic-card dl>div{grid-template-columns:1fr}.service-row{grid-template-columns:36px 1fr 22px}.page-hero{padding:48px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Batch 03 - Integrasi katalog ERP */
.stock-badge{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;line-height:1;box-shadow:0 5px 15px rgba(0,0,0,.08)}.product-media{position:relative}.stock-badge.in-stock{background:#e9fff5;color:#087a4d}.stock-badge.out-stock{background:#fff0f0;color:#b42318}.sidebar-subtitle{margin-top:24px!important;padding-top:18px;border-top:1px solid var(--line)}.sort-form{margin:0}.sort-form select{min-width:190px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:34px}.pagination a,.pagination span{padding:10px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-size:13px}.pagination a{color:var(--primary);font-weight:750}.pagination a:hover{border-color:var(--primary)}.pagination .is-disabled{opacity:.45;pointer-events:none}.product-detail-hero{padding:52px 0 75px}.product-detail-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:65px;align-items:center}.product-detail-media{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1.08}.product-detail-media img{width:100%;height:100%;object-fit:contain;padding:30px}.product-meta-line{display:flex;flex-wrap:wrap;gap:8px}.product-meta-line a{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--surface-2);padding:7px 10px;border-radius:999px}.product-detail-copy h1{font-size:clamp(38px,5vw,60px);line-height:1.08;margin:17px 0}.product-intro{font-size:17px;color:var(--muted);max-width:680px}.product-price{font-size:30px;font-weight:900;color:var(--primary);margin:25px 0}.product-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0 0 25px}.product-facts>div{padding:14px 15px 14px 0;border-bottom:1px solid var(--line)}.product-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.product-facts dd{font-weight:750;margin:5px 0 0}.product-actions{display:flex;gap:12px;flex-wrap:wrap}.price-note{font-size:11px;color:var(--muted);margin-top:13px}.product-description-layout{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.product-description-card,.product-help-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px}.product-description-card h2{font-size:32px;margin:10px 0 22px}.prose{color:var(--muted);line-height:1.85}.product-help-card{position:sticky;top:120px}.product-help-card h3{font-size:22px;margin:0 0 10px}.product-help-card p{font-size:14px;color:var(--muted)}.product-help-card a{color:var(--primary);font-weight:800}.standalone-search{display:flex;max-width:720px;gap:10px;margin-top:25px}.standalone-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:var(--surface);color:var(--ink)}.diagnostic-help{margin-top:30px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.diagnostic-help h2{font-size:22px}.diagnostic-help p{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-2);padding:2px 6px;border-radius:6px}.muted{color:var(--muted)}
@media(max-width:820px){.product-detail-grid,.product-description-layout{grid-template-columns:1fr}.product-detail-copy h1{font-size:42px}.product-help-card{position:static}.catalog-toolbar .btn{height:42px}.product-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.standalone-search{display:grid}.product-actions .btn{width:100%}.product-facts{grid-template-columns:1fr}.product-detail-media img{padding:18px}.pagination{gap:7px}.pagination a,.pagination span{padding:9px 8px;font-size:11px}.sort-form select{min-width:0;width:100%}}

/* System status — v1.2.0 */
.system-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 36px}
.system-check{display:flex;gap:15px;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.system-check-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-weight:800}
.system-check.is-ok .system-check-icon{background:rgba(16,185,129,.13);color:#059669}
.system-check.is-fail .system-check-icon{background:rgba(245,158,11,.16);color:#d97706}
.system-check h2{font-size:1rem;margin:0 0 5px}
.system-check p{margin:0;color:var(--text-muted);overflow-wrap:anywhere}
.system-check small{display:inline-block;margin-top:9px;padding:3px 8px;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-weight:700;font-size:.72rem}
@media(max-width:760px){.system-check-grid{grid-template-columns:1fr}}

/* Website v1.2.0 — katalog ERP berdasarkan struktur asli */
.catalog-toolbar-extended{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(150px,auto)) auto auto;align-items:center}
.catalog-status-bar{display:flex;justify-content:flex-end;margin:-12px 0 24px}.catalog-status-bar .erp-state{border:0;padding:0}
.catalog-sidebar>a small{margin-left:auto;margin-right:8px;color:var(--muted);font-size:10px;font-weight:700}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--muted)}
.price-stack{display:grid;gap:2px}.price-stack del{font-size:11px;color:var(--muted);font-weight:600}.product-footer .price-stack strong{line-height:1.2}
.discount-badge{position:absolute;right:12px;top:12px;padding:7px 9px;border-radius:999px;background:#e73939;color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 22px rgba(193,39,39,.2)}
.stock-badge.is-ready{background:#e9fff5;color:#087a4d}.stock-badge.is-limited{background:#fff6dc;color:#966100}.stock-badge.is-preorder{background:#eef3ff;color:#3158a7}.stock-badge.is-out{background:#fff0f0;color:#b42318}
.rating-line{display:flex;align-items:center;gap:5px;color:#c57a00;font-size:12px;font-weight:850;margin:8px 0}.rating-line small{color:var(--muted);font-weight:600}.rating-detail{margin:4px 0 15px;font-size:14px}
.product-gallery{min-width:0}.product-detail-media{position:relative}.detail-discount{font-size:12px;padding:8px 11px}
.product-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.product-thumbnail{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);aspect-ratio:1;overflow:hidden;cursor:pointer}.product-thumbnail.is-active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(7,85,231,.12)}.product-thumbnail img{width:100%;height:100%;object-fit:contain;padding:5px}
.detail-price-wrap{display:flex;align-items:baseline;gap:13px;margin:24px 0 12px}.detail-price-wrap .product-price{margin:0}.detail-price-wrap del{color:var(--muted);font-size:16px}
.detail-stock{display:flex;align-items:center;gap:8px;margin:0 0 22px;padding:11px 13px;border-radius:12px;background:var(--surface-2);font-size:13px}.detail-stock>span{width:9px;height:9px;border-radius:50%;background:currentColor}.detail-stock small{margin-left:auto;color:var(--muted)}.detail-stock.is-ready{color:#087a4d}.detail-stock.is-limited{color:#966100}.detail-stock.is-preorder{color:#3158a7}.detail-stock.is-out{color:#b42318}
.product-content-stack{display:grid;gap:22px}.specification-list{border:1px solid var(--line);border-radius:15px;overflow:hidden;margin:0}.specification-list>div{display:grid;grid-template-columns:minmax(150px,.7fr) 1.3fr;gap:20px;padding:13px 16px;border-bottom:1px solid var(--line)}.specification-list>div:last-child{border-bottom:0}.specification-list dt{color:var(--muted);font-size:13px}.specification-list dd{margin:0;font-weight:700}
.review-list{display:grid;gap:12px}.review-item{padding:16px;border:1px solid var(--line);border-radius:14px}.review-item>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.review-item span{color:#c57a00;font-weight:800}.review-item p{margin:9px 0 0;color:var(--muted)}
.system-check{border-color:var(--line);box-shadow:none}.system-check p,.system-check small{color:var(--muted)}.system-check small{background:var(--surface-2)}
@media(max-width:1120px){.catalog-toolbar-extended{grid-template-columns:1fr 1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-toolbar-extended .btn{width:100%}.catalog-status-bar{justify-content:flex-start}}
@media(max-width:820px){.catalog-toolbar-extended{grid-template-columns:1fr 1fr}.catalog-toolbar-extended .catalog-search{grid-column:1/-1}.product-thumbnails{grid-template-columns:repeat(5,1fr)}}
@media(max-width:560px){.catalog-toolbar-extended{grid-template-columns:1fr}.catalog-toolbar-extended .filter-button{display:block;width:100%}.catalog-toolbar-extended .catalog-search{grid-column:auto}.product-thumbnails{grid-template-columns:repeat(4,1fr)}.specification-list>div{grid-template-columns:1fr;gap:4px}.detail-stock{align-items:flex-start;flex-wrap:wrap}.detail-stock small{width:100%;margin-left:17px}}

/* =========================================================
   v1.3.0 - Halaman jasa dan detail layanan
   ========================================================= */
.service-index-hero{position:relative;overflow:hidden}.service-index-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(7,85,231,.08);right:-150px;top:-170px}.service-hero-visual,.service-detail-visual{position:relative}.service-hero-visual>img,.service-detail-visual>img{width:100%;filter:drop-shadow(0 28px 42px rgba(8,44,99,.16))}.service-hero-note,.service-detail-badge{position:absolute;left:0;bottom:8%;display:flex;align-items:center;gap:12px;max-width:300px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.service-hero-note>span,.service-detail-badge>span{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cyan));font-weight:900}.service-hero-note strong,.service-hero-note small,.service-detail-badge strong,.service-detail-badge small{display:block}.service-hero-note small,.service-detail-badge small{color:var(--muted);font-size:11px;margin-top:2px}.service-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.service-hero-facts>span{padding:14px 0;border-top:1px solid var(--line)}.service-hero-facts strong,.service-hero-facts small{display:block}.service-hero-facts strong{font-size:13px}.service-hero-facts small{margin-top:4px;color:var(--muted);font-size:11px}.service-catalog-grid{grid-template-columns:repeat(3,1fr)}.service-card-link{display:flex;flex-direction:column;min-height:410px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card-link:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:var(--shadow)}.service-card-top{display:flex;align-items:flex-start;justify-content:space-between}.service-card-arrow{font-size:23px;color:var(--muted);transition:.2s}.service-card-link:hover .service-card-arrow{color:var(--primary);transform:translate(3px,-3px)}.service-kicker{display:block;margin-top:24px;color:var(--primary);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:850}.service-card-link h2{font-size:24px;line-height:1.25;margin:9px 0}.service-card-link>p{margin-bottom:16px}.service-mini-list{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:8px}.service-mini-list li{position:relative;padding-left:20px}.service-mini-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}.service-stretched-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.service-stretched-link:after{content:"";position:absolute;inset:0}.service-decision-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.service-decision-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:12px 0 16px}.service-decision-grid>div:first-child>p{color:#b8c9df;margin-bottom:26px}.decision-checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px}.decision-checklist>div{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.05)}.decision-checklist span{color:#74b7ff;font-size:11px;font-weight:850}.decision-checklist strong{display:block;margin:9px 0 5px}.decision-checklist p{margin:0;color:#b8c9df;font-size:13px}.service-detail-hero{overflow:hidden}.service-highlight-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.service-highlight-row>span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;color:var(--muted)}.service-highlight-row b{color:var(--success)}.service-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.service-intro-grid h2{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:12px 0}.service-long-copy p{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 20px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scope-card{min-height:245px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.24s}.scope-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.scope-card>span{font-size:12px;color:var(--primary);font-weight:900}.scope-card h3{font-size:20px;line-height:1.3;margin:42px 0 9px}.scope-card p{font-size:13px;color:var(--muted);margin:0}.service-benefit-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-benefit-panel,.service-audience-panel{border-radius:var(--radius-lg);padding:40px}.service-benefit-panel{color:#fff;background:linear-gradient(145deg,#06162f,#0755e7)}.service-benefit-panel h2,.service-audience-panel h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:12px 0 28px}.service-benefit-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.service-benefit-panel li{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-top:1px solid rgba(255,255,255,.14)}.service-benefit-panel li span{color:#8fd7ff;font-weight:900}.service-audience-panel{background:var(--surface);border:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-grid>div{padding:17px;border-radius:14px;background:var(--surface-2)}.audience-grid span,.audience-grid strong{display:block}.audience-grid span{font-size:10px;color:var(--primary);font-weight:900}.audience-grid strong{margin-top:7px;font-size:14px}.service-audience-panel>p{color:var(--muted);font-size:13px;margin:22px 0 0}.service-product-bridge{padding-top:0}.service-product-bridge-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);padding:42px;background:linear-gradient(135deg,var(--surface),var(--bg-soft))}.service-product-bridge h2{font-size:clamp(28px,3vw,40px);margin:10px 0}.service-product-bridge p{color:var(--muted)}.service-category-links{display:grid;gap:10px}.service-category-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-weight:760}.service-category-links a:hover{border-color:var(--primary);color:var(--primary)}.related-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-service-card{position:relative;display:grid;grid-template-columns:55px 1fr 25px;gap:15px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.23s}.related-service-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.related-service-card small{color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.related-service-card h3{font-size:19px;margin:5px 0}.related-service-card p{font-size:12px;color:var(--muted);margin:0}.related-service-card>b{color:var(--muted);font-size:20px}.related-service-card:hover>b{color:var(--primary)}

@media(max-width:980px){.service-catalog-grid{grid-template-columns:1fr 1fr}.scope-grid{grid-template-columns:1fr 1fr}.service-decision-grid,.service-intro-grid,.service-product-bridge-inner{grid-template-columns:1fr}.related-service-grid{grid-template-columns:1fr 1fr}.service-benefit-layout{grid-template-columns:1fr}.service-decision-grid{gap:42px}}
@media(max-width:820px){.service-hero-facts{grid-template-columns:1fr 1fr}.service-hero-note,.service-detail-badge{left:12px;bottom:3%}.service-intro-grid{gap:25px}.service-catalog-grid{grid-template-columns:1fr 1fr}.related-service-grid{grid-template-columns:1fr}}
@media(max-width:560px){.service-catalog-grid,.scope-grid,.decision-checklist,.audience-grid{grid-template-columns:1fr}.service-card-link{min-height:auto}.service-hero-facts{grid-template-columns:1fr}.service-hero-note,.service-detail-badge{position:relative;left:auto;bottom:auto;margin:-5px 12px 0}.service-benefit-panel,.service-audience-panel,.service-product-bridge-inner{padding:27px}.service-highlight-row{display:grid}.scope-card{min-height:210px}.related-service-card{grid-template-columns:50px 1fr 20px}}

/* =========================================================
   v1.4.0 - Beranda pemasaran lengkap
   ========================================================= */
.home-v150{padding:88px 0 72px}.home-hero-grid{gap:44px}.home-v150 h1{max-width:760px}.home-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.home-proof-grid>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.home-proof-grid span,.home-proof-grid strong,.home-proof-grid small{display:block}.home-proof-grid span{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.1em}.home-proof-grid strong{font-size:13px;line-height:1.35;margin:8px 0 4px}.home-proof-grid small{color:var(--muted);font-size:11px;line-height:1.5}.home-hero-visual{padding:18px 26px 38px}.home-visual-action{position:absolute;right:4%;bottom:0;display:flex;flex-direction:column;gap:2px;min-width:195px;padding:15px 17px;border-radius:16px;background:#06162f;color:#fff;box-shadow:var(--shadow)}.home-visual-action span{font-size:11px;color:#b8c9df}.home-visual-action strong{font-size:14px}.home-visual-action:hover strong{color:#8fd7ff}.home-trust-strip .trust-strip-grid{grid-template-columns:1.3fr repeat(4,1fr)}
.home-solution-section{padding-top:84px}.home-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-solution-card{position:relative;min-height:335px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:.25s}.home-solution-card:before{content:"";position:absolute;right:-45px;top:-50px;width:150px;height:150px;border-radius:50%;opacity:.12}.home-solution-card.tone-blue:before{background:#0755e7}.home-solution-card.tone-cyan:before{background:#00b7e9}.home-solution-card.tone-violet:before{background:#6938ef}.home-solution-card.tone-green:before{background:#18a66a}.home-solution-card:hover{transform:translateY(-7px);border-color:var(--primary);box-shadow:var(--shadow)}.home-solution-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-solution-top>span{width:42px;height:42px;border-radius:13px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);font-size:11px;font-weight:900}.home-solution-top small{color:var(--muted);font-weight:750}.home-solution-card h3{font-size:23px;line-height:1.25;margin:58px 0 11px}.home-solution-card p{color:var(--muted);font-size:13px;margin:0 0 24px}.home-solution-card>strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.home-solution-card>strong b{font-size:20px;color:var(--primary)}
.home-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-category-card{position:relative;min-height:230px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:.24s}.home-category-card:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:var(--surface-2);right:-58px;bottom:-68px;transition:.25s}.home-category-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.home-category-card:hover:after{transform:scale(1.15)}.home-category-number{position:absolute;right:22px;top:20px;color:var(--muted-2);font-size:12px;font-weight:900}.home-category-card h3{font-size:21px;line-height:1.3;margin:27px 0 6px;max-width:220px}.home-category-card p{margin:0;color:var(--muted);font-size:13px}.home-category-card>b{position:absolute;right:23px;bottom:20px;z-index:1;color:var(--primary);font-size:20px}.home-product-grid{grid-template-columns:repeat(4,1fr)}.home-empty-catalog{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;padding:36px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft)}.home-empty-catalog h3{font-size:30px;line-height:1.2;margin:12px 0}.home-empty-catalog p{color:var(--muted)}
.home-service-showcase .section-heading h2{color:#fff;max-width:760px}.home-service-showcase .section-heading p{color:#b8c9df}.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.home-service-card{min-height:305px;padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.05);color:#fff;display:flex;flex-direction:column;transition:.24s}.home-service-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.09);border-color:rgba(143,193,255,.55)}.home-service-card>div{display:flex;align-items:center;justify-content:space-between}.home-service-card>div>span{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#0755e7,#00b7e9);display:grid;place-items:center;font-weight:900}.home-service-card small{color:#8fc1ff;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:850}.home-service-card h3{font-size:23px;line-height:1.25;margin:42px 0 10px}.home-service-card p{color:#b8c9df;font-size:13px;margin:0 0 24px}.home-service-card>strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}.home-service-card>strong b{font-size:20px;color:#8fc1ff}
.home-brand-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:45px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--bg-soft))}.home-brand-copy h2{font-size:clamp(31px,3.8vw,48px);line-height:1.12;margin:12px 0}.home-brand-copy p{color:var(--muted);max-width:540px}.home-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.home-brand-grid a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:.2s}.home-brand-grid a:hover{border-color:var(--primary);transform:translateX(3px)}.home-brand-grid strong{font-size:16px}.home-brand-grid small{color:var(--muted);font-size:11px}.home-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.home-audience-card{min-height:285px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.23s}.home-audience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.home-audience-card>span{color:var(--primary);font-size:12px;font-weight:900}.home-audience-card>small{display:block;margin-top:44px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.home-audience-card h3{font-size:21px;line-height:1.3;margin:9px 0}.home-audience-card p{font-size:13px;color:var(--muted);margin:0}
.home-why-section .why-grid{align-items:center}.home-why-section .why-visual{position:relative}.home-why-badge{position:absolute;right:0;bottom:2%;max-width:290px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.home-why-badge>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.home-why-badge strong,.home-why-badge small{display:block}.home-why-badge small{color:var(--muted);font-size:10px;margin-top:2px}.home-why-lead{color:var(--muted);font-size:16px;max-width:620px}.home-feature-list{display:grid;margin-top:25px;border-top:1px solid var(--line)}.home-feature-list>div{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.home-feature-list>div>span{color:var(--primary);font-size:11px;font-weight:900}.home-feature-list section h3{font-size:17px;margin:0 0 4px}.home-feature-list section p{color:var(--muted);font-size:13px;margin:0}.home-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.home-process-card{min-height:255px;padding:26px;border-right:1px solid var(--line)}.home-process-card:last-child{border-right:0}.home-process-card>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:var(--surface-2);color:var(--primary);font-size:11px;font-weight:900}.home-process-card h3{font-size:20px;margin:49px 0 9px}.home-process-card p{color:var(--muted);font-size:13px;margin:0}.home-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-insight-card{min-height:270px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;transition:.23s}.home-insight-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.home-insight-card>span{color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.home-insight-card h3{font-size:21px;line-height:1.35;margin:35px 0 9px}.home-insight-card p{color:var(--muted);font-size:13px;margin:0 0 20px}.home-insight-card>strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:13px}.home-insight-card>strong b{font-size:18px;color:var(--primary)}.home-faq-section .faq-layout>div>.btn{margin-top:18px}
@media(max-width:1120px){.home-solution-grid,.home-audience-grid{grid-template-columns:repeat(2,1fr)}.home-product-grid{grid-template-columns:repeat(3,1fr)}.home-service-grid{grid-template-columns:repeat(2,1fr)}.home-category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.home-hero-grid,.home-brand-panel{grid-template-columns:1fr}.home-hero-visual{max-width:720px;margin-inline:auto}.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-process-grid{grid-template-columns:repeat(2,1fr)}.home-process-card:nth-child(2){border-right:0}.home-process-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.home-audience-grid{grid-template-columns:repeat(2,1fr)}.home-insight-grid{grid-template-columns:1fr 1fr}.home-insight-card:last-child{grid-column:1/-1}.home-empty-catalog{grid-template-columns:1fr}}
@media(max-width:820px){.home-proof-grid{grid-template-columns:1fr}.home-trust-strip .trust-strip-grid{grid-template-columns:1fr 1fr}.home-trust-strip .trust-strip-grid>span{grid-column:1/-1;text-align:center;padding-top:14px}.home-product-grid{grid-template-columns:repeat(2,1fr)}.home-brand-grid{grid-template-columns:1fr}.home-why-badge{position:relative;right:auto;bottom:auto;margin:-15px 15px 0}.home-brand-panel{padding:30px}.home-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-v150{padding-top:58px}.home-solution-grid,.home-category-grid,.home-product-grid,.home-service-grid,.home-audience-grid,.home-insight-grid,.home-process-grid{grid-template-columns:1fr}.home-insight-card:last-child{grid-column:auto}.home-process-card,.home-process-card:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.home-process-card:last-child{border-bottom:0}.home-solution-card{min-height:300px}.home-service-card{min-height:270px}.home-brand-panel{padding:24px}.home-visual-action{position:relative;right:auto;bottom:auto;margin:-4px 12px 0}.home-empty-catalog{padding:25px}.home-category-card{min-height:210px}.home-trust-strip .trust-strip-grid{padding-bottom:14px}.home-trust-strip .trust-strip-grid strong{padding:8px}.home-why-badge{max-width:none}.home-feature-list>div{grid-template-columns:38px 1fr}}


/* ===== v1.5.0 Blog & Artikel SEO ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.blog-hero-v150{position:relative;overflow:hidden}.blog-hero-v150:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(7,85,231,.13),transparent 68%);right:-120px;top:-180px;pointer-events:none}.blog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:end;gap:60px}.blog-hero-grid h1{max-width:900px}.blog-hero-grid>div:first-child>p{max-width:780px;color:var(--muted);font-size:17px}.blog-search{display:flex;gap:10px;max-width:720px;margin-top:27px;padding:8px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-sm)}.blog-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);padding:0 10px}.blog-hero-stat{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.blog-hero-stat>strong{grid-column:1/-1;font-size:58px;line-height:.95;color:var(--primary)}.blog-hero-stat>span{grid-column:1/-1;color:var(--muted);font-size:13px}.blog-hero-stat>div{padding-top:15px;border-top:1px solid var(--line)}.blog-hero-stat b,.blog-hero-stat small{display:block}.blog-hero-stat b{font-size:24px}.blog-hero-stat small{color:var(--muted);font-size:10px}.blog-hero-stat>a{align-self:end;color:var(--primary);font-size:12px;font-weight:800}.blog-category-strip{position:sticky;top:82px;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.blog-category-list{display:flex;gap:8px;overflow:auto;padding:13px 0;scrollbar-width:none}.blog-category-list::-webkit-scrollbar{display:none}.blog-category-list a{white-space:nowrap;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:750;color:var(--ink-2)}.blog-category-list a span{margin-left:5px;color:var(--muted)}.blog-category-list a:hover,.blog-category-list a.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.blog-category-list a.is-active span{color:#dce8ff}.featured-article-v150{grid-template-columns:1.08fr .92fr;padding:18px;gap:42px}.featured-article-v150 .featured-media{aspect-ratio:1.35}.featured-article-v150 .featured-media img{width:100%;height:100%;object-fit:cover}.featured-article-v150 h2{font-size:clamp(30px,3.5vw,46px)}.featured-article-v150 .hero-actions{align-items:center}.featured-article-v150 .hero-actions>span{color:var(--muted);font-size:12px}.article-grid-v150{align-items:stretch}.article-card-v150{display:flex;flex-direction:column;transition:.24s}.article-card-v150:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow)}.article-card-media{display:block;overflow:hidden;background:var(--surface-2);aspect-ratio:1.55}.article-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.article-card-v150:hover .article-card-media img{transform:scale(1.035)}.article-card-v150>div{display:flex;flex-direction:column;flex:1}.article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.article-card-meta>a{color:var(--primary);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.article-card-meta time{white-space:nowrap}.article-card-v150 h2{font-size:20px}.article-card-v150 h2 a:hover{color:var(--primary)}.article-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:11px}.article-card-footer span{color:var(--muted);font-weight:650;text-transform:none;letter-spacing:0}.article-card-footer a{font-weight:800!important}.blog-help-section{padding-top:0}.blog-help-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#061b3c,#0755e7);color:#fff}.blog-help-panel h2{font-size:clamp(30px,4vw,48px);line-height:1.13;margin:12px 0;max-width:780px}.blog-help-panel p{color:#d5e5ff;max-width:720px}.article-detail-hero{padding:76px 0 58px;background:linear-gradient(180deg,var(--bg-soft),var(--bg))}.article-detail-header{max-width:950px;text-align:center}.article-detail-header .breadcrumb{justify-content:center}.article-category-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--surface-2);color:var(--primary);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.article-detail-header h1{font-size:clamp(42px,6.2vw,78px);line-height:1.05;letter-spacing:-.035em;margin:20px 0}.article-deck{max-width:800px;margin:0 auto;color:var(--muted);font-size:clamp(17px,2vw,21px)}.article-byline{display:inline-flex;align-items:center;gap:12px;text-align:left;margin-top:28px}.author-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.article-byline strong,.article-byline span{display:block}.article-byline strong{font-size:13px}.article-byline span{font-size:11px;color:var(--muted);margin-top:2px}.article-cover-wrap{max-width:1220px}.article-cover{width:100%;max-height:690px;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.article-layout{display:grid;grid-template-columns:245px minmax(0,760px);justify-content:center;gap:70px;padding-top:70px;padding-bottom:85px}.article-sidebar{align-self:start;position:sticky;top:120px;display:grid;gap:16px}.article-toc,.article-share{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.article-toc>strong,.article-share>strong{display:block;font-size:12px;margin-bottom:11px}.article-toc nav{display:grid}.article-toc a{padding:8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.4}.article-toc a:hover{color:var(--primary)}.article-share{display:grid;gap:8px}.article-share a,.article-share button{border:0;background:var(--surface-2);color:var(--ink);border-radius:9px;padding:9px;text-align:center;font-size:11px;font-weight:750;cursor:pointer}.prose-v150{font-size:17px;color:var(--ink-2);line-height:1.9}.prose-v150 .article-intro{font-size:21px;line-height:1.75;color:var(--ink);font-weight:520;margin:0 0 45px;padding-bottom:35px;border-bottom:1px solid var(--line)}.prose-v150 section{scroll-margin-top:130px;margin-bottom:45px}.prose-v150 h2{font-size:clamp(28px,3.4vw,39px);line-height:1.2;color:var(--ink);margin:0 0 18px}.prose-v150 p{margin:0 0 18px}.prose-v150 ul{margin:15px 0 22px;padding-left:24px}.prose-v150 li{padding:4px 0}.article-callout{margin:26px 0;padding:21px 22px;border-left:4px solid var(--primary);border-radius:0 15px 15px 0;background:var(--surface-2)}.article-callout strong{display:block;color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.article-callout p{margin:6px 0 0}.article-table-wrap{overflow:auto;margin:25px 0;border:1px solid var(--line);border-radius:15px}.article-table-wrap table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.article-table-wrap th,.article-table-wrap td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.article-table-wrap th{background:var(--surface-2);color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.article-table-wrap tr:last-child td{border-bottom:0}.article-faq details{border-top:1px solid var(--line);padding:15px 0}.article-faq details:last-child{border-bottom:1px solid var(--line)}.article-faq summary{cursor:pointer;font-weight:750;color:var(--ink)}.article-faq details p{margin:10px 0 0;color:var(--muted)}.article-cta-inline{padding:32px!important;border-radius:var(--radius)!important;background:linear-gradient(135deg,#061b3c,#0755e7);color:#fff}.article-cta-inline h2{color:#fff;margin-top:12px}.article-cta-inline p{color:#d5e5ff}.article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:25px;border-top:1px solid var(--line)}.article-tags strong{font-size:12px}.article-tags span{padding:7px 10px;border-radius:999px;background:var(--surface-2);font-size:10px;color:var(--muted)}.related-articles-v150{border-top:1px solid var(--line)}
@media(max-width:980px){.blog-hero-grid{grid-template-columns:1fr}.blog-hero-stat{max-width:500px}.article-layout{grid-template-columns:minmax(0,760px)}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.article-toc nav{grid-template-columns:1fr 1fr;gap:0 18px}.blog-category-strip{top:72px}}
@media(max-width:820px){.blog-category-strip{top:72px}.featured-article-v150{grid-template-columns:1fr}.blog-help-panel{display:block}.blog-help-panel .btn{margin-top:18px}.article-detail-hero{padding-top:55px}.article-layout{padding-top:45px}.article-sidebar{grid-template-columns:1fr}.article-toc{display:none}.article-detail-header .breadcrumb{justify-content:flex-start;overflow:auto}.article-detail-header{text-align:left}.article-deck{margin:0}.article-byline{margin-left:0}}
@media(max-width:560px){.blog-search{display:grid}.blog-hero-stat{grid-template-columns:1fr 1fr}.blog-hero-stat>strong{font-size:48px}.blog-help-panel{padding:27px}.article-cover-wrap{width:94%}.article-cover{border-radius:20px}.article-layout{width:92%;padding-bottom:60px}.prose-v150{font-size:16px}.prose-v150 .article-intro{font-size:18px}.article-detail-header h1{font-size:42px}.article-cta-inline{padding:24px!important}.article-card-meta{align-items:flex-start;flex-direction:column;gap:3px}.featured-article-v150{padding:12px}.blog-featured-section{padding-top:42px}}

/* ===== v1.6.0 Form Leads & WhatsApp ===== */
.nav-consultation{display:none!important}.lead-hero{overflow:hidden;background:linear-gradient(135deg,var(--bg-soft),var(--bg))}.lead-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:center;gap:64px}.lead-hero h1{max-width:900px;font-size:clamp(44px,6vw,76px);line-height:1.05;letter-spacing:-.035em;margin:18px 0}.lead-hero p{max-width:760px;color:var(--muted);font-size:18px}.lead-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.lead-trust-row>div{padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.lead-trust-row strong,.lead-trust-row span{display:block}.lead-trust-row strong{color:var(--primary);font-size:12px}.lead-trust-row span{font-size:12px;font-weight:750;margin-top:5px}.lead-side-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.lead-side-card>span{display:block;color:var(--primary);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.lead-side-card ul{padding-left:21px;margin:20px 0}.lead-side-card li{padding:6px 0;color:var(--ink-2)}.lead-side-card p{padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.lead-form-section{padding-top:65px}.lead-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.lead-form-card{padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.lead-form-heading h2{font-size:36px;margin:10px 0 5px}.lead-form-heading p{color:var(--muted)}.lead-form{position:relative;margin-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:grid;gap:7px;font-size:13px;font-weight:750}.form-field-wide{grid-column:1/-1}.form-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.form-field b,.consent-field b{color:#d44343}.form-field em{font-style:normal;color:var(--muted);font-size:10px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:13px 14px;outline:0;transition:.18s}.form-field textarea{resize:vertical;min-height:135px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(7,85,231,.1)}.form-field.is-invalid input,.form-field.is-invalid select,.form-field.is-invalid textarea,.consent-field.is-invalid{border-color:#d44343}.field-error{display:block;color:#c73737;font-size:11px;font-weight:700}.field-hint{color:var(--muted);font-size:10px;font-weight:500}.form-alert{display:grid;gap:4px;padding:15px 17px;border-radius:13px;margin-bottom:20px}.form-alert.is-error{background:rgba(211,67,67,.09);border:1px solid rgba(211,67,67,.25);color:#b52e2e}.form-alert strong{font-size:13px}.form-alert span{font-size:12px}.lead-context{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;padding:13px 15px;border-radius:12px;background:var(--surface-2)}.lead-context span{color:var(--muted);font-size:11px}.lead-context strong{font-size:12px;text-align:right}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-method-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:19px 0;padding:0;border:0}.contact-method-field legend{width:100%;font-size:12px;font-weight:800;margin-bottom:5px}.contact-method-field label{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer;font-size:12px}.contact-method-field input{accent-color:var(--primary)}.consent-field{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px;border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:11px;line-height:1.5}.consent-field input{margin-top:3px;accent-color:var(--primary)}.consent-field a{color:var(--primary);text-decoration:underline}.consent-error{margin:0 0 8px 13px}.lead-form-actions{display:flex;align-items:stretch;gap:11px;margin-top:19px}.lead-form-actions button{display:grid;place-items:center;gap:2px;min-width:230px}.lead-form-actions button small{font-size:9px;font-weight:600;opacity:.82}.form-security-note{margin:14px 0 0;color:var(--muted);font-size:10px}.lead-process-card{position:sticky;top:110px;padding:28px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#061b3c,#0755e7);color:#fff}.lead-process-card ol{list-style:none;padding:0;margin:22px 0}.lead-process-card li{position:relative;padding:0 0 20px 38px}.lead-process-card li:before{content:counter(list-item);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:10px;font-weight:850}.lead-process-card b,.lead-process-card small{display:block}.lead-process-card b{font-size:13px}.lead-process-card small{color:#bdd3f7;font-size:10px;margin-top:4px;line-height:1.5}.lead-direct-wa{padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}.lead-direct-wa p{color:#cfe0f8;font-size:11px}.lead-direct-wa a{font-size:12px;font-weight:800}.lead-form-compact{margin-top:20px}.lead-form-compact .form-grid{grid-template-columns:1fr 1fr}.lead-form-compact .lead-form-actions{display:grid;grid-template-columns:1fr 1fr}.lead-form-compact .lead-form-actions button{min-width:0}.contact-form-card .lead-form{display:block;margin-top:22px}.contact-form-card .lead-form label{display:grid}.contact-full-form{display:inline-flex;margin-top:18px;color:var(--primary);font-size:12px;font-weight:800}.home-lead-section{background:linear-gradient(135deg,#061b3c,#0755e7);color:#fff}.home-lead-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.home-lead-copy{padding-top:25px}.home-lead-copy h2{font-size:clamp(34px,4.6vw,58px);line-height:1.1;margin:15px 0}.home-lead-copy p{color:#d0e0f8;font-size:16px}.home-lead-copy ul{padding-left:20px;color:#d9e7fb}.home-lead-copy li{padding:7px 0}.home-lead-form{padding:30px;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:0 25px 70px rgba(0,0,0,.2)}.success-section{min-height:70vh;display:grid;align-items:center;background:linear-gradient(180deg,var(--bg-soft),var(--bg))}.success-card{max-width:760px;text-align:center;padding:55px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.success-icon{width:74px;height:74px;margin:0 auto 22px;border-radius:24px;display:grid;place-items:center;background:rgba(24,166,106,.12);color:var(--success);font-size:34px;font-weight:900}.success-card h1{font-size:44px;margin:12px 0}.success-card>p{color:var(--muted)}.lead-code{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:27px auto 20px;padding:16px 18px;max-width:500px;border:1px dashed var(--line-strong);border-radius:15px;background:var(--surface-2);text-align:left}.lead-code span{grid-column:1/-1;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.lead-code strong{font-size:20px;letter-spacing:.035em}.lead-code button{border:0;background:var(--primary);color:#fff;border-radius:9px;padding:8px 11px;cursor:pointer}.success-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 25px;max-width:620px}.success-summary>div{padding:14px;border:1px solid var(--line);border-radius:12px}.success-summary dt{color:var(--muted);font-size:10px}.success-summary dd{margin:5px 0 0;font-size:12px;font-weight:800}.success-actions{display:flex;justify-content:center;gap:10px}.success-note{font-size:10px!important;margin-top:18px}.legal-content{max-width:900px}.legal-content section{padding:25px 0;border-bottom:1px solid var(--line)}.legal-content section:first-child{padding-top:0}.legal-content h2{font-size:27px;margin:0 0 10px}.legal-content p{color:var(--muted);line-height:1.8}.legal-content a{color:var(--primary)}.diagnostic-note{align-self:center;color:var(--muted);font-size:11px}.diagnostic-note code{color:var(--ink)}
@media(max-width:1050px){.lead-form-layout{grid-template-columns:1fr}.lead-process-card{position:static}.home-lead-layout{grid-template-columns:1fr}.home-lead-copy{padding-top:0}.lead-hero-grid{grid-template-columns:1fr}.lead-side-card{max-width:620px}}
@media(max-width:820px){.nav-consultation{display:block!important}.header-wa{display:none}.lead-trust-row{grid-template-columns:1fr}.lead-form-card{padding:25px}.form-grid,.lead-form-compact .form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}.lead-form-actions,.lead-form-compact .lead-form-actions{display:grid;grid-template-columns:1fr}.lead-form-actions button{min-width:0}.success-summary{grid-template-columns:1fr}.success-card{padding:35px 22px}.success-actions{display:grid}.home-lead-form{padding:22px}}
@media(max-width:560px){.lead-hero h1{font-size:43px}.lead-hero p{font-size:16px}.lead-side-card{padding:22px}.lead-form-card{padding:20px}.contact-method-field{display:grid;grid-template-columns:1fr 1fr}.contact-method-field legend{grid-column:1/-1}.success-card h1{font-size:34px}.lead-code{grid-template-columns:1fr}.lead-code button{width:100%}.home-lead-section{padding-top:55px;padding-bottom:55px}}

/* =========================================================
   v1.7.0 — Portofolio dan Area Layanan
   ========================================================= */
.demo-notice,.coverage-note{border-block:1px solid var(--line);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.demo-notice .container,.coverage-note .container{display:flex;align-items:flex-start;gap:14px;padding-block:15px;font-size:12px}.demo-notice strong,.coverage-note strong{white-space:nowrap;color:var(--primary)}.demo-notice span,.coverage-note span{color:var(--muted)}.demo-notice code{padding:2px 6px;border-radius:6px;background:var(--surface);color:var(--ink)}.inline-demo-note{margin:-8px 0 22px;padding:11px 14px;border-left:3px solid var(--primary);background:var(--surface-2);color:var(--muted);font-size:12px}.portfolio-hero-v170 .page-hero-grid,.area-index-hero .page-hero-grid,.area-detail-hero .page-hero-grid{grid-template-columns:1.05fr .95fr}.portfolio-hero-visual,.area-detail-visual{position:relative}.portfolio-hero-visual img,.area-index-hero img,.area-detail-visual>img{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.area-detail-visual>div{position:absolute;left:22px;bottom:22px;padding:14px 17px;border-radius:14px;background:color-mix(in srgb,var(--surface) 91%,transparent);border:1px solid var(--line);backdrop-filter:blur(12px)}.area-detail-visual strong,.area-detail-visual small{display:block}.area-detail-visual small{color:var(--muted);font-size:10px}.portfolio-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(160px,220px)) auto auto;gap:12px;align-items:end;margin-bottom:28px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.portfolio-toolbar h2{margin:4px 0 0;font-size:22px}.portfolio-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:750}.portfolio-toolbar select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink)}.portfolio-grid-v170{align-items:stretch}.portfolio-card-v170{display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.portfolio-card-v170:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:var(--shadow-sm)}.portfolio-card-v170>div:last-child{display:flex;flex-direction:column;flex:1}.portfolio-card-v170 .text-link{margin-top:auto}.portfolio-card-v170 .portfolio-media{position:relative;display:block}.portfolio-category-badge{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(6,27,60,.82);color:#fff!important;backdrop-filter:blur(8px)}.portfolio-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.portfolio-meta span,.portfolio-meta small{font-size:10px!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}.portfolio-detail-hero{padding-bottom:70px}.portfolio-detail-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.portfolio-detail-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.05;margin:15px 0}.portfolio-detail-hero p{color:var(--muted);font-size:17px}.portfolio-cover img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%}.portfolio-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portfolio-fact-grid>div{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.portfolio-fact-grid span,.portfolio-fact-grid strong{display:block}.portfolio-fact-grid span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.portfolio-fact-grid strong{margin-top:7px}.case-study-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.case-study-grid>article{padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.case-study-grid h2{font-size:27px;line-height:1.2}.case-study-grid p{color:var(--muted)}.case-step-list{list-style:none;padding:0;margin:24px 0 0}.case-step-list li{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.case-step-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--primary);font-size:10px;font-weight:850}.case-step-list p{margin:3px 0}.check-list-large{list-style:none;padding:0}.check-list-large li{position:relative;padding:11px 0 11px 29px;border-bottom:1px solid var(--line);color:var(--ink-2)}.check-list-large li:before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:900}.portfolio-gallery{display:grid;grid-template-columns:2fr 1fr;gap:16px}.portfolio-gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.portfolio-gallery figure:first-child{grid-row:span 2}.portfolio-gallery img{width:100%;height:100%;min-height:230px;object-fit:cover}.portfolio-gallery figcaption{padding:10px 13px;color:var(--muted);font-size:10px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.area-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.2s}.area-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.area-card-media{position:relative;display:block;aspect-ratio:1.65;background:var(--surface-2)}.area-card-media img{width:100%;height:100%;object-fit:cover}.area-card-media>span{position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(6,27,60,.8);color:#fff;font-size:9px;font-weight:800}.area-card-body{padding:20px}.area-card-body>small{color:var(--primary);font-size:10px;font-weight:800}.area-card h3{margin:6px 0;font-size:21px}.area-card p{color:var(--muted);font-size:13px}.area-card-links{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.area-card-links a{color:var(--primary);font-size:11px;font-weight:800}.area-count{padding:8px 12px;border-radius:999px;background:var(--surface-2);color:var(--primary);font-size:11px;font-weight:800}.area-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}.area-intro-grid h2{font-size:40px;line-height:1.15}.area-intro-grid>article>p{color:var(--muted);font-size:16px}.area-intro-grid>aside{padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.area-subarea-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.area-subarea-list span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px}.area-grid-compact{grid-template-columns:repeat(3,1fr)}.home-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.home-area-pill{position:relative;display:grid;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:.2s}.home-area-pill:hover{border-color:var(--primary);transform:translateY(-2px)}.home-area-pill span,.home-area-pill small{color:var(--muted);font-size:9px}.home-area-pill strong{font-size:20px;margin:4px 0}.home-area-pill b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--primary)}
@media (max-width:1100px){.portfolio-toolbar{grid-template-columns:1fr 1fr}.portfolio-toolbar>div{grid-column:1/-1}.area-grid{grid-template-columns:repeat(2,1fr)}.case-study-grid{grid-template-columns:1fr 1fr}.case-study-grid>article:last-child{grid-column:1/-1}.portfolio-detail-hero-grid{grid-template-columns:1fr}.portfolio-cover{max-width:800px}.home-area-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.demo-notice .container,.coverage-note .container{display:grid}.demo-notice strong,.coverage-note strong{white-space:normal}.portfolio-toolbar{grid-template-columns:1fr}.portfolio-toolbar>div{grid-column:auto}.portfolio-grid,.portfolio-grid-v170,.area-grid,.area-grid-compact,.home-area-grid,.portfolio-fact-grid,.case-study-grid,.portfolio-gallery,.area-intro-grid{grid-template-columns:1fr}.case-study-grid>article:last-child{grid-column:auto}.portfolio-gallery figure:first-child{grid-row:auto}.portfolio-detail-hero h1{font-size:38px}.portfolio-detail-hero-grid{gap:25px}.area-detail-visual>div{position:static;margin-top:10px}.area-intro-grid h2{font-size:32px}}

@media (min-width:821px) and (max-width:1160px){.header-inner{gap:12px}.brand img{width:158px}.nav{gap:1px}.nav a{font-size:12px;padding:8px 7px}.header-actions{gap:6px}.header-wa{padding-inline:12px}}

/* SEO diagnostics v1.8.0 */
.status-layout{display:grid;gap:24px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-card{display:flex;gap:14px;align-items:flex-start;padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.status-card>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-weight:900}.status-card.is-ok>span{background:rgba(24,166,106,.13);color:var(--success)}.status-card.is-warning>span{background:rgba(230,149,33,.16);color:var(--warning)}.status-card small,.status-card strong{display:block}.status-card small{color:var(--muted);font-size:11px;margin-bottom:5px}.status-card strong{font-size:14px;overflow-wrap:anywhere}.content-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.content-card h2{margin:10px 0 16px;font-size:26px}.content-card p{color:var(--muted)}.content-card pre{overflow:auto;padding:18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.content-card pre code{padding:0;background:transparent}.system-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.system-link-list a{padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--primary);font-size:13px;font-weight:750;overflow-wrap:anywhere}.system-link-list a:hover{background:var(--surface-2)}
@media(max-width:760px){.status-grid,.system-link-list{grid-template-columns:1fr}.content-card{padding:22px}}

/* =========================================================
   v1.9.0 - Aksesibilitas, fokus, performa, dan audit produksi
   ========================================================= */
:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 72%,white);outline-offset:3px}
:target{scroll-margin-top:110px}
img{content-visibility:auto}
button[aria-busy="true"]{cursor:wait;opacity:.78}
.production-score{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.production-score-ring{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--primary) 0%,var(--surface-2) 0);position:relative}
.production-score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface)}
.production-score-ring strong{position:relative;font-size:29px}.production-score h1{margin:5px 0 8px}.production-score p{margin:0;color:var(--muted)}
.audit-section{margin-top:28px}.audit-section>h2{font-size:24px}.audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.audit-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.audit-item>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:900}.audit-item.is-ok>span{background:rgba(24,166,106,.13);color:var(--success)}.audit-item.is-warning>span{background:rgba(230,149,33,.15);color:var(--warning)}.audit-item.is-fail>span{background:rgba(214,61,61,.13);color:#c93636}.audit-item strong,.audit-item small{display:block}.audit-item small{margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.audit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:760px){.production-score{grid-template-columns:1fr}.production-score-ring{width:92px;height:92px}.audit-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
@media print{.topbar,.site-header,.cta-band,.site-footer,.floating-wa,.hero-actions,.nav{display:none!important}body{background:#fff;color:#000}.section,.page-hero{padding-block:24px}.container{max-width:none}.reveal{opacity:1!important;transform:none!important}}

.production-score-ring.score-0{background:conic-gradient(var(--primary) 0%,var(--surface-2) 0)}.production-score-ring.score-5{background:conic-gradient(var(--primary) 5%,var(--surface-2) 0)}.production-score-ring.score-10{background:conic-gradient(var(--primary) 10%,var(--surface-2) 0)}.production-score-ring.score-15{background:conic-gradient(var(--primary) 15%,var(--surface-2) 0)}.production-score-ring.score-20{background:conic-gradient(var(--primary) 20%,var(--surface-2) 0)}.production-score-ring.score-25{background:conic-gradient(var(--primary) 25%,var(--surface-2) 0)}.production-score-ring.score-30{background:conic-gradient(var(--primary) 30%,var(--surface-2) 0)}.production-score-ring.score-35{background:conic-gradient(var(--primary) 35%,var(--surface-2) 0)}.production-score-ring.score-40{background:conic-gradient(var(--primary) 40%,var(--surface-2) 0)}.production-score-ring.score-45{background:conic-gradient(var(--primary) 45%,var(--surface-2) 0)}.production-score-ring.score-50{background:conic-gradient(var(--primary) 50%,var(--surface-2) 0)}.production-score-ring.score-55{background:conic-gradient(var(--primary) 55%,var(--surface-2) 0)}.production-score-ring.score-60{background:conic-gradient(var(--primary) 60%,var(--surface-2) 0)}.production-score-ring.score-65{background:conic-gradient(var(--primary) 65%,var(--surface-2) 0)}.production-score-ring.score-70{background:conic-gradient(var(--primary) 70%,var(--surface-2) 0)}.production-score-ring.score-75{background:conic-gradient(var(--primary) 75%,var(--surface-2) 0)}.production-score-ring.score-80{background:conic-gradient(var(--primary) 80%,var(--surface-2) 0)}.production-score-ring.score-85{background:conic-gradient(var(--primary) 85%,var(--surface-2) 0)}.production-score-ring.score-90{background:conic-gradient(var(--primary) 90%,var(--surface-2) 0)}.production-score-ring.score-95{background:conic-gradient(var(--primary) 95%,var(--surface-2) 0)}.production-score-ring.score-100{background:conic-gradient(var(--primary) 100%,var(--surface-2) 0)}


/* =========================================================
   v1.9.1 - CTA produk dan keranjang multi-produk
   ========================================================= */
.header-cart{position:relative;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:12px;font-weight:800;transition:.2s}.header-cart:hover,.header-cart.is-active{border-color:var(--primary);color:var(--primary);background:var(--surface-2)}.header-cart svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-count{position:absolute;right:-7px;top:-8px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:#e63b3b;color:#fff;font-size:9px;line-height:1}.cart-count[hidden]{display:none}.product-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px}.product-card-actions .btn{width:100%;min-height:40px;padding:8px 13px}.product-detail-link{padding:8px;color:var(--primary);font-size:12px;font-weight:800}.cart-add-button.is-added{background:linear-gradient(135deg,#11885b,#18a66a);box-shadow:0 12px 28px rgba(24,166,106,.22)}
.detail-cart-box{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;margin:22px 0 12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.detail-cart-box label{display:grid;gap:5px}.detail-cart-box label span{font-size:10px;font-weight:800;color:var(--muted)}.quantity-input,.cart-quantity-input{width:100%;min-height:47px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font-weight:800}.product-actions-secondary{margin-top:10px}.cart-hero .page-hero-grid{align-items:center}.cart-page{min-height:260px}.cart-loading{display:grid;place-items:center;gap:12px;padding:70px 20px;color:var(--muted)}.cart-spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:cart-spin .8s linear infinite}.cart-alert{padding:18px 20px;border:1px solid rgba(214,61,61,.35);border-radius:15px;background:rgba(214,61,61,.08);color:#b52d2d}.cart-empty{text-align:center;padding:48px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.cart-empty img{max-width:270px;margin:0 auto 20px}.cart-empty h2{margin-bottom:8px}.cart-empty p{max-width:620px;margin:0 auto 22px;color:var(--muted)}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cart-main{min-width:0}.cart-list-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.cart-list-heading h2{margin:5px 0 0}.text-button{appearance:none;border:0;background:transparent;color:var(--primary);padding:7px 0;font-weight:800;cursor:pointer}.text-button.is-danger{color:#c93636}.cart-items{display:grid;gap:13px;margin-bottom:20px}.cart-item{display:grid;grid-template-columns:110px minmax(0,1fr) 130px 145px;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.cart-item-media{overflow:hidden;border-radius:14px;background:var(--surface-2);aspect-ratio:1}.cart-item-media img{width:100%;height:100%;object-fit:contain}.cart-item-info{min-width:0}.cart-item-meta{color:var(--muted);font-size:10px;font-weight:750}.cart-item-info h3{margin:4px 0 8px;font-size:17px;line-height:1.3}.cart-item-info h3 a:hover{color:var(--primary)}.cart-stock{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(24,166,106,.12);color:var(--success);font-size:9px;font-weight:800}.cart-stock.is-out{background:rgba(214,61,61,.12);color:#c93636}.cart-item-controls{display:grid;gap:5px}.cart-quantity-label{display:grid;gap:4px}.cart-quantity-label span{font-size:9px;color:var(--muted);font-weight:800}.cart-item-price{text-align:right}.cart-item-price strong,.cart-item-price small{display:block}.cart-item-price strong{font-size:16px}.cart-item-price small{margin-top:4px;color:var(--muted);font-size:9px}.cart-item-unavailable{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.cart-item-unavailable p{margin:2px 0;color:var(--muted)}.cart-summary{position:sticky;top:110px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.cart-summary dl{margin:18px 0}.cart-summary dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-summary dt{color:var(--muted);font-size:12px}.cart-summary dd{margin:0;font-weight:850}.cart-summary .cart-total-row{padding-top:15px;border-bottom:0}.cart-summary .cart-total-row dd{font-size:21px;color:var(--primary)}.cart-summary-note,.cart-next-note{color:var(--muted);font-size:11px}.cart-whatsapp{width:100%;margin:8px 0}.cart-whatsapp[aria-disabled="true"]{pointer-events:none;opacity:.55}.cart-next-note{padding-top:14px;border-top:1px solid var(--line)}.cart-trust-strip{grid-template-columns:repeat(3,1fr)}.cart-toast-region{position:fixed;right:22px;bottom:92px;z-index:500;display:grid;gap:8px;max-width:min(370px,calc(100vw - 30px))}.cart-toast{transform:translateY(14px);opacity:0;padding:13px 16px;border-radius:13px;background:#0d2d58;color:#fff;box-shadow:0 18px 50px rgba(5,23,52,.22);font-size:12px;font-weight:750;transition:.22s}.cart-toast.is-visible{transform:none;opacity:1}.cart-toast.is-error{background:#a52e2e}@keyframes cart-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.header-cart-label{display:none}.cart-layout{grid-template-columns:minmax(0,1fr) 320px}.cart-item{grid-template-columns:90px minmax(0,1fr) 115px}.cart-item-price{grid-column:2/-1;text-align:left;display:flex;gap:8px;align-items:baseline}.cart-item-price small{margin:0}}
@media(max-width:820px){.header-wa{display:none}.header-cart{padding:8px}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:82px minmax(0,1fr)}.cart-item-controls{grid-column:1/2}.cart-item-price{grid-column:2/3}.cart-trust-strip{grid-template-columns:1fr}}
@media(max-width:560px){.header-inner{gap:8px}.header-actions{gap:5px}.header-cart,.icon-button,.nav-toggle{width:38px;height:38px;min-height:38px;padding:8px}.brand img{width:150px}.product-card-actions{grid-template-columns:1fr}.product-detail-link{text-align:center}.detail-cart-box{grid-template-columns:95px minmax(0,1fr)}.cart-item{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:13px}.cart-item-controls{grid-column:1/-1;grid-template-columns:105px auto;align-items:end}.cart-item-price{grid-column:1/-1}.cart-list-heading{align-items:start}.cart-list-heading .text-button{font-size:10px}.cart-toast-region{left:15px;right:15px;bottom:82px}.cart-toast{max-width:none}}
@media(prefers-reduced-motion:reduce){.cart-spinner{animation:none}.cart-toast{transition:none}}

/* =========================================================
   v1.9.2 - Permintaan pesanan dan pelacakan dasar
   ========================================================= */
.order-form{margin-top:42px;padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-sm)}
.order-form[hidden]{display:none!important}.order-form-heading{max-width:760px;margin-bottom:30px}.order-form-heading h2{margin:8px 0 10px}.form-section{padding:26px 0;border-top:1px solid var(--line)}.form-section h3,.fulfillment-fieldset legend{margin:0 0 18px;font-size:1.08rem;font-weight:800;color:var(--text)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field-wide{grid-column:1/-1}.form-field>span{font-weight:700;color:var(--text)}.form-field small{font-weight:500;color:var(--muted)}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:13px 14px;font:inherit;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.form-field.has-error input,.form-field.has-error textarea,.has-error .fulfillment-option{border-color:#c62828}.field-error{display:block;color:#b42318!important;font-size:.86rem}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.fulfillment-fieldset{border:0;margin:0;padding:26px 0;border-top:1px solid var(--line)}.fulfillment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fulfillment-option{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);cursor:pointer}.fulfillment-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.fulfillment-option input{margin-top:4px;accent-color:var(--primary)}.fulfillment-option span{display:flex;flex-direction:column;gap:4px}.fulfillment-option small{color:var(--muted);line-height:1.5}.fulfillment-panel[hidden]{display:none!important}.store-pickup-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);margin-bottom:18px}.store-pickup-card p{margin:6px 0}.store-pickup-card small{color:var(--muted)}
.consent-field{display:flex;align-items:flex-start;gap:10px;margin-top:18px}.consent-field input{margin-top:4px;accent-color:var(--primary)}.consent-field span{font-size:.92rem;color:var(--muted)}.order-submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid var(--line)}.order-submit-row p{margin:5px 0 0;color:var(--muted)}.order-submit-row button:disabled{opacity:.5;cursor:not-allowed}.cart-track-link{display:block;margin-top:14px;text-align:center}.form-alert-success{border-color:#8bd8aa;background:#effbf3;color:#176b36}
.order-success-card{max-width:880px}.order-code strong{font-size:clamp(1.25rem,3vw,1.8rem)}.order-success-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.tracking-link-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);text-align:left}.tracking-link-card span{grid-column:1/-1;font-size:.85rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tracking-link-card a{overflow-wrap:anywhere;font-weight:700}.tracking-link-card button{border:0;background:transparent;color:var(--primary);font-weight:800;cursor:pointer}
.tracking-hero{padding-bottom:36px}.tracking-status-card{padding:24px;border-radius:22px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.tracking-status-card span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.tracking-status-card strong{display:block;font-size:1.4rem;margin:8px 0}.tracking-status-card p{margin:0;color:var(--muted)}.tracking-status-card.is-cancelled{border-color:#e4a7a7;background:#fff3f3}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.tracking-main{display:grid;gap:24px}.tracking-panel{padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-xs)}.section-heading.compact{margin-bottom:20px}.section-heading.compact h2{margin:6px 0 0}.sticky-panel{position:sticky;top:100px}.tracking-summary{display:grid;gap:0;margin:18px 0}.tracking-summary>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.tracking-summary dt{color:var(--muted)}.tracking-summary dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}.btn-block{display:flex;width:100%;justify-content:center;margin-top:10px}.centered{display:block;text-align:center;margin-top:14px}
.order-timeline{list-style:none;padding:0;margin:0;display:grid;gap:0}.order-timeline li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:14px;min-height:72px}.order-timeline li:not(:last-child)::after{content:"";position:absolute;left:16px;top:30px;bottom:0;width:2px;background:var(--line)}.timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:transparent;font-weight:900}.order-timeline li.is-done .timeline-dot{background:var(--primary);border-color:var(--primary);color:#fff}.order-timeline li.is-active .timeline-dot{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 12%,transparent)}.order-timeline strong{display:block;margin-top:3px}.order-timeline small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.order-timeline li:not(.is-done):not(.is-active){opacity:.58}
.tracking-items{display:grid;gap:14px}.tracking-item{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px}.tracking-item-media img{width:78px;height:78px;object-fit:cover;border-radius:13px;background:var(--surface-soft)}.tracking-item span{font-size:.78rem;color:var(--muted)}.tracking-item h3{font-size:1rem;margin:4px 0}.tracking-item p{margin:0;color:var(--muted);font-size:.9rem}.tracking-item>strong{text-align:right}.tracking-total{display:grid;grid-template-columns:1fr auto;gap:5px 16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.tracking-total strong{font-size:1.25rem}.tracking-total small{grid-column:1/-1;color:var(--muted)}.status-history{display:grid;gap:14px}.status-history article{padding-left:18px;border-left:3px solid var(--line)}.status-history time{display:block;font-size:.78rem;color:var(--muted)}.status-history strong{display:block;margin:4px 0}.status-history p{margin:0;color:var(--muted)}
.lookup-card{max-width:620px;margin:auto;padding:clamp(24px,5vw,42px);border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;gap:18px}.lookup-card h1{margin:6px 0}.form-help{text-align:center;color:var(--muted);font-size:.88rem}.empty-state-card{padding:40px;border:1px solid var(--line);border-radius:26px;background:var(--surface);text-align:center}.empty-state-card h1,.empty-state-card h2{margin:8px 0 12px}
.admin-heading,.admin-order-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.admin-heading h1,.admin-order-title h2{margin:6px 0}.admin-orders-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}.admin-order-list,.admin-order-detail{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:22px}.admin-order-list{display:grid;gap:10px;max-height:76vh;overflow:auto;position:sticky;top:100px}.admin-order-list h2{font-size:1.05rem}.admin-order-link{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid var(--line);border-radius:14px;color:var(--text)}.admin-order-link:hover,.admin-order-link.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.admin-order-link span,.admin-order-link small{color:var(--muted)}.admin-order-products{display:grid;gap:8px;margin:20px 0}.admin-order-products>div{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.order-admin-form{display:grid;gap:18px;padding-top:20px;border-top:1px solid var(--line)}.diagnostic-grid{display:grid;gap:12px;margin:24px 0}.diagnostic-item{display:flex;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:14px}.diagnostic-item.is-ok{border-color:#8bd8aa}.diagnostic-item.is-warn{border-color:#e7c46c}.diagnostic-item.is-fail{border-color:#e4a7a7}

@media (max-width:900px){.tracking-layout,.admin-orders-layout{grid-template-columns:1fr}.sticky-panel,.admin-order-list{position:static;max-height:none}.order-success-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-order-list{order:2}.admin-order-detail{order:1}}
@media (max-width:680px){.form-grid,.fulfillment-options{grid-template-columns:1fr}.order-submit-row,.store-pickup-card,.admin-heading,.admin-order-title{align-items:stretch;flex-direction:column}.order-submit-row button{width:100%}.tracking-item{grid-template-columns:64px 1fr}.tracking-item-media img{width:64px;height:64px}.tracking-item>strong{grid-column:2;text-align:left}.tracking-summary>div{grid-template-columns:1fr}.tracking-summary dd{text-align:left}.tracking-link-card{grid-template-columns:1fr}.tracking-link-card button{text-align:left;padding:0}.order-success-summary{grid-template-columns:1fr}.admin-order-products>div{grid-template-columns:55px 1fr}.admin-order-products small{grid-column:2}.order-form{padding:22px 16px}.tracking-panel{padding:20px 16px}}

/* v1.9.3 - Tracking diagnostics */
.diagnostic-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.simple-table{display:grid;gap:0;border:1px solid var(--border);border-radius:16px;overflow:hidden}.simple-table>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;background:var(--surface);border-bottom:1px solid var(--border)}.simple-table>div:last-child{border-bottom:0}.simple-table span{overflow-wrap:anywhere}.compact-stats{margin:26px 0}.compact-stats article strong{font-size:clamp(1.35rem,2.6vw,2rem)}
@media(max-width:760px){.diagnostic-table-grid{grid-template-columns:1fr}.simple-table>div{align-items:flex-start}}


/* =========================================================
   v1.9.4 — premium trust, identity, testimonial and policies
   ========================================================= */
.trust-hero,.about-premium-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(44,197,255,.25),transparent 34%),linear-gradient(135deg,#04142e 0%,#082a62 55%,#0755e7 100%);color:#fff;padding:clamp(76px,10vw,132px) 0}.trust-hero:after,.about-premium-hero:after{content:"";position:absolute;inset:auto -10% -55% 35%;height:560px;border-radius:50%;background:rgba(255,255,255,.06);filter:blur(4px)}.trust-hero-grid,.about-premium-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:clamp(42px,7vw,92px);align-items:center}.trust-hero h1,.about-premium-hero h1{font-size:clamp(2.55rem,5vw,5.25rem);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:.5rem 0 1.35rem}.trust-hero p,.about-premium-hero p{font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.75;color:#d6e9ff;max-width:760px}.breadcrumb-light,.breadcrumb-light a{color:#b9d7ff}.btn-ghost-light{border:1px solid rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.trust-identity-card{background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.26);border-radius:30px;padding:32px;box-shadow:0 32px 80px rgba(0,0,0,.24);backdrop-filter:blur(20px)}.trust-verified-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:#0755e7;font-weight:900;letter-spacing:-.06em;font-size:1.25rem;box-shadow:0 14px 32px rgba(0,0,0,.18)}.trust-identity-card>small{display:block;margin:22px 0 5px;color:#a9d0ff;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800}.trust-identity-card h2{font-size:1.65rem;margin:0 0 22px}.trust-identity-card dl{margin:0}.trust-identity-card dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}.trust-identity-card dt{color:#a9d0ff;font-size:.82rem}.trust-identity-card dd{margin:0;font-weight:700;overflow-wrap:anywhere}.trust-identity-card a{color:#fff}.text-link-light{color:#fff!important}.trust-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-principle-card{position:relative;min-height:290px;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.trust-principle-card:before{content:"";position:absolute;width:130px;height:130px;right:-65px;bottom:-65px;border-radius:50%;background:linear-gradient(135deg,rgba(7,85,231,.14),transparent)}.trust-principle-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-weight:900}.trust-principle-card h3{font-size:1.35rem;margin:48px 0 12px}.trust-principle-card p{color:var(--text-muted);line-height:1.7}.trust-flow-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.trust-flow-layout h2{font-size:clamp(2rem,3.5vw,3.65rem);line-height:1.06;letter-spacing:-.04em}.trust-flow{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.trust-flow li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.trust-flow b{color:var(--primary);font-size:.82rem;letter-spacing:.12em}.trust-flow strong{display:block;font-size:1.15rem;margin-bottom:7px}.trust-flow span{color:var(--text-muted);line-height:1.65}.trust-policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-policy-card{display:flex;flex-direction:column;min-height:300px;padding:26px;border-radius:24px;background:linear-gradient(160deg,var(--surface),var(--surface-soft));border:1px solid var(--border);color:var(--text);transition:.25s ease}.trust-policy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(7,85,231,.35)}.trust-policy-card>span{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800;color:var(--primary)}.trust-policy-card h3{font-size:1.35rem;margin:32px 0 12px}.trust-policy-card p{color:var(--text-muted);line-height:1.7;flex:1}.trust-policy-card strong{color:var(--primary)}.trust-standard-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.trust-standard-layout>div:first-child h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em}.trust-standard-layout>div:first-child p{color:#bcd6f7;line-height:1.75}.trust-standard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trust-standard-grid article{padding:25px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.trust-standard-grid h3{color:#fff;margin:0 0 9px}.trust-standard-grid p{color:#bfd7f6;margin:0;line-height:1.65}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-grid-full{grid-template-columns:repeat(3,1fr)}.testimonial-card{padding:28px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.testimonial-stars{color:#f5a623;letter-spacing:.08em}.testimonial-card blockquote{margin:24px 0;font-size:1.12rem;line-height:1.75}.testimonial-card footer{display:flex;flex-direction:column;gap:3px}.testimonial-card footer span,.testimonial-card footer small{color:var(--text-muted)}.trust-empty-testimonial,.trust-empty-state{padding:34px;border:1px dashed rgba(7,85,231,.4);border-radius:24px;background:var(--primary-soft)}.trust-empty-testimonial code,.trust-empty-state code{padding:.15rem .4rem;border-radius:7px;background:var(--surface)}.home-trust-premium{background:radial-gradient(circle at 12% 15%,rgba(36,199,255,.2),transparent 32%),linear-gradient(135deg,#04142e,#0755e7);color:#fff}.home-trust-premium-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.home-trust-premium-copy h2{font-size:clamp(2.25rem,4vw,4.2rem);letter-spacing:-.05em;line-height:1.05}.home-trust-premium-copy p{color:#c6ddfa;line-height:1.75}.home-trust-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-trust-proof-grid article{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:23px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.home-trust-proof-grid>article>span{font-size:.72rem;color:#8fdcff;font-weight:900}.home-trust-proof-grid h3{color:#fff;font-size:1.05rem;margin:0 0 7px}.home-trust-proof-grid p{color:#bed7f5;line-height:1.55;font-size:.9rem;margin:0}.about-premium-visual{position:relative}.about-premium-visual img{display:block;width:100%;filter:drop-shadow(0 30px 55px rgba(0,0,0,.28))}.about-premium-visual>div{position:absolute;left:5%;bottom:8%;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.9);color:#09204b;box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.about-premium-visual strong,.about-premium-visual span{display:block}.about-premium-visual span{font-size:.82rem;color:#52647c}.about-story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.about-story-grid h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em}.about-story-grid p{font-size:1.08rem;line-height:1.85;color:var(--text-muted)}.premium-values{margin-top:60px}.about-identity-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.about-identity-list{margin:0;border-top:1px solid var(--border)}.about-identity-list div{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--border)}.about-identity-list dt{color:var(--text-muted)}.about-identity-list dd{margin:0;font-weight:700}.contact-map-link,.contact-trust-link{display:block;margin-top:18px;color:#fff;font-weight:700}.contact-trust-link{color:#b9dcff}.footer-bottom>div{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1050px){.trust-hero-grid,.about-premium-grid,.trust-flow-layout,.trust-standard-layout,.home-trust-premium-grid,.about-story-grid,.about-identity-layout{grid-template-columns:1fr}.trust-principle-grid,.trust-policy-grid{grid-template-columns:1fr 1fr}.trust-identity-card{max-width:680px}.about-premium-visual{max-width:660px}.home-trust-proof-grid{max-width:780px}}
@media(max-width:720px){.trust-hero,.about-premium-hero{padding:64px 0}.trust-hero h1,.about-premium-hero h1{font-size:2.5rem}.trust-identity-card{padding:24px}.trust-identity-card dl div{grid-template-columns:1fr;gap:5px}.trust-principle-grid,.trust-policy-grid,.trust-standard-grid,.testimonial-grid,.testimonial-grid-full,.home-trust-proof-grid{grid-template-columns:1fr}.trust-principle-card{min-height:auto}.trust-flow li{grid-template-columns:46px 1fr}.about-identity-list div{grid-template-columns:1fr;gap:5px}.footer-bottom>div{justify-content:flex-start}}

/* =========================================================
   v2.1.0 — SEO category, brand, buying guide and catalog hubs
   ========================================================= */
.catalog-seo-hero,.guide-hub-hero{position:relative;overflow:hidden;padding:clamp(76px,10vw,132px) 0;background:radial-gradient(circle at 82% 15%,rgba(62,218,255,.26),transparent 30%),linear-gradient(135deg,#04142e 0%,#08306c 55%,#0755e7 100%);color:#fff}.brand-seo-hero{background:radial-gradient(circle at 15% 12%,rgba(81,225,255,.2),transparent 32%),linear-gradient(135deg,#071429,#124c91)}.catalog-seo-hero-grid,.guide-hub-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(42px,7vw,88px);align-items:center}.catalog-seo-hero h1,.guide-hub-hero h1{font-size:clamp(2.55rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:.55rem 0 1.35rem}.catalog-seo-hero p,.guide-hub-hero p{max-width:760px;color:#d5e8ff;font-size:clamp(1.03rem,1.5vw,1.24rem);line-height:1.75}.catalog-seo-summary,.guide-hub-grid>aside{padding:30px;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:rgba(255,255,255,.1);box-shadow:0 28px 72px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.catalog-seo-summary>span,.guide-hub-grid>aside>span{display:block;text-transform:uppercase;letter-spacing:.14em;color:#a9d6ff;font-size:.72rem;font-weight:850}.catalog-seo-summary>strong,.guide-hub-grid>aside>strong{display:block;font-size:clamp(3rem,6vw,5.2rem);line-height:1;margin:18px 0 6px;letter-spacing:-.06em}.catalog-seo-summary>small{color:#cbe0ff}.catalog-seo-summary>div{display:flex;gap:10px;align-items:baseline;margin:23px 0;padding:18px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.catalog-seo-summary>div b{font-size:1.7rem}.catalog-seo-summary>div small{color:#cbe0ff}.catalog-seo-summary p,.guide-hub-grid>aside p{font-size:.94rem;color:#c7ddfa;margin:20px 0 0}.buying-point-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.buying-point-grid article{min-height:210px;padding:25px;border:1px solid var(--border);border-radius:23px;background:var(--surface);box-shadow:var(--shadow-sm)}.buying-point-grid article span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-weight:900}.buying-point-grid article p{margin:44px 0 0;color:var(--text-muted);font-weight:650;line-height:1.65}.seo-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seo-link-grid a{display:grid;grid-template-columns:1fr auto;gap:7px 15px;padding:22px;border:1px solid var(--border);border-radius:19px;background:var(--surface);transition:.22s}.seo-link-grid a:hover{transform:translateY(-4px);border-color:rgba(7,85,231,.42);box-shadow:var(--shadow-md)}.seo-link-grid strong{font-size:1.05rem}.seo-link-grid span{grid-column:1;color:var(--text-muted);font-size:.86rem}.seo-link-grid b{grid-column:2;grid-row:1/3;align-self:center;color:var(--primary);font-size:1.25rem}.catalog-hub-hero{padding:86px 0 66px;background:linear-gradient(180deg,var(--primary-soft),transparent)}.catalog-hub-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.052em;margin:.6rem 0 1.25rem}.catalog-hub-hero p{font-size:1.12rem;color:var(--text-muted)}.category-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-hub-card,.brand-hub-card{display:flex;flex-direction:column;min-height:330px;padding:27px;border:1px solid var(--border);border-radius:25px;background:linear-gradient(155deg,var(--surface),var(--surface-soft));transition:.25s}.category-hub-card:hover,.brand-hub-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:rgba(7,85,231,.36)}.category-hub-card>span{font-size:.75rem;letter-spacing:.14em;color:var(--primary);font-weight:900}.category-hub-card h2,.brand-hub-card h2{font-size:1.45rem;margin:42px 0 12px}.category-hub-card p,.brand-hub-card p{color:var(--text-muted);line-height:1.7;flex:1}.category-hub-card footer,.brand-hub-card footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.category-hub-card footer b,.brand-hub-card footer b{color:var(--primary)}.brand-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-hub-card{min-height:320px}.brand-hub-card>div{width:62px;height:62px;border-radius:18px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900;font-size:1.15rem}.brand-hub-card>div img{max-width:46px;max-height:42px;object-fit:contain}.brand-hub-card h2{margin-top:26px}.catalog-hub-cta{display:flex;align-items:center;justify-content:space-between;gap:50px}.catalog-hub-cta h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.06;letter-spacing:-.045em;margin:.6rem 0}.catalog-hub-cta p{color:#bad4f3}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid-full{grid-template-columns:repeat(3,1fr)}.guide-card{overflow:hidden;border:1px solid var(--border);border-radius:25px;background:var(--surface);box-shadow:var(--shadow-sm);transition:.25s}.guide-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}.guide-card-media{display:block;aspect-ratio:1.55/1;overflow:hidden;background:var(--surface-soft)}.guide-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.guide-card:hover .guide-card-media img{transform:scale(1.035)}.guide-card-body{padding:24px}.guide-card-body>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.guide-card-body h3{font-size:1.3rem;line-height:1.3;margin:18px 0 11px}.guide-card-body p{color:var(--text-muted);line-height:1.65}.guide-card-body>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:17px;border-top:1px solid var(--border)}.guide-card-body>div small{color:var(--text-muted)}.guide-card-body>div a{color:var(--primary);font-weight:800}.catalog-process-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.catalog-process-grid h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.045em}.catalog-process-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.catalog-process-grid li{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--border)}.catalog-process-grid li>b{color:var(--primary);font-size:.8rem;letter-spacing:.12em}.catalog-process-grid li strong,.catalog-process-grid li span{display:block}.catalog-process-grid li span{color:var(--text-muted);margin-top:5px}.guide-detail-hero{background:radial-gradient(circle at 80% 10%,rgba(57,216,255,.2),transparent 30%),linear-gradient(135deg,#04142e,#0755e7);color:#fff}.guide-detail-hero .article-deck,.guide-detail-hero .article-byline span{color:#d1e4fc}.guide-side-action{margin-top:18px;padding:20px;border-radius:17px;background:var(--primary-soft)}.guide-side-action strong{display:block;font-size:1rem}.guide-side-action p{font-size:.86rem;color:var(--text-muted)}
@media(max-width:1100px){.buying-point-grid,.seo-link-grid{grid-template-columns:repeat(2,1fr)}.brand-hub-grid{grid-template-columns:repeat(3,1fr)}.category-hub-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.catalog-seo-hero-grid,.guide-hub-grid,.catalog-process-grid{grid-template-columns:1fr}.catalog-seo-summary,.guide-hub-grid>aside{max-width:520px}.catalog-hub-cta{align-items:flex-start;flex-direction:column}.brand-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.catalog-seo-hero,.guide-hub-hero{padding:64px 0}.catalog-seo-hero h1,.guide-hub-hero h1{font-size:2.6rem}.buying-point-grid,.seo-link-grid,.category-hub-grid,.brand-hub-grid,.guide-grid{grid-template-columns:1fr}.buying-point-grid article{min-height:170px}.category-hub-card,.brand-hub-card{min-height:285px}.catalog-seo-summary>strong,.guide-hub-grid>aside>strong{font-size:3.6rem}}
.product-guide-link{display:grid;grid-template-columns:1fr minmax(280px,.55fr);gap:54px;align-items:center}.product-guide-link h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.08;letter-spacing:-.04em}.product-guide-link p{color:var(--text-muted);max-width:680px}.product-guide-link img{width:100%;max-height:330px;object-fit:cover;border-radius:24px;background:var(--surface)}@media(max-width:760px){.product-guide-link{grid-template-columns:1fr}.product-guide-link img{order:-1}}

/* =========================================================
   v2.2.0 - Landing page jasa per wilayah
   ========================================================= */
.local-service-hub-hero,
.local-service-detail-hero {
    overflow: hidden;
}
.local-service-hub-visual,
.local-service-visual {
    position: relative;
    min-height: 420px;
    display: grid;
    place-items: center;
}
.local-service-hub-visual img,
.local-service-visual img {
    width: min(100%, 680px);
    height: auto;
    filter: drop-shadow(0 28px 55px rgba(5, 39, 88, .18));
}
.local-service-hub-stat {
    position: absolute;
    right: 2%;
    bottom: 4%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border: 1px solid var(--border-color);
    border-radius: 18px;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(16px);
}
.local-service-hub-stat strong { color: var(--heading-color); }
.local-service-hub-stat span { color: var(--primary); font-weight: 800; }
.local-service-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.local-service-matrix-card {
    padding: 28px;
    border: 1px solid var(--border-color);
    border-radius: 24px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}
.local-service-matrix-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}
.local-service-matrix-head h3 { margin: 3px 0 0; }
.local-service-matrix-head small { color: var(--muted); }
.local-service-city-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 20px;
}
.local-service-city-links a,
.local-service-city-grid a,
.local-service-nearby-grid a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    color: var(--heading-color);
    background: var(--surface-soft);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.local-service-city-links a:hover,
.local-service-city-grid a:hover,
.local-service-nearby-grid a:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--primary) 55%, var(--border-color));
    background: var(--surface);
}
.local-service-city-links a span,
.local-service-city-grid a span,
.local-service-nearby-grid a span { color: var(--primary); font-weight: 900; }
.local-service-area-overview { border-top: 1px solid var(--border-color); }
.local-service-location-card {
    position: absolute;
    left: 2%;
    bottom: 4%;
    display: flex;
    gap: 14px;
    align-items: center;
    min-width: 250px;
    padding: 16px 18px;
    border: 1px solid var(--border-color);
    border-radius: 18px;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(16px);
}
.local-service-location-card > span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #fff;
    background: var(--primary);
    font-weight: 800;
}
.local-service-location-card div { display: grid; gap: 2px; }
.local-service-location-card small,
.local-service-location-card em { color: var(--muted); font-size: .82rem; font-style: normal; }
.local-service-intro-grid,
.local-service-priority-layout,
.local-service-area-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: start;
}
.local-service-intro-grid article p { font-size: 1.05rem; line-height: 1.85; }
.local-service-property-card,
.local-service-data-card {
    padding: 28px;
    border: 1px solid var(--border-color);
    border-radius: 24px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}
.local-service-property-card ul,
.local-service-priority-panel ul {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 20px 0;
    list-style: none;
}
.local-service-property-card li,
.local-service-priority-panel li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.local-service-property-card li span,
.local-service-priority-panel li span { color: var(--primary); font-weight: 900; }
.local-service-check-grid,
.local-service-factor-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.local-service-priority-panel {
    padding: 34px;
    border-radius: 28px;
    color: rgba(255,255,255,.88);
    background: linear-gradient(145deg, #052858, #0871e9);
    box-shadow: var(--shadow-lg);
}
.local-service-priority-panel h2,
.local-service-priority-panel strong { color: #fff; }
.local-service-priority-panel li span { color: #8ed8ff; }
.local-service-scope-list { display: grid; gap: 14px; margin-top: 24px; }
.local-service-scope-list > div {
    padding: 18px 20px;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: var(--surface);
}
.local-service-scope-list p { margin: 6px 0 0; }
.local-service-factor-card {
    padding: 24px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 20px;
    background: rgba(255,255,255,.07);
}
.local-service-factor-card > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin-bottom: 18px;
    border-radius: 12px;
    color: #041e42;
    background: #b9e8ff;
    font-weight: 900;
}
.local-service-factor-card h3 { color: #fff; }
.local-service-factor-card p { color: rgba(255,255,255,.72); }
.local-service-data-card ol { display: grid; gap: 12px; padding: 0; margin: 22px 0 0; list-style: none; }
.local-service-data-card li { display: flex; align-items: center; gap: 13px; }
.local-service-data-card b {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    color: #fff;
    background: var(--primary);
}
.local-service-product-bridge { padding-top: 0; }
.local-service-city-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.local-service-city-grid a { display: grid; align-content: space-between; min-height: 112px; }
.local-service-city-grid small,
.local-service-nearby-grid small { color: var(--muted); }
.local-service-nearby-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.local-service-nearby-grid a { display: grid; min-height: 112px; }
.local-service-promo-inner,
.split-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.local-service-promo-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    min-width: min(100%, 420px);
    gap: 12px;
}
.local-service-promo-stats span {
    display: grid;
    gap: 4px;
    padding: 22px 16px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 18px;
    background: var(--surface);
}
.local-service-promo-stats strong { font-size: 1.65rem; color: var(--primary); }
.local-service-promo-stats small { color: var(--muted); }

@media (max-width: 1100px) {
    .local-service-check-grid,
    .local-service-factor-grid,
    .local-service-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .local-service-intro-grid,
    .local-service-priority-layout,
    .local-service-area-grid { grid-template-columns: 1fr; }
    .local-service-promo-inner,
    .split-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 760px) {
    .local-service-matrix,
    .local-service-check-grid,
    .local-service-factor-grid,
    .local-service-city-grid,
    .local-service-nearby-grid { grid-template-columns: 1fr; }
    .local-service-city-links { grid-template-columns: 1fr; }
    .local-service-hub-visual,
    .local-service-visual { min-height: 300px; }
    .local-service-hub-stat,
    .local-service-location-card { position: relative; right: auto; left: auto; bottom: auto; margin-top: -26px; }
    .local-service-promo-stats { width: 100%; grid-template-columns: 1fr; }
}

/* =========================================================
   v2.3.0 — Perbandingan produk dan kalkulator kebutuhan
   ========================================================= */
.header-compare,
.header-cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    color: var(--heading-color);
    background: var(--surface);
    font-size: .82rem;
    font-weight: 750;
}
.header-compare svg,
.header-cart svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.header-compare:hover,
.header-cart:hover,
.header-compare.active,
.header-cart.active { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 48%, var(--border-color)); }
.compare-count,
.cart-count { position: absolute; top: -7px; right: -7px; display: grid; place-items: center; min-width: 21px; height: 21px; padding: 0 5px; border: 2px solid var(--surface); border-radius: 999px; color: #fff; background: #ef4444; font-size: .68rem; font-weight: 900; }
.product-compare-link { appearance: none; padding: 0; border: 0; color: var(--muted); background: transparent; font: inherit; font-size: .82rem; font-weight: 750; cursor: pointer; }
.product-compare-link:hover,
.product-compare-link.is-selected { color: var(--primary); }
.tool-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); align-items: center; gap: clamp(30px, 6vw, 84px); }
.tool-hero-grid > img { width: 100%; max-height: 430px; object-fit: contain; }
.tool-hub-hero { overflow: hidden; }
.tool-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tool-card-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tool-card { overflow: hidden; display: grid; border: 1px solid var(--border-color); border-radius: 26px; background: var(--surface); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.tool-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--primary) 42%, var(--border-color)); box-shadow: var(--shadow-md); }
.tool-card img { width: 100%; height: 210px; padding: 24px; object-fit: contain; background: linear-gradient(145deg, var(--surface-soft), color-mix(in srgb, var(--primary) 7%, var(--surface))); }
.tool-card > div { display: grid; align-content: start; gap: 12px; padding: 26px; }
.tool-card h3 { margin: 0; }
.tool-card p { margin: 0; }
.tool-loading { display: grid; place-items: center; gap: 12px; min-height: 220px; text-align: center; }
.tool-loading span { width: 38px; height: 38px; border: 4px solid var(--border-color); border-top-color: var(--primary); border-radius: 50%; animation: spin .8s linear infinite; }
.compare-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.compare-toolbar h2 { margin: 4px 0 0; }
.compare-toolbar-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.compare-empty img { max-width: 310px; }
.compare-table-wrap { overflow-x: auto; border: 1px solid var(--border-color); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow-sm); }
.compare-table { min-width: 900px; }
.compare-row { display: grid; grid-template-columns: 175px repeat(var(--compare-columns, 4), minmax(210px, 1fr)); border-bottom: 1px solid var(--border-color); }
.compare-row:last-child { border-bottom: 0; }
.compare-row-label,
.compare-cell { padding: 18px 20px; border-right: 1px solid var(--border-color); line-height: 1.55; }
.compare-row-label { position: sticky; left: 0; z-index: 2; color: var(--heading-color); background: var(--surface-soft); font-weight: 800; }
.compare-cell:last-child { border-right: 0; }
.compare-highlight-row .compare-cell { color: var(--primary); font-weight: 800; }
.compare-product-row { align-items: stretch; }
.compare-product-row .compare-row-label { display: flex; align-items: center; }
.compare-product-card { position: relative; display: grid; align-content: start; gap: 12px; padding: 20px; border-right: 1px solid var(--border-color); }
.compare-product-card:last-child { border-right: 0; }
.compare-product-card h3 { margin: 0; font-size: 1.02rem; line-height: 1.42; }
.compare-product-image { display: block; overflow: hidden; border-radius: 16px; background: var(--surface-soft); }
.compare-product-image img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.compare-remove { position: absolute; top: 10px; right: 10px; z-index: 2; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--border-color); border-radius: 50%; color: var(--muted); background: var(--surface); font-size: 1.2rem; cursor: pointer; }
.compare-remove:hover { color: #dc2626; border-color: #fca5a5; }
.compare-price { color: var(--primary); font-size: 1.08rem; }
.compare-footnote { margin-top: 18px; padding: 18px 20px; border-radius: 16px; color: var(--muted); background: var(--surface-soft); }
.calculator-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.calculator-panel,
.calculator-guide-card { border: 1px solid var(--border-color); border-radius: 28px; background: var(--surface); box-shadow: var(--shadow-sm); }
.calculator-panel { padding: clamp(24px, 4vw, 42px); }
.calculator-guide-card { position: sticky; top: 110px; padding: 30px; }
.calculator-panel-head { margin-bottom: 24px; }
.calculator-panel-head h2 { margin: 5px 0 8px; }
.calculator-form { display: grid; gap: 20px; }
.calculator-form label { display: grid; gap: 8px; color: var(--heading-color); font-weight: 750; }
.calculator-form input,
.calculator-form select { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid var(--border-color); border-radius: 13px; color: var(--text-color); background: var(--surface); font: inherit; }
.calculator-form input:focus,
.calculator-form select:focus { outline: 3px solid color-mix(in srgb, var(--primary) 18%, transparent); border-color: var(--primary); }
.calculator-result { margin-top: 28px; padding: 26px; border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--border-color)); border-radius: 22px; background: color-mix(in srgb, var(--primary) 6%, var(--surface)); }
.calculator-result-number { display: block; margin: 7px 0 14px; color: var(--primary); font-size: clamp(2rem, 6vw, 3.35rem); line-height: 1; }
.calculator-result-list { display: grid; gap: 9px; padding-left: 20px; }
.calculator-result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 12px; }
.calculator-result > small { color: var(--muted); }
.calculator-guide-card ol { display: grid; gap: 18px; padding: 0; margin: 24px 0; list-style: none; }
.calculator-guide-card li { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; }
.calculator-guide-card b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #fff; background: var(--primary); }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 1180px) {
    .header-compare-label,
    .header-cart-label { display: none; }
    .header-compare,
    .header-cart { width: 42px; justify-content: center; padding: 0; }
}
@media (max-width: 980px) {
    .tool-hero-grid,
    .calculator-layout { grid-template-columns: 1fr; }
    .tool-hero-grid > img { max-height: 340px; }
    .calculator-guide-card { position: static; }
    .tool-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .tool-card-grid,
    .tool-card-grid.compact { grid-template-columns: 1fr; }
    .compare-toolbar { align-items: flex-start; flex-direction: column; }
    .compare-row { grid-template-columns: 130px repeat(var(--compare-columns, 4), 190px); }
    .compare-row-label,
    .compare-cell { padding: 15px 14px; }
    .calculator-result-actions { align-items: stretch; flex-direction: column; }
    .calculator-result-actions .btn { width: 100%; }
}
:root { --border-color:var(--line); --heading-color:var(--ink); --text-color:var(--ink-2); --surface-soft:var(--surface-2); --shadow-md:var(--shadow-sm); --shadow-lg:var(--shadow); }
.product-card-actions { grid-template-columns:minmax(0,1fr) auto auto; }
@media(max-width:560px){.product-card-actions{grid-template-columns:1fr 1fr}.product-card-actions .cart-add-button{grid-column:1/-1}.product-detail-link,.product-compare-link{text-align:center;padding:9px}}

/* =========================================================
   v2.4.0 — CRM website internal
   ========================================================= */
.crm-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 22px}.crm-metrics>div{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.crm-metrics span{display:block;color:var(--muted);font-size:.82rem}.crm-metrics strong{display:block;margin-top:7px;font-size:1.35rem}.crm-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;gap:12px;align-items:end}.crm-filter label{display:grid;gap:7px}.crm-filter label span{font-size:.78rem;font-weight:700;color:var(--muted)}.crm-filter select,.crm-filter input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px}.crm-list-badges{display:flex;flex-wrap:wrap;gap:6px}.crm-source,.crm-priority{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em;background:var(--surface-alt);color:var(--muted)}.crm-priority.priority-high,.crm-priority.priority-urgent{background:#fff0eb;color:#b83f1f}.crm-priority.priority-low{background:#edf7ff;color:#21628d}.crm-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.crm-contact-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.crm-contact-card>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-alt)}.crm-contact-card span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:5px}.crm-contact-card strong{font-size:.92rem;word-break:break-word}.crm-activities{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.crm-activities h3{margin-bottom:14px}.crm-activities article{padding:14px 0;border-bottom:1px solid var(--line)}.crm-activities article>div{display:flex;justify-content:space-between;gap:18px}.crm-activities time,.crm-activities small{color:var(--muted);font-size:.76rem}.crm-activities p{margin:8px 0;color:var(--text);line-height:1.65}.crm-admin-form .form-check{margin:0}.crm-opportunity-list{max-height:78vh}
@media (max-width:1100px){.crm-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-contact-card{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.crm-metrics,.crm-filter,.crm-contact-card{grid-template-columns:1fr}.crm-actions{justify-content:flex-start}.crm-activities article>div{display:grid;gap:4px}.crm-metrics strong{font-size:1.18rem}}