/* ==========================================================================
   39. SEO page (Service: SEO)
   Own "growth" colours: emerald #34d399, lime #a3e635, sky #38bdf8 and amber #fbbf24
   on deep ink green #05141a. Sections live in template-parts/seo/.
   ========================================================================== */

body.page-template-service-seo { --se-bg: #05141a; --se-card: #0a1f27; --se-emerald: #34d399; --se-lime: #a3e635; --se-sky: #38bdf8; --se-amber: #fbbf24; --se-text: #ecfdf5; --se-muted: #9cbcb3; --se-line: rgba(255, 255, 255, .1); --se-grad: linear-gradient(100deg, #a3e635, #34d399 40%, #38bdf8); background: var(--se-bg); background-image: radial-gradient(900px 600px at 100% 20%, rgba(52, 211, 153, .1), transparent 60%), radial-gradient(800px 600px at 0% 70%, rgba(56, 189, 248, .08), transparent 60%); }

/* Shared ------------------------------------------------------------------------------------ */
.sesec { position: relative; padding-block: clamp(36px, 4.5vw, 64px); }
.sehead { max-width: 740px; margin: 0 auto clamp(22px, 3vw, 36px); text-align: center; }
.sehead--left { margin-inline: 0; text-align: left; }
.sepill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: rgba(52, 211, 153, .12); border: 1px solid rgba(52, 211, 153, .4); color: #a7f3d0; font-family: var(--font-display); font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sepill svg { color: var(--se-lime); }
.sehead__title { margin: 12px 0 0; font-size: clamp(1.9rem, 3.6vw, 2.8rem); line-height: 1.12; letter-spacing: -.02em; color: var(--se-text); }
.sehead__title span { background: var(--se-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sehead__text { margin: 10px 0 0; color: var(--se-muted); font-size: 1.03rem; line-height: 1.7; }
.sebtn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 24px; border-radius: 16px; background: linear-gradient(110deg, #a3e635, #34d399 50%, #22d3ee); color: #04201a; font-weight: 800; text-decoration: none; box-shadow: 0 18px 36px -16px #34d399; transition: transform .3s, gap .3s, box-shadow .3s; }
.sebtn:hover { color: #04201a; transform: translateY(-2px); gap: 14px; box-shadow: 0 22px 40px -14px #34d399; }
.sebtn--ghost { background: rgba(56, 189, 248, .08); border: 1px solid rgba(56, 189, 248, .45); color: #bae6fd; box-shadow: none; }
.sebtn--ghost:hover { background: var(--se-sky); color: #05141a; box-shadow: 0 18px 36px -16px var(--se-sky); }

/* Hero -------------------------------------------------------------------------------------- */
.sehero { position: relative; overflow: hidden; isolation: isolate; padding: calc(var(--header-h) + clamp(24px, 3vw, 44px)) 0 clamp(40px, 5vw, 70px); }
.sehero::after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 160px; background: linear-gradient(180deg, transparent, var(--se-bg)); }
.sehero__glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(80px); }
.sehero__glow--1 { right: 2%; top: 8%; width: 500px; height: 420px; background: radial-gradient(circle, rgba(52, 211, 153, .38), rgba(163, 230, 53, .14) 60%, transparent); animation: float-a 16s ease-in-out infinite; }
.sehero__glow--2 { left: -6%; bottom: -10%; width: 480px; height: 400px; background: radial-gradient(circle, rgba(56, 189, 248, .28), transparent 65%); animation: float-b 18s ease-in-out infinite; }
.sehero__grid-bg { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 46px 46px; -webkit-mask-image: radial-gradient(70% 70% at 70% 40%, #000, transparent 75%); mask-image: radial-gradient(70% 70% at 70% 40%, #000, transparent 75%); }
.sehero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px, 4vw, 64px); align-items: center; }
.sehero__grid > *, .seserpx__grid > *, .sereport__grid > *, .seaudit__card > * { min-width: 0; }
.sehero__text { display: flex; flex-direction: column; align-items: flex-start; }
.sehero .breadcrumbs ol { justify-content: flex-start; margin-bottom: 18px; background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .14); }
.sehero__pill { gap: 9px; }
.sehero__live { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: pulse 2s infinite; }
.sehero__title { margin: 16px 0 16px; font-size: clamp(2.2rem, 4.4vw, 3.6rem); line-height: 1.08; letter-spacing: -.035em; color: var(--se-text); }
.sehero__google { position: relative; display: inline-block; padding-bottom: .08em; background: linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 45%, #fbbc05 45% 62%, #4285f4 62% 80%, #34a853 80%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sehero__google::after { content: "."; color: var(--se-text); -webkit-text-fill-color: var(--se-text); }
.sehero__google svg { position: absolute; left: 0; right: .3em; bottom: -.12em; width: calc(100% - .3em); height: .26em; }
.sehero__google path { stroke-dasharray: 320; stroke-dashoffset: 320; animation: sedraw 1.4s ease-out .6s forwards; }
.sehero__title em { display: block; margin-top: .1em; font-style: normal; background: var(--se-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sehero__up { display: inline-grid; place-items: center; width: .72em; height: .72em; margin-left: .18em; vertical-align: .02em; border-radius: .28em; background: linear-gradient(135deg, #a3e635, #34d399); color: #04201a; box-shadow: 0 12px 26px -10px #34d399; animation: seup 2.4s ease-in-out infinite; -webkit-text-fill-color: initial; }
.sehero__up .std-icon { width: .5em; height: .5em; }
@keyframes seup { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-.12em); } }
.sehero__sub { max-width: 570px; margin: 0 0 26px; color: var(--se-muted); font-size: clamp(1rem, 1.4vw, 1.1rem); line-height: 1.85; }
.sehero__tag { display: inline-flex; align-items: center; gap: 5px; padding: 1px 9px; border-radius: 999px; background: color-mix(in srgb, var(--c) 14%, transparent); border: 1px solid color-mix(in srgb, var(--c) 40%, transparent); color: color-mix(in srgb, var(--c) 70%, #fff); font-size: .9em; font-weight: 700; white-space: nowrap; }
.sehero__btns { display: flex; flex-wrap: wrap; gap: 12px; }
/* Promise bar: one glass strip split into three */
.sehero__chips { display: grid; grid-template-columns: repeat(3, auto); gap: 0; width: fit-content; max-width: 100%; margin: 28px 0 0; padding: 8px; list-style: none; border-radius: 20px; background: linear-gradient(110deg, rgba(52, 211, 153, .08), rgba(56, 189, 248, .06)); border: 1px solid rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.sehero__chips li { position: relative; display: flex; align-items: center; gap: 11px; padding: 8px 18px 8px 10px; border-radius: 14px; transition: background .3s; }
.sehero__chips li + li::before { content: ""; position: absolute; left: 0; top: 20%; bottom: 20%; width: 1px; background: rgba(255, 255, 255, .12); }
.sehero__chips li:hover { background: color-mix(in srgb, var(--c) 10%, transparent); }
.sehero__cico { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--c) 65%, #fff), var(--c)); color: #04161c; box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent), 0 10px 22px -10px var(--c); }
.sehero__chips li > span:last-child { display: grid; color: var(--se-muted); font-size: .76rem; line-height: 1.25; white-space: nowrap; }
.sehero__chips strong { color: #fff; font-family: var(--font-display); font-size: .98rem; }
/* Search results mock-up */
.sehero__mock { position: relative; padding: 26px 16px; }
.seserp { position: relative; overflow: hidden; border-radius: 24px; background: #fff; color: #202124; box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .9), 0 0 0 8px rgba(255, 255, 255, .05); transform: rotate(-1.5deg); transition: transform .5s var(--ease); }
.seserp:hover { transform: rotate(0); }
.seserp__bar { display: flex; align-items: center; gap: 14px; padding: 16px 18px 10px; }
.seserp__g { font-family: Arial, sans-serif; font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; }
.seserp__q { flex: 1; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 10px 14px; border-radius: 999px; border: 1px solid #dfe1e5; box-shadow: 0 1px 6px rgba(32, 33, 36, .18); color: #5f6368; font-size: .88rem; }
.seserp__q em { min-width: 0; text-overflow: ellipsis; overflow: hidden; color: #202124; font-style: normal; white-space: nowrap; clip-path: inset(0 100% 0 0); animation: setype 2.4s steps(26) .4s forwards; }
.seserp__q i { width: 2px; height: 16px; background: #1a73e8; animation: seblink 1s step-end infinite; }
@keyframes setype { to { clip-path: inset(0 0 0 0); } }
@keyframes seblink { 50% { opacity: 0; } }
.seserp__tabs { display: flex; gap: 18px; padding: 0 18px; border-bottom: 1px solid #ebebeb; color: #5f6368; font-size: .78rem; }
.seserp__tabs span { padding: 8px 0; }
.seserp__tabs .is-on { color: #1a73e8; border-bottom: 3px solid #1a73e8; }
.seserp__list { display: grid; gap: 8px; padding: 14px 18px 18px; }
.seserp__res { position: relative; display: grid; gap: 6px; padding: 12px 14px; border-radius: 14px; }
.seserp__res i { display: block; height: 9px; border-radius: 6px; background: #eceff1; }
.seserp__res i:nth-child(1) { width: 34%; }
.seserp__res i:nth-child(2) { width: 82%; height: 12px; background: #dbe4f5; }
.seserp__res i:nth-child(3) { width: 66%; }
.seserp__res--you { order: 0; padding-left: 58px; background: linear-gradient(110deg, var(--rbg, #ecfdf5), #fff); border: 1.5px solid var(--rc, #34d399); box-shadow: 0 14px 30px -16px var(--rc, #34d399); animation: seclimb 1s var(--ease) 2.8s both; transition: border-color .3s, box-shadow .3s, background .3s; }
/* Cycling examples (seo-hero-cycle.js): typing restarts fast and the top result pops in */
.seserp.is-cycling .seserp__q em { animation: setype .45s steps(22) forwards; }
.seserp.is-cycling .seserp__res--you { animation: sepop .45s var(--ease) both; }
@keyframes sepop { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
.seserp__dots { display: flex; justify-content: center; gap: 6px; padding: 0 0 14px; }
.seserp__dots i { width: 7px; height: 7px; border-radius: 999px; background: #dadce0; transition: width .3s, background .3s; }
.seserp__dots i.is-on { width: 20px; background: var(--rc, #34d399); }
.seserp__res--you small { color: #0d652d; font-size: .74rem; }
.seserp__res--you strong { color: #1a0dab; font-family: Arial, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.3; }
.seserp__stars { color: #f9ab00; font-size: .8rem; letter-spacing: 1px; }
.seserp__stars em { margin-left: 6px; color: #5f6368; font-style: normal; letter-spacing: 0; }
.seserp__rank { position: absolute; left: 12px; top: 50%; display: grid; place-items: center; width: 36px; height: 36px; margin-top: -18px; border-radius: 12px; background: linear-gradient(135deg, var(--rc, #34d399), var(--rc2, #059669)); transition: background .3s; color: #fff; font-family: var(--font-display); font-size: .9rem; font-weight: 800; }
@keyframes seclimb { from { opacity: 0; transform: translateY(110px) scale(.96); } to { opacity: 1; transform: none; } }
.sehero__float { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 16px; background: rgba(8, 28, 34, .92); border: 1px solid rgba(255, 255, 255, .14); color: #fff; font-size: .8rem; font-weight: 700; box-shadow: 0 18px 36px -14px rgba(0, 0, 0, .8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); animation: bob 6s ease-in-out infinite; }
.sehero__float--chart { left: -14px; bottom: -6px; display: grid; gap: 4px; width: 190px; animation-delay: -2s; }
.sehero__flabel { display: inline-flex; align-items: center; gap: 6px; color: #a7f3d0; font-size: .74rem; }
.sehero__spark { width: 100%; height: auto; }
.sehero__line { stroke-dasharray: 260; stroke-dashoffset: 260; animation: sedraw 2.2s ease-out 1s forwards; }
@keyframes sedraw { to { stroke-dashoffset: 0; } }
.sehero__float--pin { top: 4px; right: -6px; color: #fff; }
.sehero__float--pin .std-icon { box-sizing: content-box; padding: 7px; border-radius: 10px; background: var(--se-amber); color: #2a1600; }
.sehero__float--pin span { display: grid; line-height: 1.25; }
.sehero__float--pin small { color: var(--se-muted); font-weight: 600; font-size: .72rem; }
.sehero__float--ai { right: 6%; bottom: 8px; background: linear-gradient(110deg, #a78bfa, #38bdf8); border: 0; color: #0b0626; animation-delay: -4s; }

/* Pillars ----------------------------------------------------------------------------------- */
.sepillars__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sepillar { position: relative; overflow: hidden; padding: 24px 22px 22px; border-radius: 24px; background: linear-gradient(165deg, color-mix(in srgb, var(--c) 14%, var(--se-card)), var(--se-card) 60%); border: 1px solid color-mix(in srgb, var(--c) 28%, transparent); transition: transform .4s var(--ease), border-color .3s, box-shadow .4s; }
.sepillar::before { content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--c); box-shadow: 0 0 16px var(--c); }
.sepillar:hover { transform: translateY(-6px); border-color: var(--c); box-shadow: 0 26px 50px -28px var(--c); }
.sepillar__no { position: absolute; top: 14px; right: 18px; font-family: var(--font-display); font-size: 2.6rem; font-weight: 800; line-height: 1; color: color-mix(in srgb, var(--c) 22%, transparent); }
.sepillar__ico { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 16px; border-radius: 17px; background: var(--c); color: #04161c; box-shadow: 0 14px 28px -12px var(--c); transition: transform .4s var(--ease); }
.sepillar:hover .sepillar__ico { transform: rotate(-8deg) scale(1.06); }
.sepillar h3 { margin: 0 0 6px; color: var(--se-text); font-size: 1.2rem; }
.sepillar p { margin: 0 0 14px; color: var(--se-muted); font-size: .92rem; line-height: 1.6; }
.sepillar ul { display: grid; gap: 7px; margin: 0; padding: 14px 0 0; list-style: none; border-top: 1px dashed rgba(255, 255, 255, .1); }
.sepillar li { display: flex; align-items: center; gap: 9px; color: #d6ebe4; font-size: .88rem; font-weight: 600; }
.sepillar li .std-icon { flex: none; box-sizing: content-box; padding: 3px; border-radius: 50%; background: color-mix(in srgb, var(--c) 20%, transparent); color: var(--c); }

/* Where you show up --------------------------------------------------------------------------- */
.seserpx__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
.seserpx__page { display: grid; gap: 10px; padding: 16px; border-radius: 26px; background: linear-gradient(180deg, #0d2630, #08191f); border: 1px solid var(--se-line); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9); }
.seserpx__top { display: flex; align-items: center; gap: 6px; padding: 6px 6px 10px; }
.seserpx__top span { width: 9px; height: 9px; border-radius: 50%; background: #ff5f57; }
.seserpx__top span:nth-child(2) { background: #febc2e; }
.seserpx__top span:nth-child(3) { background: #28c840; }
.seserpx__top em { display: inline-flex; align-items: center; gap: 6px; flex: 1; margin-left: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, .06); color: var(--se-muted); font-size: .78rem; font-style: normal; }
.seserpx__zone { position: relative; display: grid; gap: 7px; padding: 14px 14px 14px 52px; border-radius: 16px; background: color-mix(in srgb, var(--c) 10%, transparent); border: 1.5px dashed color-mix(in srgb, var(--c) 55%, transparent); transition: background .3s, transform .3s; }
.seserpx__zone:hover { background: color-mix(in srgb, var(--c) 18%, transparent); transform: translateX(4px); }
.seserpx__zone b { position: absolute; left: 12px; top: 12px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--c); color: #04161c; font-size: .82rem; }
.seserpx__zone i { display: block; height: 8px; border-radius: 6px; background: color-mix(in srgb, var(--c) 35%, rgba(255, 255, 255, .1)); }
.seserpx__zone--map { grid-template-columns: 1.2fr 1fr; align-items: center; }
.seserpx__map { position: relative; display: flex; justify-content: space-around; padding: 18px 8px; border-radius: 10px; background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .05) 0 8px, transparent 8px 16px), color-mix(in srgb, var(--c) 14%, #0a1f27); color: var(--c); }
.seserpx__pins { display: grid; gap: 7px; }
.seserpx__pins i { height: 10px; }
.seserpx__zone--media { grid-template-columns: repeat(4, 1fr); }
.seserpx__zone--media span { aspect-ratio: 4 / 3; border-radius: 8px; background: linear-gradient(135deg, color-mix(in srgb, var(--c) 50%, transparent), color-mix(in srgb, var(--c) 15%, transparent)); }
.seserpx__legend { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.seserpx__legend li { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border-radius: 18px; background: rgba(255, 255, 255, .03); border: 1px solid color-mix(in srgb, var(--c) 26%, transparent); transition: border-color .3s, background .3s; }
.seserpx__legend li:hover { border-color: var(--c); background: color-mix(in srgb, var(--c) 8%, transparent); }
.seserpx__ico { position: relative; flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: color-mix(in srgb, var(--c) 18%, transparent); color: var(--c); }
.seserpx__ico em { position: absolute; top: -6px; right: -6px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--c); color: #04161c; font-size: .68rem; font-style: normal; font-weight: 800; }
.seserpx__legend span { display: grid; gap: 3px; }
.seserpx__legend strong { color: var(--se-text); font-size: 1.02rem; }
.seserpx__legend small { color: var(--se-muted); font-size: .88rem; line-height: 1.55; }

/* Audit --------------------------------------------------------------------------------------- */
.seaudit__card { position: relative; overflow: hidden; display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(24px, 4vw, 56px); align-items: center; padding: clamp(24px, 4vw, 48px); border-radius: 32px; border: 1.5px solid transparent; background: linear-gradient(160deg, #0d2a33, #081a20) padding-box, linear-gradient(120deg, #38bdf8, #34d399, #fbbf24, #f472b6) border-box; box-shadow: 0 50px 100px -50px rgba(52, 211, 153, .45); }
.seaudit__card::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1.4px); background-size: 20px 20px; -webkit-mask-image: linear-gradient(120deg, #000, transparent 50%); mask-image: linear-gradient(120deg, #000, transparent 50%); pointer-events: none; }
.seaudit__side { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.seaudit__ring { position: relative; display: grid; place-items: center; width: min(260px, 70vw); aspect-ratio: 1; border-radius: 50%; background: conic-gradient(#38bdf8 0 24%, transparent 24% 25%, #34d399 25% 49%, transparent 49% 50%, #fbbf24 50% 74%, transparent 74% 75%, #f472b6 75% 99%, transparent 99%); box-shadow: 0 0 60px -10px rgba(52, 211, 153, .5); animation: sespin 24s linear infinite; }
.seaudit__ring::before { content: ""; position: absolute; inset: 22px; border-radius: 50%; background: #0a2129; }
.seaudit__core { position: relative; display: grid; justify-items: center; gap: 2px; color: var(--se-emerald); animation: sespin 24s linear infinite reverse; }
.seaudit__core strong { color: #fff; font-family: var(--font-display); font-size: 3rem; line-height: 1; }
.seaudit__core small { color: var(--se-muted); font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
@keyframes sespin { to { transform: rotate(360deg); } }
.seaudit__key { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.seaudit__key li { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .05); color: #d6ebe4; font-size: .8rem; font-weight: 700; }
.seaudit__key i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); box-shadow: 0 0 8px var(--c); }
.seaudit__main { position: relative; display: flex; flex-direction: column; align-items: flex-start; }
.seaudit__groups { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; margin-bottom: 22px; }
.seaudit__group { padding: 14px 16px; border-radius: 18px; background: color-mix(in srgb, var(--c) 7%, rgba(255, 255, 255, .02)); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); }
.seaudit__gh { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--c); font-family: var(--font-display); font-weight: 800; }
.seaudit__group ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.seaudit__group li { display: flex; align-items: center; gap: 8px; color: #d6ebe4; font-size: .88rem; }
.seaudit__group li .std-icon { flex: none; color: var(--c); }

/* Road map ------------------------------------------------------------------------------------ */
.seroad__list { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.seroad__list::before { content: ""; position: absolute; left: 8%; right: 8%; top: 27px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #38bdf8, #34d399, #fbbf24, #f472b6); box-shadow: 0 0 18px rgba(52, 211, 153, .5); }
.seroad__item { position: relative; display: flex; flex-direction: column; align-items: center; }
.seroad__dot { position: relative; z-index: 1; display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 16px; border-radius: 50%; background: var(--c); color: #04161c; box-shadow: 0 0 0 7px var(--se-bg), 0 0 0 9px color-mix(in srgb, var(--c) 45%, transparent), 0 14px 30px -10px var(--c); }
.seroad__card { flex: 1; width: 100%; padding: 18px; border-radius: 22px; background: linear-gradient(170deg, color-mix(in srgb, var(--c) 12%, var(--se-card)), var(--se-card)); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); text-align: center; transition: transform .4s var(--ease), border-color .3s; }
.seroad__item:hover .seroad__card { transform: translateY(-5px); border-color: var(--c); }
.seroad__month { display: inline-block; padding: 4px 11px; border-radius: 999px; background: color-mix(in srgb, var(--c) 18%, transparent); color: var(--c); font-size: .74rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.seroad__card h3 { margin: 10px 0 6px; color: var(--se-text); font-size: 1.12rem; }
.seroad__card p { margin: 0 0 12px; color: var(--se-muted); font-size: .9rem; line-height: 1.6; }
.seroad__card ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.seroad__card li { padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .06); color: #d6ebe4; font-size: .76rem; font-weight: 700; }
/* Results timeline card under the road map */
.setime { position: relative; overflow: hidden; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "lead marks" "track track" "foot foot"; align-items: center; gap: 18px 28px; max-width: 980px; margin: 26px auto 0; padding: clamp(18px, 2.6vw, 26px); border-radius: 26px; border: 1.5px solid transparent; background: radial-gradient(80% 120% at 100% 0%, rgba(163, 230, 53, .12), transparent 60%) padding-box, linear-gradient(160deg, #0f2a30, #0a1d24) padding-box, linear-gradient(110deg, #38bdf8, #34d399, #a3e635, #fbbf24) border-box; box-shadow: 0 34px 70px -40px rgba(52, 211, 153, .7); }
.setime__lead { grid-area: lead; display: flex; align-items: center; gap: 12px; }
.setime__ico { flex: none; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 16px; background: linear-gradient(135deg, #fbbf24, #f97316); color: #2a1600; box-shadow: 0 12px 26px -12px #fbbf24; }
.setime__lead span:last-child { display: grid; gap: 2px; }
.setime__lead strong { color: var(--se-text); font-family: var(--font-display); font-size: 1.12rem; }
.setime__lead small { color: var(--se-muted); font-size: .82rem; }
.setime__marks { grid-area: marks; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
.setime__marks li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 18px; background: color-mix(in srgb, var(--c) 9%, rgba(255, 255, 255, .02)); border: 1px solid color-mix(in srgb, var(--c) 35%, transparent); }
.setime__marks em { flex: none; color: var(--c); font-family: var(--font-display); font-size: 1.9rem; font-style: normal; font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.setime__marks span { display: grid; color: #d6ebe4; font-size: .86rem; line-height: 1.4; }
.setime__marks strong { color: var(--c); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; }
.setime__track { grid-area: track; position: relative; height: 40px; margin: 0 6px; }
.setime__bar { position: absolute; left: 0; right: 0; top: 6px; height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .07); overflow: hidden; }
.setime__bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #38bdf8 0 45%, #34d399 60%, #a3e635); box-shadow: 0 0 16px rgba(163, 230, 53, .6); transform-origin: left; animation: setrack 2.4s var(--ease) both; }
.setime.is-visible .setime__bar i { animation: setrack 2.4s var(--ease) both; }
@keyframes setrack { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.setime__tick { position: absolute; left: var(--x); top: 22px; transform: translateX(-50%); color: var(--se-muted); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.setime__tick::before { content: ""; position: absolute; left: 50%; top: -20px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #0a1d24; border: 3px solid #34d399; }
.setime__tick:first-of-type { transform: none; }
.setime__tick:first-of-type::before { left: 0; margin-left: 0; border-color: #38bdf8; }
.setime__tick:last-of-type { transform: translateX(-100%); }
.setime__tick:last-of-type::before { left: auto; right: 0; margin-left: 0; border-color: #a3e635; box-shadow: 0 0 12px #a3e635; }
.setime__foot { grid-area: foot; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding-top: 14px; border-top: 1px dashed rgba(255, 255, 255, .1); color: var(--se-muted); font-size: .86rem; text-align: center; }
.setime__foot .std-icon { flex: none; color: var(--se-amber); }
@media (max-width: 860px) {
	.setime { grid-template-columns: 1fr; grid-template-areas: "lead" "marks" "track" "foot"; }
}
@media (max-width: 520px) {
	.setime__marks { grid-template-columns: 1fr; }
	.setime__foot { align-items: flex-start; text-align: left; }
}

/* Local & AI ---------------------------------------------------------------------------------- */
.selocal__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.selocal__card { position: relative; overflow: hidden; padding: clamp(20px, 3vw, 30px); border-radius: 28px; background: radial-gradient(100% 50% at 100% 0%, color-mix(in srgb, var(--c) 20%, transparent), transparent 60%), var(--se-card); border: 1px solid color-mix(in srgb, var(--c) 32%, transparent); transition: border-color .3s, box-shadow .4s; }
.selocal__card:hover { border-color: var(--c); box-shadow: 0 30px 60px -34px var(--c); }
.selocal__tag { display: inline-flex; align-items: center; gap: 7px; margin-top: 20px; padding: 5px 12px; border-radius: 999px; background: linear-gradient(110deg, var(--c), var(--c2)); color: #0b0820; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.selocal__card h3 { margin: 12px 0 6px; color: var(--se-text); font-size: 1.35rem; }
.selocal__card > p { margin: 0 0 14px; color: var(--se-muted); line-height: 1.65; }
.selocal__card ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.selocal__card li { display: flex; align-items: flex-start; gap: 9px; color: #d6ebe4; font-size: .92rem; }
.selocal__card li .std-icon { flex: none; margin-top: 3px; color: var(--c); }
.segbp { display: flex; overflow: hidden; border-radius: 18px; background: #fff; color: #202124; box-shadow: 0 24px 46px -26px rgba(0, 0, 0, .9); }
.segbp__map { position: relative; flex: 0 0 34%; display: grid; place-items: center; background: repeating-linear-gradient(0deg, transparent 0 18px, #dfe9d8 18px 20px), repeating-linear-gradient(90deg, transparent 0 22px, #dfe9d8 22px 24px), #eef5e8; }
.segbp__map i { position: absolute; left: 10%; right: 30%; top: 55%; height: 6px; border-radius: 6px; background: #fbd38d; transform: rotate(-12deg); }
.segbp__map b { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50% 50% 50% 6px; background: #ea4335; color: #fff; transform: rotate(-45deg); }
.segbp__map b .std-icon { transform: rotate(45deg); }
.segbp__body { display: grid; gap: 4px; padding: 14px 16px; }
.segbp__body strong { font-family: Arial, sans-serif; font-size: 1.05rem; }
.segbp__stars { color: #f9ab00; font-size: .82rem; }
.segbp__stars em { margin-left: 4px; color: #5f6368; font-style: normal; }
.segbp__body small { color: #188038; font-size: .76rem; }
.segbp__btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.segbp__btns span { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 999px; border: 1px solid #dadce0; color: #1a73e8; font-size: .72rem; font-weight: 600; }
.seai { display: grid; gap: 10px; padding: 16px; border-radius: 18px; background: #0f0b2a; border: 1px solid rgba(167, 139, 250, .3); box-shadow: 0 24px 46px -26px rgba(0, 0, 0, .9); }
.seai p { margin: 0; font-size: .88rem; line-height: 1.55; }
.seai__q { justify-self: end; max-width: 85%; padding: 9px 13px; border-radius: 14px 14px 4px 14px; background: linear-gradient(110deg, #a78bfa, #818cf8); color: #fff; }
.seai__a { display: flex; gap: 10px; padding: 10px 13px; border-radius: 14px 14px 14px 4px; background: rgba(255, 255, 255, .06); color: #ddd8f5; }
.seai__a b { color: #a7f3d0; }
.seai__a em { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: rgba(56, 189, 248, .15); color: #7dd3fc; font-size: .72rem; font-style: normal; }
.seai__logo { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #a78bfa, #38bdf8); color: #fff; }

/* Report -------------------------------------------------------------------------------------- */
.sereport__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
.sereport__points { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sereport__points li { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 16px; background: rgba(255, 255, 255, .03); border: 1px solid var(--se-line); color: var(--se-text); font-weight: 600; transition: border-color .3s, transform .3s; }
.sereport__points li:hover { border-color: rgba(52, 211, 153, .5); transform: translateX(4px); }
.sereport__points li > span { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: linear-gradient(135deg, #a3e635, #34d399); color: #04201a; }
.sedash { padding: 20px; border-radius: 28px; background: linear-gradient(180deg, #0e2a33, #081a20); border: 1px solid var(--se-line); box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .9), 0 0 0 8px rgba(255, 255, 255, .03); }
.sedash__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; color: var(--se-text); }
.sedash__tag { padding: 4px 10px; border-radius: 999px; background: rgba(251, 191, 36, .14); border: 1px solid rgba(251, 191, 36, .45); color: #fde68a; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sedash__tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.sedash__tile { display: grid; gap: 4px; padding: 12px; border-radius: 16px; background: color-mix(in srgb, var(--c) 10%, transparent); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); }
.sedash__ti { display: inline-flex; align-items: center; gap: 5px; color: var(--se-muted); font-size: .7rem; font-weight: 700; }
.sedash__ti .std-icon { color: var(--c); }
.sedash__tile strong { color: #fff; font-family: var(--font-display); font-size: 1.4rem; line-height: 1.1; }
.sedash__tile em { color: var(--c); font-size: .74rem; font-style: normal; font-weight: 800; }
.sedash__chart { padding: 14px; border-radius: 18px; background: rgba(255, 255, 255, .03); }
.sedash__cl { display: block; margin-bottom: 10px; color: var(--se-muted); font-size: .76rem; font-weight: 700; }
.sedash__bars { display: flex; align-items: flex-end; gap: 8px; height: 140px; }
.sedash__bars i { flex: 1; height: var(--h); border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, #a3e635, #34d399 50%, #0ea5e9); opacity: .9; transform-origin: bottom; animation: sebar .9s var(--ease) both; animation-delay: calc(var(--k) * 70ms); }
.sedash__bars i:last-child { box-shadow: 0 0 18px rgba(163, 230, 53, .6); }
@keyframes sebar { from { transform: scaleY(0); } to { transform: scaleY(1); } }

/* Tools: toolkit of four category cards ----------------------------------------------------------- */
.setools__count { display: flex; justify-content: center; gap: 10px; margin: 0 auto 22px; padding: 0; list-style: none; flex-wrap: wrap; }
.setools__count li { display: flex; align-items: baseline; gap: 8px; padding: 9px 18px; border-radius: 999px; background: rgba(255, 255, 255, .04); border: 1px solid var(--se-line); }
.setools__count strong { background: var(--se-grad); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: var(--font-display); font-size: 1.25rem; }
.setools__count span { color: var(--se-muted); font-size: .84rem; font-weight: 600; }
.setools__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; align-items: stretch; }
.sekit { position: relative; overflow: hidden; display: flex; flex-direction: column; border-radius: 24px; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 10%, var(--se-card)), var(--se-card) 45%); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); transition: transform .4s var(--ease), border-color .3s, box-shadow .4s; }
.sekit:hover { transform: translateY(-6px); border-color: var(--c); box-shadow: 0 28px 52px -30px var(--c); }
.sekit::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--c), transparent); }
.sekit__head { display: flex; align-items: center; gap: 12px; padding: 18px 18px 14px; border-bottom: 1px dashed rgba(255, 255, 255, .1); }
.sekit__ico { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: var(--c); color: #04161c; box-shadow: 0 12px 24px -12px var(--c); }
.sekit__head h3 { flex: 1; margin: 0; color: var(--se-text); font-size: 1.05rem; }
.sekit__head em { display: grid; place-items: center; min-width: 28px; height: 28px; padding: 0 8px; border-radius: 999px; background: color-mix(in srgb, var(--c) 18%, transparent); color: var(--c); font-size: .8rem; font-style: normal; font-weight: 800; }
.sekit__list { display: grid; gap: 8px; margin: 0; padding: 14px; list-style: none; }
.sekit__list li { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 16px; background: rgba(255, 255, 255, .03); border: 1px solid transparent; transition: background .3s, border-color .3s, transform .3s; }
.sekit__list li:hover { transform: translateX(4px); background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); }
.sekit__logo { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--bg); color: var(--fg); font-family: var(--font-display); font-size: .82rem; font-weight: 800; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 18px -10px rgba(0, 0, 0, .8); }
.sekit__txt { display: grid; min-width: 0; line-height: 1.3; }
.sekit__txt strong { color: var(--se-text); font-size: .92rem; }
.sekit__txt small { color: var(--se-muted); font-size: .78rem; }

/* Compare ------------------------------------------------------------------------------------- */
.secompare__table { overflow: hidden; border-radius: 26px; background: var(--se-card); border: 1px solid var(--se-line); }
.secompare__head, .secompare__row { display: grid; grid-template-columns: .55fr 1fr 1fr; }
.secompare__head span { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 16px; font-family: var(--font-display); font-weight: 800; }
.secompare__bad { background: rgba(248, 113, 113, .12); color: #fca5a5; }
.secompare__good { background: linear-gradient(110deg, rgba(163, 230, 53, .2), rgba(52, 211, 153, .2)); color: #a7f3d0; }
.secompare__row { border-top: 1px solid var(--se-line); transition: background .3s; }
.secompare__row:hover { background: rgba(255, 255, 255, .025); }
.secompare__topic { display: flex; align-items: center; padding: 14px 18px; color: var(--se-text); font-weight: 800; }
.secompare__cell { display: flex; align-items: center; gap: 10px; padding: 14px 18px; font-size: .93rem; }
.secompare__cell .std-icon { flex: none; box-sizing: content-box; padding: 4px; border-radius: 50%; }
.secompare__cell--bad { color: #c9a7a7; text-decoration: line-through; text-decoration-color: rgba(248, 113, 113, .5); }
.secompare__cell--bad .std-icon { background: rgba(248, 113, 113, .15); color: #f87171; }
.secompare__cell--good { color: #ecfdf5; font-weight: 600; background: rgba(52, 211, 153, .05); }
.secompare__cell--good .std-icon { background: var(--se-emerald); color: #04201a; }

/* Packages ------------------------------------------------------------------------------------ */
.sepack__note { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 12px; max-width: 760px; margin: 28px auto 0; padding: 14px 18px; border-radius: 18px; background: rgba(52, 211, 153, .08); border: 1px dashed rgba(52, 211, 153, .45); color: #d6ebe4; text-align: center; }
.sepack__note > .std-icon { color: var(--se-lime); }
.sepack__note a { display: inline-flex; align-items: center; gap: 6px; color: var(--se-emerald); font-weight: 800; text-decoration: none; }

/* Industries ---------------------------------------------------------------------------------- */
.seind__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.seind__item { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: linear-gradient(120deg, color-mix(in srgb, var(--c) 12%, var(--se-card)), var(--se-card)); border: 1px solid color-mix(in srgb, var(--c) 28%, transparent); transition: transform .35s var(--ease), border-color .3s, box-shadow .35s; }
.seind__item:hover { transform: translateY(-4px); border-color: var(--c); box-shadow: 0 20px 36px -22px var(--c); }
.seind__ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--c); color: #04161c; }
.seind__txt { display: grid; gap: 3px; min-width: 0; }
.seind__txt strong { color: var(--se-text); font-size: .95rem; }
.seind__txt small { display: inline-flex; align-items: center; gap: 5px; color: var(--se-muted); font-size: .78rem; font-style: italic; }
.seind__txt small .std-icon { flex: none; color: var(--c); }

/* FAQ: sticky side panel + numbered single-column list ------------------------------------------ */
.sefaq__wrap { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(26px, 4vw, 56px); align-items: start; }
.sefaq__wrap > * { min-width: 0; }
.sefaq__side { position: sticky; top: calc(var(--header-h) + 24px); display: flex; flex-direction: column; align-items: flex-start; }
.sefaq__side .sehead__text { margin-bottom: 20px; }
.sefaq__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; width: 100%; margin: 0 0 18px; padding: 0; list-style: none; }
.sefaq__facts li { display: grid; gap: 2px; padding: 12px; border-radius: 16px; background: color-mix(in srgb, var(--c) 9%, var(--se-card)); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); }
.sefaq__facts strong { color: var(--c); font-family: var(--font-display); font-size: 1.2rem; line-height: 1.1; }
.sefaq__facts span { color: var(--se-muted); font-size: .76rem; line-height: 1.35; }
.sefaq__ask { position: relative; overflow: hidden; width: 100%; padding: 20px; border-radius: 24px; border: 1.5px solid transparent; background: linear-gradient(160deg, #0f2f2c, #0a1f27) padding-box, linear-gradient(120deg, #a3e635, #34d399, #38bdf8) border-box; box-shadow: 0 30px 60px -36px rgba(52, 211, 153, .8); }
.sefaq__ring { position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; border: 18px solid rgba(52, 211, 153, .08); }
.sefaq__askhead { position: relative; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.sefaq__qmark { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; background: linear-gradient(135deg, #a3e635, #34d399); color: #04201a; font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; box-shadow: 0 12px 26px -12px #34d399; animation: seup 2.6s ease-in-out infinite; }
.sefaq__askhead span:last-child { display: grid; gap: 2px; }
.sefaq__askhead strong { color: var(--se-text); font-family: var(--font-display); font-size: 1.15rem; }
.sefaq__askhead small { color: var(--se-muted); font-size: .85rem; }
.sefaq__btns { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sefaq__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 12px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid var(--se-line); color: var(--se-text); font-size: .9rem; font-weight: 700; text-decoration: none; transition: background .3s, border-color .3s, transform .3s; }
.sefaq__btn:hover { transform: translateY(-2px); border-color: rgba(56, 189, 248, .6); background: rgba(56, 189, 248, .12); color: #fff; }
.sefaq__btn--wa { grid-column: 1 / -1; background: #25d366; border-color: #25d366; color: #052e16; }
.sefaq__btn--wa:hover { background: #22c55e; border-color: #22c55e; color: #052e16; }
.sefaq__list { display: grid; gap: 10px; }
.seq { --c: #34d399; position: relative; overflow: hidden; border-radius: 20px; background: var(--se-card); border: 1px solid var(--se-line); transition: border-color .3s, box-shadow .3s, background .3s; }
.seq:hover { border-color: color-mix(in srgb, var(--c) 45%, transparent); }
.seq[open] { background: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--c) 16%, transparent), transparent 70%), var(--se-card); border-color: var(--c); box-shadow: 0 24px 46px -30px var(--c); }
.seq summary { display: flex; align-items: center; gap: 14px; padding: 14px 16px; cursor: pointer; list-style: none; }
.seq summary::-webkit-details-marker { display: none; }
.seq__no { flex: none; width: 28px; color: color-mix(in srgb, var(--c) 60%, transparent); font-family: var(--font-display); font-size: .9rem; font-weight: 800; }
.seq[open] .seq__no { color: var(--c); }
.seq__ico { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: color-mix(in srgb, var(--c) 16%, transparent); color: var(--c); transition: background .3s, color .3s, transform .4s var(--ease); }
.seq[open] .seq__ico { background: var(--c); color: #04161c; transform: rotate(-8deg); }
.seq__q { flex: 1; color: var(--se-text); font-family: var(--font-display); font-weight: 700; font-size: 1.02rem; }
.seq[open] .seq__q { color: #fff; }
.seq__plus { position: relative; flex: none; width: 30px; height: 30px; border-radius: 50%; background: color-mix(in srgb, var(--c) 14%, transparent); transition: background .3s, transform .4s var(--ease); }
.seq__plus::before, .seq__plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; border-radius: 2px; background: var(--c); transition: transform .3s, background .3s; }
.seq__plus::after { transform: rotate(90deg); }
.seq[open] .seq__plus { background: var(--c); transform: rotate(180deg); }
.seq[open] .seq__plus::before, .seq[open] .seq__plus::after { background: #04161c; }
.seq[open] .seq__plus::after { transform: rotate(0); }
.seq__a { padding: 0 18px 18px 96px; }
.seq__a p { margin: 0; padding-left: 14px; border-left: 2px solid color-mix(in srgb, var(--c) 50%, transparent); color: #c9ddd7; line-height: 1.7; animation: bkfpick .35s var(--ease) both; }
@media (max-width: 1024px) {
	.sefaq__wrap { grid-template-columns: 1fr; }
	.sefaq__side { position: static; }
}
@media (max-width: 560px) {
	.sefaq__facts { grid-template-columns: 1fr 1fr 1fr; }
	.sefaq__facts li { padding: 10px 8px; }
	.sefaq__facts strong { font-size: 1rem; }
	.seq__no { display: none; }
	.seq summary { gap: 12px; padding: 13px 14px; }
	.seq__a { padding: 0 16px 16px 16px; }
	.seq__q { font-size: .96rem; }
}
@keyframes bkfpick { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Why SEO: ads vs SEO head-to-head ---------------------------------------------------------------- */
.sewhy__duel { position: relative; display: grid; grid-template-columns: 1fr auto 1.1fr; align-items: center; gap: 18px; }
.sewhy__card { --c: #f87171; --c2: #fb923c; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px; padding: clamp(20px, 2.6vw, 28px); border-radius: 28px; background: radial-gradient(100% 50% at 0% 0%, color-mix(in srgb, var(--c) 18%, transparent), transparent 65%), var(--se-card); border: 1px solid color-mix(in srgb, var(--c) 32%, transparent); }
.sewhy__card--seo { --c: #34d399; --c2: #a3e635; padding-block: clamp(26px, 3.2vw, 36px); border: 2px solid transparent; background: radial-gradient(100% 50% at 100% 0%, rgba(52, 211, 153, .22), transparent 65%) padding-box, linear-gradient(180deg, #0f2f2c, #0a1f27) padding-box, linear-gradient(135deg, #a3e635, #34d399, #38bdf8) border-box; box-shadow: 0 40px 80px -36px rgba(52, 211, 153, .7); }
.sewhy__card--ads { opacity: .92; }
.sewhy__win { position: absolute; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 999px; background: linear-gradient(110deg, #a3e635, #34d399); color: #04201a; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sewhy__top { display: flex; align-items: center; gap: 12px; }
.sewhy__badge { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: linear-gradient(135deg, var(--c), var(--c2)); color: #04161c; box-shadow: 0 12px 26px -12px var(--c); }
.sewhy__top > span:last-child { display: grid; line-height: 1.25; }
.sewhy__top strong { color: var(--se-text); font-family: var(--font-display); font-size: 1.3rem; }
.sewhy__top small { color: var(--c); font-size: .84rem; font-weight: 700; }
.sewhy__bars { position: relative; display: flex; align-items: flex-end; gap: 7px; height: 150px; padding: 14px 14px 0; border-radius: 18px; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 37px), rgba(0, 0, 0, .18); }
.sewhy__bars i { flex: 1; height: var(--h); border-radius: 8px 8px 0 0; background: linear-gradient(180deg, var(--c2), var(--c)); transform-origin: bottom; animation: sebar .8s var(--ease) both; animation-delay: calc(var(--k) * 90ms); }
.sewhy__card--ads .sewhy__bars i:nth-child(n+6) { background: rgba(248, 113, 113, .35); }
.sewhy__card--seo .sewhy__bars i:last-of-type { box-shadow: 0 0 22px rgba(163, 230, 53, .7); }
.sewhy__bars i.is-cut { position: relative; }
.sewhy__bars i.is-cut::before { content: ""; position: absolute; left: -5px; bottom: 0; height: 128px; border-left: 2px dashed #f87171; }
.sewhy__flag { position: absolute; top: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: .72rem; font-style: normal; font-weight: 800; }
.sewhy__card--ads .sewhy__flag { left: 52%; background: rgba(248, 113, 113, .16); border: 1px solid rgba(248, 113, 113, .5); color: #fecaca; }
.sewhy__card--seo .sewhy__flag { left: 14px; background: linear-gradient(110deg, #a3e635, #34d399); color: #04201a; }
.sewhy__card ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sewhy__card li { display: flex; align-items: center; gap: 9px; color: #d6ebe4; font-size: .92rem; font-weight: 600; }
.sewhy__card li .std-icon { flex: none; box-sizing: content-box; padding: 3px; border-radius: 50%; }
.sewhy__card li.is-ok .std-icon { background: var(--se-emerald); color: #04201a; }
.sewhy__card li.is-bad { color: #c9a7a7; }
.sewhy__card li.is-bad .std-icon { background: rgba(248, 113, 113, .18); color: #f87171; }
.sewhy__vs { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #fde68a, #fbbf24 55%, #d97706); color: #2a1600; font-family: var(--font-display); font-size: 1.2rem; font-weight: 800; box-shadow: 0 0 0 8px var(--se-bg), 0 0 0 10px rgba(251, 191, 36, .35), 0 18px 36px -12px rgba(251, 191, 36, .8); animation: sevs 3s ease-in-out infinite; }
@keyframes sevs { 50% { transform: scale(1.08) rotate(-6deg); } }
.sewhy__strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 22px 0 0; padding: 8px; list-style: none; border-radius: 24px; background: linear-gradient(110deg, rgba(52, 211, 153, .08), rgba(56, 189, 248, .06)); border: 1px solid var(--se-line); }
.sewhy__strip li { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; transition: background .3s; }
.sewhy__strip li + li::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: rgba(255, 255, 255, .1); }
.sewhy__strip li:hover { background: color-mix(in srgb, var(--c) 10%, transparent); }
.sewhy__ico { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--c) 65%, #fff), var(--c)); color: #04161c; box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent); }
.sewhy__strip span:last-child { display: grid; gap: 2px; line-height: 1.3; }
.sewhy__strip strong { color: var(--se-text); font-size: .94rem; }
.sewhy__strip small { color: var(--se-muted); font-size: .8rem; }
@media (max-width: 1024px) {
	.sewhy__duel { grid-template-columns: 1fr; }
	.sewhy__vs { justify-self: center; margin-block: -34px; }
	.sewhy__strip { grid-template-columns: repeat(2, 1fr); }
	.sewhy__strip li:nth-child(3)::before { display: none; }
}
@media (max-width: 560px) {
	.sewhy__strip { grid-template-columns: 1fr; }
	.sewhy__strip li + li::before { display: block; left: 14px; right: 14px; top: 0; bottom: auto; width: auto; height: 1px; }
	.sewhy__win { position: static; align-self: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .sewhy__vs, .sewhy__bars i { animation: none; } }

/* Keywords -------------------------------------------------------------------------------------- */
.sekw__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.sekw__col { display: flex; flex-direction: column; padding: 20px 18px; border-radius: 24px; background: radial-gradient(100% 45% at 50% 0%, color-mix(in srgb, var(--c) 18%, transparent), transparent 70%), var(--se-card); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); transition: transform .4s var(--ease), border-color .3s, box-shadow .4s; }
.sekw__col:hover { transform: translateY(-6px); border-color: var(--c); box-shadow: 0 26px 50px -30px var(--c); }
.sekw__label { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; background: var(--c); color: #04161c; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sekw__col h3 { margin: 14px 0 4px; color: var(--se-text); font-size: 1.15rem; }
.sekw__col p { margin: 0 0 14px; color: var(--se-muted); font-size: .88rem; line-height: 1.55; }
.sekw__col ul { display: grid; gap: 8px; margin: auto 0 0; padding: 0; list-style: none; }
.sekw__col li { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 999px; background: #fff; color: #202124; font-family: Arial, sans-serif; font-size: .82rem; box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .8); }
.sekw__col li .std-icon { flex: none; color: color-mix(in srgb, var(--c) 70%, #000); }
.sekw__col li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Monthly --------------------------------------------------------------------------------------- */
.semonth__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.semonth__tile { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 22px; background: linear-gradient(160deg, color-mix(in srgb, var(--c) 12%, var(--se-card)), var(--se-card) 70%); border: 1px solid color-mix(in srgb, var(--c) 28%, transparent); transition: transform .35s var(--ease), border-color .3s, box-shadow .35s; }
.semonth__tile:hover { transform: translateY(-4px); border-color: var(--c); box-shadow: 0 22px 40px -26px var(--c); }
.semonth__tile:last-child { grid-column: span 2; }
.semonth__tile--big { grid-column: span 2; grid-row: span 2; justify-content: flex-end; padding: 24px; background: radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--c) 30%, transparent), transparent 60%), linear-gradient(160deg, #0f2f2a, var(--se-card)); }
.semonth__ico { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 6px; border-radius: 13px; background: var(--c); color: #04161c; }
.semonth__tile--big .semonth__ico { position: absolute; top: 22px; left: 24px; width: 56px; height: 56px; border-radius: 18px; box-shadow: 0 14px 30px -12px var(--c); }
.semonth__tile strong { color: var(--se-text); font-size: 1rem; }
.semonth__tile--big strong { font-family: var(--font-display); font-size: 1.5rem; }
.semonth__tile small { color: var(--se-muted); font-size: .86rem; line-height: 1.5; }
.semonth__tile--big small { max-width: 380px; font-size: .95rem; }
.semonth__mini { position: absolute; top: 24px; right: 24px; display: flex; align-items: flex-end; gap: 6px; width: 46%; height: 90px; }
.semonth__mini i { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #a3e635, #34d399); opacity: .85; }

/* Add-ons --------------------------------------------------------------------------------------- */
.seadd__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.seadd__card { position: relative; overflow: hidden; padding: 22px 20px; border-radius: 24px; background: var(--se-card); border: 1.5px dashed color-mix(in srgb, var(--c) 45%, transparent); transition: transform .35s var(--ease), border-style .3s, border-color .3s, background .3s; }
.seadd__card:hover { transform: translateY(-5px); border-style: solid; border-color: var(--c); background: color-mix(in srgb, var(--c) 8%, var(--se-card)); }
.seadd__plus { position: absolute; top: 12px; right: 16px; color: color-mix(in srgb, var(--c) 40%, transparent); font-family: var(--font-display); font-size: 3rem; font-weight: 800; line-height: 1; transition: transform .4s var(--ease), color .3s; }
.seadd__card:hover .seadd__plus { transform: rotate(90deg); color: var(--c); }
.seadd__ico { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 14px; border-radius: 16px; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #04161c)); color: #04161c; box-shadow: 0 12px 26px -12px var(--c); }
.seadd__card h3 { margin: 0 0 6px; color: var(--se-text); font-size: 1.08rem; }
.seadd__card p { margin: 0; color: var(--se-muted); font-size: .9rem; line-height: 1.6; }

/* Glossary -------------------------------------------------------------------------------------- */
.segloss__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0; }
.segloss__item { padding: 16px 18px; border-radius: 20px; background: var(--se-card); border: 1px solid var(--se-line); border-top: 3px solid var(--c); transition: transform .35s var(--ease), box-shadow .35s, background .3s; }
.segloss__item:hover { transform: translateY(-4px); background: color-mix(in srgb, var(--c) 8%, var(--se-card)); box-shadow: 0 20px 36px -24px var(--c); }
.segloss__item dt { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; color: var(--se-text); font-family: var(--font-display); font-weight: 800; }
.segloss__item dt span { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: color-mix(in srgb, var(--c) 20%, transparent); color: var(--c); font-size: .95rem; }
.segloss__item dd { margin: 0; color: var(--se-muted); font-size: .88rem; line-height: 1.6; }

/* CTA ------------------------------------------------------------------------------------------- */
.secta__band { position: relative; overflow: hidden; isolation: isolate; padding: clamp(32px, 5vw, 60px) clamp(20px, 4vw, 48px); border-radius: 34px; background: linear-gradient(120deg, #a3e635, #34d399 35%, #22d3ee 70%, #38bdf8); color: #04201a; text-align: center; box-shadow: 0 50px 100px -50px rgba(52, 211, 153, .8); }
.secta__band::before { content: ""; position: absolute; z-index: -1; inset: 0; background-image: radial-gradient(rgba(4, 32, 26, .18) 1.2px, transparent 1.6px); background-size: 18px 18px; -webkit-mask-image: radial-gradient(70% 90% at 50% 50%, #000, transparent 80%); mask-image: radial-gradient(70% 90% at 50% 50%, #000, transparent 80%); }
.secta__ring { position: absolute; z-index: -1; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .35); }
.secta__ring--1 { width: 320px; height: 320px; left: -100px; top: -140px; }
.secta__ring--2 { width: 420px; height: 420px; right: -160px; bottom: -220px; border-width: 30px; border-color: rgba(255, 255, 255, .12); }
.secta__search { display: flex; align-items: center; gap: 12px; width: min(460px, 100%); margin: 0 auto 22px; padding: 12px 12px 12px 20px; border-radius: 999px; background: #fff; color: #5f6368; box-shadow: 0 20px 40px -18px rgba(4, 32, 26, .6); text-align: left; }
.secta__search span { flex: 1; color: #202124; font-family: Arial, sans-serif; font-size: 1.05rem; }
.secta__search b { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #34d399, #059669); color: #fff; font-family: var(--font-display); animation: pulse 2s infinite; }
.secta__band h2 { margin: 0 0 10px; color: #04201a; font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.02em; }
.secta__band p { max-width: 560px; margin: 0 auto 24px; color: rgba(4, 32, 26, .8); font-size: 1.05rem; font-weight: 600; }
.secta__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.secta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 24px; border-radius: 16px; background: #04201a; color: #ecfdf5; font-weight: 800; text-decoration: none; box-shadow: 0 18px 36px -16px rgba(4, 32, 26, .8); transition: transform .3s, gap .3s; }
.secta__btn:hover { color: #fff; transform: translateY(-2px); gap: 14px; }
.secta__btn--wa { background: rgba(255, 255, 255, .85); color: #065f46; }
.secta__btn--wa:hover { background: #fff; color: #065f46; }

/* Contact section on this page ----------------------------------------------------------------- */
.se-contact .contact-split { padding-top: clamp(20px, 3vw, 40px); }

/* Responsive ---------------------------------------------------------------------------------- */
@media (max-width: 1100px) {
	.setools__grid { grid-template-columns: repeat(2, 1fr); }
	.sekw__grid, .seadd__grid, .segloss__grid { grid-template-columns: repeat(2, 1fr); }
	.seind__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) {
	.sehero__grid, .seserpx__grid, .sereport__grid, .seaudit__card { grid-template-columns: minmax(0, 1fr); }
	.semonth__grid { grid-template-columns: repeat(2, 1fr); }
	.sepillars__grid { grid-template-columns: repeat(2, 1fr); }
	.seroad__list { grid-template-columns: repeat(2, 1fr); row-gap: 26px; }
	.seroad__list::before { display: none; }
	.sehero__mock { max-width: 600px; margin-inline: auto; width: 100%; }
}
@media (max-width: 760px) {
	.selocal__grid, .seaudit__groups { grid-template-columns: 1fr; }
	.sedash__tiles { grid-template-columns: repeat(2, 1fr); }
	.secompare__head, .secompare__row { grid-template-columns: 1fr 1fr; }
	.secompare__head span:first-child { display: none; }
	.secompare__topic { grid-column: 1 / -1; padding-bottom: 0; color: var(--se-amber); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
}
@media (max-width: 560px) {
	.sepillars__grid, .seroad__list, .setools__grid, .seind__grid, .sekw__grid, .seadd__grid, .segloss__grid { grid-template-columns: 1fr; }
	.semonth__mini { display: none; }
	.semonth__tile:last-child { grid-column: auto; }
	.semonth__tile--big .semonth__ico { position: static; }
	.seaudit__ring { width: min(210px, 58vw); }
	.sehero__btns, .sebtn { width: 100%; }
	.sehero__float--chart { left: 0; width: 150px; }
	.sehero__float--pin { right: 0; }
	.sehero__float--ai { display: none; }
	.sehero__chips { grid-template-columns: 1fr; width: 100%; }
	.sehero__chips li + li::before { left: 12px; right: 12px; top: 0; bottom: auto; width: auto; height: 1px; }
	.secompare__cell { padding: 12px; font-size: .86rem; }
}
@media (prefers-reduced-motion: reduce) {
	.setime__bar i, .sefaq__qmark, .sehero__up, .sehero__live, .sehero__glow, .sehero__float, .seaudit__ring, .seaudit__core, .seserp__q i { animation: none; }
	.seserp__q em { clip-path: none; animation: none; }
	.seserp__res--you, .sedash__bars i { animation: none; }
	.sehero__line, .sehero__google path { stroke-dashoffset: 0; animation: none; }
	.secta__search b { animation: none; }
}