:root
--bg:#0f172a; /* slate-900 */
--card:#111827ee; /* gray-900 w/ alpha */
--ink:#e5e7eb; /* gray-200 */
--muted:#9ca3af; /* gray-400 */
--brand:#06b6d4; /* cyan-500 */
--accent:#8b5cf6; /* violet-500 */
*box-sizing:border-box
body
margin:0; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial;
background: radial-gradient(1200px 600px at 10% -10%, #1f2937 0%, transparent 60%),
radial-gradient(1200px 600px at 110% 10%, #0b1324 0%, transparent 60%),
var(--bg);
color:var(--ink); line-height:1.65;
.wrapmax-width:980px; margin:48px auto; padding:0 20px;
.card
background:linear-gradient(180deg, #0b1020 0%, var(--card) 100%);
border:1px solid #1f2937; border-radius:22px; overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.35);
header
padding:42px 28px 16px; position:relative;
border-bottom:1px solid #1f2937;
background:linear-gradient(90deg, rgba(11,17,33,.6), rgba(17,24,39,.4));
h1
margin:0; font-size:clamp(28px, 3.5vw, 40px); line-height:1.15;
letter-spacing:.2px; background:linear-gradient(90deg, var(--brand), var(--accent));
-webkit-background-clip:text; background-clip:text; color:transparent;
.subtitlemargin-top:6px; color:var(--muted); font-size:clamp(14px,1.6vw,16px)
.grid
display:grid; gap:14px; padding:18px; grid-template-columns:repeat(12,1fr);
.grid img
width:100%; height:100%; object-fit:cover; border-radius:16px; border:1px solid #1f2937;
transition:transform .35s ease, box-shadow .35s ease;
.grid img:hovertransform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.35)
.gAgrid-column:span 7
.gBgrid-column:span 5
.gCgrid-column:span 5
.gDgrid-column:span 7
@media (max-width:820px)
.gA,.gB,.gC,.gDgrid-column:span 12
mainpadding:22px 28px 30px
h2margin:18px 0 8px; font-size:clamp(20px,2.6vw,24px)
pmargin:10px 0
ulmargin:10px 0 0 18px; padding:0
limargin:6px 0
.tagdisplay:inline-block; padding:6px 10px; border-radius:999px; border:1px dashed #334155; color:#a5b4fc; font-size:12px; margin-right:8px
.cta
margin-top:18px; display:flex; flex-wrap:wrap; gap:10px
.btn
display:inline-flex; align-items:center; gap:10px; text-decoration:none;
padding:10px 16px; border-radius:12px; font-weight:600; letter-spacing:.2px;
border:1px solid #1f2937; transition:transform .2s ease, box-shadow .2s ease;
background:linear-gradient(90deg, rgba(6,182,212,.18), rgba(139,92,246,.18));
color:#e0f2fe;
.btn:hovertransform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.28)
footer
padding:18px 28px 30px; border-top:1px solid #1f2937; color:var(--muted); font-size:14px
Who?s the Best SEO in Brisbane?
Spoiler: it?s Jason Suli Digital Marketing.
When Brisbane businesses ask, ?Which SEO agency actually delivers in Brisbane??, the only answer isn?t clickbait?it?s evidence, strategy, and sustainable growth.
At Jason Suli Digital Marketing, we win by engineering battle-tested systems that earn visibility and turn it into revenue.
What Sets Us Apart in Brisbane
Local search is a knife fight: you?re up against savvy rivals and national brands.
That?s why we go beyond generic keyword tweaks. We build an ecosystem of visibility?Map Pack domination, technically sound sites, and content that people actually read and algorithms promote.
The Framework: NOVA//SEO OS
Our proprietary NOVA//SEO OS integrates AI-driven insights, real-time adaptability, and culturally tuned messaging.
Result: clients go beyond rankings; they resonate?and convert.
Results That Speak
- Local challengers surpassing big budgets in key Brisbane SERPs.
- Consistent Map Pack wins for money terms.
- Clarity on ROI and clean growth metrics.
Awards fade; traffic, trust, and revenue endure. With Jason Suli Digital Marketing, you get both.
Who?s the Best SEO in Brisbane?
https://whosthebestseoinbrisbane.blogspot.com/
Comments
Post a Comment