/* Clean Premium */
:root{--display-font:"Plus Jakarta Sans",Inter,system-ui,sans-serif;--body-font:Inter,"Segoe UI",Roboto,system-ui,sans-serif;
--bg:#ffffff;--surface:#ffffff;--alt-bg:#f6f8f7;--ink:#14201a;--mute:#5b6660;--line:#e5eae7;--field-bg:#f6f8f7;
--brand:#0a5c3b;--brand-2:#0a5c3b;--brand-soft:#e7f3ed;--on-brand:#fff;--accent:#0a5c3b;--on-accent:#fff;
--hdr-bg:rgba(255,255,255,.92);--hdr-ink:#14201a;--nav-ink:#3d4943;--chip-bg:#f1f4f2;--chip-ink:#2f3b35;
--strip-bg:#f1f4f2;--strip-ink:#3d4943;--btn-r:10px;--search-r:16px;
--hero-overlay:linear-gradient(90deg,rgba(6,40,26,.88) 0%,rgba(6,40,26,.6) 45%,rgba(6,40,26,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%);
--offer-bg:#f3faf6;--offer-ink:#0b3a26;--offer-ring:#d5ebe0;--path1:linear-gradient(140deg,#073d28,#0a5c3b);--path2:linear-gradient(140deg,#1b2a23,#33463c);
--toppro-bg:#fff;--toppro-ink:#0a5c3b;--warn-bg:#fff6e0;--warn-ink:#7a5200;--disc-bg:#fff6f4;--disc-line:#f6d3cc;--disc-ink:#5c1a12;
--phead-bg:linear-gradient(135deg,#073d28,#0a5c3b);--foot-bg:#0d1f17;--foot-ink:#dfe9e3;}
/* Rubiwork premium theme layer. Loaded after site.css. */
:root{--r:16px;--font:var(--body-font);--shadow:0 1px 2px rgba(16,24,20,.06),0 6px 20px rgba(16,24,20,.07);--shadow2:0 2px 4px rgba(16,24,20,.08),0 16px 36px rgba(16,24,20,.12);--cream:var(--bg);--card:var(--surface)}
body{background:var(--bg);color:var(--ink);font-family:var(--body-font);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h1,h2,h3,.brand,.offer strong,.tile-name,.card-title{font-family:var(--display-font)}
h2{font-weight:750;letter-spacing:-.02em}
a{color:var(--brand)}
.sub{color:var(--mute)}
/* header */
.top{background:var(--hdr-bg);color:var(--hdr-ink);box-shadow:none;border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4) blur(10px)}
.brand{color:var(--hdr-ink);font-weight:800;letter-spacing:-.03em}
.brand b{color:var(--brand-2)}
.lang{background:var(--chip-bg);border:1px solid var(--line)}
.lang>.ic{color:var(--brand)}
.lang button{color:var(--hdr-ink);font-weight:650;font-family:var(--body-font)}
.lang button[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}
.nav a{color:var(--nav-ink);font-weight:550;font-size:14.5px;border-radius:10px}
.nav a:hover{background:var(--chip-bg)}
.nav a[aria-current=page]{background:var(--chip-bg);color:var(--brand);box-shadow:inset 0 -2px 0 var(--brand)}
.nav-signin{border:1px solid var(--line);color:var(--hdr-ink);border-radius:10px;font-family:var(--body-font)}
.demo-strip{background:var(--strip-bg);color:var(--strip-ink);font-weight:550;font-size:12.5px;letter-spacing:.02em}
/* buttons */
.btn{border-radius:var(--btn-r);font-family:var(--body-font);font-weight:700;letter-spacing:-.005em;box-shadow:none}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.btn-go{background:var(--brand);color:var(--on-brand)}
.btn-amber{background:var(--accent);color:var(--on-accent)}
.btn-ghost{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}
.btn-wa{background:#1fa855;color:#fff}
.say{border:1px solid var(--line);background:var(--surface);color:var(--brand)}
/* hero: full-bleed photo */
.hero{background:#0c1410;padding:0;min-height:560px;display:flex;align-items:flex-end}
.hero::after,.blob{display:none}
.hero-photo{position:absolute;inset:0;margin:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 35%;display:block}
.hero-photo::after{content:"";position:absolute;inset:0;background:var(--hero-overlay)}
.hero-photo figcaption{position:absolute;right:10px;bottom:8px;z-index:2;font-size:11px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.35);padding:2px 8px;border-radius:6px}
.hero-grid{padding:150px 16px 46px;width:100%}
.hero-copy{max-width:680px}
.pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-weight:600;backdrop-filter:blur(6px)}
.pill .ic{color:var(--accent)}
.hero h1{font-family:var(--display-font);font-weight:800;letter-spacing:-.035em;line-height:1.02;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero .lede{color:rgba(255,255,255,.9);font-size:18px}
.search{background:var(--surface);border-radius:var(--search-r);padding:8px;gap:8px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.field{background:var(--field-bg);border:1px solid var(--line);border-radius:calc(var(--search-r) - 4px);color:var(--brand)}
.field select{font-weight:600;font-family:var(--body-font);color:var(--ink);background:transparent}
.field select option{color:#111;background:#fff}
.search .btn{border-radius:calc(var(--search-r) - 4px);min-height:56px}
.trust{display:none}
@media (min-width:860px){
 .hero{min-height:620px}
 .hero-grid{grid-template-columns:1fr!important;padding:170px 16px 70px}
 .search{grid-template-columns:1.2fr 1fr 1fr auto;align-items:center}
 .hero-art{display:none!important}
}
/* trust bar */
.trustbar{background:var(--surface);border-bottom:1px solid var(--line)}
.trustbar ul{list-style:none;margin:0 auto;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.trustbar li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--ink);line-height:1.25}
.trustbar .tb-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.trustbar .tb-ic .ic{width:20px;height:20px}
@media (min-width:860px){.trustbar ul{grid-template-columns:repeat(4,1fr);padding:18px 16px}}
/* sections */
.sec{padding-top:44px;padding-bottom:44px}
.offer{background:var(--offer-bg);color:var(--offer-ink);box-shadow:var(--shadow);border-radius:20px;border:1px solid var(--line)}
.offer::before{border-color:var(--offer-ring)}
.offer p{color:var(--offer-ink);opacity:.85}
.offer .say{color:var(--offer-ink);background:transparent;border-color:currentColor}
.offer-burst{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 6px var(--offer-ring);animation:none}
.offer-line{background:var(--accent);color:var(--on-accent)}
.offer-plan{background:var(--brand-soft);color:var(--brand)}
.path{border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--line)}
.path-need{background:var(--path1)}
.path-pro{background:var(--path2)}
.path-need>.ic,.path-pro>.ic{color:var(--accent)}
.mini-tiers span{background:rgba(255,255,255,.95);color:#13221a}
.tiles{gap:12px}
.tile{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;min-height:118px}
.tile::after{opacity:.08}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}
.tile-ic{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--tc) 14%,var(--surface));color:var(--tc)}
.tile-name{font-weight:700;font-size:16px;color:var(--ink)}
.how{background:var(--alt-bg)}
.step{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}
.step .num{background:var(--brand);color:var(--on-brand);box-shadow:none}
.step p{color:var(--mute)}
/* cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);color:var(--ink)}
.card-featured{border:1.5px solid var(--accent);background:var(--surface)}
.meta,.date{color:var(--mute)}
.chip{background:var(--chip-bg);color:var(--chip-ink);font-weight:650}
.chip.amber{background:var(--warn-bg);color:var(--warn-ink)}
.badge-go{background:var(--brand-soft);color:var(--brand)}
.badge-feat{background:var(--accent);color:var(--on-accent)}
.badge-plain{background:var(--chip-bg);color:var(--chip-ink)}
.stars{color:#f5a524}
.prov-photo{position:relative;margin:-16px -16px 14px;aspect-ratio:16/10;overflow:hidden;border-radius:16px 16px 0 0;background:var(--alt-bg)}
.prov-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.card:hover .prov-photo img{transform:scale(1.04)}
.prov-photo .ph-tag{position:absolute;left:10px;bottom:10px;font-size:11.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:3px 9px;border-radius:999px}
.top-pro{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--toppro-bg);color:var(--toppro-ink);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.top-pro .ic{width:14px;height:14px}
.price-range{display:flex;align-items:baseline;gap:6px;margin:0 0 10px;font-weight:700;color:var(--ink)}
.price-range b{font-family:var(--display-font);font-size:18px;color:var(--brand)}
.price-range span{font-size:13px;color:var(--mute);font-weight:500}
.prov .avatar{width:46px;height:46px;font-size:19px;background:var(--brand-soft);color:var(--brand)}
.thumb{border-radius:10px}
#home-providers,.cards.grid{display:grid;gap:16px}
@media (min-width:700px){#home-providers{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){#home-providers{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr!important}#home-jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}
/* gallery */
.gal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.gal figure{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow)}
.gal img{width:100%;height:100%;object-fit:cover;display:block}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(transparent,rgba(0,0,0,.7))}
@media (min-width:860px){.gal{grid-template-columns:repeat(4,1fr);gap:14px}}
/* disclaimer kept as red cue, refined */
.disc{background:var(--disc-bg);border:1px solid var(--disc-line);border-left:5px solid #d93a2b;color:var(--disc-ink);border-radius:12px}
/* misc surfaces */
.phead{background:var(--phead-bg);color:#fff}
.phead-ic{background:rgba(255,255,255,.14);color:var(--accent)}
.phead .more{color:var(--accent)}
.form,.pay,.stats,.dl,.faq-i,.modal-box,.review-cta,.testi blockquote{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
.stat-row b{color:var(--brand)}
.launch{background:var(--path1)}
.join{background:var(--path2)}
.store{border-radius:14px}
.store-any{background:var(--brand);color:var(--on-brand)}
.lp-btns button{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.chip-btn{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.chip-btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.mbar{background:var(--hdr-bg);border-top:1px solid var(--line)}
.foot{background:var(--foot-bg);color:var(--foot-ink)}
.foot a{color:var(--foot-ink)}
.credits{font-size:12.5px;opacity:.85;line-height:1.5}
.credits a{text-decoration:underline}
input,select,textarea{font-family:var(--body-font)}
@media (min-width:860px){.hero-copy{max-width:960px}.hero h1,.hero .lede{max-width:640px}.search{max-width:960px}}
.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.search,.field{min-width:0}
@media (max-width:420px){.hero h1{font-size:34px}.hero-grid{padding-top:120px}}
.amt,.amt-sm{color:var(--brand)}.plan-business .amt{color:var(--gold)}
.contact-note{margin:10px 0 0;font-size:13px;color:var(--mute)}.msg-in{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:var(--field-bg);color:var(--ink);margin:8px 0}



/* dark mode (Dark Pro colours) */
html[data-theme=dark]{--x-df:Manrope,Inter,system-ui,sans-serif;--x-bf:Inter,"Segoe UI",Roboto,system-ui,sans-serif;
--bg:#0b0f0d;--surface:#141a17;--alt-bg:#101512;--ink:#eef3f0;--mute:#9aa8a0;--line:#25302a;--field-bg:#1b231f;
--brand:#3ddc97;--brand-2:#3ddc97;--brand-soft:rgba(61,220,151,.12);--on-brand:#07130d;--accent:#3ddc97;--on-accent:#07130d;
--hdr-bg:rgba(11,15,13,.85);--hdr-ink:#eef3f0;--nav-ink:#b9c5be;--chip-bg:#1b231f;--chip-ink:#cfdad3;
--strip-bg:#101512;--strip-ink:#9aa8a0;--btn-r:12px;--search-r:18px;
--shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.35);--shadow2:0 18px 44px rgba(0,0,0,.5);
--hero-overlay:linear-gradient(90deg,rgba(6,9,8,.94) 0%,rgba(6,9,8,.7) 45%,rgba(6,9,8,.15) 100%),linear-gradient(0deg,#0b0f0d 0%,transparent 40%);
--offer-bg:linear-gradient(120deg,#12201a,#163527);--offer-ink:#eef3f0;--offer-ring:rgba(61,220,151,.18);--path1:linear-gradient(140deg,#11291e,#17402d);--path2:linear-gradient(140deg,#1d2421,#2a332e);
--toppro-bg:#3ddc97;--toppro-ink:#07130d;--warn-bg:rgba(245,165,36,.14);--warn-ink:#f5c56b;--disc-bg:rgba(217,58,43,.1);--disc-line:rgba(217,58,43,.35);--disc-ink:#ffc9c0;
--phead-bg:linear-gradient(135deg,#0b0f0d,#13281e);--foot-bg:#070a09;--foot-ink:#b9c5be; color-scheme:dark}
html[data-theme=dark] body,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color-scheme:dark}
html[data-theme=dark] .form input,html[data-theme=dark] .form select,html[data-theme=dark] .form textarea,html[data-theme=dark] .phone-in,html[data-theme=dark] .code-in{background:#1b231f!important;color:#eef3f0!important;border-color:#25302a!important}
html[data-theme=dark] .phone-in .cc{background:#25302a}
html[data-theme=dark] .banner.bad{background:rgba(217,58,43,.15);color:#ffc9c0}
html[data-theme=dark] .goodb{background:rgba(61,220,151,.12);color:#9ff0c9}
html[data-theme=dark] .pendb,html[data-theme=dark] .warnb,html[data-theme=dark] .demo-code{background:rgba(245,165,36,.14);color:#f5c56b}
html[data-theme=dark] .ver{background:#121b16;border-color:#25302a}
html[data-theme=dark] .ver summary{color:#3ddc97}
html[data-theme=dark] .modal-x{background:#25302a;color:#eef3f0}
html[data-theme=dark] .store{background:#1b231f}
html[data-theme=dark] .empty{border-color:#25302a}
html[data-theme=dark] .mini-tiers span{background:#3ddc97;color:#07130d}
html[data-theme=dark] .hero-copy .pill{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.35)}
html[data-theme=dark] .btn-ghost{color:#3ddc97;border-color:#3ddc97}
html[data-theme=dark] .tile-ic{background:rgba(61,220,151,.1);color:#3ddc97}
html[data-theme=dark] .plan,html[data-theme=dark] .plans>*{background:#141a17;color:#eef3f0;border-color:#25302a}
html[data-theme=dark] .fine{color:#9aa8a0}
.top-row{flex-wrap:nowrap}.top-tools{display:flex;align-items:center;gap:6px}
.theme-tog{flex:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--chip-bg);color:var(--hdr-ink);display:grid;place-items:center;cursor:pointer}
.theme-tog:hover{border-color:var(--brand)}.theme-tog .ic{width:20px;height:20px}
.theme-tog .i-sun{display:none}html[data-theme=dark] .theme-tog .i-sun{display:block}html[data-theme=dark] .theme-tog .i-moon{display:none}
@media (max-width:380px){.theme-tog{width:40px;height:40px}.top-row{gap:6px}.lang button{min-width:34px}.lang{padding:3px}}