:root{--ws-blue:#1764f5;--ws-navy:#0b2547;--ws-ink:#162b46;--ws-muted:#5c718a;--ws-surface:#f3f7fd;--ws-stroke:#e0e9f5;--ws-radius:20px;--ws-shadow:0 18px 45px rgba(13,39,82,.09)}
.ws-main{background:#fff;color:var(--ws-ink);overflow:hidden}.ws-main *{box-sizing:border-box}.ws-main p{color:var(--ws-muted);line-height:1.72}.ws-main h1,.ws-main h2,.ws-main h3{color:var(--ws-ink);line-height:1.17;letter-spacing:-.037em;font-weight:800}.ws-main h1{font-size:clamp(2.5rem,4.7vw,4.7rem);max-width:820px}.ws-main h2{font-size:clamp(2rem,3.5vw,3.05rem)}.ws-main h3{font-size:1.18rem;letter-spacing:-.018em}.ws-page-article{max-width:none!important;margin:0!important;padding:0!important}.ws-page-article>.wp-block-group{margin-top:0!important;margin-bottom:0!important}.ws-section{padding:92px 22px}.ws-container{max-width:1160px;margin:0 auto}.ws-section .wp-block-columns{margin-bottom:0;align-items:stretch;gap:20px}.ws-section .wp-block-columns>.wp-block-column{min-width:0}.ws-section-white{background:#fff}.ws-soft{background:var(--ws-surface)}.ws-kicker{font-size:.75rem!important;font-weight:800;letter-spacing:.15em;color:var(--ws-blue)!important;margin-bottom:14px!important;text-transform:uppercase}.ws-section-intro{max-width:720px;font-size:1.05rem;margin-top:0;margin-bottom:34px}.ws-section h2{margin-bottom:14px}.ws-lead{font-size:1.15rem;max-width:690px;line-height:1.75!important}.ws-actions{margin-top:27px;gap:12px}.ws-actions .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:13px 23px;background:var(--ws-blue);color:#fff!important;border-radius:10px;font-size:.93rem;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s}.ws-actions .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(23,100,245,.22)}.ws-outline-btn .wp-block-button__link{background:#fff;border:1px solid var(--ws-stroke);color:var(--ws-navy)!important;box-shadow:none}.ws-hero{background:radial-gradient(ellipse at 84% 30%,rgba(30,106,215,.36),transparent 42%),linear-gradient(120deg,#071a32,var(--ws-navy));padding-top:112px;padding-bottom:112px}.ws-hero .ws-kicker,.ws-page-hero .ws-kicker{color:#84b5ff!important}.ws-hero h1,.ws-page-hero h1{color:#fff}.ws-hero p,.ws-page-hero p{color:#d7e4f4}.ws-hero-grid{align-items:center!important;gap:52px!important}.ws-hero .ws-lead{max-width:600px}.ws-hero .ws-outline-btn .wp-block-button__link,.ws-page-hero .ws-outline-btn .wp-block-button__link{background:transparent;color:#fff!important;border-color:#5b789f}.ws-display{background:linear-gradient(147deg,#e8f3ff,#fff);border-radius:22px;padding:18px;transform:rotate(2deg);box-shadow:0 36px 65px #020d2291;min-height:390px;border:7px solid #d6e6fc}.ws-display-top{font-size:.7rem;font-weight:850;color:#173d70!important;letter-spacing:.15em}.ws-display-window{background:#fff;border:1px solid #dbe6f4;border-radius:15px;padding:34px 25px;min-height:240px;position:relative;overflow:hidden}.ws-display-window:after{content:'';display:block;width:90%;height:115px;margin-top:35px;background:linear-gradient(to top,transparent 26%,#d8e7fa 27%,#d8e7fa 28%,transparent 29%),linear-gradient(125deg,transparent 0 22%,#1e6ff5 23% 26%,transparent 27% 40%,#1e6ff5 41% 44%,transparent 45% 59%,#1e6ff5 60% 64%,transparent 65%);border-bottom:2px solid #c5daf6}.ws-display-metric{font-size:2rem!important;font-weight:850;color:#0a2d54!important;margin:0}.ws-display-line{font-size:.8rem;color:#37618c!important}.ws-display-bottom{padding:14px 8px}.ws-display-label{font-size:.82rem!important;font-weight:800;color:#0a2d54!important;margin-bottom:2px}.ws-display-track{font-size:.73rem!important;color:#5b789b!important}.ws-page-hero{background:radial-gradient(circle at 85% 10%,#1c5ca0aa,transparent 43%),linear-gradient(120deg,#081b34,#0c315e);padding-top:90px;padding-bottom:90px}.ws-page-hero .ws-container{max-width:1160px}.ws-page-hero .ws-lead{max-width:800px}.ws-card{padding:27px;border:1px solid var(--ws-stroke);border-radius:var(--ws-radius);background:#fff;box-shadow:0 6px 22px rgba(16,53,101,.035);height:100%;transition:transform .2s,box-shadow .2s}.ws-card:hover,.ws-project-card:hover{transform:translateY(-3px);box-shadow:var(--ws-shadow)}.ws-card-icon{font-size:.72rem!important;font-weight:800;background:#eaf2ff;color:var(--ws-blue)!important;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin:0 0 18px!important}.ws-card h3{margin:0 0 9px!important}.ws-card p:last-child{margin-bottom:0}.ws-card>p{font-size:.92rem}.ws-services-grid,.ws-project-grid,.ws-process-grid{margin-top:20px;margin-bottom:20px!important}.ws-benefit-panel{display:grid;gap:12px}.ws-benefit-panel .ws-card{height:auto}.ws-two-grid{align-items:center!important;gap:65px!important}.ws-two-grid h2{max-width:540px}.ws-project-card{height:100%;border:1px solid var(--ws-stroke);border-radius:18px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.ws-project-art{padding:26px;min-height:210px;background:linear-gradient(120deg,#0e4d96,#1e8ed0);position:relative;overflow:hidden}.ws-project-art:after{content:'';position:absolute;right:-25px;bottom:-36px;width:72%;height:72%;border-radius:15px;background:linear-gradient(#fff,#eef7ff);border:7px solid #d9e8fb;transform:rotate(-6deg);box-shadow:0 14px 30px #082a5570}.ws-project-art h3,.ws-project-art p{color:#fff!important;position:relative;z-index:1;max-width:70%}.ws-project-art h3{font-size:1.25rem;margin-top:12px}.ws-project-tag{font-size:.65rem!important;letter-spacing:.1em;font-weight:800;border-radius:7px;padding:7px 10px;display:inline-block;background:#ffffff24;margin:0!important}.ws-art-logistics{background:linear-gradient(130deg,#145a87,#23a8b4)}.ws-art-rental{background:linear-gradient(130deg,#0f3765,#6585be)}.ws-art-inventory{background:linear-gradient(130deg,#1d4c63,#357c9b)}.ws-art-education{background:linear-gradient(130deg,#37659c,#8ca6d5)}.ws-art-company{background:linear-gradient(130deg,#173f79,#4d86ce)}.ws-project-body{padding:22px}.ws-project-body h3{font-size:1.08rem}.ws-project-caption{font-size:.75rem!important;margin-bottom:0!important}.ws-cta-section{background:#fff}.ws-cta-panel{padding:65px;background:radial-gradient(circle at 90% 10%,#276bbd55,transparent 45%),linear-gradient(125deg,#071a31,#0b3260);border-radius:26px;color:#fff}.ws-cta-panel h2,.ws-cta-panel p{color:#fff!important}.ws-cta-panel .ws-kicker{color:#8ebfff!important}.ws-cta-panel .ws-section-intro{color:#d4e4f6!important}.ws-faq-card{border-bottom:1px solid #d6e2f1;padding:12px 0}.ws-faq-card h3{font-size:1.05rem}.ws-service-panel{border:1px solid var(--ws-stroke);padding:35px;border-radius:20px;background:#fff}.ws-service-panel .ws-feature-grid{margin:20px 0}.ws-feature-grid .ws-card{padding:18px;box-shadow:none}.ws-feature-grid .ws-card-icon{margin-bottom:6px!important;width:28px;height:28px}.ws-feature-grid .ws-card h3{font-size:.88rem}.ws-feature-grid .ws-card p{display:none}.ws-contact-grid{gap:60px!important}.ws-contact-info .ws-card{margin:15px 0;height:auto}.ws-form-wrapper{border:1px solid var(--ws-stroke);box-shadow:var(--ws-shadow);padding:26px;border-radius:18px;background:#fff}.ws-disclaimer{padding:18px;background:#e8f2ff;border-left:4px solid var(--ws-blue);border-radius:8px;font-size:.9rem}.ws-mobile-cta{display:none}.ws-main :focus-visible{outline:3px solid #82adf2;outline-offset:3px}.nv-breadcrumbs-wrapper,.neve-breadcrumbs-wrapper,.nv-breadcrumbs,.yoast-breadcrumb,.rank-math-breadcrumb,.breadcrumb,.breadcrumbs,nav[aria-label="Breadcrumb"],nav[aria-label="breadcrumb"]{display:none!important}
@media(max-width:960px){.ws-section{padding:66px 20px}.ws-hero{padding-top:72px;padding-bottom:72px}.ws-hero-grid{gap:25px!important}.ws-display{min-height:300px}.ws-services-grid,.ws-project-grid{flex-wrap:wrap!important}.ws-services-grid>.wp-block-column,.ws-project-grid>.wp-block-column{flex-basis:calc(50% - 15px)!important}.ws-two-grid{gap:25px!important}}
@media(max-width:650px){.ws-section{padding:52px 16px}.ws-main h1{font-size:clamp(2rem,10vw,2.8rem)}.ws-main h2{font-size:clamp(1.7rem,8vw,2.15rem)}.ws-hero-grid,.ws-two-grid,.ws-contact-grid{display:block!important}.ws-hero-visual{margin-top:35px}.ws-display{transform:none;min-height:285px}.ws-services-grid>.wp-block-column,.ws-project-grid>.wp-block-column,.ws-process-grid>.wp-block-column{flex-basis:100%!important}.ws-card{padding:23px}.ws-cta-panel{padding:33px 24px}.ws-page-hero{padding-top:64px;padding-bottom:62px}.ws-mobile-cta{position:fixed;bottom:12px;left:14px;right:14px;display:flex;z-index:950;align-items:center;justify-content:center;gap:12px;background:var(--ws-blue);color:#fff!important;border-radius:13px;padding:12px 18px;box-shadow:0 9px 30px #10254b66;text-decoration:none!important;font-weight:800}.ws-main{padding-bottom:30px}body{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.ws-main *{scroll-behavior:auto!important;transition:none!important}}


/* V2.4 — perapihan hero desktop/tablet tanpa mengubah blok Gutenberg. */
@media (min-width: 961px) {
 .ws-hero { padding-top: 68px; padding-bottom: 76px; }
 .ws-hero-grid { gap: 42px !important; }
 .ws-hero .ws-container { max-width: 1180px; }
 .ws-hero h1 { font-size: clamp(2.55rem, 3.75vw, 3.65rem); line-height: 1.09; letter-spacing: -.047em; max-width: 680px; margin: 12px 0 18px; }
 .ws-hero .ws-lead { font-size: 1.03rem; line-height: 1.62 !important; margin-bottom: 0; }
 .ws-hero .ws-actions { margin-top: 21px; }
 .ws-hero .ws-display { min-height: 320px; box-shadow: 0 22px 48px rgba(2,13,34,.37); }
 .ws-hero .ws-display-window { min-height: 203px; padding: 29px 24px; }
 .ws-hero .ws-display-window:after { height: 81px; margin-top: 18px; }
}
@media (min-width: 651px) and (max-width: 960px) {
 .ws-hero { padding-top: 61px; padding-bottom: 67px; }
 .ws-hero h1 { font-size: clamp(2.25rem, 4.4vw, 3.2rem); line-height: 1.12; }
 .ws-hero-grid { gap: 26px !important; }
 .ws-display { min-height: 280px; }
}
@media (max-width: 650px) {
 .ws-hero { padding-top: 45px; padding-bottom: 54px; }
 .ws-hero h1 { font-size: clamp(2.1rem, 9vw, 2.65rem); line-height: 1.12; letter-spacing: -.04em; }
 .ws-hero .ws-lead { font-size: 1rem; line-height: 1.64 !important; }
 .ws-hero .ws-display { min-height: 260px; }
}