
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#08090a;color:#f7f8f8;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-feature-settings:"cv01","ss03";font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{background:#151a20;color:#f7f5f1;font-size:13px;font-weight:400;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topbar a{color:#7170ff;font-weight:510}
.topbar a:hover{color:#828fff}
.topbar .tb-note{color:#8a8f98}
header.site{position:sticky;top:0;z-index:50;background:rgba(15,16,17,0.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05)}
header.site .container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:590;font-size:17px;letter-spacing:-0.24px;color:#f7f8f8}
.brand svg{flex-shrink:0}
nav.main{display:flex;align-items:center;gap:4px}
nav.main a{font-size:13px;font-weight:510;color:#d0d6e0;padding:8px 12px;border-radius:6px;transition:color .15s,background .15s}
nav.main a:hover{color:#f7f8f8;background:rgba(255,255,255,0.04)}
nav.main a[aria-current="page"]{color:#f7f8f8;background:rgba(255,255,255,0.05)}
.header-cta{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:510;border-radius:6px;padding:9px 18px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;border:1px solid transparent}
.btn-primary{background:#5e6ad2;color:#ffffff}
.btn-primary:hover{background:#828fff}
.btn-ghost{background:rgba(255,255,255,0.02);color:#e2e4e7;border:1px solid rgba(255,255,255,0.08)}
.btn-ghost:hover{background:rgba(255,255,255,0.05)}
.btn-sm{padding:7px 14px;font-size:13px}
.hero{position:relative;padding:110px 0 90px;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(94,106,210,0.22),transparent 70%),radial-gradient(ellipse 40% 40% at 80% 20%,rgba(113,112,255,0.07),transparent 70%);pointer-events:none}
.hero .container{position:relative;max-width:840px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:510;color:#d0d6e0;border:1px solid rgba(255,255,255,0.08);border-radius:9999px;padding:5px 14px 5px 6px;margin-bottom:28px;background:rgba(255,255,255,0.02)}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#27a644;display:inline-block}
.hero-badge .chip{background:#5e6ad2;color:#fff;font-size:11px;font-weight:510;padding:2px 8px;border-radius:9999px}
h1{font-size:64px;font-weight:510;line-height:1.02;letter-spacing:-1.408px;color:#f7f8f8}
h1 .accent{color:#8a8f98}
.hero p.lede{font-size:18px;font-weight:400;line-height:1.6;letter-spacing:-0.165px;color:#8a8f98;max-width:620px;margin:24px auto 0}
.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.hero .btn{padding:11px 22px;font-size:15px}
.section{padding:88px 0}
.section-head{max-width:640px;margin-bottom:48px}
.eyebrow{font-size:13px;font-weight:510;letter-spacing:0.02em;text-transform:uppercase;color:#7170ff;margin-bottom:12px}
h2{font-size:40px;font-weight:510;line-height:1.08;letter-spacing:-0.8px;color:#f7f8f8}
.section-head p{font-size:16px;color:#8a8f98;margin-top:14px;line-height:1.6}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:28px;transition:background .15s,border-color .15s}
.card:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12)}
.card h3{font-size:17px;font-weight:590;letter-spacing:-0.24px;margin-bottom:10px;color:#f7f8f8}
.card p{font-size:14px;color:#8a8f98;line-height:1.6}
.card .icon{width:38px;height:38px;border-radius:8px;background:rgba(94,106,210,0.15);border:1px solid rgba(113,112,255,0.25);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#828fff}
.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:510;color:#7170ff}
.card-link:hover{color:#828fff}
.whyus{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.whyus img{width:100%;height:380px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,0.08)}
.whyus .points{margin-top:28px;display:grid;gap:16px}
.point{display:flex;gap:14px}
.point .num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#7170ff;border:1px solid rgba(255,255,255,0.08);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,0.02)}
.point h4{font-size:15px;font-weight:590;color:#f7f8f8;margin-bottom:4px}
.point p{font-size:14px;color:#8a8f98;line-height:1.6}
.areas-strip{border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);background:#0f1011;padding:56px 0}
.areas-strip h2{font-size:28px;letter-spacing:-0.5px;text-align:center;margin-bottom:10px}
.areas-strip .sub{text-align:center;color:#8a8f98;font-size:15px;margin-bottom:32px}
.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pill{display:inline-flex;align-items:center;font-size:13px;font-weight:510;color:#d0d6e0;border:1px solid #23252a;border-radius:9999px;padding:7px 16px;background:rgba(255,255,255,0.02)}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:18px}
.quote-card .qmark{font-family:'JetBrains Mono',monospace;color:#7170ff;font-size:15px}
.quote-card blockquote{font-size:15px;line-height:1.65;color:#d0d6e0;letter-spacing:-0.165px;font-weight:400}
.quote-card .attrib{font-size:13px;color:#62666d;margin-top:auto}
.quote-card .attrib strong{color:#8a8f98;font-weight:510}
.cta-section{padding:96px 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(94,106,210,0.18),transparent 70%);pointer-events:none}
.cta-section .container{position:relative;max-width:680px}
.cta-section h2{font-size:44px;letter-spacing:-1px}
.cta-section p{color:#8a8f98;font-size:16px;margin-top:16px;line-height:1.6}
.cta-actions{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta-section .mail-note{margin-top:20px;font-size:13px;color:#62666d}
.cta-section .mail-note a{color:#8a8f98;font-weight:510}
.cta-section .mail-note a:hover{color:#7170ff}
footer.site{background:#151a20;color:#f7f5f1;border-top:1px solid rgba(255,255,255,0.05);padding:64px 0 32px;font-size:14px}
footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
footer.site .brand{color:#f7f5f1;margin-bottom:14px}
footer.site .about-blurb{color:#8a8f98;line-height:1.6;max-width:320px;font-size:14px}
footer.site h5{font-size:13px;font-weight:590;letter-spacing:0.02em;text-transform:uppercase;color:#8a8f98;margin-bottom:16px}
footer.site ul{list-style:none;display:grid;gap:10px}
footer.site ul a{color:#d0d6e0;font-size:14px;font-weight:400}
footer.site ul a:hover{color:#f7f8f8}
footer.site .foot-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#62666d;font-size:13px}
footer.site .foot-bottom a{color:#8a8f98}
footer.site .foot-bottom a:hover{color:#f7f5f1}
@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.whyus{grid-template-columns:1fr;gap:32px}footer.site .cols{grid-template-columns:1fr 1fr}}
@media(max-width:768px){h1{font-size:42px;letter-spacing:-0.9px}h2{font-size:32px;letter-spacing:-0.6px}.hero{padding:72px 0 64px}.section{padding:64px 0}.testimonials{grid-template-columns:1fr}nav.main{display:none}.cta-section h2{font-size:32px}}
@media(max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr}footer.site .cols{grid-template-columns:1fr}}

.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.nav-list{list-style:none;display:flex;gap:28px;margin:0;padding:0}

.brand-tag{font-weight:700;color:var(--text,#111)}
.btn-accent{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none}
.btn-outline{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none}
.button{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none}
.button-outline{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none}
.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{border:1px solid #e5e7eb;padding:10px;text-align:left}
.consent{padding:24px}
.cta{}
.cta-band{}
.cta-box{}
.cta-final{}
.cta-inner{}
.fine-print{}
.footer-about{}
.footer-base{}
.footer-brand{}
.footer-col{}
.footer-heading{}
.footer-nav{}
.form-note{}
.grid-2{}
.hero-inner{}
.inclusions{}
.intro{}
.intro-inner{}
.lead{}
.legal{}
.legal-layout{}
.mainnav{}
.nav{}
.nav-cta{}
.primary-nav{}
.process{}
.process-steps{}
.prose{}
.quote-form{}
.quote-form-section{}
.quote-intro{}
.quote-side{}
.section-alt{}
.section-cta{}
.section-inner{}
.service-card{}
.service-cards{}
.services{}
.site-header{}
.site-name{}
.skip-link{}
.suburb-list{}
.table-wrap{}
.testimonial{}
.toc{}
.topbar-contact{}
.topbar-inner{}
.wrap{}
