/*
Theme Name: Slot Child Theme
Description: Slot Child theme — SyarikatCuci revamp (Figma white version)
Template: slot
Version: 2.0
*/

:root{
  --sc-bg:#eef0f4;
  --sc-white:#fff;
  --sc-navy:#171f4e;
  --sc-navy-deep:#131a3f;
  --sc-ink:#111318;
  --sc-sub:#4a4f5c;
  --sc-red:#e51f1f;
  --sc-gold:#f5b32a;
  --sc-green:#23d000;
  --sc-blue1:#38a0ff;
  --sc-blue2:#0554d8;
  --sc-watermark:#d5d8e0;
  --sc-radius:14px;
  --sc-font-head:'Roboto Condensed',Arial,sans-serif;
  --sc-font-body:'Roboto',Arial,sans-serif;
}

/* ---------- reset-ish ---------- */
.sc-page h1,.sc-page h2,.sc-page h3,.sc-page h4,.sc-page h5{color:var(--sc-ink);}
.sc-ignite h2,.sc-ignite h3,.sc-footer h2,.sc-footer h4{color:#fff !important;}
.sc-page *{box-sizing:border-box;margin:0;padding:0;}
body.sc-body{font-family:var(--sc-font-body);background:var(--sc-bg);color:var(--sc-ink);font-size:16px;line-height:1.55;}
.sc-page img{max-width:100%;height:auto;display:block;}
.sc-page a{text-decoration:none;color:inherit;}
.sc-container{max-width:1320px;margin:0 auto;padding:0 24px;}
.sc-eyebrow{font-family:var(--sc-font-head);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-ink);}
.sc-h2{font-family:var(--sc-font-head);font-weight:700;font-size:44px;line-height:1.12;text-transform:uppercase;color:var(--sc-ink);}
.sc-btn{display:inline-block;font-family:var(--sc-font-head);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#fff !important;padding:13px 34px;border-radius:999px;background:linear-gradient(180deg,var(--sc-blue1) 0%,var(--sc-blue2) 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.55),0 4px 10px rgba(5,84,216,.35);border:1px solid #0a5fe0;transition:transform .15s ease,box-shadow .15s ease;}
.sc-btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px 3px rgba(255,255,255,.55),0 8px 16px rgba(5,84,216,.45);}
.sc-btn--red{background:linear-gradient(180deg,#e83a3a 0%,#b30d1c 100%);border-color:#b30d1c;box-shadow:inset 0 2px 3px rgba(255,255,255,.4),0 4px 10px rgba(179,13,28,.35);}

/* ---------- header ---------- */
.sc-header{background:#fff;position:sticky;top:0;z-index:990;box-shadow:0 1px 0 rgba(0,0,0,.06);}
.sc-header__in{max-width:1560px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:28px;}
.sc-header__logo img{height:58px;width:auto;}
.sc-nav{display:flex;align-items:center;gap:34px;margin-left:auto;}
.sc-nav>li{list-style:none;position:relative;}
.sc-nav>li>a{font-family:var(--sc-font-head);font-weight:700;font-size:16px;text-transform:uppercase;color:var(--sc-ink);padding:24px 0;display:inline-flex;align-items:center;gap:8px;}
.sc-nav>li>a:hover,.sc-nav>li.current>a{color:var(--sc-red);}
.sc-nav .caret{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid currentColor;display:inline-block;}
.sc-sub{display:none;position:absolute;top:100%;left:-18px;min-width:240px;background:#fff;box-shadow:0 14px 34px rgba(10,16,50,.16);border-radius:10px;padding:10px 0;z-index:999;}
.sc-nav li:hover .sc-sub{display:block;}
.sc-sub li{list-style:none;}
.sc-sub a{display:block;padding:10px 22px;font-family:var(--sc-font-head);font-weight:700;font-size:14px;text-transform:uppercase;color:var(--sc-ink);}
.sc-sub a:hover{color:var(--sc-red);background:#f4f6fb;}
.sc-header__social{display:flex;align-items:center;gap:16px;margin-left:6px;}
.sc-header__social a{color:#8a8f9c;display:inline-flex;}
.sc-header__social a:hover{color:var(--sc-ink);}
.sc-header__social svg{width:20px;height:20px;fill:currentColor;}
.sc-header__cta{margin-left:10px;white-space:nowrap;}
.sc-burger{display:none;background:none;border:0;cursor:pointer;margin-left:auto;padding:8px;}
.sc-burger span{display:block;width:26px;height:3px;background:var(--sc-ink);margin:5px 0;border-radius:2px;}

/* ---------- hero ---------- */
.sc-hero{padding:56px 0 8px;}
.sc-hero .sc-container{max-width:1800px;}
.sc-hero__slider{position:relative;border-radius:6px;overflow:hidden;}
.sc-hero__slide{display:none;}
.sc-hero__slide.active{display:block;}
.sc-hero__slide img{width:100%;height:auto;}
.sc-hero__dots{display:flex;gap:10px;justify-content:flex-end;padding:14px 4px 0;}
.sc-hero__dots button{width:46px;height:9px;border-radius:5px;border:0;background:#fff;cursor:pointer;transition:background .2s;}
.sc-hero__dots button.active{background:#15171c;}

/* ---------- watermark headings ---------- */
.sc-watermark{font-family:var(--sc-font-head);font-weight:700;text-transform:uppercase;color:var(--sc-watermark);font-size:200px;line-height:.9;white-space:nowrap;text-align:center;user-select:none;pointer-events:none;overflow:hidden;}
.sc-marquee{overflow:hidden;padding:70px 0;}
.sc-marquee__track{display:inline-flex;gap:60px;white-space:nowrap;animation:scMarquee 28s linear infinite;}
.sc-marquee__track span{font-family:var(--sc-font-head);font-weight:700;text-transform:uppercase;color:var(--sc-watermark);font-size:150px;line-height:1;}
@keyframes scMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- review cards ---------- */
.sc-review{padding:8px 0 70px;}
.sc-review .sc-watermark{margin:30px 0 40px;}
.sc-review__title{font-family:var(--sc-font-head);font-weight:700;font-size:34px;text-transform:uppercase;margin:0 0 26px;}
.sc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.sc-card{background:#fff;border-radius:var(--sc-radius);box-shadow:0 10px 26px rgba(23,31,78,.10);overflow:hidden;text-align:center;transition:transform .18s ease;}
.sc-card:hover{transform:translateY(-4px);}
.sc-card__logo{background:var(--sc-navy);}
.sc-card__logo img{width:100%;height:auto;}
.sc-card__body{padding:20px 18px 24px;}
.sc-card__score{font-family:var(--sc-font-head);font-weight:700;font-size:30px;color:var(--sc-navy);}
.sc-card__stars{color:var(--sc-gold);font-size:22px;letter-spacing:4px;margin:4px 0 6px;}
.sc-card__votes{font-weight:700;font-size:14px;}
.sc-card__tag{font-size:13.5px;color:var(--sc-sub);margin:6px 0 16px;}
.sc-card__more{display:block;margin-top:14px;font-weight:700;font-size:14px;color:var(--sc-navy);}
.sc-card__more:hover{color:var(--sc-red);}

/* ---------- section headers ---------- */
.sc-sechead{text-align:center;max-width:760px;margin:0 auto 46px;}
.sc-sechead .sc-eyebrow{display:block;margin-bottom:16px;}

/* ---------- blog (3 latest) ---------- */
.sc-blog{padding:70px 0;position:relative;}
.sc-blog__chip{position:absolute;left:0;top:40px;width:220px;pointer-events:none;}
.sc-posts3{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.sc-post{display:block;}
.sc-post__img{border-radius:4px;overflow:hidden;aspect-ratio:1/1;}
.sc-post__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.sc-post:hover .sc-post__img img{transform:scale(1.04);}
.sc-post__cat{font-family:var(--sc-font-head);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:16px 0 8px;color:var(--sc-ink);}
.sc-post__title{font-family:var(--sc-font-head);font-weight:700;font-size:22px;line-height:1.2;text-transform:uppercase;color:var(--sc-ink);}
.sc-post:hover .sc-post__title{color:var(--sc-red);}
.sc-post__meta{font-size:14px;color:var(--sc-sub);margin-top:8px;}

/* ---------- about ---------- */
.sc-about{padding:60px 0;}
.sc-about__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.sc-about__txt .sc-eyebrow{display:block;margin-bottom:18px;}
.sc-about__txt .sc-h2{margin-bottom:26px;}
.sc-about__txt p{max-width:520px;color:var(--sc-ink);margin-bottom:34px;}
.sc-about__img img{width:100%;max-width:640px;margin-left:auto;}

/* ---------- ignite (dark feature) ---------- */
.sc-ignite{position:relative;color:#fff;background:var(--sc-navy-deep);}
.sc-ignite__bg{position:absolute;inset:0;}
.sc-ignite__bg img{width:100%;height:100%;object-fit:cover;object-position:left center;}
.sc-ignite__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,40,.55) 0%,rgba(9,13,40,.12) 45%,rgba(19,26,63,.88) 78%,#131a3f 100%);}
.sc-ignite__in{position:relative;display:grid;grid-template-columns:1fr 400px;gap:40px;padding:74px 0;min-height:640px;}
.sc-ignite__txt{display:flex;flex-direction:column;justify-content:space-between;}
.sc-ignite__txt .sc-eyebrow{color:#fff;margin-bottom:14px;}
.sc-ignite__txt h2{font-family:var(--sc-font-head);font-weight:700;font-size:44px;line-height:1.12;text-transform:uppercase;color:#fff;max-width:480px;}
.sc-ignite__txt p{max-width:430px;font-size:16px;color:#eef0f6;}
.sc-ignite__cards{display:flex;flex-direction:column;gap:26px;justify-content:center;}
.sc-icard{background:rgba(23,31,78,.92);border-radius:6px;padding:30px 28px 34px;}
.sc-icard img{width:64px;height:64px;border-radius:12px;margin-bottom:44px;}
.sc-icard h3{font-family:var(--sc-font-head);font-weight:700;font-size:19px;text-transform:uppercase;margin-bottom:10px;}
.sc-icard p{font-size:15px;color:#dfe3f2;}

/* ---------- counters ---------- */
.sc-counters{padding:90px 0;}
.sc-counters__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;}
.sc-counter b{font-family:var(--sc-font-head);font-weight:700;font-size:88px;line-height:1;color:var(--sc-ink);display:block;}
.sc-counter span{font-family:var(--sc-font-head);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;display:block;margin-top:12px;}

/* ---------- news magazine ---------- */
.sc-news{padding:40px 0 80px;}
.sc-news__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:44px;}
.sc-news__head .sc-h2{font-size:40px;}
.sc-news__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:34px;}
.sc-news__col{display:flex;flex-direction:column;gap:34px;}
.sc-news .sc-post__img{aspect-ratio:auto;}
.sc-news__big .sc-post__img{aspect-ratio:1/1;}
.sc-news__col .sc-post__img{aspect-ratio:4/3;}
.sc-news__big .sc-post__title{font-size:26px;}

/* ---------- promos ---------- */
.sc-promos{padding:20px 0 80px;}
.sc-promos__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.sc-promo{background:linear-gradient(180deg,#e8f1fd 0%,#dce9fb 100%);border-radius:var(--sc-radius);box-shadow:0 10px 26px rgba(23,31,78,.08);text-align:center;padding:44px 26px 36px;}
.sc-promo h3{font-family:var(--sc-font-head);font-weight:700;font-size:30px;text-transform:uppercase;text-decoration:underline;margin-bottom:26px;}
.sc-promo .big{font-family:var(--sc-font-head);font-weight:700;font-size:30px;line-height:1.15;display:block;}
.sc-promo .mid{font-family:var(--sc-font-head);font-weight:700;font-size:19px;text-transform:uppercase;display:block;margin-top:2px;}
.sc-promo .sub{font-size:13.5px;color:var(--sc-sub);display:block;margin:8px 0 26px;min-height:20px;}
.sc-promo .tnc{display:block;font-size:13px;color:var(--sc-sub);margin-top:12px;}

/* ---------- services ---------- */
.sc-services{padding:20px 0 90px;}
.sc-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:56px;}
.sc-svc{background:#e8f1fd;border-radius:6px;padding:24px 24px 30px;}
.sc-svc img{border-radius:4px;width:100%;aspect-ratio:365/296;object-fit:cover;}
.sc-svc h3{font-family:var(--sc-font-head);font-weight:700;font-size:22px;text-transform:uppercase;margin:22px 0 10px;}
.sc-svc p{font-size:15.5px;color:var(--sc-ink);}
.sc-services__more{text-align:center;}

/* ---------- footer ---------- */
.sc-footer{background:var(--sc-navy-deep);color:#eceef7;position:relative;overflow:hidden;}
.sc-footer a:hover{color:#fff;}
.sc-footer__seo{max-width:1290px;margin:0 auto;padding:90px 24px 40px;text-align:center;}
.sc-footer__seo h2{font-family:var(--sc-font-head);font-weight:700;font-size:22px;text-transform:none;text-decoration:underline;margin-bottom:34px;}
.sc-footer__seo p{font-size:15px;color:#cdd2e4;margin-bottom:18px;}
.sc-footer__rule{max-width:1290px;margin:26px auto 0;border-top:2px dashed #3a4270;}
.sc-footer__cols{max-width:1290px;margin:0 auto;padding:50px 24px 30px;display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1.2fr;gap:44px;}
.sc-footer__cols h4{font-family:var(--sc-font-head);font-weight:700;font-size:17px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:22px;color:#fff;}
.sc-footer__brand img{height:40px;width:auto;display:inline-block;}
.sc-footer__brand .x{margin:0 12px;color:#cdd2e4;font-weight:700;}
.sc-footer__brand{display:flex;align-items:center;margin-bottom:20px;}
.sc-footer__about{font-size:14.5px;color:#cdd2e4;max-width:360px;}
.sc-footer__links li{list-style:none;margin-bottom:14px;}
.sc-footer__links a{font-size:15px;color:#cdd2e4;}
.sc-footer__prov img{max-width:265px;}
.sc-footer__soc{display:flex;flex-wrap:wrap;gap:18px;}
.sc-footer__soc a{color:#cdd2e4;display:inline-flex;}
.sc-footer__soc svg{width:24px;height:24px;fill:currentColor;}
.sc-footer__bottom{max-width:1290px;margin:0 auto;padding:26px 24px 34px;border-top:1px solid #3a4270;font-size:14.5px;color:#cdd2e4;}

/* ---------- review page ---------- */
.sc-revpage{padding:60px 0 80px;}
.sc-revpage h1{font-family:var(--sc-font-head);font-weight:700;font-size:52px;line-height:1.1;margin-bottom:26px;}
.sc-revpage__intro{max-width:1100px;font-size:16.5px;margin-bottom:44px;}
.sc-revpage h2.sc-revpage__sub{font-family:var(--sc-font-head);font-weight:700;font-size:26px;margin-bottom:24px;}
.sc-revrow{background:#fff;border-radius:4px;margin-bottom:30px;padding:36px 34px 26px;}
.sc-revrow__grid{display:grid;grid-template-columns:1.1fr 1.35fr 1.35fr .95fr;gap:30px;align-items:center;}
.sc-revrow__logo img{max-width:250px;margin:0 auto;}
.sc-revrow__col{border-left:1px solid #d9dce6;padding-left:30px;min-height:180px;}
.sc-revrow__col h3{font-family:var(--sc-font-head);font-weight:700;font-size:21px;margin-bottom:16px;}
.sc-revrow__col.pros h3{color:var(--sc-green);}
.sc-revrow__col.cons h3{color:var(--sc-red);}
.sc-revrow__col li{list-style:none;font-size:15px;margin-bottom:14px;padding-left:16px;position:relative;}
.sc-revrow__col.pros li::before{content:"+";color:var(--sc-green);position:absolute;left:0;font-weight:700;}
.sc-revrow__col.cons li::before{content:"-";color:var(--sc-red);position:absolute;left:0;font-weight:700;}
.sc-revrow__cta{display:flex;flex-direction:column;gap:12px;align-items:center;}
.sc-revrow__cta .sc-btn{width:180px;text-align:center;padding:13px 0;}
.sc-revrow__cta em{font-size:13.5px;font-style:normal;color:var(--sc-sub);}
.sc-revrow__note{border-top:1px solid #e4e6ee;margin-top:26px;padding-top:18px;font-size:14.5px;color:var(--sc-ink);}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .sc-h2{font-size:36px;}
  .sc-cards,.sc-promos__grid{grid-template-columns:repeat(2,1fr);}
  .sc-watermark{font-size:120px;}
  .sc-ignite__in{grid-template-columns:1fr 340px;}
  .sc-news__grid{grid-template-columns:1fr 1fr;}
  .sc-news__big{grid-column:1/-1;}
  .sc-revrow__grid{grid-template-columns:1fr 1fr;}
  .sc-revrow__cta{align-items:flex-start;}
  .sc-revrow__col{min-height:0;}
}
@media (max-width:860px){
  .sc-nav,.sc-header__social,.sc-header__cta{display:none;}
  .sc-burger{display:block;}
  .sc-header.open .sc-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:12px 24px 20px;box-shadow:0 18px 30px rgba(10,16,50,.14);}
  .sc-header.open .sc-nav>li>a{padding:12px 0;}
  .sc-header.open .sc-sub{display:block;position:static;box-shadow:none;padding:0 0 6px 18px;min-width:0;}
  .sc-hero{padding-top:26px;}
  .sc-hero__dots{justify-content:center;}
  .sc-watermark{font-size:64px;}
  .sc-marquee__track span{font-size:72px;}
  .sc-marquee{padding:40px 0;}
  .sc-h2,.sc-ignite__txt h2{font-size:30px;}
  .sc-review__title{font-size:24px;}
  .sc-posts3{grid-template-columns:1fr;gap:40px;}
  .sc-about__grid{grid-template-columns:1fr;}
  .sc-ignite__in{grid-template-columns:1fr;padding:54px 0;}
  .sc-counters__grid{grid-template-columns:repeat(2,1fr);gap:44px;}
  .sc-counter b{font-size:60px;}
  .sc-news__head{grid-template-columns:1fr;gap:16px;}
  .sc-news__grid{grid-template-columns:1fr;}
  .sc-services__grid{grid-template-columns:1fr;}
  .sc-footer__cols{grid-template-columns:1fr;gap:36px;}
  .sc-revpage h1{font-size:32px;}
  .sc-revrow__grid{grid-template-columns:1fr;}
  .sc-revrow__col{border-left:0;padding-left:0;}
  .sc-page .sc-blog__chip{display:none;}
}
@media (max-width:560px){
  .sc-cards{grid-template-columns:repeat(2,1fr);gap:14px;}
  .sc-card__body{padding:14px 10px 18px;}
  .sc-card__score{font-size:24px;}
  .sc-card__stars{font-size:17px;letter-spacing:3px;}
  .sc-btn{padding:11px 22px;font-size:13px;}
  .sc-promos__grid{grid-template-columns:1fr;}
}