/* /seosydneyservices/ai-seo-sydney/ below-the-fold page styles - tranche 4 task 3 */
h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:var(--white)}.text-gradient{background:linear-gradient(135deg,var(--white) 0%,var(--primary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all 0.4s var(--ease-expo)}.glass:hover{border-color:var(--white-10)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;padding:0.5rem;background:rgba(17,17,24,0.95);backdrop-filter:blur(20px);border:1px solid var(--white-10);border-radius:var(--radius-md);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s;list-style:none}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-menu a{display:block;padding:0.75rem 1rem;color:var(--white-70);font-size:0.875rem;border-radius:var(--radius-sm);transition:all 0.2s}.dropdown-menu a:hover{color:var(--primary);background:var(--white-05)}.features{padding:5rem 0}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.feature-card{padding:2rem}.feature-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-card h3{margin-bottom:0.75rem}.feature-card p{color:var(--white-60);line-height:1.7}.platforms{padding:5rem 0;background:var(--black-soft)}.platforms-header{text-align:center;margin-bottom:3rem}.platforms-header h2{margin-bottom:1rem}.platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.platform-card{padding:2rem;text-align:center}.platform-icon{width:64px;height:64px;margin:0 auto 1.25rem;background:var(--white-05);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.platform-card h3{margin-bottom:0.5rem}.platform-card p{font-size:0.9rem;color:var(--white-50)}.process{padding:5rem 0}.process-header{text-align:center;margin-bottom:3rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.process-step{position:relative;text-align:center}.step-number{width:48px;height:48px;background:var(--primary);color:var(--black);font-family:var(--font-display);font-size:1.25rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.process-step h3{margin-bottom:0.5rem}.process-step p{font-size:0.9rem;color:var(--white-50)}.faq{padding:5rem 0;background:var(--black-soft)}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.faq-intro h2{margin-bottom:1rem}.faq-intro>p{margin-bottom:2rem}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--white-10)}.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;background:none;border:none;text-align:left;color:var(--white);cursor:pointer;transition:color 0.3s}.faq-trigger:hover{color:var(--primary)}.faq-trigger span{font-weight:600;font-size:1rem;padding-right:1rem}.faq-trigger svg{flex-shrink:0;transition:transform 0.3s}.faq-item.open .faq-trigger svg{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding-bottom:1.5rem;color:var(--white-70);line-height:1.75}.cta{padding:5rem 0}.cta-box{padding:4rem;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;inset:-50%;background:radial-gradient(ellipse at 30% 30%,var(--primary-faint) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,var(--accent-subtle) 0%,transparent 50%);animation:ctaBg 12s ease-in-out infinite alternate}.cta-box>*{position:relative}.cta-box h2{margin-bottom:1rem}.cta-box>p{max-width:500px;margin:0 auto 2rem}.cta-buttons{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}footer{position:relative;z-index:2}.hero{position:relative;z-index:2}.calc-submit{color:#000 !important;font-weight:800}.stripe-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:10000;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stripe-modal.active{display:flex}.stripe-modal-content{background:rgba(15, 15, 25, 0.9);border-radius:20px;padding:0;max-width:380px;width:90%;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,0.1), 0 25px 50px -12px rgba(0,0,0,0.8), 0 0 80px rgba(255,184,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1)}.stripe-modal-content::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(90deg, #FFB800, #a855f7, #a855f7, #f472b6, #FFB800);background-size:300% 100%;border-radius:30px;z-index:-1;animation:borderRotate 4s linear infinite}.modal-orbs{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.modal-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.6}.modal-orb-1{width:150px;height:150px;background:radial-gradient(circle, rgba(255,184,0,0.35) 0%, transparent 70%);top:-40px;right:-40px;animation:orbFloat1 8s ease-in-out infinite}.modal-orb-2{width:130px;height:130px;background:radial-gradient(circle, rgba(168,85,247,0.35) 0%, transparent 70%);bottom:-30px;left:-30px;animation:orbFloat2 10s ease-in-out infinite}.modal-orb-3{width:100px;height:100px;background:radial-gradient(circle, rgba(168,85,247,0.3) 0%, transparent 70%);top:50%;left:50%;transform:translate(-50%, -50%);animation:orbFloat3 6s ease-in-out infinite}.modal-inner{position:relative;z-index:1;padding:24px 24px 20px;background:rgba(10, 10, 18, 0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stripe-modal-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all 0.3s;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.stripe-modal-close:hover{background:rgba(255,255,255,0.15);color:#fff;transform:rotate(90deg)}.stripe-modal h3{font-size:26px;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg, #fff 0%, #FFB800 50%, #a855f7 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-0.5px}.stripe-modal-desc{color:#888;margin-bottom:20px;text-align:center;font-size:14px}#card-element{background:#0E1A2E;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);margin-bottom:20px}#card-errors{color:#ef4444;font-size:13px;margin-bottom:16px;min-height:20px}.stripe-submit{width:100%;background:linear-gradient(135deg, #FFB800, #a855f7);color:#0a0a0a;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden}.stripe-submit:hover{transform:translateY(-2px)}.stripe-submit:disabled{opacity:0.6;cursor:not-allowed}.stripe-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:#888}.pro-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:10000;align-items:center;justify-content:center}.pro-modal.active{display:flex}.pro-modal-content{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px;max-width:420px;width:90%;text-align:center}.pro-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#888;cursor:pointer}.pro-unlocked{background:linear-gradient(135deg, rgba(255,184,0,0.1), rgba(34,211,238,0.05));border:1px solid rgba(255,184,0,0.3);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.pro-unlocked h3{color:#FFB800;margin-bottom:8px}.pro-access-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,184,0,0.5);color:#FFB800;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s;white-space:nowrap}.pro-access-btn:hover{background:rgba(255,184,0,0.1);border-color:#FFB800}.faq-a a{color:#FFB800;text-decoration:underline;text-decoration-color:rgba(255,184,0,0.3);text-underline-offset:3px;transition:color 0.2s,text-decoration-color 0.2s}td a{color:#FFB800;text-decoration:underline;text-decoration-color:rgba(255,184,0,0.3);text-underline-offset:3px;transition:color 0.2s,text-decoration-color 0.2s}dd a{color:#FFB800;text-decoration:underline;text-decoration-color:rgba(255,184,0,0.3);text-underline-offset:3px;transition:color 0.2s,text-decoration-color 0.2s}article li a{color:#FFB800;text-decoration:underline;text-decoration-color:rgba(255,184,0,0.3);text-underline-offset:3px;transition:color 0.2s,text-decoration-color 0.2s}section li a:not(.nav-link){color:#FFB800;text-decoration:underline;text-decoration-color:rgba(255,184,0,0.3);text-underline-offset:3px;transition:color 0.2s,text-decoration-color 0.2s}.faq-a a:hover{color:#fff;text-decoration-color:#FFB800}td a:hover{color:#fff;text-decoration-color:#FFB800}dd a:hover{color:#fff;text-decoration-color:#FFB800}article li a:hover{color:#fff;text-decoration-color:#FFB800}section li a:not(.nav-link):hover{color:#fff;text-decoration-color:#FFB800}.ai-shift{padding:6rem 0;background:var(--black-soft);border-top:1px solid var(--white-05)}.ai-shift-header{text-align:center;margin-bottom:3.5rem}.ai-shift-header h2{margin-bottom:1rem}.ai-shift-header>p{max-width:680px;margin:0 auto;font-size:1.05rem}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card{padding:2rem;text-align:center}.stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;letter-spacing:-0.03em;line-height:1;margin-bottom:0.5rem}.stat-number.green{color:var(--primary)}.stat-number.blue{color:var(--accent)}.stat-number.purple{color:var(--purple)}.stat-number.white{color:var(--white)}.stat-label{font-size:0.85rem;color:var(--white-50);line-height:1.5}.ai-shift-prose{max-width:800px;margin:0 auto}.ai-shift-prose p{font-size:1.05rem;line-height:1.85;margin-bottom:1.5rem;color:var(--white-70)}.ai-shift-prose strong{color:var(--white)}.cite-method{padding:6rem 0}.cite-header{text-align:center;margin-bottom:1.5rem}.cite-header h2{margin-bottom:1rem}.cite-intro{max-width:720px;margin:0 auto 3rem;text-align:center;font-size:1.05rem;line-height:1.8;color:var(--white-70)}.cite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.cite-pillar{padding:2rem;position:relative;overflow:hidden}.cite-pillar::before{content:attr(data-letter);position:absolute;top:-10px;right:10px;font-family:var(--font-display);font-size:7rem;font-weight:800;opacity:0.04;line-height:1;color:var(--white)}.cite-pillar-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.cite-pillar h3{margin-bottom:0.75rem;font-size:1.15rem}.cite-pillar h3 span{font-family:var(--font-display);color:var(--primary);font-weight:800;font-size:1.3rem}.cite-pillar p{color:var(--white-50);line-height:1.75;font-size:0.92rem}.cite-pillar ul{list-style:none;margin-top:0.75rem}.cite-pillar ul li{padding:0.35rem 0;color:var(--white-50);font-size:0.88rem;padding-left:1.2rem;position:relative}.cite-pillar ul li::before{content:'→';position:absolute;left:0;color:var(--primary);font-size:0.8rem}.ai-vs-trad{padding:6rem 0;background:var(--black-soft)}.ai-vs-trad-header{text-align:center;margin-bottom:3.5rem}.ai-vs-trad-header h2{margin-bottom:1rem}.comparison-table{max-width:960px;margin:0 auto;border:1px solid var(--white-10);border-radius:var(--radius-lg);overflow:hidden}.comp-cell{padding:1.1rem 1.5rem;font-size:0.9rem;color:var(--white-70)}.comp-row.comp-header .comp-cell{font-weight:700;color:var(--white);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em}.comp-cell:first-child{color:var(--white);font-weight:600}.comp-cell.highlight{color:var(--primary);font-weight:600}.comp-after-note{max-width:760px;margin:2rem auto 0;text-align:center;font-size:0.95rem;color:var(--white-50)}.industry-data{padding:6rem 0}.industry-data-header{text-align:center;margin-bottom:3.5rem}.industry-data-header h2{margin-bottom:1rem}.industry-data-header>p{max-width:680px;margin:0 auto;font-size:1.05rem}.industry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.industry-card{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-radius:var(--radius-sm)}.industry-name{font-weight:600;color:var(--white);font-size:0.92rem}.industry-bar-wrap{flex:1;margin:0 1.5rem;height:6px;background:var(--white-05);border-radius:3px;overflow:hidden}.industry-bar{height:100%;border-radius:3px;transition:width 1s var(--ease-expo)}.industry-bar.low{background:linear-gradient(90deg,#ff4444,#ff6b6b)}.industry-bar.med{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.industry-bar.high{background:linear-gradient(90deg,var(--primary-dark),var(--primary))}.industry-pct{font-family:var(--font-display);font-weight:700;font-size:0.95rem;min-width:42px;text-align:right}.industry-pct.low{color:#ff6b6b}.industry-pct.med{color:#fbbf24}.industry-pct.high{color:var(--primary)}.industry-note{text-align:center;font-size:0.85rem;color:var(--white-30);margin-top:1.5rem}.llms-section{padding:5rem 0;background:var(--black-soft)}.llms-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.llms-content h2{margin-bottom:1rem}.llms-content>p{margin-bottom:1.5rem;line-height:1.8;color:var(--white-70)}.llms-code{background:rgba(0,0,0,0.4);border:1px solid var(--white-10);border-radius:var(--radius-md);padding:1.5rem;font-family:'JetBrains Mono',monospace;font-size:0.82rem;line-height:1.8;color:var(--white-50);overflow-x:auto;position:relative}.llms-code .comment{color:var(--white-30)}.llms-code .key{color:var(--primary)}.llms-code .val{color:var(--accent)}.calculator-results.active{display:block;animation:fadeIn 0.5s ease}.breakdown-item .value.good{color:#FFB800}.breakdown-item .value.medium{color:#f1c40f}.breakdown-item .value.poor{color:#ef4444}.breakdown-item .bar-fill.medium{background:linear-gradient(90deg, #f1c40f, #f39c12);box-shadow:0 0 10px rgba(241,196,15,0.5)}.breakdown-item .bar-fill.poor{background:linear-gradient(90deg, #ef4444, #ee5a5a);box-shadow:0 0 10px rgba(239,68,68,0.5)}.breakdown-item.warning .value{color:#ffb800}.breakdown-item.warning .bar-fill{background:#ffb800}.breakdown-item.danger .value{color:#ef4444}.breakdown-item.danger .bar-fill{background:#ef4444}.calc-checklist-cta{display:flex;align-items:center;gap:0.5rem;padding:0.65rem 1.1rem;background:transparent;border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.3s;text-decoration:none;white-space:nowrap}.calc-checklist-cta:hover{background:rgba(255,184,0,0.06);transform:translateY(-1px);box-shadow:0 4px 15px rgba(255,184,0,0.3)}.calc-checklist-cta svg{width:16px;height:16px}.analysing-state.active{display:block}.analysing-step.active{opacity:1;color:var(--green)}.analysing-step.complete{opacity:1;color:var(--white)}.analysing-step.active svg{animation:pulse 1s infinite}.email-gate-overlay.active{opacity:1;visibility:visible}.email-gate-overlay.active .email-gate-modal{transform:translateY(0)}.email-success-message.active{display:block}.faq-q svg{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;flex-shrink:0 !important}div.faq-q svg{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;flex-shrink:0 !important}.faq-wrapper .faq-q svg{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;flex-shrink:0 !important}.pro-social-proof{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,0.6);font-weight:500}.pro-social-dot{width:6px;height:6px;border-radius:50%;background:#FFB800;box-shadow:0 0 8px rgba(255,184,0,0.6);animation:proDotPulse 2s ease-in-out infinite}@media (max-width: 480px){#proTeaser > a > div:last-child{display:flex;flex-direction:column;align-items:center}.pro-access-btn{font-size:12px !important;padding:10px 14px !important}.pro-tabs{gap:4px !important}}@media (max-width: 768px){#proTeaser > a{justify-content:center !important;margin:0 !important;padding:12px !important}#proTeaser button{width:100% !important;justify-content:center}.pro-access-btn{width:100% !important;justify-content:center}.pro-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1024px){.faq-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.platforms-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr);gap:3rem}.harbour-cta-card{background:rgba(14,26,46,0.95)!important}.glass{background:rgba(14,26,46,0.95)!important}.card{background:rgba(14,26,46,0.95)!important}canvas{display:none!important}.client-logo-item img{filter:brightness(0) invert(1)!important}[class*="ambient"]{display:none!important}[class*="particle"]{display:none!important}svg animateMotion{display:none!important}.trust-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.services-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.guides-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.case-studies-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.faq-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.harbour-cta-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.process-section{content-visibility:auto;contain-intrinsic-size:auto 500px}footer{content-visibility:auto;contain-intrinsic-size:auto 500px}.stat-row{grid-template-columns:repeat(2,1fr)}.cite-grid{grid-template-columns:repeat(2,1fr)}.llms-grid{grid-template-columns:1fr}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.platforms-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr}.cite-grid{grid-template-columns:1fr}.comp-cell{padding:0.75rem 1.25rem}.comp-cell:first-child{background:var(--white-05);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em}.industry-card{flex-wrap:wrap;gap:0.5rem}.industry-bar-wrap{order:3;flex-basis:100%;margin:0}#proTeaser>a{justify-content:center !important}#proTeaser button{width:100% !important;justify-content:center}.pro-access-btn{width:100% !important;justify-content:center}.pro-social-proof{justify-content:center}}
/* tranche-4 CLS: reserve the tallest wrap state (fallback vs loaded font) per width */
@media (max-width:339px){.hero-content>p{min-height:332px}}
@media (min-width:340px) and (max-width:369px){.hero-content>p{min-height:299px}}
@media (min-width:370px) and (max-width:419px){.hero-content>p{min-height:265px}}
@media (min-width:420px) and (max-width:469px){.hero-content>p{min-height:232px}}
@media (min-width:470px) and (max-width:559px){.hero-content>p{min-height:199px}}
@media (min-width:560px) and (max-width:669px){.hero-content>p{min-height:166px}}
@media (min-width:670px) and (max-width:869px){.hero-content>p{min-height:133px}}
@media (min-width:870px) and (max-width:1022px){.hero-content>p{min-height:100px}}
@media (min-width:1023px) and (max-width:1179px){.hero-content>p{min-height:199px}}
@media (min-width:1180px) and (max-width:1379px){.hero-content>p{min-height:166px}}
@media (min-width:1380px){.hero-content>p{min-height:133px}}
@media (max-width:359px){.hero-buttons{min-height:175px}}
@media (min-width:360px) and (max-width:589px){.hero-buttons{min-height:150px}}
@media (min-width:590px) and (max-width:1022px){.hero-buttons{min-height:68px}}
@media (min-width:1023px) and (max-width:1229px){.hero-buttons{min-height:150px}}
@media (min-width:1230px){.hero-buttons{min-height:68px}}


/* tranche-4 CLS: hero buttons keep their loaded-font width so the fallback face cannot drift them */
.hero-buttons .btn:nth-child(1){min-width:min(308px,100%)}.hero-buttons .btn:nth-child(2){min-width:min(210.4px,100%)}

/* tranche-4 CLS: label anchored to the box start; the box equals the loaded text width so the final render is unchanged */
.hero-buttons .btn{justify-content:flex-start;text-align:left}.hero-buttons .btn .btn-surface{justify-content:flex-start;text-align:left}