.seo-page { background: #090909; }
.seo-page .site-nav { background: rgba(8, 8, 8, .92); border-color: rgba(255,255,255,.12); backdrop-filter: blur(18px); }
.seo-hero { position: relative; isolation: isolate; overflow: hidden; padding: 208px 0 112px; }
.seo-hero::before { position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 82% 24%, rgba(242,53,128,.16), transparent 22%), radial-gradient(circle at 68% 48%, #292927 0, transparent 32%), #090909; content: ""; }
.seo-hero::after { position: absolute; z-index: -1; top: 86px; right: -180px; width: 680px; height: 680px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; }
.seo-hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 80px; align-items: end; }
.seo-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 42px; color: #777772; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.seo-breadcrumb a { text-decoration: none; }.seo-breadcrumb b { color: var(--signal); }
.seo-hero h1 { max-width: 850px; font-size: clamp(3.3rem, 6.7vw, 7.6rem); line-height: .87; }
.seo-hero h1 em { color: #858580; }
.seo-lead { max-width: 700px; margin-top: 30px; color: #aaa9a4; font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.55; }
.seo-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.seo-signal-card { position: relative; padding: 30px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.035); }
.seo-signal-card::before { position: absolute; top: -1px; left: 30px; width: 70px; height: 3px; background: var(--signal); content: ""; }
.seo-signal-card > span { color: var(--signal); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; }
.seo-signal-card strong { display: block; margin-top: 54px; font-family: var(--display); font-size: clamp(2rem, 3.5vw, 3.5rem); letter-spacing: -.06em; line-height: .95; }
.seo-signal-card p { margin-top: 18px; color: #8f8f8a; font-size: 13px; line-height: 1.55; }
.seo-trust-line { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.seo-trust-line span { padding: 20px; border-right: 1px solid var(--line); color: #979792; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-align: center; }.seo-trust-line span:last-child { border-right: 0; }
.seo-light { padding: 132px 0; background: #e5e5df; color: var(--ink); }
.seo-dark { padding: 132px 0; background: #101010; }
.seo-section-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; }
.seo-section-head h2 { max-width: 880px; font-size: clamp(2.8rem, 5vw, 5.6rem); line-height: .92; }.seo-section-head h2 em { color: #787873; }
.seo-section-head > p { max-width: 440px; color: #666661; font-size: 15px; line-height: 1.6; }.seo-dark .seo-section-head > p { color: #92928d; }
.seo-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 70px; border: 1px solid #c0c0ba; background: #c0c0ba; }
.seo-feature { min-height: 310px; padding: 26px; background: #f1f1ec; }
.seo-feature > span { color: #8b8b86; font-family: var(--mono); font-size: 8px; }.seo-feature h3 { margin-top: 76px; font-size: 28px; line-height: 1; }.seo-feature p { margin-top: 17px; color: #686863; font-size: 13px; line-height: 1.55; }
.seo-feature.featured { background: #111; color: #fff; box-shadow: inset 0 3px 0 var(--signal); }.seo-feature.featured p { color: #969691; }
.seo-channel-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 44px; }
.seo-channel-row span { display: inline-flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.16); color: #aaa; font-family: var(--mono); font-size: 8px; }.seo-channel-row i { width: 8px; height: 8px; border-radius: 50%; background: var(--signal); }
.seo-showcase { display: grid; grid-template-columns: 1.3fr .7fr; gap: 18px; margin-top: 66px; }
.seo-shot { overflow: hidden; border: 1px solid rgba(255,255,255,.14); background: #171717; }.seo-shot:first-child { grid-row: span 2; }.seo-shot img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }.seo-shot figcaption { padding: 16px 18px; color: #8b8b86; font-family: var(--mono); font-size: 8px; letter-spacing: .06em; }
.seo-faq { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; }
.seo-faq h2 { font-size: clamp(2.7rem, 4.8vw, 5rem); line-height: .93; }.seo-faq h2 em { color: #7d7d78; }
.seo-faq-list { border-top: 1px solid rgba(255,255,255,.15); }
.seo-faq-list article { padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,.15); }.seo-faq-list span { color: var(--signal); font-family: var(--mono); font-size: 8px; }.seo-faq-list h3 { margin-top: 14px; font-size: 22px; letter-spacing: -.045em; }.seo-faq-list p { margin-top: 10px; color: #999994; font-size: 13px; line-height: 1.55; }
.contact-hero .seo-hero-grid { align-items: center; }
.contact-direct { display: grid; gap: 10px; margin-top: 34px; }
.contact-direct a { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.17); color: #ddd; font-family: var(--display); font-size: 18px; text-decoration: none; }.contact-direct b { color: var(--signal); }
.contact-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; align-items: start; }
.contact-intro h2 { font-size: clamp(2.8rem, 4.8vw, 5.2rem); line-height: .94; }.contact-intro h2 em { color: #7c7c77; }
.contact-intro > p { max-width: 440px; margin-top: 24px; color: #686863; font-size: 15px; line-height: 1.6; }
.contact-points { display: grid; gap: 1px; margin-top: 44px; border: 1px solid #c5c5bf; background: #c5c5bf; }.contact-points div { display: grid; grid-template-columns: 45px 1fr; gap: 14px; padding: 18px; background: #f0f0eb; }.contact-points i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #bdbdb7; color: var(--signal); font-style: normal; }.contact-points small,.contact-points strong { display: block; }.contact-points small { color: #8c8c87; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; }.contact-points strong { margin-top: 6px; font-size: 14px; }
.seo-contact-form { padding: 34px; background: #111; color: #fff; }
.seo-contact-form > span { color: var(--signal); font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }.seo-contact-form h2 { margin-top: 22px; font-size: clamp(2.1rem, 3.5vw, 3.7rem); line-height: .95; }
.seo-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 36px; }.seo-form-grid label { display: grid; gap: 8px; color: #898984; font-family: var(--mono); font-size: 8px; letter-spacing: .06em; }.seo-form-grid label.full { grid-column: 1 / -1; }.seo-form-grid input,.seo-form-grid select,.seo-form-grid textarea { width: 100%; border: 1px solid #3a3a36; border-radius: 0; outline: 0; padding: 14px; background: #1a1a1a; color: #fff; font: 14px var(--body); }.seo-form-grid input:focus,.seo-form-grid select:focus,.seo-form-grid textarea:focus { border-color: var(--signal); }.seo-form-grid textarea { min-height: 125px; resize: vertical; }.seo-form-grid .website-field { position: absolute; left: -9999px; }
.seo-contact-form button { width: 100%; margin-top: 22px; }.form-status { min-height: 20px; margin-top: 14px; color: #8f8f8a; font-size: 12px; }.form-status.success { color: #8fd2ad; }.form-status.error { color: #ff8bb6; }
.seo-mini-footer { padding: 55px 0 28px; border-top: 1px solid var(--line); background: #070707; }.seo-mini-footer-top { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.seo-mini-footer img { width: 230px; }.seo-mini-footer p { max-width: 540px; color: #797974; font-size: 12px; line-height: 1.55; text-align: right; }.seo-mini-footer-bottom { display: flex; justify-content: space-between; margin-top: 42px; padding-top: 22px; border-top: 1px solid #282825; color: #60605b; font-family: var(--mono); font-size: 8px; }.seo-mini-footer-bottom a { text-decoration: none; }
@media (max-width: 980px) { .seo-hero-grid,.seo-section-head,.seo-faq,.contact-layout { grid-template-columns: 1fr; gap: 50px; }.seo-feature-grid { grid-template-columns: repeat(2,1fr); }.seo-showcase { grid-template-columns: 1fr; }.seo-shot:first-child { grid-row: auto; }.seo-shot img { max-height: 580px; } }
@media (max-width: 720px) { .seo-hero { padding: 165px 0 75px; }.seo-hero h1 { font-size: clamp(3rem, 16vw, 5rem); }.seo-trust-line { grid-template-columns: 1fr 1fr; }.seo-trust-line span:nth-child(2) { border-right: 0; }.seo-trust-line span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.seo-light,.seo-dark { padding: 88px 0; }.seo-feature-grid { grid-template-columns: 1fr; margin-top: 48px; }.seo-feature { min-height: 270px; }.seo-feature h3 { margin-top: 52px; }.seo-form-grid { grid-template-columns: 1fr; }.seo-form-grid label.full { grid-column: auto; }.seo-contact-form { padding: 27px 19px; }.seo-mini-footer-top,.seo-mini-footer-bottom { align-items: flex-start; flex-direction: column; }.seo-mini-footer p { text-align: left; }.menu { display: none; }.brand-logo { height: 54px; }.btn-nav { padding-inline: 12px; font-size: 11px; } }