/* TechAI UI V5 — unified editorial + store design */
:root{
  --v5-bg:#050b12;
  --v5-surface:#0a1621;
  --v5-surface-2:#0e1d2b;
  --v5-surface-3:#122638;
  --v5-border:rgba(150,190,218,.14);
  --v5-border-strong:rgba(150,190,218,.24);
  --v5-text:#f6fafc;
  --v5-muted:#91a5b6;
  --v5-cyan:#5ee4d7;
  --v5-cyan-2:#a9f4ec;
  --v5-gold:#f1c76d;
  --v5-shadow:0 24px 70px rgba(0,0,0,.28);
  --v5-radius:24px;
}

html{scroll-padding-top:92px}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 82% -10%,rgba(62,190,184,.10),transparent 34%),
    radial-gradient(circle at -8% 30%,rgba(62,108,190,.08),transparent 30%),
    linear-gradient(180deg,#061019 0%,#040a10 55%,#050a0f 100%);
}
::selection{background:rgba(94,228,215,.24);color:#fff}
.techai-icon{
  width:20px;height:20px;display:inline-block;vertical-align:middle;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.container{width:min(1240px,calc(100% - 40px))}

/* Header */
.site-header{
  background:rgba(5,11,18,.76);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 8px 30px rgba(0,0,0,.14);
}
.nav-shell{min-height:74px;gap:30px}
.brand{gap:11px}
.brand-mark{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(145deg,#15374a,#0a1d29);
  border-color:rgba(94,228,215,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.22);
}
.brand-name{display:block}
.brand-name strong{display:block;font-size:1.12rem;letter-spacing:-.035em}
.brand-name small{display:block;margin-top:5px;font-size:.62rem;letter-spacing:.03em;color:#6f8496}
.desktop-nav{gap:4px;font-size:.88rem;font-weight:700}
.desktop-nav a{
  padding:10px 13px;border-radius:11px;color:#aab9c6;
  transition:background .2s,color .2s,transform .2s;
}
.desktop-nav a:after{display:none}
.desktop-nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateY(-1px)}
.nav-actions{margin-left:auto;margin-right:0;gap:7px}
.icon-button,.menu-toggle,.drawer-close{
  position:relative;display:grid;place-items:center;width:42px;height:42px;
  border:1px solid rgba(255,255,255,.09);border-radius:12px;
  background:rgba(15,31,45,.78);color:#dce8ef;
  transition:.2s ease;
}
.icon-button:hover,.menu-toggle:hover,.drawer-close:hover{
  color:var(--v5-cyan);border-color:rgba(94,228,215,.3);background:#11293b;transform:translateY(-1px);
}
.cart-count{
  position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;
  border:2px solid #071019;border-radius:999px;background:var(--v5-gold);color:#171006;font-size:.62rem;font-weight:900;
}

/* Keep the menu button desktop-hidden until the responsive breakpoint */
.menu-toggle{display:none}

/* Drawer */
.mobile-drawer{
  width:min(92vw,400px);
  background:linear-gradient(180deg,rgba(10,23,34,.98),rgba(5,12,18,.99));
  border-left:1px solid rgba(255,255,255,.09);
}
.drawer-head{padding:18px 18px 16px}
.drawer-brand .brand-name small{display:block}
.drawer-close .techai-icon{width:18px;height:18px}
.drawer-search{position:relative;padding:14px 18px;gap:8px}
.drawer-search-icon{position:absolute;left:31px;top:50%;transform:translateY(-50%);color:#71879a;pointer-events:none}
.drawer-search-icon .techai-icon{width:17px;height:17px}
.drawer-search input{
  padding:12px 12px 12px 39px;background:#07131d;border-color:rgba(255,255,255,.09);
  border-radius:13px;font-size:.86rem;
}
.drawer-search button{padding:10px 14px;border-radius:12px}
.drawer-scroll{min-height:0;overflow:auto;padding-bottom:10px}
.drawer-label{
  padding:17px 20px 8px;color:#60788b;font-size:.66rem;font-weight:900;
  letter-spacing:.12em;text-transform:uppercase;
}
.drawer-topic-label{padding-top:21px}
.drawer-nav{gap:6px;padding:0 12px;overflow:visible}
.drawer-nav a{
  display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:11px;align-items:center;
  padding:10px;border:1px solid transparent;border-radius:14px;color:#e6eef4;
}
.drawer-nav a:hover{background:#102434;border-color:rgba(255,255,255,.07)}
.drawer-item-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  background:rgba(94,228,215,.07);color:var(--v5-cyan);border:1px solid rgba(94,228,215,.10);
}
.drawer-item-icon .techai-icon{width:19px;height:19px}
.drawer-item-copy{display:grid;min-width:0}
.drawer-item-copy strong{font-size:.86rem}
.drawer-item-copy small{margin-top:2px;color:#6f8598;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-nav a>i{display:grid;place-items:center;color:#607a8d;font-style:normal}
.drawer-nav a>i .techai-icon{width:16px;height:16px}
.drawer-account-strip{padding:12px 18px;border-top:1px solid rgba(255,255,255,.07)}
.drawer-account-strip>a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:14px;background:#0d2130;border:1px solid rgba(255,255,255,.07)}
.drawer-account-strip>a>.techai-icon{color:var(--v5-gold)}
.drawer-account-strip span{display:grid}.drawer-account-strip small{color:#71879a;font-size:.7rem}
.drawer-links{margin-top:0;padding:12px 18px 18px}

/* Homepage */
.home-hero{padding:68px 0 56px;background:transparent}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:48px}
.hero-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--v5-cyan)}
.hero-copy h1{max-width:720px;font-size:clamp(3rem,5.6vw,5.7rem);line-height:1.01;letter-spacing:-.065em;margin:18px 0 22px}
.hero-copy>p{max-width:630px;color:#9fb1bf;font-size:1.06rem;line-height:1.85}
.primary-cta,.secondary-cta{gap:8px;min-height:49px;padding:12px 17px;border-radius:14px}
.primary-cta .techai-icon,.secondary-cta .techai-icon{width:17px;height:17px}
.hero-metrics{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:26px;max-width:610px
}
.hero-metrics>div{
  padding:13px 14px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(12,28,41,.62);
}
.hero-metrics strong{display:block;color:#f8fbfd;font-size:1.08rem}
.hero-metrics span{display:block;margin-top:2px;color:#6f8597;font-size:.68rem}
.featured-story{
  min-height:500px;border-radius:30px;border-color:rgba(255,255,255,.10);
  box-shadow:0 35px 90px rgba(0,0,0,.34);
}
.featured-story:after{
  content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none
}
.featured-copy{padding:30px}
.featured-copy small{background:rgba(5,13,20,.68);color:var(--v5-cyan)}
.featured-copy h2{font-size:clamp(1.5rem,2.4vw,2.35rem);line-height:1.3;letter-spacing:-.025em}
.featured-copy>span{display:inline-flex;align-items:center;gap:7px}
.featured-copy .techai-icon{width:16px;height:16px}

.home-tools-callout{padding:0 0 20px}
.home-tools-shell{
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:20px 22px;border-radius:22px;border:1px solid rgba(94,228,215,.12);
  background:linear-gradient(135deg,rgba(13,38,51,.92),rgba(9,23,34,.88));
}
.home-tools-icon{
  width:58px;height:58px;display:grid;place-items:center;border-radius:17px;
  background:linear-gradient(145deg,rgba(94,228,215,.16),rgba(94,228,215,.04));color:var(--v5-cyan);
  border:1px solid rgba(94,228,215,.16);
}
.home-tools-icon .techai-icon{width:25px;height:25px}
.home-tools-copy h2{font-size:1.3rem;margin:3px 0 4px}
.home-tools-copy>span{color:var(--v5-cyan);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.home-tools-copy p{margin:0;color:#879bab;font-size:.84rem}
.home-tools-copy>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.home-tools-copy b{font-size:.69rem;color:#758b9c;font-weight:700}
.home-tools-shell>a{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:12px;background:var(--v5-gold);color:#171006;font-weight:900;font-size:.84rem}
.home-tools-shell>a .techai-icon{width:16px;height:16px}

.category-showcase{padding:52px 0 30px}
.modern-section-head{align-items:end}
.modern-section-head>div>span{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.modern-section-head h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.035em}
.modern-section-head p{font-size:.86rem}
.section-link{display:inline-flex;align-items:center;gap:7px;color:#8ba1b2;font-size:.8rem;font-weight:800}
.section-link:hover{color:var(--v5-cyan)}
.section-link .techai-icon{width:16px;height:16px}
.category-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.category-card{
  grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;padding:16px;border-radius:18px;
  background:linear-gradient(145deg,#0e2231,#0a1824)!important;border-color:rgba(255,255,255,.07);
  box-shadow:none;
}
.category-card:hover{transform:translateY(-4px);background:linear-gradient(145deg,#11293a,#0b1b27)!important;border-color:rgba(94,228,215,.22);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.category-card>b{
  width:48px;height:48px;border-radius:14px;background:rgba(94,228,215,.07)!important;color:var(--v5-cyan)!important;
  border:1px solid rgba(94,228,215,.10)
}
.category-card>b .techai-icon{width:21px;height:21px}
.category-card strong{font-size:.86rem;line-height:1.25}
.category-card small{margin-top:3px;color:#6d8395}
.category-card i{display:grid;color:#627b8e}.category-card i .techai-icon{width:16px;height:16px}

.latest-section{padding:48px 0 28px}
.articles-grid{gap:20px}
.article-card,.post-card{
  display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(180deg,#0d2030,#091822);
  border-color:rgba(255,255,255,.075);box-shadow:none;
}
.article-card:hover,.post-card:hover{transform:translateY(-5px);border-color:rgba(94,228,215,.20);box-shadow:0 26px 60px rgba(0,0,0,.24)}
.article-image,.post-media{aspect-ratio:16/9;background:#07131c}
.article-image:after,.post-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(4,10,16,.25))}
.article-image>span{
  z-index:2;left:13px;right:auto;top:13px;padding:6px 9px;background:rgba(4,12,18,.74);
  color:#dce9ef;border-color:rgba(255,255,255,.11);font-size:.67rem;font-weight:800
}
.article-card-body,.post-card-body{display:flex;flex-direction:column;flex:1;padding:20px}
.article-card-meta,.post-meta{margin-bottom:10px;color:#667f92;font-size:.69rem;text-transform:uppercase;letter-spacing:.04em}
.article-card h2,.post-card h2{font-size:1.15rem;line-height:1.45;letter-spacing:-.018em}
.article-card h2 a:hover,.post-card h2 a:hover{color:var(--v5-cyan-2)}
.article-card p,.post-card p{color:#8fa3b3;font-size:.85rem;line-height:1.72}
.read-link,.read-more{margin-top:auto;padding-top:15px;color:var(--v5-cyan);gap:7px}
.read-link .techai-icon,.read-more .techai-icon{width:16px;height:16px;transition:transform .2s}
.read-link:hover .techai-icon,.read-more:hover .techai-icon{transform:translateX(3px)}

.value-strip{padding:36px 0 78px}
.value-grid>div{gap:14px;padding:18px;background:#0b1d2a;border-color:rgba(255,255,255,.07);box-shadow:none}
.value-grid>div>.techai-icon{width:23px;height:23px;color:var(--v5-gold);flex:0 0 auto}
.value-grid strong{font-size:.87rem}.value-grid small{margin-top:2px;color:#71879a}

/* Article */
.article-hero{padding:58px 0 30px;background:linear-gradient(180deg,rgba(14,40,55,.45),transparent)}
.article-hero-inner{max-width:1120px}
.breadcrumb{margin-bottom:16px;color:#687f91}
.article-topic-pill{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;padding:7px 10px;
  border:1px solid rgba(94,228,215,.14);border-radius:999px;background:rgba(94,228,215,.05);
  color:var(--v5-cyan);font-size:.71rem;font-weight:900
}
.article-topic-pill .techai-icon{width:15px;height:15px}
.article-head h1{max-width:1020px;font-size:clamp(2.45rem,5vw,4.9rem);line-height:1.08;letter-spacing:-.05em}
.article-deck{max-width:900px;color:#9eb0be;font-size:1.08rem;line-height:1.8}
.article-meta-row span{background:rgba(14,34,49,.78);border-color:rgba(255,255,255,.07);color:#7e94a6}
.article-layout{grid-template-columns:minmax(0,860px) 300px;gap:30px;padding-top:16px}
.article-cover{margin-bottom:16px;border-radius:26px;border-color:rgba(255,255,255,.08);box-shadow:0 30px 72px rgba(0,0,0,.25)}
.article-summary-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;
}
.article-summary-strip>div{
  display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:14px;
  background:#0a1b28;border:1px solid rgba(255,255,255,.065)
}
.article-summary-strip>.techai-icon{color:var(--v5-cyan);width:19px;height:19px;flex:0 0 auto}
.article-summary-strip span{display:grid}.article-summary-strip small{color:#687f91;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em}
.article-summary-strip strong{margin-top:1px;font-size:.78rem;color:#dce7ee}
.article-content{
  padding:34px 38px;border:1px solid rgba(255,255,255,.07);border-radius:24px;
  background:linear-gradient(180deg,rgba(12,29,42,.88),rgba(8,21,31,.92));
  font-size:1.02rem;line-height:1.95;color:#cfdbe4
}
.article-content>p:first-child{font-size:1.12rem;line-height:1.9;color:#eef5f8}
.article-content p{color:#bdcbd5}
.article-content h2{font-size:1.72rem;letter-spacing:-.025em;margin:44px 0 14px}
.article-content h2:first-child{margin-top:0}
.article-content h2:after{width:38px;height:2px;margin-top:9px}
.article-content h3{font-size:1.2rem}
.article-content ul,.article-content ol{padding-left:22px;padding-right:0}
.article-content li{padding-left:3px}
.article-content strong{color:#eef5f8}
.article-content blockquote{
  margin:24px 0;padding:17px 20px;border-left:3px solid var(--v5-cyan);border-radius:0 14px 14px 0;
  background:rgba(94,228,215,.045);color:#cfe2e6
}
.article-content pre,.article-content code{max-width:100%;overflow:auto}
.article-actions{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:#091a26}
.article-actions button,.article-actions a{display:inline-flex;align-items:center;gap:7px;background:#10283a;border-color:rgba(255,255,255,.075)}
.article-actions .techai-icon{width:16px;height:16px}
.article-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.article-prev-next>div:empty{display:none}
.article-prev-next a{display:grid;padding:15px 16px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:#0a1c29}
.article-prev-next a:hover{border-color:rgba(94,228,215,.18);background:#0d2231}
.article-prev-next small{color:#667f92;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.article-prev-next strong{margin-top:3px;font-size:.81rem;line-height:1.45}
.author-box{background:#0a1b28;border-color:rgba(255,255,255,.07);box-shadow:none}
.author-box strong{font-size:.95rem}.author-box .side-label{margin-bottom:1px}
.author-box a{display:inline-flex;align-items:center;gap:5px}.author-box a .techai-icon{width:14px;height:14px}
.article-side{top:94px;gap:10px}
.side-card{padding:16px;background:#0a1b28;border-color:rgba(255,255,255,.07);box-shadow:none}
.side-card-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.side-card-head>.techai-icon{width:20px;height:20px;color:var(--v5-cyan)}
.side-card-head span{display:grid}.side-card-head small{color:#647d90;font-size:.63rem;text-transform:uppercase;letter-spacing:.07em}
.side-card-head strong{font-size:.84rem}
.side-card p{margin:8px 0 12px;line-height:1.7}
.side-card>a{display:inline-flex;align-items:center;gap:5px;font-size:.78rem}.side-card>a .techai-icon{width:14px;height:14px}
.article-toc{gap:4px}
.article-toc a{padding:8px 9px;border-left:2px solid rgba(94,228,215,.10);border-right:0;color:#8399aa}
.article-toc a:hover{border-left-color:var(--v5-cyan);border-right:0;background:rgba(94,228,215,.04)}
.related{padding-top:50px}

/* Store */
.wc-techai-page{padding-top:32px}
.store-hero-v2{
  margin-bottom:14px;padding:38px;border-radius:30px;
  background:
    radial-gradient(circle at 90% 0,rgba(94,228,215,.14),transparent 34%),
    linear-gradient(145deg,#0e2433,#081620);
  border-color:rgba(255,255,255,.08)
}
.store-hero-v2>div:first-child>span,.store-products-head>span{
  text-transform:uppercase;letter-spacing:.1em;font-size:.67rem
}
.store-hero-v2 h1{font-size:clamp(2.4rem,5.4vw,4.8rem);letter-spacing:-.055em;line-height:1.04;max-width:830px}
.store-hero-v2 p{max-width:760px;color:#98aab9}
.store-hero-actions a{border-radius:13px}
.store-stats{gap:8px}
.store-stats b,.store-stats span{background:rgba(7,20,29,.74);border-color:rgba(255,255,255,.06);border-radius:14px}
.store-stats b{color:var(--v5-cyan);font-size:1.8rem}
.store-cats{gap:7px;margin-bottom:34px}
.store-cats a{background:#0a1c29;border-color:rgba(255,255,255,.07);color:#8197a8;transition:.2s}
.store-cats a:hover{color:#fff;border-color:rgba(94,228,215,.20);background:#102636}
.store-bundle{
  padding:22px;border-radius:26px;background:linear-gradient(145deg,#151f29,#0a151e);
  border-color:rgba(241,199,109,.16)
}
.store-bundle-media{overflow:hidden;border-radius:19px;background:#07131c}
.store-bundle-media img{transition:transform .35s}
.store-bundle:hover .store-bundle-media img{transform:scale(1.018)}
.store-bundle-copy h2{letter-spacing:-.035em}
.store-products-head h2{letter-spacing:-.03em}
.woocommerce ul.products{gap:18px!important}
.woocommerce ul.products li.product{
  display:flex!important;flex-direction:column!important;padding:12px!important;border-radius:22px!important;
  background:linear-gradient(180deg,#0c1e2c,#081721)!important;border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:none!important;transition:.22s transform,.22s border-color,.22s box-shadow
}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);border-color:rgba(94,228,215,.18)!important;box-shadow:0 24px 58px rgba(0,0,0,.22)!important}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block}
.woocommerce ul.products li.product a img{
  width:100%!important;aspect-ratio:4/3;object-fit:cover;margin:0 0 15px!important;border-radius:16px!important;background:#07131c
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 4px!important;font-size:1.02rem!important;line-height:1.45!important;letter-spacing:-.015em}
.woocommerce ul.products li.product .price{display:block;padding:0 4px;margin:6px 0 12px!important;color:var(--v5-gold)!important}
.woocommerce ul.products li.product .button{
  margin-top:auto!important;width:100%;display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:43px;border-radius:12px!important;background:#102b3d!important;color:#eaf4f7!important;border:1px solid rgba(94,228,215,.12)!important
}
.woocommerce ul.products li.product .button:hover{background:#15384c!important;color:#fff!important}
.store-service-strip{border-color:rgba(255,255,255,.065);background:#081923}
.store-service-strip>div{background:#0c2130;border:1px solid rgba(255,255,255,.05)}
.store-trust-v1>div{background:#0a1c29;border-color:rgba(255,255,255,.065)}
.store-faq-v1{background:#081923;border-color:rgba(255,255,255,.07)}
.store-faq-v1 details{background:#0c2130;border-color:rgba(255,255,255,.055)}
.store-plus-teaser{background:linear-gradient(145deg,#161e26,#09141d);border-color:rgba(241,199,109,.14)}

/* Product detail */
.product-detail-v2{padding-top:42px}
.product-detail-grid{gap:40px}
.product-detail-media{padding:14px;border-radius:26px;background:#091b28;border-color:rgba(255,255,255,.07)}
.product-detail-media img{border-radius:20px}
.product-type{text-transform:uppercase;letter-spacing:.09em;font-size:.67rem}
.product-detail-copy h1{font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.05em;line-height:1.05}
.product-short{color:#96a9b8}
.product-price-v2{font-size:1.75rem}
.product-actions-v2>a,.product-actions-v2>span{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px}
.product-info-grid>section{background:#0a1c29;border-color:rgba(255,255,255,.065)}
.product-files>div{background:#071722}
.product-bottom-cta{background:linear-gradient(145deg,#0f2b3c,#081923);border-color:rgba(94,228,215,.12)}

/* Footer */
.site-footer{margin-top:74px;background:linear-gradient(180deg,#06111a,#03070b);border-top-color:rgba(255,255,255,.065)}
.footer-contact{background:#0c1c28;border-color:rgba(241,199,109,.16)}
.footer-nav-primary a{background:rgba(94,228,215,.04);border-color:rgba(94,228,215,.10)}
.footer-nav-secondary a{border-color:rgba(255,255,255,.07)}

/* Focus + motion */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--v5-cyan);outline-offset:3px
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Responsive */
@media(max-width:1120px){
  .desktop-nav{display:none}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center}
  .hero-grid{grid-template-columns:1fr 1fr;gap:28px}
  .category-cards{grid-template-columns:repeat(3,1fr)}
  .article-layout{grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:760px}
  .featured-story{min-height:420px}
  .article-layout{grid-template-columns:1fr}
  .article-side{position:static;grid-template-columns:repeat(3,1fr)}
  .toc-card{grid-column:1/-1}
}
@media(max-width:760px){
  .container{width:calc(100% - 24px)}
  .nav-shell{min-height:66px}
  .brand-name small{display:none}
  .account-link{display:none}
  .home-hero{padding:38px 0 32px}
  .hero-copy h1{font-size:clamp(2.6rem,12vw,4rem)}
  .hero-metrics{grid-template-columns:repeat(3,1fr)}
  .hero-metrics>div{padding:11px 10px}.hero-metrics span{font-size:.61rem}
  .featured-story{min-height:320px;border-radius:22px}
  .home-tools-shell{grid-template-columns:48px 1fr;padding:17px}
  .home-tools-icon{width:48px;height:48px;border-radius:14px}
  .home-tools-shell>a{grid-column:1/-1;width:100%;justify-content:center}
  .home-tools-copy>div{display:none}
  .category-showcase{padding-top:40px}
  .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-card{grid-template-columns:42px minmax(0,1fr);padding:13px}
  .category-card>b{width:42px;height:42px}.category-card i{display:none}
  .modern-section-head{align-items:flex-start}
  .section-link{display:none}
  .articles-grid{grid-template-columns:1fr}
  .article-hero{padding-top:36px}
  .article-head h1{font-size:clamp(2.15rem,10vw,3.3rem)}
  .article-deck{font-size:.98rem}
  .article-summary-strip{grid-template-columns:1fr}
  .article-content{padding:24px 20px;border-radius:19px;font-size:1rem}
  .article-content h2{font-size:1.48rem}
  .article-side{grid-template-columns:1fr}
  .article-prev-next{grid-template-columns:1fr}
  .store-hero-v2{padding:24px;border-radius:22px}
  .store-hero-v2 h1{font-size:clamp(2.2rem,10vw,3.5rem)}
  .product-detail-grid,.product-info-grid{grid-template-columns:1fr}
  .product-detail-copy h1{font-size:clamp(2.2rem,10vw,3.5rem)}
}
@media(max-width:480px){
  .nav-actions{gap:5px}.icon-button,.menu-toggle{width:40px;height:40px}
  .hero-actions{grid-template-columns:1fr}
  .hero-metrics{gap:6px}.hero-metrics strong{font-size:.96rem}
  .featured-copy{padding:19px}
  .category-card strong{font-size:.76rem}
  .category-card small{font-size:.62rem}
  .article-content{padding:21px 17px}
  .article-meta-row{gap:6px}
  .article-meta-row span{font-size:.64rem}
  .store-stats{grid-template-columns:1fr 1fr}
}


/* Secondary product surfaces — V5 alignment */
.tai-tools,.services-v1,.audit-pro-v1,.plus-v1,.credits-v1,.partners-v1,.tool-landing-v1{
  max-width:1240px;
  padding-top:42px;
}
.tai-hero,.services-hero,.audit-pro-hero,.plus-hero,.credits-hero,.partners-hero,.tool-landing-hero,.tools-hero-v2{
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 4%,rgba(94,228,215,.10),transparent 32%),
    linear-gradient(145deg,#0e2433,#081620);
  border-color:rgba(255,255,255,.075);
  box-shadow:none;
}
.tai-hero h1,.services-hero h1,.audit-pro-hero h1,.plus-hero h1,.credits-hero h1,.partners-hero h1,.tool-landing-hero h1,.tools-hero-v2 h1,.tools-hero-v2 h2{
  max-width:920px;
  font-size:clamp(2.35rem,4.5vw,4.45rem);
  line-height:1.06;
  letter-spacing:-.05em;
}
.tai-hero>span,.services-hero>span,.audit-pro-hero>span,.plus-hero>span,.credits-hero>span,.partners-hero>span,.tool-landing-hero>span,.tools-hero-v2>span{
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.66rem;
}
.tai-access-bar{
  padding:14px 16px;border-radius:15px;background:#091b28;border-color:rgba(255,255,255,.07);
}
.tai-credit-meter strong{font-size:1.28rem}
.tai-credit-meter small{color:#687f91}
.tai-access-actions a,.tai-quota-actions a{border-radius:10px}
.tai-tool-nav{gap:8px}
.tai-tool-nav button{
  min-height:60px;border-radius:13px;background:#0a1c29;border-color:rgba(255,255,255,.065);
  color:#8ea2b1;transition:.2s transform,.2s background,.2s border-color;
}
.tai-tool-nav button:hover{transform:translateY(-2px);background:#0f2635;border-color:rgba(94,228,215,.16)}
.tai-tool-nav button.is-active{background:var(--v5-gold);border-color:var(--v5-gold);color:#171006}
.tai-panel{
  border-radius:22px;background:linear-gradient(180deg,#0c2231,#081923);border-color:rgba(255,255,255,.065);
}
.tai-panel-head>span{background:rgba(94,228,215,.07);border-color:rgba(94,228,215,.12)}
.tai-form-grid input,.tai-form-grid textarea,.tai-form-grid select,.tai-audit-form input{
  background:#06141e;border-color:rgba(255,255,255,.09);border-radius:12px;
}
.tai-primary{border-radius:12px;min-height:45px}

/* Services */
.services-grid{gap:12px}
.services-grid article{
  position:relative;overflow:hidden;padding:21px;border-radius:20px;
  background:linear-gradient(180deg,#0c2130,#091923);border-color:rgba(255,255,255,.065);
  transition:.2s transform,.2s border-color;
}
.services-grid article:before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(94,228,215,.25),transparent);
}
.services-grid article:hover{transform:translateY(-3px);border-color:rgba(94,228,215,.16)}
.services-grid article>span{
  display:inline-flex;padding:5px 7px;border-radius:8px;background:rgba(94,228,215,.06);font-size:.65rem;
}
.services-grid h2{font-size:1.02rem;letter-spacing:-.01em}
.services-grid p{color:#8fa3b3}
.services-grid button{min-height:41px;border-radius:11px}
.service-request-form{
  background:#091b28;border-color:rgba(255,255,255,.065);border-radius:22px;
}
.service-request-form input,.service-request-form select,.service-request-form textarea{
  background:#06141e;border-color:rgba(255,255,255,.09);border-radius:12px;
}

/* Account + Woo account forms */
.woocommerce-account .woocommerce{
  max-width:1240px;margin:0 auto;padding:30px 0 70px;
}
.woocommerce-account .woocommerce h2{letter-spacing:-.025em}
.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.register{
  padding:22px!important;border-radius:20px!important;background:#081923!important;border:1px solid rgba(255,255,255,.075)!important;
}
.woocommerce-account .woocommerce form .form-row input.input-text{
  min-height:46px;background:#091d2a!important;border-color:rgba(255,255,255,.10)!important;border-radius:12px!important;
}
.woocommerce-account .woocommerce button.button{
  min-height:40px;padding:0 16px!important;border-radius:11px!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:#081923;
}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;padding:10px 12px;border-radius:10px;color:#91a5b6;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background:#102a3b;color:#fff;
}

/* Audit, Plus, Credits, Partners */
.audit-pro-login,.audit-pro-wallet,.audit-pro-form,.audit-pro-result,
.credits-plan,.plus-grid article,.plus-compare article,.partner-models article,.tool-landing-grid article{
  background:#091b28;border-color:rgba(255,255,255,.065);border-radius:19px;
}
.credits-how>div,.credits-premium-list,.tool-landing-faq{
  background:#081923;border-color:rgba(255,255,255,.06);
}
.audit-pro-form input,.referral-link input{
  background:#06141e;border-color:rgba(255,255,255,.09);
}
.techai-account-cards a,.wallet-log>div,.saved-audit-list article,.saved-audit-head,.saved-audit-pages article,.referral-stats article{
  background:#091b28;border-color:rgba(255,255,255,.06);
}
.techai-account-cards a:hover{border-color:rgba(94,228,215,.16);background:#0d2332}

/* Generic page forms and Woo notices */
.woocommerce form .show-password-input{filter:invert(.85)}
.woocommerce-error,.woocommerce-info,.woocommerce-message{
  border-radius:14px!important;background:#0a1c29!important;border-top-color:var(--v5-cyan)!important;
}
.woocommerce-LostPassword a,.woocommerce-privacy-policy-text a{color:var(--v5-cyan)}

/* Mobile polish for secondary surfaces */
@media(max-width:800px){
  .tai-tools,.services-v1,.audit-pro-v1,.plus-v1,.credits-v1,.partners-v1,.tool-landing-v1{padding-top:22px}
  .tai-hero,.services-hero,.audit-pro-hero,.plus-hero,.credits-hero,.partners-hero,.tool-landing-hero,.tools-hero-v2{
    padding:23px;border-radius:21px
  }
  .tai-hero h1,.services-hero h1,.audit-pro-hero h1,.plus-hero h1,.credits-hero h1,.partners-hero h1,.tool-landing-hero h1,.tools-hero-v2 h1,.tools-hero-v2 h2{
    font-size:clamp(2.15rem,10vw,3.4rem)
  }
  .tai-tool-nav button{min-height:52px}
  .woocommerce-account .woocommerce{padding:20px 0 50px}
}