/* seomelbourne.com — shared chrome: fonts, nav (desktop = guides' rendering; mobile = canonical panel), footer, quote modal.
   Generated 2026-09-02 (tranche 5, task 1) from seo-guides/accountants-seo-melbourne + the canonical mobile menu.
   Token values are resolved to literals so family :root tokens cannot alter the chrome. */
/* ---- fonts ---- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-400-700.c9407645.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/space-grotesk-400-700.a0d054c4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* metric-matched local fallbacks (tranche 6): the swap to the web font keeps line breaks; Arial for macOS/Windows/iOS, Roboto for Android */
@font-face{font-family:'Inter Fallback';font-weight:100 450;src:local('Arial'),local('ArialMT');size-adjust:106%;ascent-override:97%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback';font-weight:451 550;src:local('Arial'),local('ArialMT');size-adjust:106.9%;ascent-override:97%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback';font-weight:551 900;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:101.2%;ascent-override:97%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback R';font-weight:100 450;src:local('Roboto'),local('Roboto-Regular');size-adjust:116.4%;ascent-override:97%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback R';font-weight:451 550;src:local('Roboto'),local('Roboto-Regular');size-adjust:117.4%;ascent-override:97%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback R';font-weight:551 900;src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:112.5%;ascent-override:97%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Space Grotesk Fallback';font-weight:100 550;src:local('Arial'),local('ArialMT');size-adjust:107.2%;ascent-override:98%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:'Space Grotesk Fallback';font-weight:551 900;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:100.3%;ascent-override:98%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:'Space Grotesk Fallback R';font-weight:100 550;src:local('Roboto'),local('Roboto-Regular');size-adjust:117.7%;ascent-override:98%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:'Space Grotesk Fallback R';font-weight:551 900;src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:111.6%;ascent-override:98%;descent-override:29%;line-gap-override:0%}


