/* WebCenter V5.69 — Google growth landing pages & case studies */
.seo-page,.case-page{background:#f5f6f8;color:#0a1020}.seo-page main,.case-page main{position:relative;z-index:2}
.sg-hero{min-height:720px;padding:180px 0 110px;background:#030711;color:#fff;position:relative;overflow:hidden}
.sg-hero:before{content:"";position:absolute;inset:-30% -10%;background:radial-gradient(circle at 72% 35%,rgba(24,140,255,.24),transparent 25%),radial-gradient(circle at 26% 70%,rgba(83,214,255,.12),transparent 22%);pointer-events:none}
.sg-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;position:relative;z-index:2}.sg-copy h1{font-size:clamp(3.5rem,7vw,7.2rem);line-height:.86;letter-spacing:-.07em;margin:22px 0 28px;font-weight:950}.sg-copy h1 em{font-style:italic;font-weight:500;color:#42a7ff}.sg-copy>p{font-size:19px;line-height:1.75;color:#aeb8ca;max-width:720px}.sg-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px}.sg-visual{min-height:470px;position:relative}.sg-card{position:absolute;border:1px solid rgba(255,255,255,.13);background:rgba(10,17,38,.72);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.34);padding:26px;color:#fff}.sg-card small{font-size:9px;letter-spacing:.18em;color:#78c1ff;font-weight:900}.sg-card strong{display:block;font-size:34px;line-height:.98;letter-spacing:-.05em;margin:12px 0}.sg-card span{font-size:13px;color:#a8b6ce;line-height:1.5}.sg-card.c1{width:65%;left:4%;top:6%;transform:rotate(-5deg)}.sg-card.c2{width:58%;right:0;top:34%;background:linear-gradient(145deg,#167fee,#58c7ff);transform:rotate(5deg)}.sg-card.c2 small,.sg-card.c2 span{color:#e8f7ff}.sg-card.c3{width:52%;left:13%;bottom:2%;transform:rotate(-2deg)}.sg-orbit{position:absolute;width:310px;height:310px;border-radius:50%;right:12%;top:10%;border:1px solid rgba(91,181,255,.2);box-shadow:0 0 100px rgba(24,140,255,.14);animation:sgspin 26s linear infinite}.sg-orbit:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#59caff;top:10%;left:18%;box-shadow:0 0 28px #59caff}@keyframes sgspin{to{transform:rotate(360deg)}}
.sg-section{padding:120px 0}.sg-section.dark{background:#07101e;color:#fff}.sg-section.blue{background:linear-gradient(140deg,#071a38,#0c2e62 72%,#0e4d8c);color:#fff}.sg-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;margin-bottom:50px}.sg-head h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.92;letter-spacing:-.06em;margin:16px 0;font-weight:950}.sg-head h2 em{color:#188cff;font-weight:500}.sg-head p{font-size:18px;line-height:1.8;color:#667086}.dark .sg-head p,.blue .sg-head p{color:#a9b9cf}.sg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sg-item{padding:30px;border:1px solid #dfe4ec;border-radius:26px;background:#fff;min-height:220px}.dark .sg-item,.blue .sg-item{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.sg-item b{display:block;font-size:11px;letter-spacing:.16em;color:#188cff;margin-bottom:18px}.sg-item h3{font-size:25px;line-height:1.05;margin:0 0 14px;letter-spacing:-.04em}.sg-item p{color:#626c7c;line-height:1.7;margin:0}.dark .sg-item p,.blue .sg-item p{color:#aeb9c9}.sg-process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.sg-step{padding:22px 16px;border:1px solid #dde2ea;border-radius:20px;background:#fff}.sg-step b{font-size:11px;color:#188cff}.sg-step strong{display:block;font-size:15px;margin:12px 0 8px}.sg-step span{font-size:12px;line-height:1.5;color:#727b8c}.sg-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sg-proof a{display:block;border-radius:28px;padding:30px;min-height:260px;color:#fff;position:relative;overflow:hidden;background:#0b1830}.sg-proof a:nth-child(2){background:#14325d}.sg-proof a:nth-child(3){background:#0e405b}.sg-proof small{font-size:10px;letter-spacing:.16em;color:#9ad6ff}.sg-proof h3{font-size:32px;margin:18px 0 10px}.sg-proof p{color:#c6d3e4;line-height:1.65}.sg-proof b{position:absolute;right:24px;bottom:22px;font-size:24px}.sg-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sg-faq details{background:#fff;border:1px solid #dfe4ec;border-radius:20px;padding:22px 24px}.sg-faq summary{font-weight:900;cursor:pointer}.sg-faq p{color:#5f6878;line-height:1.7;margin-bottom:0}.sg-local-band{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.sg-local-band span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 14px;font-size:11px;font-weight:900;letter-spacing:.1em;color:#c6d8ef}.sg-final{padding:120px 0;background:#050a14;color:#fff;text-align:center}.sg-final h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.07em;margin:12px auto 22px;max-width:980px}.sg-final p{font-size:19px;color:#aebbd0;margin:0 auto 30px;max-width:700px}
.sg-seo-links{padding:80px 0;background:#eef2f7}.sg-seo-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sg-seo-link{display:block;background:#fff;border:1px solid #dfe4ec;border-radius:24px;padding:28px}.sg-seo-link small{font-size:10px;letter-spacing:.15em;color:#188cff;font-weight:900}.sg-seo-link h3{font-size:28px;margin:12px 0}.sg-seo-link p{color:#657083;line-height:1.65}.sg-seo-link b{display:inline-block;margin-top:16px}
.cs-hero{padding:170px 0 95px;background:#050a13;color:#fff;position:relative;overflow:hidden}.cs-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 28%,rgba(24,140,255,.19),transparent 30%)}.cs-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;position:relative;z-index:2}.cs-copy h1{font-size:clamp(4rem,8vw,8rem);line-height:.82;letter-spacing:-.08em;margin:20px 0 28px}.cs-copy h1 em{color:#188cff;font-style:normal}.cs-copy p{font-size:18px;line-height:1.75;color:#afbdd2}.cs-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.cs-meta span{border:1px solid rgba(255,255,255,.13);padding:9px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.1em}.cs-browser{border:1px solid rgba(255,255,255,.15);border-radius:30px;overflow:hidden;background:#0c1423;box-shadow:0 36px 110px rgba(0,0,0,.38);transform:rotate(1.5deg)}.cs-browser-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08)}.cs-browser-top i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.cs-browser-top span{margin-left:8px;color:#8293ad;font-size:9px;letter-spacing:.12em}.cs-browser iframe{display:block;width:100%;height:470px;border:0;background:#fff}.cs-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.cs-side{position:sticky;top:120px;height:fit-content}.cs-side .section-no{display:block;margin-bottom:16px}.cs-side dl{margin:0}.cs-side dt{font-size:10px;letter-spacing:.14em;color:#188cff;font-weight:900;margin-top:18px}.cs-side dd{margin:5px 0 0;font-size:15px;color:#495367}.cs-body h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.92;letter-spacing:-.055em;margin:0 0 24px}.cs-body h3{font-size:28px;margin:42px 0 12px}.cs-body p{font-size:18px;line-height:1.85;color:#5d6778}.cs-body ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;margin:28px 0}.cs-body li{padding:18px;border:1px solid #dfe4ec;border-radius:18px;background:#fff;font-weight:800}.cs-result{padding:110px 0;background:#07101e;color:#fff}.cs-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cs-result h2{font-size:clamp(3rem,5.7vw,6rem);line-height:.9;letter-spacing:-.065em;margin:0}.cs-result h2 em{color:#188cff}.cs-result p{font-size:18px;line-height:1.8;color:#a9b8cc}.cs-next{padding:90px 0}.cs-next-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cs-next a{padding:28px;border:1px solid #dfe4ec;border-radius:24px;background:#fff}.cs-next small{font-size:10px;letter-spacing:.15em;color:#188cff;font-weight:900}.cs-next strong{display:block;font-size:28px;margin:12px 0}.pf-case-study-link{display:inline-flex;margin-top:16px;font-weight:900;color:#188cff;font-size:13px}.project-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
@media(max-width:980px){.sg-grid,.sg-head,.cs-grid,.cs-story,.cs-result-grid{grid-template-columns:1fr}.sg-visual{min-height:430px}.sg-cards,.sg-proof{grid-template-columns:1fr 1fr}.sg-process{grid-template-columns:repeat(3,1fr)}.cs-side{position:static}.cs-browser iframe{height:400px}}
@media(max-width:680px){.sg-hero{padding-top:145px;min-height:auto}.sg-copy h1{font-size:3.5rem}.sg-grid{gap:30px}.sg-visual{min-height:390px}.sg-card.c1{width:76%}.sg-card.c2{width:70%}.sg-card.c3{width:68%}.sg-section{padding:85px 0}.sg-cards,.sg-proof,.sg-faq,.sg-seo-links-grid,.cs-next-grid{grid-template-columns:1fr}.sg-process{grid-template-columns:1fr 1fr}.cs-hero{padding-top:145px}.cs-grid{gap:34px}.cs-browser iframe{height:300px}.cs-body ul{grid-template-columns:1fr}.cs-result{padding:85px 0}}