:root{--gold:#ebb020;--bg:#111216;--card:#1c1d22;--soft:#25262b;--text:#f7f7f8;--muted:#a5a7ad;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 5%,rgba(235,176,32,.09),transparent 28%),var(--bg);color:var(--text);font-family:"Poppins",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.seo-page-header{width:min(1180px,calc(100% - 40px));margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.seo-brand{font-size:22px;font-weight:700;letter-spacing:2px}.seo-brand span,.seo-eyebrow,.seo-section-label{color:var(--gold)}.seo-page-header nav{display:flex;gap:24px;color:#c7c8cc;font-size:13px}.seo-page-header nav a:hover{color:var(--gold)}main{width:min(1180px,calc(100% - 40px));margin:auto}.seo-project-hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:70px 0}.seo-eyebrow,.seo-section-label{font-size:11px;font-weight:700;letter-spacing:1.7px}.seo-project-copy h1{max-width:660px;margin:15px 0 20px;font-size:clamp(42px,5.3vw,72px);line-height:1.08;letter-spacing:-2px}.seo-lead{max-width:650px;color:#b7b9bf;font-size:18px}.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.seo-primary,.seo-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:999px;font-size:13px;font-weight:600}.seo-primary{background:var(--gold);color:#171719}.seo-secondary{border:1px solid rgba(235,176,32,.45);color:var(--gold)}.seo-project-visual{perspective:1000px}.seo-browser{overflow:hidden;border:1px solid rgba(235,176,32,.22);border-radius:22px;background:#101410;box-shadow:0 32px 75px rgba(0,0,0,.38);transform:rotate(1.5deg)}.seo-browser-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:#242721}.seo-browser-bar span{width:7px;height:7px;border-radius:50%;background:#75776f}.seo-browser-bar small{margin-left:auto;color:#999c93;font-size:10px}.seo-browser-body{min-height:410px;display:flex;flex-direction:column;justify-content:space-between;padding:55px;background:radial-gradient(circle at 80% 20%,rgba(151,190,138,.17),transparent 30%),linear-gradient(145deg,#0f1b12,#111713)}.seo-browser-body small{color:#91ad87;font-size:10px;letter-spacing:1.5px}.seo-browser-body strong{display:block;margin:11px 0;font-size:38px}.seo-browser-body p{max-width:330px;color:#abb5aa;font-size:13px}.seo-route{position:relative;height:85px;border-top:1px dashed rgba(151,190,138,.45)}.seo-route i{position:absolute;top:-7px;width:14px;height:14px;border:3px solid #b5cfaa;border-radius:50%;background:#142016}.seo-route i:nth-child(1){left:4%}.seo-route i:nth-child(2){left:34%}.seo-route i:nth-child(3){left:66%}.seo-route i:nth-child(4){right:4%}.seo-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;padding:80px 0;border-top:1px solid var(--line)}.seo-content-grid h2,.seo-features h2,.seo-process h2,.seo-cta h2{margin:10px 0 18px;font-size:clamp(30px,3vw,44px);line-height:1.2}.seo-content-grid article>p:last-child,.seo-process>p{color:var(--muted)}.seo-fact-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.seo-fact-card div{padding:15px 0;border-bottom:1px solid var(--line)}.seo-fact-card div:last-child{border:0}.seo-fact-card span,.seo-fact-card strong{display:block}.seo-fact-card span{color:#7f8188;font-size:10px;text-transform:uppercase;letter-spacing:1px}.seo-fact-card strong{margin-top:4px;font-size:13px}.seo-features{padding:80px 0;border-top:1px solid var(--line)}.seo-features>h2{max-width:750px}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.seo-feature-grid article{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.seo-feature-grid i{color:var(--gold);font-size:27px}.seo-feature-grid h3{margin:22px 0 10px;font-size:19px}.seo-feature-grid p{color:var(--muted);font-size:13px}.seo-process{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding:80px 0;border-top:1px solid var(--line)}.seo-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:40px 0 90px;padding:38px;border:1px solid rgba(235,176,32,.24);border-radius:22px;background:linear-gradient(135deg,rgba(235,176,32,.08),rgba(255,255,255,.015))}.seo-cta h2{margin-bottom:0}footer{padding:28px 20px;border-top:1px solid var(--line);color:#777a82;text-align:center;font-size:12px}@media(max-width:850px){.seo-project-hero,.seo-content-grid,.seo-process{grid-template-columns:1fr}.seo-project-hero{padding:55px 0}.seo-project-copy h1{font-size:clamp(38px,11vw,58px)}.seo-feature-grid{grid-template-columns:1fr}.seo-cta{align-items:flex-start;flex-direction:column}.seo-page-header nav{gap:14px}.seo-browser-body{min-height:340px;padding:35px}}@media(max-width:520px){.seo-page-header,main{width:min(100% - 28px,1180px)}.seo-page-header nav a:first-child{display:none}.seo-project-hero{gap:40px}.seo-actions a{width:100%}.seo-browser-body{padding:28px}.seo-browser-body strong{font-size:30px}.seo-content-grid,.seo-features,.seo-process{padding:58px 0}.seo-cta{padding:26px}}