/* Guest Posts Blog — main stylesheet */
:root{
  --brand:#0d9488;--brand-d:#0f766e;--brand-l:#ccfbf1;--accent:#f97316;--accent-d:#ea580c;
  --ink:#0b1220;--text:#1f2937;--muted:#5b6678;--bg:#f6f8fb;--card:#fff;--line:#e3e8ef;--soft:#eef2f7;
  --wa:#0b7a68;--radius:16px;--radius-s:10px;--shadow:0 1px 2px rgba(11,18,32,.05),0 8px 24px rgba(11,18,32,.06);
  --shadow-l:0 2px 4px rgba(11,18,32,.06),0 18px 40px rgba(11,18,32,.12);--wrap:1220px;
  --font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-h:Poppins,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
:root[data-theme="dark"]{
  --brand:#2dd4bf;--brand-d:#14b8a6;--brand-l:#0f2f2c;--ink:#eef3fb;--text:#d5deec;--muted:#98a5bb;
  --bg:#0a0f1a;--card:#111a2b;--line:#22304a;--soft:#17223a;--wa:#12a58c;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--shadow-l:0 2px 4px rgba(0,0,0,.5),0 18px 40px rgba(0,0,0,.5);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
a{color:var(--brand-d);text-decoration:none}
a:hover{text-decoration:underline}
:root[data-theme="dark"] a{color:var(--brand)}
h1,h2,h3,h4{font-family:var(--font-h);color:var(--ink);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.gpb-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:9999}
.gpb-skip:focus{left:8px}
.gpb-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.gpb-sec{padding-top:40px;padding-bottom:40px}
.gpb-muted{color:var(--muted);font-size:.875rem}
.gpb-fine{font-size:.82rem;color:var(--muted);margin-top:14px}
.gpb-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.gpb-i{flex:none;vertical-align:-.2em}

/* progress + announce */
.gpb-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;background:transparent}
.gpb-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--accent))}
.gpb-announce{background:var(--ink);color:#e8eef8;font-size:.85rem}
:root[data-theme="dark"] .gpb-announce{background:#0f1a2e}
.gpb-announce .gpb-wrap{display:flex;gap:16px;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
.gpb-announce a{color:#ffd8b5;font-weight:600;white-space:nowrap}

/* header */
.gpb-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.gpb-header__row{display:flex;align-items:center;gap:20px;min-height:70px}
.gpb-logo{display:inline-flex;align-items:center;flex:none}
.gpb-logo__img{display:block;height:40px;width:auto}
.gpb-logo__img--dark{display:none}
:root[data-theme="dark"] .gpb-logo__img--light{display:none}
:root[data-theme="dark"] .gpb-logo__img--dark{display:block}
.gpb-nav{flex:1;min-width:0;display:flex;justify-content:center}
.gpb-menu,.gpb-drawer__menu,.gpb-footmenu{list-style:none;margin:0;padding:0}
.gpb-menu{display:flex;gap:2px;flex-wrap:nowrap;justify-content:center}
.gpb-menu>li{position:relative}
.gpb-menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);font-weight:500;font-size:.93rem;white-space:nowrap}
.gpb-menu a:hover{background:var(--soft);text-decoration:none}
.gpb-menu .current-menu-item>a,.gpb-menu .current-menu-ancestor>a{color:var(--brand-d);background:var(--brand-l)}
.gpb-menu .sub-menu{position:absolute;left:0;top:100%;min-width:220px;list-style:none;margin:0;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-l);opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s}
.gpb-menu li:hover>.sub-menu,.gpb-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.gpb-header__tools{display:flex;align-items:center;gap:6px;flex:none}
.gpb-iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer}
.gpb-iconbtn:hover{background:var(--soft)}
.gpb-theme__moon{display:none}
:root[data-theme="dark"] .gpb-theme__sun{display:none}
:root[data-theme="dark"] .gpb-theme__moon{display:inline}
.gpb-burger{display:none}
.gpb-drawer-mode .gpb-nav,.gpb-drawer-mode .gpb-header__cta{display:none}
.gpb-drawer-mode .gpb-burger{display:inline-grid}
.gpb-drawer-mode .gpb-header__row{justify-content:space-between}
@media (max-width:1100px){.gpb-nav,.gpb-header__cta{display:none}.gpb-burger{display:inline-grid}.gpb-header__row{justify-content:space-between}}

