/* Prisma Space SEO landing pages — Aurora identity, isolated from Prisma Core UI. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.seo-page{margin:0;min-width:320px;min-height:100vh;font:400 15px/1.65 "DM Sans",sans-serif;background:var(--bg);color:var(--text)}
.seo-page a{color:inherit;text-decoration:none}
.seo-page button{font:inherit;cursor:pointer}
.seo-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--aurora-edge);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.seo-header-inner{max-width:1160px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.seo-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.seo-brand img{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--aurora-cyan) 30%,transparent))}
.seo-brand span{display:flex;flex-direction:column;line-height:1.25}
.seo-brand strong{font:800 17px/1.3 Manrope,sans-serif;letter-spacing:.04em}
.seo-brand small{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:700}
.seo-nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:12px;font-weight:700}
.seo-nav a:hover,.seo-footer a:hover,.seo-breadcrumb a:hover{color:var(--aurora-cyan)}
.seo-nav button{color:var(--text);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:12px;padding:8px 12px}
.seo-nav button:hover{border-color:var(--aurora-edge)}
.seo-main{width:min(1100px,calc(100% - 48px));margin:auto}
.seo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:12px;color:var(--subtle);margin:25px 0 15px}
.seo-breadcrumb [aria-current]{color:var(--muted)}
.seo-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:44px;padding:44px 0 66px}
.seo-hero-copy{max-width:680px}
.seo-eyebrow,.seo-section-label{font:800 10px/1.4 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--aurora-cyan)}
.seo-eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:20px}
.seo-eyebrow i{width:7px;height:7px;background:var(--aurora-cyan);border-radius:100%;box-shadow:0 0 13px var(--aurora-cyan)}
.seo-hero h1,.seo-directory-hero h1{margin:0 0 19px;font:800 clamp(34px,4.7vw,60px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;color:var(--text);text-wrap:balance}
.seo-lead,.seo-directory-hero p{color:var(--muted);font-size:17px;line-height:1.75;max-width:670px;margin:0}
.seo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:28px 0 17px}
.seo-cta{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:14px 21px;border-radius:13px;background:linear-gradient(110deg,#91dbd5 0%,#94c7e6 62%,#b1a2ee 100%);color:#142432!important;font-weight:800;font-size:13px;box-shadow:0 10px 32px rgba(65,157,166,.16);transition:transform .18s,box-shadow .18s}
.seo-cta:hover{transform:translateY(-2px);box-shadow:0 14px 39px rgba(65,157,166,.24)}
.seo-subtle,.seo-inline-link{color:var(--aurora-cyan)!important;font-weight:700;font-size:13px}
.seo-subtle:hover,.seo-inline-link:hover{text-decoration:underline}
.seo-privacy{display:flex;align-items:center;gap:9px;margin:14px 0 0;color:var(--subtle);font-size:12px}
.seo-preview{min-height:310px;border:1px solid var(--aurora-edge);background:radial-gradient(circle at 74% 26%,rgba(169,150,238,.17),transparent 52%),radial-gradient(circle at 18% 70%,rgba(90,188,192,.17),transparent 55%),var(--aurora-surface);border-radius:26px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:22px;box-shadow:var(--shadow)}
.seo-preview::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--aurora-blue) 25%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(120deg,transparent 25%,#000 100%);opacity:.48}
.seo-preview-orb{position:absolute;inset:20% 10%;border-radius:50%;border:1px solid color-mix(in srgb,var(--aurora-cyan) 22%,transparent);transform:rotate(-19deg);pointer-events:none}
.seo-preview-label,.seo-preview-foot{z-index:1;font:800 9px/1.5 Manrope,sans-serif;letter-spacing:.14em;color:var(--subtle)}
.seo-preview-content{z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.seo-preview-symbol{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:color-mix(in srgb,var(--panel) 72%,transparent);border:1px solid var(--aurora-edge);margin-bottom:8px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.seo-preview-content strong{font:800 23px/1.3 Manrope,sans-serif;letter-spacing:-.03em}
.seo-preview-content span{font-size:12px;color:var(--muted)}
.seo-preview-foot{display:flex;justify-content:space-between;gap:8px}
.seo-content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:20px;scroll-margin-top:100px}
.seo-panel{background:var(--aurora-surface);border:1px solid var(--aurora-edge);border-radius:20px;padding:29px 30px}
.seo-page h2{font:800 clamp(20px,2.3vw,27px)/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin:9px 0 20px;text-wrap:balance}
.seo-panel p,.seo-faq p{color:var(--muted);line-height:1.85;font-size:14px;margin:0 0 15px}
.seo-panel p:last-child{margin-bottom:0}
.seo-steps{counter-reset:steps;list-style:none;padding:0;margin:0 0 24px;display:grid;gap:20px}
.seo-steps li{counter-increment:steps;display:flex;align-items:flex-start;gap:14px;color:var(--muted);font-size:14px;line-height:1.7}
.seo-steps li::before{content:counter(steps);display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;background:color-mix(in srgb,var(--aurora-cyan) 12%,var(--panel));border:1px solid var(--aurora-edge);color:var(--aurora-cyan);font:800 12px/1 Manrope,sans-serif}
.seo-note{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--line-strong);border-radius:18px;padding:20px 22px;margin:20px 0 64px;background:var(--aurora-soft)}
.seo-note-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:100%;border:1px solid var(--aurora-edge);color:var(--aurora-cyan);font-weight:800}
.seo-note strong{font:800 13px Manrope,sans-serif}
.seo-note p{color:var(--muted);font-size:13px;line-height:1.75;margin:6px 0 0}
.seo-note small{display:block;margin-top:10px;font-size:11px;color:var(--subtle)}
.seo-faq{margin:0 auto 70px;max-width:780px}
.seo-faq h2{margin-bottom:24px}
.seo-faq details{border-bottom:1px solid var(--line-strong);padding:18px 0}
.seo-faq summary{list-style:none;cursor:pointer;font:700 14px/1.55 Manrope,sans-serif;display:flex;justify-content:space-between;gap:16px}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";font-size:20px;font-weight:400;color:var(--aurora-cyan);line-height:1}
.seo-faq details[open] summary::after{content:"−"}
.seo-faq details p{margin:15px 0 0}
.seo-related{margin-bottom:80px}
.seo-related-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.seo-related-heading h2{margin:8px 0 0}
.seo-related-heading>a{font-size:13px;color:var(--aurora-cyan);font-weight:700;white-space:nowrap}
.seo-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.seo-related-card{display:flex;position:relative;flex-direction:column;min-height:125px;gap:13px;border-radius:16px;padding:19px;background:var(--aurora-surface);border:1px solid var(--aurora-edge);transition:border-color .18s,transform .18s}
.seo-related-card:hover,.seo-directory-card:hover{border-color:var(--aurora-cyan);transform:translateY(-2px)}
.seo-related-card strong{font:800 13px/1.45 Manrope,sans-serif;max-width:95%}
.seo-related-card small{margin-top:auto;color:var(--subtle);font-size:10px}
.seo-related-card>span{position:absolute;right:14px;bottom:14px;color:var(--aurora-cyan)}
.seo-footer{border-top:1px solid var(--aurora-edge);padding:30px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--muted)}
.seo-footer>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.seo-footer a{font-weight:700;color:var(--text)}
.seo-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.seo-directory-hero{padding:50px 0 40px;max-width:880px}
.seo-directory-hero h1{max-width:800px}
.seo-tags{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 4px}
.seo-tags a{border:1px solid var(--aurora-edge);padding:9px 13px;border-radius:30px;font-size:12px;color:var(--muted);background:var(--panel)}
.seo-tags a:hover{color:var(--aurora-cyan);border-color:var(--aurora-cyan)}
.seo-category{padding-top:40px;scroll-margin-top:95px}
.seo-category h2{margin-bottom:23px}
.seo-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seo-directory-card{border:1px solid var(--aurora-edge);background:var(--aurora-surface);border-radius:17px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:175px;transition:transform .18s,border-color .18s}
.seo-directory-card strong{font:800 16px/1.35 Manrope,sans-serif}
.seo-directory-card span{font-size:12px;color:var(--muted);line-height:1.7}
.seo-directory-card small{color:var(--aurora-cyan);font-size:11px;font-weight:800;margin-top:auto}
.seo-category+.seo-category{margin-top:15px}
.seo-category+.seo-note{margin-top:50px}
@media(max-width:850px){.seo-hero{grid-template-columns:1fr;gap:22px;padding:28px 0 43px}.seo-preview{min-height:210px}.seo-preview-symbol{width:60px;height:60px;border-radius:18px}.seo-preview-content strong{font-size:20px}.seo-content-grid{grid-template-columns:1fr}.seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.seo-header-inner{padding:11px 16px}.seo-brand strong{font-size:14px}.seo-brand small{font-size:7px}.seo-brand img{width:30px;height:30px}.seo-nav{gap:11px;font-size:11px}.seo-nav a:first-child{display:none}.seo-nav button{padding:6px 8px}.seo-nav button span{display:none}.seo-main{width:calc(100% - 32px)}.seo-breadcrumb{margin:19px 0 8px;font-size:11px}.seo-hero h1,.seo-directory-hero h1{font-size:clamp(30px,9vw,44px)}.seo-lead,.seo-directory-hero p{font-size:15px}.seo-hero{padding:28px 0 36px}.seo-preview{min-height:180px;padding:15px}.seo-preview-label,.seo-preview-foot{font-size:7px}.seo-preview-symbol{display:none}.seo-actions{gap:15px}.seo-cta{padding:13px 16px}.seo-panel{padding:23px 20px}.seo-note{margin-bottom:50px;padding:17px}.seo-related-grid,.seo-directory-grid{grid-template-columns:1fr}.seo-related-card{min-height:95px}.seo-related-heading{align-items:start}.seo-footer{padding:25px 16px;align-items:start;flex-direction:column}.seo-directory-hero{padding:28px 0}.seo-directory-card{min-height:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seo-cta,.seo-related-card,.seo-directory-card{transition:none}.seo-cta:hover,.seo-related-card:hover,.seo-directory-card:hover{transform:none}}
