.landing-body { background: var(--bg); color: var(--fg); }
.landing-shell { min-height: 100vh; overflow: clip; }
.skip-link { position: fixed; top: .5rem; right: .5rem; z-index: 1000; padding: .75rem 1rem; background: var(--primary); color: var(--primary-foreground); border-radius: .5rem; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.landing-header { position: sticky; top: 0; z-index: 100; background: rgba(6,10,18,.88); border-bottom: 1px solid rgba(52,211,153,.14); backdrop-filter: blur(18px); }
.landing-header-inner { min-height: 4.75rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.landing-header .brand { min-height: 44px; display: inline-flex; align-items: center; }
.landing-nav { display: flex; align-items: center; gap: clamp(.35rem, 1vw, 1rem); }
.landing-nav > a:not(.btn) { min-height: 44px; display: inline-flex; align-items: center; color: var(--fg-dim); font-size: .9rem; transition: color .2s ease; }
.landing-nav > a:hover, .landing-nav > a:focus-visible { color: var(--primary-bright); }
.landing-menu { display: none; position: relative; }
.landing-menu summary { width: 46px; height: 46px; border: 1px solid var(--border-c); border-radius: .75rem; display: grid; place-content: center; gap: 5px; cursor: pointer; list-style: none; }
.landing-menu summary::-webkit-details-marker { display: none; }
.landing-menu summary span { width: 20px; height: 2px; background: var(--fg); border-radius: 9px; }
.landing-menu nav { position: absolute; top: calc(100% + .75rem); left: 0; width: min(19rem, calc(100vw - 2rem)); padding: .75rem; display: grid; background: #0b1320; border: 1px solid var(--border-c); border-radius: 1rem; box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.landing-menu nav a:not(.btn) { min-height: 46px; display: flex; align-items: center; padding: 0 .75rem; color: var(--fg-dim); border-radius: .5rem; }
.landing-menu nav a:hover { background: var(--surface); color: var(--fg); }

.landing-hero { position: relative; padding: clamp(4rem, 8vw, 7rem) 0 2rem; isolation: isolate; }
.landing-grid { position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(52,211,153,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(52,211,153,.045) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.landing-hero::before { content: ""; position: absolute; width: 42rem; height: 42rem; top: -18rem; left: -12rem; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(16,185,129,.17), transparent 68%); }
.landing-hero-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(20rem,.92fr); align-items: center; gap: clamp(2rem,6vw,6rem); }
.landing-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; color: var(--fg-muted); font-size: .82rem; margin-bottom: 1.5rem; }
.landing-breadcrumb a { min-height: 44px; display: inline-flex; align-items: center; color: var(--fg-dim); }
.landing-eyebrow, .landing-kicker { color: var(--primary-bright); font-size: .76rem; letter-spacing: .14em; font-weight: 700; }
.landing-hero h1 { margin-top: .9rem; max-width: 15ch; font-size: clamp(2.2rem, 5.2vw, 4.6rem); line-height: 1.22; letter-spacing: -.035em; text-wrap: balance; }
.landing-lead { max-width: 67ch; margin-top: 1.5rem; color: var(--fg-dim); font-size: clamp(1rem,1.5vw,1.16rem); line-height: 2; }
.landing-actions { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .75rem; }
.landing-actions .btn { min-height: 48px; }
.landing-visual { position: relative; width: min(100%, 31rem); aspect-ratio: 1; margin-inline: auto; perspective: 900px; transform-style: preserve-3d; }
.landing-visual::before { content: ""; position: absolute; inset: 10%; border-radius: 2.2rem; background: linear-gradient(145deg, rgba(21,36,60,.88), rgba(6,10,18,.42)); border: 1px solid rgba(94,234,212,.2); box-shadow: inset 0 1px rgba(255,255,255,.05), 0 42px 90px rgba(0,0,0,.44), 0 0 60px rgba(16,185,129,.08); transform: rotateX(60deg) rotateZ(-25deg); }
.visual-core { position: absolute; inset: 28%; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .45rem; text-align: center; border-radius: 1.5rem; background: linear-gradient(145deg, rgba(16,185,129,.2), rgba(15,26,44,.96)); border: 1px solid rgba(52,211,153,.45); box-shadow: 0 0 45px rgba(16,185,129,.2); transform: translateZ(54px); }
.visual-core span { color: var(--accent-bright); font-size: .72rem; letter-spacing: .12em; }
.visual-core strong { max-width: 11rem; font-size: 1.15rem; }
.visual-core small { color: var(--fg-muted); font-size: .58rem; letter-spacing: .08em; }
.visual-orbit { position: absolute; border: 1px solid rgba(45,212,191,.2); border-radius: 50%; }
.orbit-one { inset: 17%; transform: rotateX(68deg) rotateZ(14deg); }
.orbit-two { inset: 5%; transform: rotateY(66deg) rotateZ(-20deg); }
.visual-node { position: absolute; width: .8rem; height: .8rem; z-index: 4; border-radius: 50%; background: var(--primary-bright); box-shadow: 0 0 20px var(--primary); }
.node-a { top: 20%; right: 20%; }.node-b { bottom: 22%; left: 13%; }.node-c { top: 52%; left: 6%; background: var(--accent-bright); }
.landing-highlights { margin-top: clamp(3rem,6vw,5rem); display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--border-c); border-radius: 1rem; background: rgba(11,19,32,.72); overflow: hidden; }
.landing-highlights > div { min-height: 6rem; padding: 1.15rem 1.5rem; display: flex; flex-direction: column; justify-content: center; gap: .4rem; }
.landing-highlights > div + div { border-right: 1px solid var(--border-c); }
.landing-highlights span { color: var(--fg-muted); font-size: .82rem; }.landing-highlights strong { font-size: 1rem; }

.landing-section { padding: clamp(4rem,8vw,7rem) 0; }
.landing-section-soft { background: linear-gradient(180deg, rgba(15,26,44,.62), rgba(11,19,32,.4)); border-block: 1px solid rgba(28,45,73,.7); }
.landing-intro { max-width: 58rem; margin-inline: auto; text-align: center; }
.landing-intro h2, .landing-section-head h2, .landing-two-col h2, .landing-related h2 { margin-top: .7rem; font-size: clamp(1.8rem,3.5vw,3rem); line-height: 1.35; text-wrap: balance; }
.landing-intro > p:last-child { margin: 1.25rem auto 0; max-width: 72ch; color: var(--fg-dim); font-size: 1.05rem; line-height: 2; }
.landing-card-grid { margin-top: 3rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.landing-card { position: relative; min-height: 15rem; padding: 1.75rem; overflow: hidden; background: linear-gradient(145deg, rgba(21,36,60,.74), rgba(11,19,32,.82)); border: 1px solid var(--border-c); border-radius: 1rem; box-shadow: 0 18px 45px rgba(0,0,0,.14); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.landing-card:hover { transform: translateY(-4px); border-color: rgba(52,211,153,.42); box-shadow: 0 24px 55px rgba(0,0,0,.25); }
.landing-card::after { content: ""; position: absolute; width: 8rem; height: 8rem; left: -4rem; bottom: -4rem; border-radius: 50%; background: rgba(16,185,129,.08); }
.card-index { color: var(--primary-bright); font-size: .8rem; }.landing-card h3 { margin-top: 2rem; font-size: 1.24rem; }.landing-card p { margin-top: .85rem; color: var(--fg-dim); line-height: 1.9; }
.landing-two-col { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2rem,7vw,7rem); }
.landing-check-list { margin-top: 1.7rem; display: grid; gap: .8rem; }
.landing-check-list li { display: flex; align-items: center; gap: .75rem; color: var(--fg-dim); line-height: 1.75; }
.landing-check-list li span { flex: 0 0 auto; width: .65rem; height: .65rem; border: 2px solid var(--primary-bright); border-radius: 50%; box-shadow: 0 0 12px rgba(52,211,153,.38); }
.landing-terminal { direction: rtl; overflow: hidden; border: 1px solid rgba(52,211,153,.25); border-radius: 1rem; background: #07101c; box-shadow: 0 30px 70px rgba(0,0,0,.32); }
.terminal-head { direction: ltr; min-height: 3rem; padding: 0 1rem; display: flex; align-items: center; gap: .4rem; border-bottom: 1px solid var(--border-c); background: #0b1523; }
.terminal-head span { width: .65rem; height: .65rem; border-radius: 50%; background: #f43f5e; }.terminal-head span:nth-child(2){background:#f59e0b}.terminal-head span:nth-child(3){background:#10b981}.terminal-head code { margin-left: auto; color: var(--fg-muted); }
.terminal-line { padding: 1.25rem; display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; }.terminal-line + .terminal-line { border-top: 1px solid rgba(28,45,73,.7); }.terminal-line > b { color: var(--primary-bright); }.terminal-line strong { font-size: .96rem; }.terminal-line p { margin-top: .35rem; color: var(--fg-muted); font-size: .88rem; line-height: 1.7; }
.landing-section-head { max-width: 50rem; }
.landing-steps { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.landing-steps article { padding: 1.5rem; border-top: 2px solid var(--primary); background: rgba(15,26,44,.5); }.landing-steps span { color: var(--primary-bright); }.landing-steps h3 { margin-top: 1.3rem; }.landing-steps p { margin-top: .65rem; color: var(--fg-dim); line-height: 1.8; }
.landing-faq-wrap { max-width: 58rem; }.landing-faq { margin-top: 2rem; display: grid; gap: .75rem; }
.landing-faq details { border: 1px solid var(--border-c); border-radius: .85rem; background: rgba(6,10,18,.55); }.landing-faq summary { min-height: 4rem; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; font-weight: 600; list-style: none; }.landing-faq summary::-webkit-details-marker { display:none; }.landing-faq summary span { color: var(--primary-bright); font-size: 1.35rem; transition: transform .2s ease; }.landing-faq details[open] summary span { transform: rotate(45deg); }.landing-faq details p { padding: 0 1.25rem 1.25rem; color: var(--fg-dim); line-height: 1.9; }
.landing-related { display: grid; grid-template-columns: .75fr 1.25fr; align-items: end; gap: 2rem; }.related-links { display: grid; gap: .75rem; }.related-links a { min-height: 4rem; padding: .8rem 1rem; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--border-c); border-radius: .75rem; color: var(--fg-dim); transition: color .2s ease,border-color .2s ease,background .2s ease; }.related-links a:hover { color: var(--fg); border-color: rgba(52,211,153,.45); background: rgba(16,185,129,.07); }
.landing-cta { padding: 1rem 0 clamp(4rem,8vw,7rem); }.landing-cta-card { padding: clamp(1.75rem,4vw,3rem); display: flex; align-items: center; justify-content: space-between; gap: 2rem; border: 1px solid rgba(52,211,153,.34); border-radius: 1.25rem; background: radial-gradient(circle at 15% 20%, rgba(16,185,129,.18), transparent 35%), linear-gradient(135deg,#101f32,#09111e); box-shadow: 0 35px 80px rgba(0,0,0,.28); }.landing-cta-card h2 { margin-top: .7rem; font-size: clamp(1.5rem,3vw,2.4rem); }.landing-cta-card p { margin-top: .75rem; color: var(--fg-dim); }
.landing-footer { padding: 3rem 0 1.5rem; border-top: 1px solid var(--border-c); background: #04080f; }.landing-footer-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 2rem; }.landing-footer-grid p { margin-top: .8rem; max-width: 32rem; color: var(--fg-muted); }.landing-footer-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }.landing-footer-grid nav { display: grid; grid-template-columns: repeat(2,1fr); gap: .4rem 1rem; align-content: start; }.landing-footer-grid nav a { min-height: 44px; display: flex; align-items: center; color: var(--fg-dim); }.landing-footer-grid nav a:hover { color: var(--primary-bright); }.landing-footer-bottom { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--border-soft); color: var(--fg-muted); font-size: .82rem; }

a:focus-visible, summary:focus-visible { outline: 3px solid var(--primary-bright); outline-offset: 3px; }
@media (max-width: 1179px) { .landing-nav { display:none; }.landing-menu{display:block} }
@media (max-width: 900px) { .landing-hero-layout,.landing-two-col,.landing-related{grid-template-columns:1fr}.landing-visual{max-width:25rem}.landing-card-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr}.landing-related{align-items:start} }
@media (max-width: 640px) { .landing-header-inner{min-height:4.25rem}.landing-header .brand-sub{display:none}.landing-hero{padding-top:3rem}.landing-hero-layout{gap:1rem}.landing-hero h1{font-size:2.35rem}.landing-visual{max-width:20rem}.landing-highlights{grid-template-columns:1fr}.landing-highlights>div+div{border-right:0;border-top:1px solid var(--border-c)}.landing-actions{display:grid}.landing-actions .btn{width:100%}.landing-steps{grid-template-columns:1fr}.landing-cta-card{align-items:stretch;flex-direction:column}.landing-cta-card .btn{width:100%}.landing-footer-links{grid-template-columns:1fr}.landing-footer-grid nav{grid-template-columns:1fr}.landing-section{padding:4rem 0} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.landing-card,.landing-faq summary span,.related-links a,.landing-nav a{transition:none}.landing-card:hover{transform:none} }