/* ---- desktop nav, footer, quote modal (guides rendering) ---- */
.footer{position:relative;z-index:2}
.footer-main{margin-bottom:3rem}
.footer-brand{max-width:300px}
.footer-brand p{margin-top:1rem}
.footer-nav{flex:1}
.footer-col strong{font-family:'Space Grotesk','Space Grotesk Fallback','Space Grotesk Fallback R',sans-serif}
.footer-col li{margin-bottom:0.5rem}
.footer-col a{transition:color 0.3s}
.footer-bottom{font-size:0.75rem;color:rgba(255,255,255,0.3)}
.footer-legal{margin-top:1rem;padding-top:1rem}
.footer-legal a{transition:color 0.2s}
.social{margin-top:1rem}
@media(max-width:1024px){.footer-main{flex-direction:column}}
@media(max-width:768px){.footer-bottom{gap:0.5rem}}
.nav{background:rgba(26,32,53,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,0.06)}
.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none}
.logo:hover{text-decoration:none}
.logo-icon{width:40px;height:40px}
.logo-text{font-family:'Space Grotesk','Space Grotesk Fallback','Space Grotesk Fallback R',sans-serif;font-size:1.25rem;font-weight:700;color:#f5f5f5;text-decoration:none}
.logo-text span{color:#00ff6a}
.nav-menu{display:flex;gap:0.25rem;list-style:none;margin:0}
.nav-link{padding:0.5rem 1rem;color:rgba(255,255,255,0.5);font-size:0.9rem;border-radius:8px;transition:all 0.3s;text-decoration:none}
.nav-link:hover{color:#fff;background:rgba(255,255,255,0.04)}
.nav-link.active{color:#fff;background:rgba(255,255,255,0.04)}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none;width:32px;height:32px;justify-content:center;align-items:center}
.nav-toggle .hamburger-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;height:14px;position:relative}
.nav-toggle .hamburger-icon span{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#00ff6a,#0066ff);border-radius:2px;transition:all 0.3s;box-shadow:0 0 8px rgba(0,255,106,0.3)}
.nav-toggle .hamburger-icon span:nth-child(1){top:0}
.nav-toggle .hamburger-icon span:nth-child(2){top:50%;transform:translateY(-50%)}
.nav-toggle .hamburger-icon span:nth-child(3){bottom:0}
@media(max-width:1024px){.quote-overlay{background:rgba(34,34,44,0.97)!important}
footer{content-visibility:auto;contain-intrinsic-size:auto 500px}}
.nav-cta a{position:relative!important;display:inline-flex!important;padding:0!important;background:transparent!important;border:none!important;cursor:pointer;text-decoration:none!important}
.nav .btn-primary{position:relative!important;display:inline-flex!important;padding:0!important;background:transparent!important;border:none!important;cursor:pointer;text-decoration:none!important}
.nav-cta .btn-surface{display:flex!important;align-items:center!important;justify-content:center!important;gap:0.625rem;padding:0.625rem 1.25rem!important;background:linear-gradient(180deg, #00ff6a 0%, #00cc4a 100%)!important;border-radius:16px!important;color:#000!important;font-size:0.85rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.05em!important;transform:translateY(-4px);transition:transform 0.15s, box-shadow 0.15s!important;box-shadow:0 4px 0 0 #009938, 0 6px 0 0 #007a2d, 0 8px 20px rgba(0,255,106,0.3), inset 0 2px 0 rgba(255,255,255,0.3)!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
.nav-cta a::before{content:''!important;position:absolute!important;inset:0!important;background:#005522!important;border-radius:16px!important;z-index:-1!important}
.nav-cta a:hover .btn-surface{transform:translateY(-6px)!important;box-shadow:0 6px 0 0 #009938, 0 8px 0 0 #007a2d, 0 12px 30px rgba(0,255,106,0.4)!important}
.nav-cta .btn-surface:hover{transform:translateY(-6px)!important;box-shadow:0 6px 0 0 #009938, 0 8px 0 0 #007a2d, 0 12px 30px rgba(0,255,106,0.4)!important}
.nav-cta .btn-glow{position:absolute;inset:-10px;background:radial-gradient(ellipse at center, rgba(0,255,106,0.4) 0%, transparent 70%);border-radius:50%;filter:blur(15px);opacity:0.5;z-index:-2;animation:btnPulse 2s infinite}
.footer{background:transparent!important;padding:4rem 0 1.5rem!important;border-top:1px solid rgba(255,255,255,0.05)!important}
.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}
.footer-main{display:grid;grid-template-columns:1.5fr 3.5fr;gap:2.5rem;padding-bottom:3rem}
.footer-brand p{max-width:260px;margin:1.25rem 0 1.5rem;font-size:0.9rem;line-height:1.7;color:rgba(255,255,255,0.5)}
.social{display:flex;gap:0.625rem}
.social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.5);transition:all 0.3s}
.social a:hover{background:#00ff6a;border-color:#00ff6a;color:#000;transform:translateY(-2px)}
.footer-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}
.footer-col strong{display:block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin-bottom:1.25rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.625rem;padding:0;margin:0}
.footer-col a{color:rgba(255,255,255,0.5);font-size:0.9rem;text-decoration:none}
.footer-col li{color:rgba(255,255,255,0.5);font-size:0.9rem;text-decoration:none}
.footer-col a:hover{color:#00ff6a}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.05);flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:0.8rem;color:rgba(255,255,255,0.3)}
.footer-legal{display:flex;gap:1.5rem;align-items:center}
.footer-legal a{font-size:0.8rem;color:rgba(255,255,255,0.3);text-decoration:none}
.footer-legal a:hover{color:#00ff6a}
.nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;padding:1.25rem 0!important;transition:all 0.4s!important}
.nav .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav .nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
@media(max-width:1024px){.footer-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.footer-main{grid-template-columns:1fr}
.footer-nav{grid-template-columns:repeat(2,1fr)}
.footer-bottom{flex-direction:column;text-align:center}
.footer-legal{flex-wrap:wrap;justify-content:center}}
@media(max-width:480px){.footer-nav{grid-template-columns:1fr}}
.nav-has-dropdown{position:relative}
.nav-has-dropdown>a{display:inline-flex;align-items:center;gap:0.35rem;vertical-align:middle}
.dropdown-chevron{width:12px;height:12px;transition:transform 0.3s;flex-shrink:0;opacity:0.6}
.nav-has-dropdown:hover .dropdown-chevron{transform:rotate(180deg);opacity:1}
.nav-has-dropdown:focus-within .dropdown-chevron{transform:rotate(180deg);opacity:1}
.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(8,15,25,0.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.09);border-radius:14px;padding:0.5rem;padding-top:1rem;min-width:220px;list-style:none;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:1100;white-space:nowrap;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.nav-has-dropdown:hover .nav-dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.nav-has-dropdown:focus-within .nav-dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.nav-dropdown li+li{margin-top:1px}
.nav-dropdown a{display:block;padding:0.5rem 0.9rem;color:rgba(255,255,255,0.7);font-size:0.84rem;border-radius:8px;transition:all 0.2s;text-decoration:none}
.nav-dropdown a:hover{color:#fff;background:rgba(255,255,255,0.07)}
.nav-dropdown-footer{border-top:1px solid rgba(255,255,255,0.08);margin-top:0.4rem;padding-top:0.4rem}
.nav-dropdown-footer a{color:#00ff6a!important;font-weight:600}
.nav-dropdown-footer a:hover{background:rgba(0,255,106,0.1)!important}
.nav-dropdown-has-sub{position:relative}
.sub-chevron{width:10px;height:10px;flex-shrink:0;opacity:0.5;transition:opacity 0.2s}
.nav-dropdown-parent{display:inline-flex!important;align-items:center;gap:0.3rem}
.nav-sub-dropdown{position:absolute;left:calc(100% + 0.4rem);top:0;background:rgba(8,15,25,0.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:0.4rem;min-width:180px;list-style:none;opacity:0;pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease;z-index:1200;white-space:nowrap;box-shadow:0 16px 48px rgba(0,0,0,0.5);transform:translateX(-6px)}
.nav-dropdown-has-sub:hover .nav-sub-dropdown{opacity:1;pointer-events:all;transform:translateX(0)}
.nav-dropdown-has-sub:focus-within .nav-sub-dropdown{opacity:1;pointer-events:all;transform:translateX(0)}
.nav-sub-dropdown::before{content:'';position:absolute;top:0;left:-0.8rem;width:0.8rem;height:100%}
.nav-sub-dropdown a{display:block;padding:0.45rem 0.85rem;color:rgba(255,255,255,0.7);font-size:0.82rem;border-radius:7px;transition:all 0.15s;text-decoration:none}
.nav-sub-dropdown a:hover{color:#fff;background:rgba(255,255,255,0.07)}
.nav-menu{align-items:center!important}
.nav-has-dropdown>a{line-height:1;padding:0.625rem 1rem}
.nav-dropdown{line-height:1.4}
.nav-link{white-space:nowrap!important}
.nav .nav-cta .btn-surface{white-space:nowrap}
@media(max-width:768px){.quote-modal{align-items:flex-start!important;padding:0.75rem 0.75rem 1rem!important;overflow-y:auto!important}
.quote-box{max-height:calc(100svh - 1.5rem)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;margin:0!important;border-radius:18px!important}
.quote-content{padding:3.5rem 1.25rem 0!important}
.qb-beacons{height:55px!important}
.qb-beacon-main{top:10px!important}
.qb-beacon-left{top:20px!important}
.qb-beacon-right{top:20px!important}}
@media(max-width:400px){.quote-box{max-height:calc(100svh - 1rem)!important}
.quote-content{padding:3rem 1rem 0!important}
.qb-beacons{height:48px!important}}
.nav-toggle{z-index:10000000!important;position:relative!important}
@media (min-width: 769px){.nav-toggle{display:none!important}
.nav-menu{display:flex!important;opacity:1!important;visibility:visible!important}
.nav-cta{display:block!important;opacity:1!important;visibility:visible!important}}
@keyframes btnPulse{0%,100%{opacity:0.3} 50%{opacity:0.6}}

/* ===== Mobile navigation (<=768px): one canonical rule set for every family — Brighton glass panel, staggered items, arrow chips, Services expands in place ===== */
.nav-arrow{display:none}
@media (min-width:769px){.nav-toggle{display:none}.nav-menu{display:flex;opacity:1;visibility:visible}.nav-cta{display:block;opacity:1;visibility:visible}}
@media (max-width:768px){
.nav-cta{display:none}
.nav-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;padding:8px;width:32px;height:32px;cursor:pointer;position:relative;z-index:1001}
.nav-toggle:hover{opacity:0.8}
.nav-toggle.active{background:rgba(0,255,106,0.08);border:1px solid rgba(0,255,106,0.3);border-radius:8px}
.nav-toggle .hamburger-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;height:14px;position:relative}
.nav-toggle .hamburger-icon span{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#00ff6a,#0066ff);border-radius:2px;box-shadow:0 0 8px rgba(0,255,106,0.3);transition:transform 0.3s,opacity 0.3s}
.nav-toggle .hamburger-icon span:nth-child(1){top:0}
.nav-toggle .hamburger-icon span:nth-child(2){top:50%;transform:translateY(-50%)}
.nav-toggle .hamburger-icon span:nth-child(3){bottom:0}
.nav-toggle.active .hamburger-icon span{background:#00ff6a}
.nav-toggle.active .hamburger-icon span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.nav-toggle.active .hamburger-icon span:nth-child(2){opacity:0;transform:translateY(-50%) scaleX(0)}
.nav-toggle.active .hamburger-icon span:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}
.nav-menu{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,18,34,.98);flex-direction:column;align-items:center;justify-content:flex-start;gap:.7rem;padding:96px 1.25rem 2.5rem;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav-menu::before{content:"";position:absolute;top:0;left:0;right:0;height:320px;background:radial-gradient(70% 100% at 50% 0%,rgba(0,255,106,.10),transparent 70%);pointer-events:none}
.nav-menu.mobile-open{opacity:1;visibility:visible;pointer-events:all}
.nav-menu>li{width:100%;max-width:420px;margin:0;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
.nav-menu.mobile-open>li{opacity:1;transform:none}
.nav-menu.mobile-open>li:nth-child(1){transition-delay:.06s}.nav-menu.mobile-open>li:nth-child(2){transition-delay:.11s}.nav-menu.mobile-open>li:nth-child(3){transition-delay:.16s}.nav-menu.mobile-open>li:nth-child(4){transition-delay:.21s}.nav-menu.mobile-open>li:nth-child(5){transition-delay:.26s}.nav-menu.mobile-open>li:nth-child(6){transition-delay:.31s}
.nav-menu>li>.nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#fff;font-family:'Space Grotesk','Space Grotesk Fallback','Space Grotesk Fallback R',sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;position:relative;white-space:normal}
.nav-menu>li>.nav-link.active{color:#00ff6a;border-color:rgba(0,255,106,.28);background:rgba(0,255,106,.07)}
.nav-menu .nav-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);flex:none}
.nav-menu>li>.nav-link .dropdown-chevron{display:inline-block;margin-left:auto;width:14px;height:14px;opacity:.6;transition:transform .3s}
.nav-has-dropdown.mobile-expanded>.nav-link .dropdown-chevron{transform:rotate(180deg);opacity:1}
.nav-has-dropdown{position:static}
.nav-dropdown{position:static;transform:none;opacity:1;pointer-events:all;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:10px;padding:0.35rem;margin:0.35rem 0 0.25rem;display:none;white-space:normal;box-shadow:none;backdrop-filter:none;min-width:0;width:100%;max-width:420px}
.nav-has-dropdown.mobile-expanded .nav-dropdown{display:block}
.nav-dropdown a{font-size:0.95rem;padding:0.5rem 0.875rem}
.nav-sub-dropdown{position:static;transform:none;opacity:1;pointer-events:all;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:0.25rem;margin:0.25rem 0 0 0.5rem;display:none;box-shadow:none;backdrop-filter:none;min-width:0;width:auto}
.nav-dropdown-has-sub.mobile-sub-expanded .nav-sub-dropdown{display:block}
.sub-chevron{display:inline-block}
.nav-inner,.nav .container{width:100%;max-width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}

/* tranche-5 fix: a backdrop-filter on .nav makes it the containing block for the fixed menu (panel was 136px tall on suburb/cases/about); drop it on mobile like the homepage does */
.nav,.nav.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
/* tranche-5 fix: desktop hover/focus-within dropdown rules (translateX(-50%)) outrank the static mobile rule; pin the mobile dropdown in flow */
.nav-has-dropdown .nav-dropdown,.nav-has-dropdown:hover .nav-dropdown,.nav-has-dropdown:focus-within .nav-dropdown{position:static;left:auto;top:auto;transform:none;opacity:1;pointer-events:all;min-width:0;width:100%}
.nav-dropdown-has-sub .nav-sub-dropdown,.nav-dropdown-has-sub:hover .nav-sub-dropdown,.nav-dropdown-has-sub:focus-within .nav-sub-dropdown{position:static;left:auto;top:auto;transform:none;opacity:1;pointer-events:all}
.nav-has-dropdown:not(.mobile-expanded) .nav-dropdown{display:none}
.nav-dropdown-has-sub:not(.mobile-sub-expanded) .nav-sub-dropdown{display:none}
}