:root{--bg:#050b14;--panel:#091827;--panel2:#0c2034;--text:#f4f7fb;--muted:#aab9ca;--gold:#efb73d;--cyan:#67d3ff;--line:rgba(103,211,255,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(16,112,153,.13),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}.wrap{width:min(1100px,calc(100% - 32px));margin:auto}a{color:var(--cyan)}
.top{position:sticky;top:0;z-index:20;background:rgba(5,11,20,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{display:flex;align-items:center;gap:18px;min-height:66px}.brand{font-weight:800;letter-spacing:.02em;color:#fff;text-decoration:none}.brand b{color:var(--gold)}.navlinks{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap}.navlinks a{color:#c7d2e0;text-decoration:none;font-size:12px;padding:8px;border-radius:9px}.navlinks a:hover{color:#fff;background:rgba(255,255,255,.06)}
.hero{padding:78px 0 48px;border-bottom:1px solid rgba(255,255,255,.06)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(310px,.86fr);gap:52px;align-items:center}.eyebrow,.section-label{font:700 10px/1.4 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-.045em;margin:13px 0 20px}h1 span,h2 span{color:var(--gold)}.lead{font-size:clamp(17px,2vw,21px);color:#c5d1df;max-width:780px}.hero-photo{position:relative;margin:0;border:1px solid rgba(239,183,61,.35);background:#071524;padding:10px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.hero-photo:before{content:"";position:absolute;inset:-16px;border:1px solid rgba(103,211,255,.13);transform:rotate(2deg);pointer-events:none}.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.hero-photo figcaption{padding:10px 4px 1px;color:#8fa3b8;font-size:11px}.proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.proof span{border:1px solid rgba(239,183,61,.28);border-radius:999px;padding:7px 10px;color:#f6cf77;background:rgba(239,183,61,.055);font:650 10px/1.2 "IBM Plex Mono",monospace}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#e7eef7;text-decoration:none;font-size:13px;font-weight:700}.btn.primary{border-color:var(--gold);background:var(--gold);color:#07111c}.btn:hover{transform:translateY(-1px)}
.ticker{overflow:hidden;border-block:1px solid rgba(103,211,255,.12);background:#071827;white-space:nowrap}.ticker div{display:flex;width:max-content;gap:0;animation:ticker 34s linear infinite}.ticker span{padding:12px 20px;color:#9fb2c5;font:600 9px/1 "IBM Plex Mono",monospace;letter-spacing:.1em}.ticker span:after{content:"•";color:var(--gold);margin-left:40px}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:58px 0}.section.alt{background:rgba(7,22,37,.62);border-block:1px solid rgba(255,255,255,.055)}.section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:40px;align-items:end;margin-bottom:24px}h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:9px 0 0}.section-head p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{padding:22px;background:linear-gradient(145deg,rgba(12,32,52,.95),rgba(7,19,33,.94));border:1px solid var(--line);min-height:168px}.card small{color:var(--cyan);font:600 9px/1 "IBM Plex Mono",monospace}.card h3{font-family:"Space Grotesk",sans-serif;font-size:20px;line-height:1.18;margin:15px 0 8px}.card p,.card li{color:var(--muted);font-size:14px}.card ul{padding-left:18px;margin:10px 0}.content{max-width:900px}.content p{color:#b8c5d3}.content h2{margin-top:36px}.content h3{margin-top:25px}.content ul{color:#b8c5d3;padding-left:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{padding:20px;border-top:2px solid var(--gold);background:var(--panel)}.step b{color:rgba(239,183,61,.5);font-size:30px}.step h3{margin:10px 0 5px}.step p{margin:0;color:var(--muted);font-size:13px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{display:block;padding:18px;background:var(--panel);border:1px solid var(--line);color:#fff;text-decoration:none}.related a small{display:block;margin-top:5px;color:#96aabd}.breadcrumb{padding-top:20px;color:#7f93a8;font-size:11px}.breadcrumb a{color:#9fb2c5;text-decoration:none}.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:30px;border:1px solid rgba(239,183,61,.28);background:linear-gradient(120deg,rgba(239,183,61,.07),rgba(103,211,255,.05))}.cta h2{margin:0}.cta p{margin:8px 0 0;color:var(--muted)}footer{padding:34px 0 50px;color:#8498ad;font-size:12px;border-top:1px solid rgba(255,255,255,.06)}footer nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.rtl{direction:rtl}.rtl .navlinks{margin-left:0;margin-right:auto}.rtl .content ul{padding-left:0;padding-right:20px}
@media(max-width:880px){.hero-grid,.section-head{grid-template-columns:1fr}.hero-photo{max-width:520px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}}
@media(max-width:600px){.hero{padding:52px 0 34px}.cards,.related,.steps{grid-template-columns:1fr}.section{padding:42px 0}.cta{grid-template-columns:1fr}.wrap{width:min(100% - 24px,1100px)}h1{font-size:42px}.ticker div{animation-duration:45s}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}.btn{transition:none}}