/* drawer + search */
.gpb-drawer[hidden],.gpb-search[hidden]{display:none}
.gpb-drawer{position:fixed;inset:0;z-index:1500}
.gpb-drawer__bg,.gpb-search__bg{position:absolute;inset:0;background:rgba(7,12,22,.55);backdrop-filter:blur(3px)}
.gpb-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,92vw);background:var(--card);padding:18px;overflow:auto;box-shadow:var(--shadow-l);display:flex;flex-direction:column;gap:14px}
.gpb-drawer__top{display:flex;justify-content:space-between;align-items:center}
.gpb-drawer__search input,.gpb-searchform input,.gpb-news input,.gpb-field input,.gpb-field select,.gpb-field textarea,.gpb-filterbar input,.gpb-tf input,.gpb-tf select,.gpb-tf textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.gpb-drawer__menu a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600}
.gpb-drawer__menu .sub-menu{list-style:none;padding-left:14px}
.gpb-drawer__cta{display:grid;gap:10px;margin-top:auto}
.gpb-search{position:fixed;inset:0;z-index:1600}
.gpb-search__box{position:relative;margin:9vh auto 0;width:min(680px,94vw);background:var(--card);border-radius:18px;box-shadow:var(--shadow-l);overflow:hidden}
.gpb-search__box form{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.gpb-search__box input{flex:1;border:0;background:transparent;font-size:1.05rem;color:var(--ink);outline:0;padding:6px}
.gpb-search__box kbd{font:12px var(--font);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--muted)}
.gpb-search__res{list-style:none;margin:0;padding:8px;max-height:50vh;overflow:auto}
.gpb-search__res a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:var(--ink)}
.gpb-search__res a:hover,.gpb-search__res a:focus{background:var(--soft);text-decoration:none}
.gpb-search__res small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}

/* buttons */
.gpb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;border:1px solid transparent;font:600 .95rem var(--font);cursor:pointer;text-decoration:none!important;transition:transform .15s,box-shadow .15s,background .15s;line-height:1.2}
.gpb-btn:hover{transform:translateY(-1px)}
.gpb-btn--primary{background:var(--brand-d);color:#fff!important;box-shadow:0 6px 18px rgba(13,148,136,.28)}
:root[data-theme="dark"] .gpb-btn--primary{background:var(--brand);color:#04201d!important}
.gpb-btn--accent{background:var(--accent);color:#fff!important;box-shadow:0 6px 18px rgba(249,115,22,.32)}
.gpb-btn--accent:hover{background:var(--accent-d)}
.gpb-btn--ghost{background:var(--card);color:var(--ink)!important;border-color:var(--line)}
.gpb-btn--soft{background:var(--brand-l);color:var(--brand-d)!important}
:root[data-theme="dark"] .gpb-btn--soft{color:var(--brand)!important}
.gpb-btn--wa{background:var(--wa);color:#fff!important}
.gpb-btn--lg{padding:14px 26px;font-size:1rem}
.gpb-btn--sm{padding:8px 14px;font-size:.86rem;border-radius:10px}
.gpb-btn--block{display:flex;width:100%;margin-top:8px}

/* badges, pills */
.gpb-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c,var(--brand)) 14%,transparent);color:var(--c,var(--brand-d))!important;font:600 .72rem var(--font);letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important}
:root[data-theme="dark"] .gpb-badge{background:color-mix(in srgb,var(--c,var(--brand)) 26%,transparent);filter:brightness(1.35)}
.gpb-tag{font:600 .68rem var(--font);text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px;background:#fff1e6;color:#b45309}
.gpb-tag--g{background:#e8f5ff;color:#0369a1}
.gpb-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--brand-l);color:var(--brand-d);font:600 .8rem var(--font)}
:root[data-theme="dark"] .gpb-pill{color:var(--brand)}
.gpb-kicker{display:block;font:700 .74rem var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-d);margin-bottom:6px}
.gpb-kicker--light{color:#ffd1a8}
.gpb-hot{margin-left:auto;display:inline-flex;gap:4px;align-items:center;font:700 .7rem var(--font);padding:4px 8px;border-radius:999px;background:#fff1e6;color:#c2410c;text-transform:uppercase;letter-spacing:.05em}
:root[data-theme="dark"] .gpb-hot{background:#3a1d0a;color:#fdba74}

/* hero */
.gpb-hero{background:radial-gradient(1000px 420px at 85% -10%,rgba(249,115,22,.16),transparent 60%),radial-gradient(900px 480px at 0% 0%,rgba(13,148,136,.18),transparent 60%),var(--bg);padding:56px 0 24px}
.gpb-hero__grid{display:grid;grid-template-columns:1.35fr .9fr;gap:40px;align-items:center}
.gpb-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;margin:14px 0 14px;letter-spacing:-.025em}
.gpb-hero__text>p{font-size:1.1rem;color:var(--muted);max-width:56ch}
.gpb-hero__search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px 8px 8px 16px;box-shadow:var(--shadow);max-width:560px;margin:22px 0}
.gpb-hero__search input{flex:1;border:0;background:transparent;font:inherit;color:var(--ink);outline:0;min-width:0}
.gpb-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.gpb-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.gpb-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.gpb-stat b{display:block;font:800 2rem var(--font-h);color:var(--ink);line-height:1}
.gpb-stat span{color:var(--muted);font-size:.85rem}
.gpb-pagehero{background:radial-gradient(900px 400px at 90% -20%,rgba(249,115,22,.14),transparent 60%),radial-gradient(800px 400px at 0% 0%,rgba(13,148,136,.16),transparent 60%),var(--bg);padding:48px 0 28px;border-bottom:1px solid var(--line)}
.gpb-pagehero h1{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;margin:12px 0}
.gpb-pagehero p{color:var(--muted);max-width:68ch;font-size:1.05rem}
.gpb-pagehero__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center}
.gpb-hero__stats--2{grid-template-columns:1fr 1fr}

