body{background:#090e18}
.wrap{width:min(100% - 44px,1160px)}
.z-hero{position:relative;overflow:hidden;border-bottom:1px solid #2c3851;background:radial-gradient(circle at 78% 47%,color-mix(in srgb,var(--z-accent) 18%,transparent),transparent 32%),linear-gradient(130deg,#111a2d 5%,#18243a 57%,#111827)}
.z-hero::after{content:"";position:absolute;inset:auto -10% -220px 35%;height:380px;border:1px solid color-mix(in srgb,var(--z-accent) 24%,transparent);border-radius:50%;pointer-events:none}
.z-hero-inner{min-height:460px;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:50px;padding-block:70px}
.z-hero-copy{position:relative;z-index:1}
.z-kicker,.z-overline{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--z-accent)}
.z-hero h1{margin:20px 0 22px;font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.16;letter-spacing:-.035em}
.z-hero-subtitle{display:block;margin-top:14px;font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.4;letter-spacing:0;text-wrap:balance}
.z-hero p{max-width:690px;color:#d6deeb;font-size:1.09rem;line-height:1.88;margin:0}
.z-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.z-hero-actions a{display:inline-flex;align-items:center;gap:12px;padding:11px 19px;border-radius:10px;background:var(--z-accent);color:#111827;font-weight:800;text-decoration:none}
.z-hero-actions span{font-size:13px;color:#aebcd0}
.z-glyph{position:relative;display:grid;place-items:center;width:258px;height:258px;border-radius:50%;border:1px solid color-mix(in srgb,var(--z-accent) 60%,#334155);box-shadow:0 0 0 18px rgba(255,255,255,.025),inset 0 0 70px color-mix(in srgb,var(--z-accent) 11%,transparent);color:var(--z-accent)}
.z-glyph::before,.z-glyph::after{content:"";position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--z-accent) 28%,transparent)}
.z-glyph::before{inset:18px}.z-glyph::after{inset:42px}
.z-glyph span{font-size:116px;line-height:1;font-family:Georgia,"Segoe UI Symbol",serif;z-index:1}
.z-glyph small{position:absolute;bottom:38px;color:#dce5f3;font-size:13px;letter-spacing:.18em;z-index:1}
.z-sign-nav{position:sticky;top:64px;z-index:9;background:rgba(9,14,24,.95);border-bottom:1px solid #2b354a;backdrop-filter:blur(12px)}
.z-sign-nav-inner{display:flex;overflow-x:auto;scrollbar-width:thin;gap:5px;padding-block:10px}
.z-sign-nav a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;color:#aebcd0;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:650}
.z-sign-nav a span{font-size:17px}
.z-sign-nav a:hover{color:#fff;background:#202c42}
.z-sign-nav a[aria-current="page"]{color:#101827;background:var(--z-accent)}
.z-main{padding-top:56px}
.z-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:42px;align-items:start;margin-top:58px;padding:0 0 56px;border-bottom:1px solid #2a354b}
.z-intro h2,.z-section-head h2,.z-group-heading h2,.z-end-note h2{font-size:clamp(1.55rem,3vw,2.1rem);margin:9px 0 18px;line-height:1.32}
.z-intro p{font-size:1.02rem;max-width:690px}
.z-intro a{font-size:14px;font-weight:700;text-decoration:none}
.z-intro-note{background:linear-gradient(145deg,#1a243a,#121b2d);border:1px solid #3a4761;border-top:3px solid var(--z-accent);border-radius:16px;padding:26px}
.z-intro-note strong{display:block;font-size:1.7rem;margin:12px 0}
.z-intro-note p{font-size:14px;margin:0}
.z-scenes,.z-type-directory,.z-group{margin-top:58px}
.z-section-head p{margin:0}
.z-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}
.z-scene{padding:23px;border-radius:15px;border:1px solid #2d3a53;background:#141e30;min-height:170px}
.z-scene span{display:inline-block;margin-bottom:18px;font-size:13px;font-weight:800;color:var(--z-accent)}
.z-scene p{font-size:15px;margin:0}
.z-type-directory{padding:30px;border:1px solid #354159;background:linear-gradient(135deg,#19253c,#101a2c);border-radius:18px;scroll-margin-top:142px}
.z-main>.z-type-directory:first-child{margin-top:0}
.z-faqs{margin-top:58px}
.z-faq-card{padding:24px;border:1px solid #344158;border-radius:16px;background:#141e30}
.z-faq-card h3{font-size:1.1rem;line-height:1.55;margin-bottom:12px}
.z-faq-card p{font-size:15px;line-height:1.85;margin:0}
.z-type-directory .z-section-head h2{margin-bottom:7px}
.z-type-jumps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:22px}
.z-type-jumps a{text-align:center;padding:9px 4px;border:1px solid #40506b;border-radius:8px;color:#e7eef8;font-size:13px;font-weight:800;text-decoration:none;background:#202d43}
.z-type-jumps a:hover{border-color:var(--z-accent);color:var(--z-accent)}
.z-group-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.z-group-heading h2{margin-bottom:0}
.z-group-heading p{margin:0 0 4px;text-align:right;font-size:14px}
.z-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.z-combo{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #344158;border-radius:16px;background:linear-gradient(160deg,#172238,#111b2e);scroll-margin-top:145px}
.z-combo:hover{border-color:color-mix(in srgb,var(--z-accent) 60%,#344158)}
.z-combo-head{display:flex;align-items:center;gap:10px}
.z-type{display:inline-block;color:#0b1220;background:var(--z-accent);font-size:12px;letter-spacing:.08em;font-weight:900;padding:4px 9px;border-radius:6px}
.z-type-theme{color:#bdc9d8;font-size:12px}
.z-number{margin-left:auto;color:#7f90a7;font-size:11px;letter-spacing:.08em}
.z-combo h3{margin:15px 0 8px;font-size:1.23rem}
.z-combo-body{flex:1}
.z-combo-body p{margin:0 0 14px;line-height:1.84;font-size:15px;color:#c8d4e4}
.z-combo-body p:last-child{margin-bottom:20px}
.z-check{display:grid;gap:4px;border-top:1px solid #344158;padding-top:15px}
.z-check strong{color:var(--z-accent);font-size:12px;letter-spacing:.06em}
.z-check span{color:#e3eaf5;font-size:14px;line-height:1.7}
.z-type-link{margin-top:16px;font-size:13px;color:#9dc5ff;text-decoration:none;font-weight:700}
.z-type-link:hover{text-decoration:underline}
.z-end-note{margin-top:72px;padding:35px;border:1px solid #3d4d68;border-radius:20px;background:radial-gradient(circle at right top,color-mix(in srgb,var(--z-accent) 11%,transparent),transparent 45%),#172238}
.z-end-note p{max-width:800px}
.z-end-note .primary-link{margin-top:7px}
.z-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 80px}
.z-bottom-nav a{display:grid;gap:4px;padding:15px 19px;border:1px solid #354159;border-radius:12px;background:#131e30;text-decoration:none}
.z-bottom-nav a:hover{border-color:var(--z-accent)}
.z-bottom-nav span{color:#99a9bd;font-size:12px}
.z-bottom-nav strong{font-size:15px}
@media(max-width:900px){.z-hero-inner{grid-template-columns:1fr 210px;gap:20px}.z-glyph{width:190px;height:190px}.z-glyph span{font-size:85px}.z-glyph small{bottom:25px}.z-type-jumps{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.wrap{width:min(100% - 32px,1160px)}.z-hero-inner{display:block;min-height:0;padding-block:48px 50px}.z-hero h1{font-size:2.5rem}.z-glyph{display:none}.z-sign-nav{top:58px}.z-main{padding-top:40px}.z-intro{grid-template-columns:1fr;gap:22px;padding-bottom:42px}.z-scene-grid,.z-combo-grid{grid-template-columns:1fr}.z-scenes,.z-type-directory,.z-group{margin-top:46px}.z-type-directory{padding:22px}.z-group-heading{display:block}.z-group-heading p{text-align:left;margin-top:5px}.z-combo{padding:21px}.z-bottom-nav{grid-template-columns:1fr 1fr}.z-bottom-nav a:nth-child(2){grid-column:1 / -1;grid-row:2}.z-end-note{padding:26px}}