/* page-seo.php: this page's own styles in their original order. Generated by tools/extract-cs-css.js. */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'DM Sans',sans-serif; background-color:#000000; color:#ffffff; min-height:100vh; overflow-x:hidden; }
nav { position:absolute; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; padding:20px 60px; z-index:100; }
.logo { display:flex; align-items:center; gap:10px; }
.logo img { height:45px; }
.nav-divider { display:none; }
.nav-links { display:flex; align-items:center; gap:50px; }
.nav-links>a { color:#ffffff; text-decoration:none; font-size:15px; font-weight:400; transition:color 0.3s ease; }
.nav-links>a:hover,.nav-links>a.active { color:#F5A623; }
.nav-dropdown { position:relative; }
.nav-dropdown>a { color:#ffffff; text-decoration:none; font-size:15px; font-weight:400; transition:color 0.3s ease; display:flex; align-items:center; gap:5px; }
.nav-dropdown>a:hover,.nav-dropdown>a.active { color:#F5A623; }
.nav-dropdown>a::after { content:''; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #ffffff; transition:transform 0.3s ease,border-color 0.3s ease; }
.nav-dropdown:hover>a::after { border-top-color:#F5A623; transform:rotate(180deg); }
.dropdown-menu { position:absolute; top:100%; left:50%; transform:translateX(-50%); background:rgba(20,20,20,0.95); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:15px 0; min-width:200px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.3s ease,visibility 0.3s ease,margin-top 0.3s ease; margin-top:15px; box-shadow:0 10px 40px rgba(0,0,0,0.5); z-index:1000; }
.dropdown-menu::before { content:''; position:absolute; top:-15px; left:0; right:0; height:15px; }
.nav-dropdown:hover .dropdown-menu,.dropdown-menu:hover { opacity:1; visibility:visible; margin-top:10px; pointer-events:auto; }
.dropdown-menu a { display:block; padding:12px 25px; color:#ffffff; text-decoration:none; font-size:14px; transition:all 0.3s ease; cursor:pointer; pointer-events:auto; }
.dropdown-menu a:hover { background:rgba(245,166,35,0.1); color:#F5A623; }
.dropdown-menu a.active { color:#F5A623; background:rgba(245,166,35,0.05); }
.nav-cta { background-color:#F5A623; color:#000000; padding:12px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:14px; transition:background-color 0.3s ease,transform 0.3s ease; }
.nav-cta:hover { background-color:#e09515; transform:translateY(-2px); }
.mobile-nav-right { display:none; align-items:center; gap:15px; }
.mobile-menu-toggle { display:none; flex-direction:column; justify-content:center; align-items:center; width:44px; height:44px; background:transparent; border:none; cursor:pointer; padding:10px; z-index:1001; position:relative; }
.mobile-menu-toggle span { display:block; width:24px; height:2px; background-color:#ffffff; transition:all 0.3s ease; position:absolute; }
.mobile-menu-toggle span:nth-child(1) { transform:translateY(-8px); }
.mobile-menu-toggle span:nth-child(2) { transform:translateY(0); }
.mobile-menu-toggle span:nth-child(3) { transform:translateY(8px); }
.mobile-menu-toggle.active span:nth-child(1) { transform:rotate(45deg); }
.mobile-menu-toggle.active span:nth-child(2) { opacity:0; }
.mobile-menu-toggle.active span:nth-child(3) { transform:rotate(-45deg); }
.mobile-menu-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; opacity:0; pointer-events:none; transition:opacity 0.3s ease; }
.mobile-menu-overlay.active { opacity:1; pointer-events:auto; }
.mobile-menu { position:fixed; top:0; right:0; width:85%; max-width:320px; height:100%; background:linear-gradient(180deg,#0a0a0a 0%,#111111 100%); z-index:1000; overflow-y:auto; padding:80px 30px 30px; box-shadow:-10px 0 30px rgba(0,0,0,0.5); transform:translateX(100%); visibility:hidden; transition:transform 0.3s ease,visibility 0.3s ease; }
.mobile-menu.active { transform:translateX(0); visibility:visible; }
.mobile-menu-links { display:flex; flex-direction:column; gap:0; }
.mobile-menu-links>a,.mobile-menu-links>.mobile-dropdown>a { display:block; color:#ffffff; text-decoration:none; font-size:18px; font-weight:500; padding:18px 0; border-bottom:1px solid rgba(255,255,255,0.1); transition:color 0.3s ease,padding-left 0.3s ease; }
.mobile-menu-links>a:hover,.mobile-menu-links>.mobile-dropdown>a:hover { color:#F5A623; padding-left:10px; }
.mobile-dropdown { border-bottom:1px solid rgba(255,255,255,0.1); }
.mobile-dropdown>a { display:flex !important; justify-content:space-between; align-items:center; border-bottom:none !important; }
.mobile-dropdown>a::after { content:'+'; font-size:20px; color:#F5A623; transition:transform 0.3s ease; }
.mobile-dropdown.active>a::after { content:'−'; }
.mobile-dropdown-menu { max-height:0; overflow:hidden; transition:max-height 0.3s ease; background:rgba(255,255,255,0.02); margin:0 -30px; padding:0 30px; }
.mobile-dropdown.active .mobile-dropdown-menu { max-height:300px; }
.mobile-dropdown-menu a { display:block; color:#aaaaaa; text-decoration:none; font-size:16px; padding:14px 0 14px 20px; border-bottom:1px solid rgba(255,255,255,0.05); transition:color 0.3s ease,padding-left 0.3s ease; }
.mobile-dropdown-menu a:last-child { border-bottom:none; }
.mobile-dropdown-menu a:hover { color:#F5A623; padding-left:30px; }
.mobile-menu-cta { display:block; background-color:#F5A623; color:#000000; padding:16px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:16px; text-align:center; margin-top:30px; transition:background-color 0.3s ease,transform 0.3s ease; }
.mobile-menu-cta:hover { background-color:#e09515; transform:translateY(-2px); }
.hero { position:relative; min-height:80vh; display:flex; align-items:center; justify-content:flex-start; overflow:hidden; }
.hero-image-container { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-image:url('https://ik.imagekit.io/2z8yysunx/JRNY/SEO%20%20Brisbane.png'); background-size:cover; background-position:center; background-repeat:no-repeat; }
.hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient( 90deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.4) 100% ); z-index:2; }
.hero-content { position:relative; z-index:10; text-align:left; max-width:700px; padding:160px 60px 80px 80px; }
.hero-badge { display:inline-flex; align-items:center; gap:10px; padding:12px 30px; border-radius:50px; color:#ffffff; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; position:relative; background:#1a1a1a; z-index:1; }
.hero-badge::before { content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; border-radius:50px; background:conic-gradient(from var(--angle),transparent 60%,#F5A623 80%,#FFBD00 100%,transparent 100%); z-index:-2; animation:rotateBorder 3s linear infinite; }
.hero-badge::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50px; background:#1a1a1a; z-index:-1; }
.hero-badge-dot { width:6px; height:6px; background:#ffffff; border-radius:50%; }
.hero h1 { font-size:72px; font-weight:400; line-height:1.1; margin-bottom:30px; }
.hero h1 span { color:#FFBD00; }
.hero-subtitle { font-size:18px; color:#ffffff; max-width:550px; margin:0; line-height:1.7; }
.grow-section { background:#000000; padding:120px 60px; }
.grow-container { max-width:1000px; margin:0 auto; }
.grow-header { text-align:center; margin-bottom:60px; }
.grow-header h2 { font-size:56px; font-weight:400; line-height:1.1; color:#ffffff; }
@keyframes rotateBorderNoGlow { 0% { --angle: 0deg; } 100% { --angle: 360deg; } }
.grow-card-wrapper { position:relative; border-radius:22px; padding:2px; background:conic-gradient(from var(--angle),transparent 92%,#F5A623 96%,#FFBD00 100%,transparent 100%); animation:rotateBorderNoGlow 8s linear infinite; }
.grow-card { position:relative; background:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 100%); border-radius:20px; padding:50px; transition:all 0.3s ease; overflow:hidden; height:100%; }
.grow-card-glow { position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,transparent 50%); opacity:0; transition:opacity 0.3s ease; pointer-events:none; border-radius:20px; z-index:1; }
.grow-card:hover .grow-card-glow { opacity:1; }
.grow-card-inner { position:relative; z-index:2; }
.grow-card p { font-size:18px; line-height:1.8; color:#ffffff; }
.benefits-section { background:#000000; padding:120px 60px; }
.benefits-container { max-width:1400px; margin:0 auto; }
.benefits-grid { display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:30px; }
.benefit-card { background:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 100%); border-radius:20px; padding:50px 40px; border:1px solid #222; transition:all 0.3s ease; display:flex; flex-direction:column; justify-content:center; }
.benefit-card:hover { border-color:rgba(255,189,0,0.3); }
.benefit-card h3 { font-size:36px; font-weight:600; color:#FFBD00; line-height:1.2; margin-bottom:20px; }
.benefit-card-divider { width:60px; height:2px; background:linear-gradient(90deg,#F5A623 0%,#FFBD00 100%); margin-bottom:25px; }
.benefit-card p { font-size:16px; line-height:1.7; color:#ffffff; }
.benefits-image { grid-column:2; grid-row:1 / 3; border-radius:20px; overflow:hidden; position:relative; }
.benefits-image img { width:100%; height:100%; object-fit:cover; display:block; }
.benefit-card:nth-child(1) { grid-column:1; grid-row:1; }
.benefit-card:nth-child(3) { grid-column:3; grid-row:1; }
.benefit-card:nth-child(4) { grid-column:1; grid-row:2; }
.benefit-card:nth-child(5) { grid-column:3; grid-row:2; }
.seo-services-section { background:#000000; padding:120px 60px; }
.seo-services-container { max-width:1400px; margin:0 auto; }
.seo-services-card { background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%); border-radius:20px; padding:60px; border:1px solid #222; position:relative; overflow:hidden; transition:border-color 0.3s ease; }
.seo-services-card:hover { border-color:rgba(255,189,0,0.3); }
.seo-services-card-glow { position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,transparent 50%); opacity:0; transition:opacity 0.3s ease; pointer-events:none; border-radius:20px; z-index:1; }
.seo-services-card:hover .seo-services-card-glow { opacity:1; }
.seo-services-card-inner { position:relative; z-index:2; }
.seo-services-card h2 { font-size:56px; font-weight:400; color:#ffffff; margin-bottom:40px; line-height:1.1; }
.seo-services-card p { font-size:18px; line-height:1.8; color:#ffffff; max-width:100%; }
.strategies-section { background:#000000; padding:120px 60px; }
.strategies-container { max-width:1400px; margin:0 auto; }
.strategies-tabs { display:flex; justify-content:center; gap:20px; margin-bottom:60px; flex-wrap:wrap; }
.strategy-tab { padding:14px 28px; background:transparent; border:none; color:#888; font-size:15px; font-weight:500; cursor:pointer; transition:all 0.3s ease; border-radius:50px; font-family:'DM Sans',sans-serif; }
.strategy-tab:hover { color:#ffffff; }
.strategy-tab.active { background:#1a1a1a; color:#F5A623; }
.strategies-slider { position:relative; }
.strategies-slides { position:relative; }
.strategy-slide { display:none; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center; background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%); border-radius:30px; padding:80px; }
.strategy-slide.active { display:grid; }
.strategy-content h3 { font-size:48px; font-weight:600; color:#ffffff; line-height:1.2; margin-bottom:30px; }
.strategy-content h3 span { color:#ffffff; font-weight:400; font-style:italic; }
.strategy-content p { font-size:18px; line-height:1.8; color:#ffffff; }
.strategy-image { position:relative; border-radius:20px; overflow:hidden; }
.strategy-image img { width:100%; height:auto; display:block; border-radius:20px; }
.strategies-nav { display:flex; justify-content:center; gap:15px; margin-top:40px; }
.strategy-nav-btn { width:50px; height:50px; border-radius:50%; background:#1a1a1a; border:1px solid #333; color:#ffffff; font-size:18px; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center; }
.strategy-nav-btn:hover { background:#2a2a2a; border-color:#F5A623; }
.strategy-nav-btn.next { background:#ffffff; border-color:#ffffff; color:#000000; }
.strategy-nav-btn.next:hover { background:#f0f0f0; border-color:#f0f0f0; }
.why-section { background:#000000; padding:120px 60px; }
.why-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.why-content h2 { font-size:56px; font-weight:400; color:#ffffff; line-height:1.15; margin-bottom:40px; }
.why-content p { font-size:16px; line-height:1.8; color:#ffffff; margin-bottom:25px; }
.why-content p:last-of-type { margin-bottom:40px; }
.why-btn { display:inline-block; padding:16px 32px; background:#F5A623; color:#000000; font-size:15px; font-weight:600; text-decoration:none; border-radius:8px; transition:all 0.3s ease; }
.why-btn:hover { background:#ffbd00; transform:translateY(-2px); }
.why-image { position:relative; }
.why-image img { width:100%; height:auto; display:block; }
.page1-section { background:#000000; padding:120px 60px; }
.page1-container { max-width:1400px; margin:0 auto; }
.page1-header { margin-bottom:60px; }
.page1-header h2 { font-size:56px; font-weight:400; color:#ffffff; line-height:1.15; max-width:100%; white-space:nowrap; }
.page1-cards { display:grid; grid-template-columns:1fr; gap:30px; }
.page1-cards-row { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.page1-card-wrapper { position:relative; border-radius:22px; padding:2px; background:conic-gradient(from var(--angle),transparent 70%,#F5A623 85%,#FFBD00 100%,transparent 100%); animation:rotateBorderNoGlow 8s linear infinite; }
.page1-card { background:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 100%); border-radius:20px; padding:40px; height:100%; position:relative; overflow:hidden; transition:all 0.3s ease; }
.page1-card-glow { position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,transparent 50%); opacity:0; transition:opacity 0.3s ease; pointer-events:none; border-radius:20px; z-index:1; }
.page1-card:hover .page1-card-glow { opacity:1; }
.page1-card-inner { position:relative; z-index:2; }
.page1-card h3 { font-size:28px; font-weight:700; color:#ffffff; margin-bottom:20px; }
.page1-card p { font-size:16px; line-height:1.8; color:#ffffff; }
.process-section { background:#000000; padding:120px 60px; }
.process-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.process-image { position:sticky; top:100px; border-radius:20px; overflow:hidden; height:600px; }
.process-image img { width:100%; height:100%; object-fit:cover; display:block; mask-image:linear-gradient(to bottom,black 85%,transparent 100%); -webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%); }
.process-content-wrapper { display:flex; gap:40px; position:relative; }
.process-content { display:flex; flex-direction:column; gap:60px; flex:1; }
.scroll-indicator { position:relative; width:20px; display:flex; flex-direction:column; align-items:center; flex-shrink:0; }
.scroll-indicator-track { position:absolute; top:0; bottom:0; width:2px; background:#333; border-radius:2px; }
.scroll-indicator-progress { position:absolute; top:0; width:2px; height:0%; background:linear-gradient(to bottom,#FFBD00,#F5A623); border-radius:2px; transition:height 0.1s ease; }
.scroll-indicator-dots { position:absolute; top:0; bottom:0; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:5px 0; }
.scroll-indicator-dot { width:10px; height:10px; border-radius:50%; background:#333; border:2px solid #333; transition:all 0.3s ease; cursor:pointer; position:relative; z-index:1; }
.scroll-indicator-dot.active { background:#FFBD00; border-color:#FFBD00; }
.scroll-indicator-dot:hover { border-color:#FFBD00; }
.process-item { padding-bottom:60px; border-bottom:1px solid #333; }
.process-item:last-child { border-bottom:none; padding-bottom:0; }
.process-item h3 { font-size:36px; font-weight:400; color:#FFBD00; margin-bottom:20px; }
.process-item p { font-size:16px; line-height:1.8; color:#ffffff; }
@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes rotateBorder { 0% { --angle: 0deg; filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.5)); } 50% { filter: drop-shadow(0 0 15px rgba(245, 166, 35, 0.8)); } 100% { --angle: 360deg; filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.5)); } }
.cta-section { background:#000000; padding:100px 60px; }
.cta-header { max-width:1400px; margin:0 auto 60px; text-align:center; }
.cta-header h2 { font-size:80px; font-weight:400; color:#ffc500; line-height:1.1; margin-bottom:30px; }
.cta-header p { font-size:18px; color:#ffffff; max-width:700px; margin:0 auto 40px; line-height:1.6; }
.cta-container-wrapper { max-width:1400px; margin:0 auto; position:relative; border-radius:20px; z-index:1; }
.cta-container-wrapper::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:22px; background:conic-gradient(from var(--angle),transparent 92%,#F5A623 96%,#FFBD00 100%,transparent 100%); z-index:0; animation:rotateBorder 8s linear infinite; }
.cta-container-wrapper::after { content:''; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; border-radius:25px; background:conic-gradient(from var(--angle),transparent 92%,#F5A623 96%,#FFBD00 100%,transparent 100%); z-index:-1; animation:rotateBorder 8s linear infinite; filter:blur(15px); opacity:0.7; }
.cta-container { border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:80px 100px; display:flex; justify-content:space-between; align-items:center; gap:40px; position:relative; overflow:hidden; min-height:500px; z-index:1; }
.cta-video-bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; object-fit:cover; z-index:0; }
.cta-video-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; }
.cta-container::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,30%) var(--mouse-y,50%),rgba(255,189,0,0.2) 0%,transparent 50%); opacity:0; transition:opacity 0.3s ease; z-index:2; pointer-events:none; border-radius:20px; }
.cta-container:hover::before { opacity:1; }
.cta-container>*:not(.cta-video-bg):not(.cta-video-overlay) { position:relative; z-index:3; }
.cta-content h3 { font-size:42px; font-weight:400; font-style:italic; color:#ffffff; line-height:1.2; margin-bottom:30px; }
.cta-container-partners { margin-top:20px; }
.cta-container-partners img { height:80px; width:auto; }
.cta-button { display:inline-block; padding:18px 50px; background:#ffffff; color:#000000; font-size:16px; font-weight:600; text-decoration:none; border-radius:10px; transition:all 0.3s ease; flex-shrink:0; }
.cta-button:hover { background:#f0f0f0; transform:translateY(-2px); box-shadow:0 10px 30px rgba(255,255,255,0.2); }
footer { background:#000000; padding:80px 60px 0; }
.footer-container { max-width:1400px; margin:0 auto; }
.footer-main { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:60px; padding-bottom:60px; border-bottom:1px solid #333; }
.footer-brand { display:flex; flex-direction:column; }
.footer-logo { margin-bottom:30px; }
.footer-logo img { height:50px; width:auto; }
.footer-brand p { font-size:14px; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:30px; max-width:280px; }
.footer-subscribe { display:flex; align-items:center; background:#111; border-radius:50px; padding:5px; max-width:320px; }
.footer-subscribe input { flex:1; background:transparent; border:none; padding:12px 20px; color:#ffffff; font-size:14px; outline:none; }
.footer-subscribe input::placeholder { color:rgba(255,255,255,0.5); }
.footer-subscribe button { background:#ffc500; color:#000000; border:none; padding:12px 25px; border-radius:50px; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; white-space:nowrap; flex-shrink:0; }
.footer-subscribe button:hover { background:#e6b100; }
.footer-column h4 { font-size:18px; font-weight:600; color:#ffffff; margin-bottom:25px; }
.footer-column ul { list-style:none; padding:0; margin:0; }
.footer-column ul li { margin-bottom:15px; }
.footer-column ul li a { font-size:14px; color:rgba(255,255,255,0.7); text-decoration:none; transition:color 0.3s ease; }
.footer-column ul li a:hover { color:#ffc500; }
.footer-column ul li a.highlight { color:#ffc500; }
.footer-bottom { padding:40px 0; text-align:center; }
.footer-bottom p { font-size:16px; color:rgba(255,255,255,0.7); }
@media (max-width: 1024px) {
    nav { padding:20px 40px; }
    .hero-content { padding:140px 40px 60px; }
    .hero h1 { font-size:56px; }
    .hero-subtitle { font-size:16px; }
    .grow-section { padding:100px 40px; }
    .grow-header h2 { font-size:42px; }
    .grow-card { padding:40px; }
    .benefits-section { padding:100px 40px; }
    .benefits-grid { gap:20px; }
    .benefit-card { padding:40px 30px; }
    .benefit-card h3 { font-size:28px; }
    .benefit-card p { font-size:15px; }
    .seo-services-section { padding:100px 40px; }
    .seo-services-card { padding:50px; }
    .seo-services-card h2 { font-size:42px; }
    .seo-services-card p { font-size:16px; }
    .strategies-section { padding:100px 40px; }
    .strategies-tabs { gap:10px; }
    .strategy-tab { padding:12px 20px; font-size:14px; }
    .strategy-slide { padding:60px; gap:40px; }
    .strategy-content h3 { font-size:36px; }
    .page1-section { padding:100px 40px; }
    .page1-header h2 { font-size:42px; white-space:normal; }
    .page1-card { padding:35px; }
    .page1-card h3 { font-size:24px; }
    .page1-card p { font-size:15px; }
    .why-section { padding:100px 40px; }
    .why-container { gap:50px; }
    .why-content h2 { font-size:42px; }
    .process-section { padding:100px 40px; }
    .process-container { gap:50px; }
    .process-image { height:500px; }
    .process-item h3 { font-size:30px; }
    .process-content-wrapper { gap:30px; }
    .cta-section { padding:100px 40px; }
    .cta-header h2 { font-size:42px; }
    .cta-container { flex-direction:column; text-align:center; padding:50px 40px; }
    .cta-content h3 { font-size:32px; }
    .cta-container-partners img { height:60px; }
    .footer-main { grid-template-columns:repeat(3,1fr); gap:40px; }
    .footer-brand { grid-column:span 3; }
}
@media (max-width: 768px) {
    nav { padding:15px 20px; }
    .nav-divider { display:none; }
    .nav-links { display:none; }
    .nav-cta { display:none; }
    .mobile-nav-right { display:flex; }
    .mobile-menu-toggle { display:flex; }
    .mobile-menu-overlay,.mobile-menu { display:block; }
    .logo img { height:38px; }
    .hero { justify-content:center; }
    .hero-content { padding:120px 20px 60px; text-align:center; }
    .hero h1 { font-size:36px; }
    .hero-subtitle { font-size:16px; max-width:100%; }
    .hero-overlay { background:rgba(0,0,0,0.8); }
    .grow-section { padding:80px 20px; }
    .grow-header h2 { font-size:32px; }
    .grow-card { padding:30px; }
    .grow-card p { font-size:16px; }
    .benefits-section { padding:80px 20px; }
    .benefits-grid { grid-template-columns:1fr; grid-template-rows:auto; gap:20px; }
    .benefits-image { grid-column:1; grid-row:auto; order:-1; height:300px; }
    .benefit-card:nth-child(1),.benefit-card:nth-child(3),.benefit-card:nth-child(4),.benefit-card:nth-child(5) { grid-column:1; grid-row:auto; }
    .benefit-card { padding:30px 25px; }
    .benefit-card h3 { font-size:26px; }
    .benefit-card p { font-size:15px; }
    .seo-services-section { padding:80px 20px; }
    .seo-services-card { padding:30px; }
    .seo-services-card h2 { font-size:32px; }
    .seo-services-card p { font-size:15px; }
    .strategies-section { padding:80px 20px; }
    .strategies-tabs { gap:8px; margin-bottom:40px; }
    .strategy-tab { padding:10px 16px; font-size:12px; }
    .strategy-slide { grid-template-columns:1fr; padding:40px 30px; gap:30px; }
    .strategy-content { order:1; }
    .strategy-image { order:2; }
    .strategy-content h3 { font-size:28px; margin-bottom:20px; }
    .strategy-content p { font-size:15px; }
    .strategies-nav { margin-top:30px; }
    .strategy-nav-btn { width:45px; height:45px; font-size:16px; }
    .page1-section { padding:80px 20px; }
    .page1-header { margin-bottom:40px; }
    .page1-header h2 { font-size:32px; white-space:normal; }
    .page1-cards { gap:20px; }
    .page1-cards-row { grid-template-columns:1fr; gap:20px; }
    .page1-card { padding:30px; }
    .page1-card h3 { font-size:22px; margin-bottom:15px; }
    .page1-card p { font-size:15px; }
    .why-section { padding:80px 20px; }
    .why-container { grid-template-columns:1fr; gap:40px; }
    .why-content { order:1; }
    .why-image { order:2; }
    .why-content h2 { font-size:32px; margin-bottom:30px; }
    .why-content p { font-size:15px; }
    .process-section { padding:80px 20px; }
    .process-container { grid-template-columns:1fr; gap:40px; }
    .process-image { position:relative; top:0; height:350px; }
    .process-content-wrapper { gap:20px; }
    .process-content { gap:40px; }
    .scroll-indicator { display:none; }
    .process-item { padding-bottom:40px; }
    .process-item h3 { font-size:26px; }
    .process-item p { font-size:15px; }
    .cta-section { padding:80px 20px; }
    .cta-header h2 { font-size:32px; }
    .cta-header p { font-size:16px; }
    .cta-container { padding:40px 25px; min-height:auto; flex-direction:column; justify-content:center; gap:20px; }
    .cta-content h3 { font-size:26px; margin-bottom:10px; }
    .cta-container-partners { margin-top:5px; }
    .cta-container-partners img { height:50px; }
    .cta-partners img { height:40px; }
    .cta-button { width:100%; text-align:center; margin-top:5px; }
    footer { padding:60px 20px 0; }
    .footer-main { grid-template-columns:repeat(2,1fr); gap:30px; }
    .footer-brand { grid-column:span 2; }
    .footer-subscribe { max-width:100%; }
    .footer-bottom p { font-size:14px; }
}
@media (max-width: 480px) {
    .footer-main { grid-template-columns:1fr; }
    .footer-brand { grid-column:span 1; }
}