/* topics */
.gpb-topics{display:flex;gap:10px;overflow-x:auto;padding-top:14px;padding-bottom:14px;scrollbar-width:thin}
.gpb-topics--wrap{flex-wrap:wrap;overflow:visible;padding:0;margin-bottom:10px}
.gpb-topic{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink)!important;font-weight:600;font-size:.9rem;text-decoration:none!important;position:relative}
.gpb-topic::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--brand))}
.gpb-topic small{color:var(--muted);font-weight:600}
.gpb-topic:hover{border-color:var(--c,var(--brand));box-shadow:var(--shadow)}
.gpb-topic--more{border-style:dashed;color:var(--muted)!important}
.gpb-topic--more::before{display:none}

/* section heads */
.gpb-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.gpb-sechead h2{font-size:clamp(1.4rem,2.6vw,2rem);margin:0;font-weight:800}
.gpb-more{display:inline-flex;gap:6px;align-items:center;font-weight:600;white-space:nowrap}
.gpb-band{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0}
.gpb-band--alt{background:linear-gradient(180deg,var(--soft),var(--bg))}

/* bento */
.gpb-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(210px,auto));gap:16px}
.gpb-bento__item{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:210px}
.gpb-bento__item--lead{grid-column:span 2;grid-row:span 2}
.gpb-bento__img{display:block;flex:1;min-height:120px;position:relative;overflow:hidden}
.gpb-bento__img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s}
.gpb-bento__item:hover img{transform:scale(1.04)}
.gpb-bento__body{padding:16px 18px 18px}
.gpb-bento__body h3{font-size:1.02rem;margin:8px 0 6px}
.gpb-bento__item--lead h3{font-size:1.65rem}
.gpb-bento__body h3 a{color:var(--ink)}
.gpb-bento__body p{color:var(--muted);margin:0 0 8px}

