:root{
  --bg:#f8fafc;
  --surface:#ffffff;
  --surface-2:#fff7ed;
  --dark:#0f172a;
  --dark-2:#111827;
  --primary:#f97316;
  --primary-dark:#ea580c;
  --secondary:#2563eb;
  --accent:#22c55e;
  --text:#0f172a;
  --muted:#64748b;
  --soft:#e2e8f0;
  --white:#ffffff;
  --shadow:0 20px 60px rgba(15,23,42,.12);
  --shadow-soft:0 12px 35px rgba(15,23,42,.08);
  --radius:24px;
  --radius-sm:16px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.7;font-size:16px}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select{font:inherit}.container{max-width:var(--container);margin:0 auto;padding:0 22px}.narrow{max-width:920px}.skip-link{position:absolute;left:-999px;top:auto;background:var(--dark);color:var(--white);padding:10px 14px;z-index:999}.skip-link:focus{left:16px;top:16px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.85)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block}.main-nav ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.main-nav a,.dropdown-toggle{border:0;background:transparent;color:#1e293b;font-weight:800;font-size:14px;padding:12px 13px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:5px}.main-nav a:hover,.dropdown-toggle:hover,.main-nav a.active{background:#fff7ed;color:var(--primary-dark)}.hire-link{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important;box-shadow:0 10px 25px rgba(249,115,22,.25)}.has-dropdown{position:relative}.dropdown{position:absolute;top:calc(100% + 14px);left:0;background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.95);box-shadow:var(--shadow);border-radius:22px;padding:14px;min-width:620px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:1001}.has-dropdown:hover .dropdown,.has-dropdown.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.mega.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dropdown a{border-radius:16px;padding:12px;display:flex;align-items:flex-start;gap:10px;color:#0f172a}.dropdown a:hover{background:#f8fafc}.dropdown a span{width:34px;height:34px;border-radius:12px;background:#fff7ed;display:grid;place-items:center;flex:0 0 auto}.dropdown small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}.mobile-toggle{display:none;width:46px;height:46px;border:1px solid var(--soft);border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mobile-toggle span{width:22px;height:2px;background:#0f172a;border-radius:4px;transition:.2s ease}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.hero{position:relative;overflow:hidden;color:#fff;padding:92px 0 68px;background:radial-gradient(circle at 20% 15%,rgba(249,115,22,.35),transparent 28%),radial-gradient(circle at 85% 15%,rgba(37,99,235,.35),transparent 30%),linear-gradient(135deg,#0f172a 0%,#111827 48%,#1e293b 100%)}.section-bg-code:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.75fr);gap:48px;align-items:center}.eyebrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.eyebrow span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#fed7aa;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.35);padding:8px 11px;border-radius:999px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.96;margin:0 0 22px;letter-spacing:-.05em}.hero-lead{font-size:19px;color:#dbeafe;max-width:780px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:900;transition:.2s ease;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#fb923c);color:#fff;box-shadow:0 18px 35px rgba(249,115,22,.28)}.btn-secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22)}.btn-light{background:#fff;color:#0f172a}.btn-full{width:100%}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:660px}.hero-metrics div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:14px;border-radius:18px}.hero-metrics strong{display:block;font-size:22px;color:#fff}.hero-metrics span{display:block;color:#cbd5e1;font-weight:700;font-size:13px}.glass-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.25);backdrop-filter:blur(18px);border-radius:var(--radius)}.calculator-card{padding:24px;color:#fff}.calculator-card h3{font-size:28px;margin:6px 0 8px}.calculator-card p{color:#dbeafe;margin:0 0 18px}.calc-grid{display:grid;gap:12px}.calc-grid label{display:grid;gap:7px;font-weight:800;color:#e2e8f0}.calc-grid select{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(15,23,42,.68);color:#fff;border-radius:14px;padding:12px}.calc-result{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(15,23,42,.55);border-radius:18px;padding:14px;margin:16px 0}.calc-result strong{font-size:30px;color:#fed7aa}.code-card{padding:18px}.code-card-top{display:flex;gap:7px;margin-bottom:14px}.code-card-top span{width:11px;height:11px;border-radius:50%;background:#fb923c}.code-card-top span:nth-child(2){background:#facc15}.code-card-top span:nth-child(3){background:#22c55e}.code-card pre{white-space:pre-wrap;margin:0;color:#bfdbfe;font-size:14px}.mini-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mini-card{background:#fff;color:#0f172a;border-radius:18px;padding:14px;font-weight:900;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow-soft)}
.trust-strip{background:#fff;border-bottom:1px solid var(--soft)}.trust-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px}.trust-item{padding:18px 10px;text-align:center;font-size:13px;font-weight:900;color:#334155}.trust-item span{display:block;font-size:24px;margin-bottom:4px}.content-section{padding:78px 0}.soft-bg{background:linear-gradient(180deg,#fff7ed,#eff6ff)}.section-head{max-width:780px;margin-bottom:34px}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-kicker{display:inline-flex;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:1000;color:var(--primary-dark);background:#fff7ed;padding:7px 10px;border-radius:999px;margin-bottom:10px}.section-head h2,.article-body h2,.split-section h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:0 0 12px;letter-spacing:-.035em}.section-head p{color:var(--muted);font-size:18px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,rgba(249,115,22,.14),rgba(37,99,235,.12))}.feature-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#dbeafe);display:grid;place-items:center;font-size:26px;margin-bottom:14px}.feature-card h3{font-size:22px;margin:0 0 8px}.feature-card p{color:var(--muted);margin:0}.premium-band{background:#fff}.split-section{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}.split-section p{color:#475569}.stacked-cards{display:grid;gap:14px}.stack-card{background:linear-gradient(135deg,#111827,#1e293b);color:#fff;padding:24px;border-radius:24px;box-shadow:var(--shadow)}.stack-card strong{display:block;color:#fed7aa;font-size:28px}.stack-card span{color:#dbeafe}.service-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-tile{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:var(--shadow-soft);transition:.2s ease}.service-tile:hover{transform:translateY(-4px);border-color:#fed7aa}.service-tile span{font-size:30px}.service-tile h3{margin:10px 0 7px}.service-tile p{color:var(--muted);margin:0;font-size:14px}.dark-wave{background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.25),transparent 28%),linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.light-text p,.light-text h2{color:#fff}.topic-pill-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.topic-pill{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:12px 16px;border-radius:999px;font-weight:900;color:#fff}.topic-pill:hover{background:rgba(249,115,22,.22)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:start}.article-body{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:36px;box-shadow:var(--shadow-soft)}.article-body p{color:#334155;margin:0 0 18px}.article-body h2{margin-top:32px}.article-body h2:first-of-type{margin-top:0}.highlight-panel{margin:28px 0;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid #fed7aa;border-radius:22px;padding:24px}.highlight-panel h3{margin:0 0 8px;font-size:24px}.highlight-panel p{margin:0}.article-sidebar{position:relative}.sticky-note{position:sticky;top:104px;background:linear-gradient(135deg,#111827,#1e293b);color:#fff;border-radius:28px;padding:24px;box-shadow:var(--shadow)}.sticky-note h3{font-size:26px;margin:8px 0}.sticky-note p{color:#dbeafe}.sticky-note ul{margin:16px 0 18px;padding-left:20px;color:#e2e8f0}.sticky-note li{margin:6px 0}.related-section{background:#fff}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:18px;display:grid;gap:6px;transition:.2s ease}.related-card:hover{background:#fff7ed;transform:translateY(-3px)}.related-card span{font-size:24px}.related-card small{color:var(--muted);font-weight:800}.faq-section{background:linear-gradient(180deg,#eff6ff,#fff)}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden}.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:1000}.faq-item p{padding:0 22px 20px;margin:0;color:#475569}.final-cta{padding:72px 0;background:linear-gradient(135deg,var(--primary-dark),var(--secondary));color:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.final-cta h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0}.final-cta p{color:#fff7ed;max-width:760px;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:24px;box-shadow:var(--shadow-soft)}.price-card h3{margin:0 0 8px}.price-card strong{font-size:26px;color:var(--primary-dark)}.price-card p{color:#64748b}.price-card a{font-weight:1000;color:var(--secondary)}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sample-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}.sample-icon{font-size:32px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{background:linear-gradient(135deg,#111827,#1e293b);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow)}.contact-card.alt{background:#fff;color:#0f172a}.contact-card p{color:#dbeafe}.contact-card.alt p{color:#475569}.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sitemap-grid a{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;font-weight:900;display:flex;gap:10px;align-items:center}.site-footer{background:#090f1c;color:#cbd5e1;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}.footer-brand p{margin:16px 0;color:#94a3b8}.footer-whatsapp{color:#86efac;font-weight:1000}.footer-col h3{color:#fff;margin:0 0 14px}.footer-col a{display:block;color:#94a3b8;margin:8px 0;font-weight:700}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8}.sticky-whatsapp{position:fixed;right:22px;bottom:24px;z-index:999;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25d366;box-shadow:0 15px 35px rgba(37,211,102,.35);animation:pulse 2s infinite}.sticky-whatsapp img{width:58px;height:58px}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(max-width:1050px){.header-inner{height:74px}.mobile-toggle{display:flex}.main-nav{position:fixed;top:74px;left:0;right:0;bottom:auto;background:#fff;border-bottom:1px solid var(--soft);box-shadow:var(--shadow);max-height:calc(100vh - 74px);overflow:auto;transform:translateY(-120%);opacity:0;visibility:hidden;transition:.25s ease}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.main-nav ul{display:block;padding:14px}.main-nav a,.dropdown-toggle{width:100%;justify-content:space-between;border-radius:14px;padding:14px 16px}.has-dropdown{position:static}.dropdown{position:static;min-width:0;width:100%;box-shadow:none;border:0;background:#f8fafc;padding:8px;margin:0 0 8px;border-radius:16px;display:none;opacity:1;visibility:visible;transform:none}.has-dropdown.open .dropdown{display:grid}.mega.two-col{grid-template-columns:1fr}.dropdown a{background:#fff;margin-bottom:6px}.hero-grid,.split-section,.article-layout,.contact-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(3,1fr)}.feature-grid,.service-list-grid,.sample-grid,.sitemap-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.article-sidebar{display:none}.final-cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.sticky-whatsapp{right:16px;bottom:18px;width:58px;height:58px}.hero{padding-top:66px}.hero h1{font-size:44px}}
@media(max-width:640px){body{font-size:15px}.container{padding:0 16px}.hero{padding:48px 0}.hero-lead{font-size:16px}.hero-metrics{grid-template-columns:1fr}.hero-actions .btn{width:100%}.trust-grid,.feature-grid,.service-list-grid,.sample-grid,.sitemap-grid,.related-grid,.pricing-grid{grid-template-columns:1fr}.content-section{padding:54px 0}.article-body{padding:24px;border-radius:22px}.footer-grid,.footer-bottom{display:block}.footer-col{margin-top:24px}.mini-card-row{grid-template-columns:1fr}.sticky-whatsapp{right:14px;bottom:14px;width:54px;height:54px}.sticky-whatsapp img{width:50px;height:50px}.calculator-card{padding:20px}.calc-result strong{font-size:24px}}

/* Update: centered desktop dropdowns, closed mobile menus, improved logo and premium content blocks */
.brand img,.footer-brand img{width:178px;height:auto;max-width:178px;object-fit:contain;display:block}.brand{min-width:178px;max-width:178px;overflow:hidden}.site-header{overflow:visible}.main-nav{overflow:visible}.has-dropdown{position:static}.dropdown{position:fixed;top:78px;left:50%;right:auto;width:min(760px,calc(100vw - 36px));min-width:0;max-width:calc(100vw - 36px);transform:translate(-50%,10px);max-height:calc(100vh - 110px);overflow:auto}.has-dropdown:hover .dropdown,.has-dropdown.open .dropdown{transform:translate(-50%,0)}.dropdown::-webkit-scrollbar{width:8px}.dropdown::-webkit-scrollbar-thumb{background:#fed7aa;border-radius:99px}.dropdown-toggle span{transition:.2s ease}.has-dropdown.open .dropdown-toggle span{transform:rotate(180deg)}
.keyword-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 34px;max-width:980px}.keyword-chip{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#334155;font-weight:900;font-size:13px;box-shadow:var(--shadow-soft)}.keyword-chip.hot{background:linear-gradient(135deg,#fff7ed,#eff6ff);border-color:#fed7aa;color:#9a3412}.keyword-chip.hot:before{content:"↗";color:var(--primary-dark)}.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:stretch}.editorial-card{background:#fff;border:1px solid #e5e7eb;border-radius:30px;padding:30px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.editorial-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-80px;background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(37,99,235,.13));pointer-events:none}.editorial-main h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:10px 0 16px;letter-spacing:-.035em}.editorial-main p,.prep-copy p,.seo-ux-grid p{color:#334155;margin:0 0 15px}.editorial-icon{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#dbeafe);display:grid;place-items:center;font-size:30px}.quick-quote-card{background:linear-gradient(135deg,#111827,#1e293b);color:#fff}.quick-quote-card p{color:#dbeafe}.quick-quote-card ul{padding-left:20px;color:#e2e8f0}.quick-quote-card li{margin:8px 0}.inline-link-panel{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:14px}.inline-link-panel strong{margin-right:4px}.inline-link-panel a{font-weight:1000;color:var(--secondary);background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px}.inline-link-panel a:hover{background:#fff7ed;color:var(--primary-dark)}.quality-section{background:#fff}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quality-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:26px;padding:24px;box-shadow:var(--shadow-soft);transition:.2s ease}.quality-card:hover{transform:translateY(-4px);border-color:#fed7aa}.quality-icon{width:52px;height:52px;border-radius:18px;background:#fff7ed;display:grid;place-items:center;font-size:25px;margin-bottom:12px}.quality-card h3,.scenario-card h3,.seo-ux-grid h3{margin:0 0 9px;font-size:22px}.quality-card p,.scenario-card p{color:#475569;margin:0}.process-timeline{display:grid;gap:14px;max-width:950px;margin:0 auto}.timeline-step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:20px;color:#fff}.timeline-step>span{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-weight:1000;font-size:22px}.timeline-step h3{margin:0 0 6px}.timeline-step p{margin:0;color:#dbeafe}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scenario-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}.scenario-card:before{content:"</>";display:inline-flex;background:#111827;color:#fed7aa;border-radius:999px;padding:5px 10px;font-weight:1000;margin-bottom:12px;font-size:12px}.example-panel{margin-top:20px;background:linear-gradient(135deg,#111827,#1e293b);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow)}.example-panel h3{margin:0 0 8px;font-size:28px}.example-panel p{margin:0;color:#e2e8f0}.prep-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.prep-copy{background:#fff;border:1px solid #e5e7eb;border-radius:30px;padding:34px;box-shadow:var(--shadow-soft)}.prep-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:0 0 16px;letter-spacing:-.035em}.prep-card{background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid #fed7aa;border-radius:30px;padding:28px;box-shadow:var(--shadow-soft);position:sticky;top:104px}.prep-card h3{font-size:26px;margin:0 0 12px}.prep-card ul{padding-left:20px;color:#334155}.prep-card li{margin:9px 0;font-weight:800}.seo-ux-section{background:#fff}.seo-ux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.seo-ux-grid article{background:#f8fafc;border:1px solid #e5e7eb;border-radius:24px;padding:24px}.deep-content strong,.quality-card strong,.seo-ux-grid strong,.example-panel strong{font-weight:1000}.deep-content a,.seo-ux-section a{color:var(--secondary);font-weight:1000}
@media(max-width:1050px){.brand{min-width:160px;max-width:160px}.brand img,.footer-brand img{width:160px;max-width:160px}.has-dropdown{position:static}.main-nav .dropdown,.main-nav .dropdown.mega.two-col{position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;top:auto!important;left:auto!important;right:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;box-shadow:none!important;border:0!important;background:#f8fafc!important;padding:8px!important;margin:0 0 8px!important;border-radius:16px!important;display:none!important;opacity:1!important;visibility:visible!important}.main-nav .has-dropdown.open .dropdown,.main-nav .has-dropdown.open .dropdown.mega.two-col{display:grid!important}.has-dropdown:hover .dropdown{display:none!important}.has-dropdown.open:hover .dropdown{display:grid!important}.dropdown-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.editorial-grid,.prep-grid{grid-template-columns:1fr}.quality-grid,.scenario-grid,.seo-ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-card{position:static}.mobile-toggle{flex:0 0 auto}}
@media(max-width:640px){.brand{min-width:148px;max-width:148px}.brand img,.footer-brand img{width:148px;max-width:148px}.header-inner{gap:10px}.editorial-card,.prep-copy,.prep-card{padding:22px;border-radius:24px}.quality-grid,.scenario-grid,.seo-ux-grid{grid-template-columns:1fr}.timeline-step{grid-template-columns:46px 1fr;padding:16px;gap:13px}.timeline-step>span{width:42px;height:42px;border-radius:14px;font-size:18px}.keyword-cloud{justify-content:flex-start}.keyword-chip{font-size:12px;padding:8px 10px}.inline-link-panel{display:grid;grid-template-columns:1fr}.inline-link-panel a{display:block;text-align:center}.main-nav{z-index:1100}.sticky-whatsapp{z-index:999}}


/* Final SEO quality sections */
.topic-depth-section .topic-depth-card{position:relative;overflow:hidden}.topic-depth-card:after{content:"";position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;background:radial-gradient(circle,rgba(249,115,22,.16),transparent 68%)}.code-example-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:stretch}.code-explain-card{background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid #fed7aa;border-radius:30px;padding:32px;box-shadow:var(--shadow-soft)}.code-explain-card h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:8px 0 14px;letter-spacing:-.035em}.premium-code-card{height:100%;min-height:330px}.premium-code-card pre{white-space:pre-wrap;word-break:break-word}.mistake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mistake-card{border-radius:30px;padding:32px;box-shadow:var(--shadow-soft);border:1px solid #e5e7eb}.mistake-card.bad{background:linear-gradient(135deg,#fff1f2,#fff7ed)}.mistake-card.good{background:linear-gradient(135deg,#ecfdf5,#eff6ff)}.mistake-card h2{font-size:clamp(28px,3vw,40px);line-height:1.08;margin:8px 0 16px}.mistake-card ul{padding-left:22px;margin:0}.mistake-card li{margin:11px 0;color:#334155;font-weight:750}.ide-section{background:#fff}.ide-grid article{transition:.2s ease}.ide-grid article:hover{transform:translateY(-4px);border-color:#bfdbfe;background:#fff}.proof-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}.proof-cards{display:grid;gap:14px}.proof-cards article{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:22px;color:#fff}.proof-cards strong{display:inline-flex;margin-bottom:8px;color:#fed7aa;font-size:20px}.proof-cards p{margin:0;color:#e2e8f0}.blog-index-section{background:linear-gradient(180deg,#fff,#f8fafc)}.blog-tile small{display:inline-flex;margin-top:10px;color:var(--primary-dark);font-weight:1000}.blog-card-grid .service-tile{min-height:260px}
@media(max-width:900px){.code-example-grid,.mistake-grid,.proof-grid{grid-template-columns:1fr}.premium-code-card{min-height:auto}}