/*
Theme Name: Growthtic
Theme URI: https://growthtic.com
Author: Basem Samir / Bold Strategy Reach
Author URI: https://boldstrategyreach.com
Description: A technical WordPress theme for a web and app development partner serving marketing agencies, internal ventures, and product builds.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: growthtic
Tags: custom-logo, custom-menu, featured-images, one-column, two-columns, block-styles, agency, business
*/
:root {
  --brand-primary: #0f172a;
  --brand-secondary: #22c55e;
  --brand-accent: #06b6d4;
  --brand-light: #ecfeff;
  --brand-dark: #020617;
  --brand-white: #ffffff;
  --brand-muted: #64748b;
  --brand-border: rgba(15,23,42,.12);
  --font-brand: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box} body{margin:0;font-family:var(--font-brand);background:#fff;color:#0f172a;line-height:1.6} a{color:inherit} .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--brand-border)} .wrap{width:min(1180px,92vw);margin:auto} .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0} .brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.04em} .brand img{height:42px;width:auto} .menu{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0} .menu a{text-decoration:none;font-weight:700;font-size:14px;color:#334155} .menu a:hover{color:var(--brand-accent)} .btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:var(--brand-primary);color:#fff!important;text-decoration:none;font-weight:800;border:0} .btn.alt{background:var(--brand-secondary);color:var(--brand-dark)!important} .hero{background:radial-gradient(circle at top right,var(--brand-light),#fff 42%),linear-gradient(135deg,#fff,var(--brand-light));padding:92px 0 72px;border-bottom:1px solid var(--brand-border)} .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center} .eyebrow{display:inline-flex;border:1px solid var(--brand-border);border-radius:999px;padding:7px 12px;background:#fff;font-size:13px;font-weight:800;color:var(--brand-accent)} h1{font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.07em;margin:18px 0;color:var(--brand-dark)} h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.05em;margin:0 0 16px;color:var(--brand-dark)} h3{letter-spacing:-.03em;margin:0 0 8px} .lead{font-size:20px;color:#475569;max-width:760px} .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px} .panel{background:var(--brand-dark);color:#fff;padding:30px;border-radius:28px;box-shadow:0 24px 70px rgba(2,6,23,.18)} .metric{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px} .metric div,.card{background:#fff;border:1px solid var(--brand-border);border-radius:22px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.06)} .panel .metric div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none} .metric strong{display:block;font-size:30px;line-height:1;color:var(--brand-secondary)} section{padding:72px 0} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .grid.two{grid-template-columns:repeat(2,1fr)} .card h3{color:var(--brand-primary)} .muted{color:#64748b} .band{background:var(--brand-dark);color:#fff} .band h2,.band h3{color:#fff} .band .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none} .site-footer{background:#020617;color:#cbd5e1;padding:36px 0} .footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px} .footer-grid a{color:#fff} .page-title{padding:66px 0;background:var(--brand-light);border-bottom:1px solid var(--brand-border)} .content{padding:56px 0} input,textarea{width:100%;padding:13px 14px;border:1px solid var(--brand-border);border-radius:14px;font:inherit;margin:0 0 12px} label{font-weight:800;font-size:14px} textarea{min-height:140px} .notice{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:16px;color:#92400e} @media(max-width:820px){.hero-grid,.grid,.grid.two,.footer-grid{grid-template-columns:1fr} .menu{display:none} h1{font-size:44px} section{padding:48px 0}}