/* cards */
.gpb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.gpb-grid--3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gpb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.gpb-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}
.gpb-card__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.gpb-card__img img{width:100%;height:100%;object-fit:cover}
.gpb-ph{display:grid;place-items:center;width:100%;height:100%;min-height:140px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#000),color-mix(in srgb,var(--c) 45%,#fff))}
.gpb-ph b{font:800 3.4rem var(--font-h);color:rgba(255,255,255,.85)}
.gpb-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.gpb-card__meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gpb-card__title{font-size:1.08rem;margin:0;font-weight:700}
.gpb-card__title a{color:var(--ink)}
.gpb-card__ex{color:var(--muted);font-size:.93rem;margin:0}
.gpb-card__foot{margin-top:auto;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.8rem;padding-top:6px}
.gpb-card__foot span{display:inline-flex;gap:5px;align-items:center}
.gpb-loadmore{text-align:center;margin-top:28px}

/* layout */
.gpb-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}
.gpb-side{position:sticky;top:90px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.gpb-widget{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.gpb-widget__title,.gpb-fwidget__title{font-size:1rem;margin:0 0 12px;display:flex;gap:8px;align-items:center}
.gpb-widget--promo{background:linear-gradient(135deg,var(--brand-d),#115e59);color:#e6fffb;border:0}
.gpb-widget--promo .gpb-widget__title{color:#fff}
.gpb-widget--promo p{color:#d5f5f1}
.gpb-widget--promo .gpb-btn{margin-top:4px}
.gpb-rank{counter-reset:r;list-style:none;margin:0;padding:0}
.gpb-rank li{counter-increment:r;display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.gpb-rank li:last-child{border:0}
.gpb-rank li::before{content:counter(r,decimal-leading-zero);font:800 1rem var(--font-h);color:var(--accent)}
.gpb-rank a{color:var(--ink);font-weight:600;font-size:.93rem;line-height:1.4}
.gpb-catlist{list-style:none;margin:0;padding:0}
.gpb-catlist li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.93rem}
.gpb-catlist li:last-child{border:0}
.gpb-catlist a{color:var(--ink)}
@media (max-width:1000px){.gpb-layout{grid-template-columns:minmax(0,1fr)}.gpb-side{position:static}.gpb-hero__grid,.gpb-pagehero__grid{grid-template-columns:minmax(0,1fr)}.gpb-bento{grid-template-columns:1fr 1fr}.gpb-bento__item--lead{grid-column:span 2;grid-row:auto}}
@media (max-width:560px){.gpb-bento{grid-template-columns:1fr}.gpb-bento__item--lead{grid-column:auto}.gpb-announce a{display:none}}

/* AI cards */
.gpb-aigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.gpb-aigrid--3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gpb-ai{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);transition:.2s}
.gpb-ai:hover{transform:translateY(-3px);box-shadow:var(--shadow-l);border-color:var(--brand)}
.gpb-ai[hidden]{display:none}
.gpb-ai__top{display:flex;gap:12px;align-items:center}
.gpb-ai__logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font:800 1.25rem var(--font-h);color:#fff;background:linear-gradient(135deg,hsl(var(--h),70%,42%),hsl(calc(var(--h) + 40),75%,55%));flex:none}
.gpb-ai__logo--xl{width:76px;height:76px;border-radius:20px;font-size:2rem}
.gpb-ai__name{font-size:1.05rem;margin:0}
.gpb-ai__name a{color:var(--ink)}
.gpb-ai__cat{font-size:.75rem;color:var(--muted)}
.gpb-ai__desc{color:var(--muted);font-size:.92rem;margin:0}
.gpb-ai__facts{margin:0;display:grid;gap:6px}
.gpb-ai__facts div{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;border-top:1px dashed var(--line);padding-top:6px}
.gpb-ai__facts dt{color:var(--muted)}
.gpb-ai__facts dd{margin:0;font-weight:600;color:var(--ink);text-align:right}
.gpb-ai__foot{display:flex;gap:8px;margin-top:auto}
.gpb-filterbar{margin-top:20px;display:grid;gap:12px;max-width:900px}
.gpb-filterbar input{max-width:420px}
.gpb-chips{display:flex;flex-wrap:wrap;gap:8px}
.gpb-chips button{font:600 .85rem var(--font);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.gpb-chips button.is-on{background:var(--brand-d);border-color:var(--brand-d);color:#fff}
:root[data-theme="dark"] .gpb-chips button.is-on{background:var(--brand);color:#04201d;border-color:var(--brand)}
.gpb-notebox{margin-top:40px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:var(--radius);padding:24px}
.gpb-aihead{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:10px 0 20px}
.gpb-aihead>div{flex:1;min-width:200px}
.gpb-aihead h1{font-size:2rem;margin:6px 0 2px}
.gpb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 24px}
.gpb-facts div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.gpb-facts dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.gpb-facts dd{margin:4px 0 0;font-weight:700;color:var(--ink)}
.gpb-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.gpb-pc{border-radius:var(--radius);padding:18px;border:1px solid var(--line);background:var(--card)}
.gpb-pc h2{font-size:1.05rem}
.gpb-pc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gpb-pc li{display:flex;gap:8px;align-items:flex-start}
.gpb-pc--pro svg{color:#16a34a}
.gpb-pc--con svg{color:#dc2626}
@media (max-width:640px){.gpb-proscons{grid-template-columns:1fr}}

/* tools */
.gpb-toolgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gpb-toolgrid--lg{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.gpb-toolgrid--4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.gpb-tool{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)!important;text-decoration:none!important;transition:.2s;box-shadow:var(--shadow)}
.gpb-tool:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-l)}
.gpb-tool[hidden]{display:none}
.gpb-tool__g{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-d),var(--brand));color:#fff;font:800 .95rem var(--font-h)}
.gpb-tool__t{font:700 1rem var(--font-h);color:var(--ink);margin-top:6px}
.gpb-tool__d{font-size:.86rem;color:var(--muted)}
.gpb-tool__grp{margin-top:auto;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-d);font-weight:700;padding-top:6px}
.gpb-toolbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:28px}
.gpb-tf{display:grid;gap:14px}
.gpb-tf__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}
.gpb-tf label{display:grid;gap:6px;align-content:end;font-weight:600;font-size:.88rem;color:var(--ink)}
.gpb-tf small{font-weight:400;color:var(--muted)}
.gpb-tf textarea{min-height:150px;resize:vertical;font-family:inherit}
.gpb-tf .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}
.gpb-tf__row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.gpb-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:6px}
.gpb-out__i{background:var(--soft);border-radius:12px;padding:14px}
.gpb-out__i span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.gpb-out__i b{display:block;font:800 1.45rem var(--font-h);color:var(--ink);margin-top:2px;word-break:break-word}
.gpb-out__i.is-main{background:var(--brand-l)}
.gpb-out__i.is-main b{color:var(--brand-d)}
:root[data-theme="dark"] .gpb-out__i.is-main b{color:var(--brand)}
.gpb-code{background:#0b1220;color:#d6e4ff;border-radius:12px;padding:14px;font:.85rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto}
.gpb-note{padding:10px 14px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:.88rem}
.gpb-note--err{background:#fee2e2;color:#991b1b}
.gpb-bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}
.gpb-bar i{display:block;height:100%;background:var(--brand);width:0;transition:width .2s}
.gpb-bar.is-over i{background:#dc2626}
.gpb-serp{background:#fff;border:1px solid #dfe1e5;border-radius:14px;padding:16px 18px;color:#202124;font-family:Arial,sans-serif}
.gpb-serp .u{font-size:.8rem;color:#4d5156;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gpb-serp .t{font-size:1.2rem;color:#1a0dab;margin:4px 0;line-height:1.3;overflow:hidden}
.gpb-serp .d{font-size:.88rem;color:#4d5156;line-height:1.55;overflow:hidden}
.gpb-table{width:100%;border-collapse:collapse;font-size:.9rem}
.gpb-table th,.gpb-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.gpb-table th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}

/* article */
.gpb-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:14px}
.gpb-crumbs a{color:var(--muted)}
.gpb-crumbs em{font-style:normal;color:var(--ink)}
.gpb-article__head h1{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;margin:12px 0 16px}
.gpb-byline{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.gpb-avatar{border-radius:50%}
.gpb-byline strong{display:block;color:var(--ink)}
.gpb-article__hero{margin:0 0 22px;border-radius:var(--radius);overflow:hidden}
.gpb-article__hero img{width:100%;display:block}
.gpb-content{font-size:1.07rem;line-height:1.8;max-width:760px}
.gpb-article--tool .gpb-content,.gpb-guide .gpb-content,.gpb-contactbody{max-width:none}
.gpb-content h2{font-size:1.65rem;margin-top:1.6em;scroll-margin-top:90px}
.gpb-content h3{font-size:1.25rem;margin-top:1.4em;scroll-margin-top:90px}
.gpb-content a{text-decoration:underline;text-underline-offset:3px}
.gpb-content img{border-radius:12px}
.gpb-content blockquote{margin:1.4em 0;padding:8px 20px;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 12px 12px 0}
.gpb-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.gpb-content th,.gpb-content td{border:1px solid var(--line);padding:8px 12px}
.gpb-content pre{background:#0b1220;color:#d6e4ff;padding:16px;border-radius:12px;overflow:auto}
.gpb-notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:12px;padding:12px 16px;font-size:.9rem}
.gpb-notice--sp{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}
:root[data-theme="dark"] .gpb-notice{background:#10213f;border-color:#1e3a6a;color:#bcd3ff}
:root[data-theme="dark"] .gpb-notice--sp{background:#34190a;border-color:#6b3410;color:#fdd2ad}
.gpb-toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 16px;margin:0 0 24px;max-width:760px}
.gpb-toc__h{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;font:700 .95rem var(--font-h);color:var(--ink)}
.gpb-toc__h svg{transform:rotate(90deg);transition:.2s}
.gpb-toc.is-closed .gpb-toc__h svg{transform:rotate(0)}
.gpb-toc.is-closed ol{display:none}
.gpb-toc ol{margin:0 0 10px;padding-left:1.1em;display:grid;gap:4px;font-size:.93rem}
.gpb-toc a.is-active{color:var(--accent-d);font-weight:700}
.gpb-toc__l3{margin-left:14px;list-style:circle}
.gpb-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0;align-items:center}
.gpb-tags span{font-weight:700;color:var(--ink)}
.gpb-tags a{background:var(--soft);color:var(--text);padding:4px 12px;border-radius:99px;font-size:.84rem}
.gpb-share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:22px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gpb-share span{font-weight:700;color:var(--ink);margin-right:6px}
.gpb-share a,.gpb-share button{font:600 .83rem var(--font);padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.gpb-share a:hover,.gpb-share button:hover{border-color:var(--brand);text-decoration:none}
.gpb-authorbox{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:24px 0;flex-wrap:wrap}
.gpb-authorbox img{border-radius:50%}
.gpb-authorbox>div{flex:1;min-width:200px}
.gpb-authorbox h3{margin:0 0 4px}
.gpb-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.gpb-prevnext a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);font-weight:600}
.gpb-prevnext small{display:block;color:var(--muted);font-weight:500}
.gpb-prevnext .is-next{text-align:right}
.gpb-related{margin-top:36px}
.gpb-related h2{font-size:1.4rem}
.gpb-pagehead{margin-bottom:24px}
.gpb-pagehead h1{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;margin:4px 0 8px}
.gpb-pagehead__d{color:var(--muted);max-width:62ch}
.gpb-pagehead .gpb-kicker{color:var(--c,var(--accent-d))}

/* pagination + comments */
.gpb-pagination{margin:34px 0}
.gpb-pagination__links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.gpb-pagination .page-numbers{min-width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:600;padding:0 12px}
.gpb-pagination .page-numbers.current{background:var(--brand-d);border-color:var(--brand-d);color:#fff}
.gpb-pagination .screen-reader-text{display:none}
.gpb-comments{margin-top:36px}
.gpb-comments__list{list-style:none;padding:0}
.gpb-comments__list li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
.gpb-comments__list .children{list-style:none;margin-top:12px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px}
.gpb-empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:36px;text-align:center}
.gpb-404{text-align:center;max-width:560px;margin:30px auto}
.gpb-404__n{display:block;font:800 clamp(5rem,16vw,9rem) var(--font-h);background:linear-gradient(135deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.gpb-searchform{display:flex;gap:10px;margin:16px 0}

/* write for us */
.gpb-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.gpb-plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}
.gpb-plan.is-hot{border:2px solid var(--accent);box-shadow:var(--shadow-l)}
.gpb-plan__flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font:700 .72rem var(--font);padding:4px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em}
.gpb-plan h3{font-size:1.15rem;margin:0}
.gpb-plan__price{font:800 2.3rem var(--font-h);color:var(--ink)}
.gpb-plan ul{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:8px;flex:1}
.gpb-plan li{display:flex;gap:8px;font-size:.93rem}
.gpb-plan li svg{color:var(--brand)}
.gpb-plans--mini{grid-template-columns:repeat(3,1fr);gap:12px}
.gpb-plans--mini .gpb-plan{text-align:center;align-items:center;padding:18px}
.gpb-plans--mini .gpb-plan__price{font-size:1.8rem}
.gpb-gpband{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#0b2b33,#0f766e);border-radius:24px;padding:36px;color:#d9f4f0}
.gpb-gpband h2{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)}
.gpb-gpband__stats{list-style:none;display:flex;gap:22px;padding:0;margin:18px 0 0;flex-wrap:wrap}
.gpb-gpband__stats b{display:block;font:800 1.4rem var(--font-h);color:#fff}
.gpb-gpband__stats span{font-size:.78rem;color:#9fded6}
.gpb-gpband .gpb-plan{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}
.gpb-gpband .gpb-plan h3,.gpb-gpband .gpb-plan__price{color:#fff}
.gpb-gpband .gpb-plan.is-hot{border-color:var(--accent)}
@media (max-width:900px){.gpb-plans,.gpb-plans--mini{grid-template-columns:1fr}.gpb-gpband{grid-template-columns:1fr;padding:24px}}
.gpb-dodont{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0}
.gpb-do,.gpb-dont{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.gpb-do{border-top:4px solid #16a34a}.gpb-dont{border-top:4px solid #dc2626}
.gpb-do ul,.gpb-dont ul{margin:0;padding-left:1.1em;display:grid;gap:8px}
.gpb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px 0}
.gpb-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.gpb-step b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font:800 1rem var(--font-h);margin-bottom:10px}
.gpb-step h3{font-size:1.05rem;margin-bottom:4px}
.gpb-step p{margin:0;color:var(--muted);font-size:.9rem}
@media (max-width:820px){.gpb-dodont{grid-template-columns:1fr}.gpb-steps{grid-template-columns:1fr 1fr}}
.gpb-guide{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:30px}
.gpb-faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin-bottom:10px}
.gpb-faq summary{cursor:pointer;font-weight:700;color:var(--ink);padding:14px 0}
.gpb-formbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);max-width:860px}
.gpb-form{display:grid;gap:16px}
.gpb-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gpb-field{display:grid;gap:6px;font-weight:600;font-size:.88rem;color:var(--ink)}
.gpb-field--full{grid-column:1/-1}
.gpb-check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--muted)}
.gpb-check input{margin-top:4px}
.gpb-alert{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:.93rem}
.gpb-alert--ok{background:#dcfce7;color:#14532d}
.gpb-alert--err{background:#fee2e2;color:#7f1d1d}
@media (max-width:640px){.gpb-form__grid{grid-template-columns:1fr}}
.gpb-contactcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:30px}
.gpb-ccard{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;color:var(--text)!important;text-decoration:none!important;box-shadow:var(--shadow);transition:.2s}
.gpb-ccard:hover{transform:translateY(-3px);border-color:var(--brand)}
.gpb-ccard svg{color:var(--brand)}
.gpb-ccard--wa svg{color:var(--wa)}
.gpb-ccard span{font-weight:700;color:var(--brand-d);margin-top:auto}

/* footer */
.gpb-footer{margin-top:40px}
.gpb-ctaband{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,var(--accent),#fb923c);color:#fff;border-radius:22px;padding:30px 34px;margin-bottom:-60px;position:relative;z-index:1;box-shadow:var(--shadow-l)}
.gpb-ctaband h2{color:#fff;margin:0 0 4px}
.gpb-ctaband p{margin:0;color:#fff4ea}
.gpb-ctaband .gpb-btn--accent{background:#fff;color:var(--accent-d)!important;box-shadow:none}
.gpb-footer__main{background:#0a1220;color:#b7c3d8;padding:90px 0 40px}
.gpb-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:34px}
.gpb-footer__main .gpb-logo__img--light{display:none}
.gpb-footer__main .gpb-logo__img--dark{display:block}
.gpb-footer__main p{color:#93a1b8;font-size:.92rem}
.gpb-fwidget__title{color:#fff}
.gpb-footer__main a{color:#b7c3d8}
.gpb-flist{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.93rem}
.gpb-fsmall{font-size:.88rem}
.gpb-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.gpb-social a{border:1px solid #243248;border-radius:99px;padding:5px 12px;font-size:.8rem}
.gpb-news{display:flex;gap:8px;flex-wrap:wrap}
.gpb-news input{flex:1;min-width:160px;background:#101a2d;border-color:#243248;color:#fff}
.gpb-footer__bar{background:#070d18;color:#7f8ca3;font-size:.85rem}
.gpb-footer__barrow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.gpb-footmenu{display:flex;gap:16px;flex-wrap:wrap}
.gpb-footmenu a{color:#9aa8bf}
@media (max-width:900px){.gpb-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gpb-footer__grid{grid-template-columns:1fr}.gpb-ctaband{padding:22px}}

/* WhatsApp float, back to top, toast */
.gpb-wa{position:fixed;right:18px;bottom:18px;z-index:1100;display:inline-flex;align-items:center;gap:0;height:56px;padding:0 15px;border-radius:99px;background:var(--wa);color:#fff!important;box-shadow:0 8px 24px rgba(11,122,104,.45);text-decoration:none!important;overflow:hidden;animation:gpbpulse 2.6s infinite}
.gpb-wa__t{max-width:0;overflow:hidden;white-space:nowrap;font:600 .92rem var(--font);transition:max-width .25s,margin .25s}
.gpb-wa:hover .gpb-wa__t,.gpb-wa:focus-visible .gpb-wa__t{max-width:160px;margin-left:10px}
@keyframes gpbpulse{0%{box-shadow:0 8px 24px rgba(11,122,104,.45),0 0 0 0 rgba(18,165,140,.5)}70%{box-shadow:0 8px 24px rgba(11,122,104,.45),0 0 0 16px rgba(18,165,140,0)}100%{box-shadow:0 8px 24px rgba(11,122,104,.45),0 0 0 0 rgba(18,165,140,0)}}
@media (prefers-reduced-motion:reduce){.gpb-wa{animation:none}html{scroll-behavior:auto}*{transition:none!important}}
.gpb-top{position:fixed;right:24px;bottom:86px;z-index:1090;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}
.gpb-top.is-on{opacity:1;visibility:visible}
.gpb-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:2000}
.gpb-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* WP core bits */
.alignwide{max-width:1000px}
.wp-caption,figure{max-width:100%}
.wp-caption-text,figcaption{font-size:.85rem;color:var(--muted);text-align:center}
.sticky{}.bypostauthor{}.gallery-caption{}.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{display:block;margin:0 auto}
@media print{.gpb-header,.gpb-footer,.gpb-wa,.gpb-top,.gpb-side,.gpb-announce,.gpb-share{display:none!important}body{background:#fff}}
.gpb-layout>*,.gpb-hero__grid>*,.gpb-pagehero__grid>*{min-width:0}
.gpb-widget{min-width:0;overflow-wrap:anywhere}.gpb-widget .wp-block-search__inside-wrapper{flex-wrap:wrap}.gpb-widget input[type=search]{min-width:0;max-width:100%}
/* Core block widgets (WP default sidebar) */
.gpb-widget .wp-block-search__label,.gpb-widget .wp-block-heading,.gpb-widget h2{font:700 1.05rem var(--font-h);color:var(--ink);margin:0 0 12px}
.gpb-widget .wp-block-search__inside-wrapper{display:flex;gap:8px}
.gpb-widget .wp-block-search__input,.gpb-widget input[type=search]{flex:1;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit}
.gpb-widget .wp-block-search__button{background:var(--brand);color:#fff;border:0;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer}
.gpb-widget ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gpb-widget li a{font-weight:600}