/* Glass Futures landing skin for the nine-language no-backend demo */
:root{--bg:#071020;--card:#0d2035;--border:rgba(119,199,239,.28);--text:#eef8ff;--muted:#a9c5da;--cyan:#66d7ff;--violet:#a3adff;--green:#88edd5}
body{background:radial-gradient(ellipse 65% 44% at 75% 0%,rgba(25,111,162,.28),transparent 80%),#071020;color:var(--text);font-family:Inter,'Segoe UI',Arial,'Noto Sans',sans-serif}
.top{height:91px;border-bottom:1px solid rgba(158,213,251,.16);gap:24px}
.logo{font-family:'Segoe UI',Arial,sans-serif;font-size:27px;font-weight:720;line-height:1.1;letter-spacing:.13em;display:flex;flex-direction:column;gap:6px;white-space:nowrap}
.logo small{font-size:8.5px;color:#9aceeb;letter-spacing:.23em;font-weight:550}.logo span{color:#f0f8ff}.logo .logo-title>span{color:#66d7ff}
.hero{grid-template-columns:.9fr 1.1fr;gap:26px;padding:51px 0 49px;min-height:625px}.hero h1{font:720 clamp(44px,5.5vw,74px)/1.06 'Segoe UI',Arial,sans-serif;letter-spacing:-.055em;margin:16px 0 5px}.hero h1 .future-blue{color:var(--cyan)}.hero-slogan{font-size:clamp(25px,3vw,40px);color:#9bdcf8;line-height:1.2;letter-spacing:-.02em;margin:0 0 26px}.hero-secondary{font-size:13px;letter-spacing:.04em;color:#c6e6f6;font-weight:620;margin:0 0 7px}.eyebrow{color:var(--cyan)}.hero .lead{color:#b8d0e0;line-height:1.82}.hero .orbbox{height:490px;background:url('future-glass.webp') center / cover no-repeat;border:1px solid rgba(108,214,253,.43);border-radius:22px;box-shadow:0 20px 80px #0006,0 0 52px #0d89cf26;overflow:hidden}.hero .orbbox:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,12,25,.54) 100%);pointer-events:none}.hero .orb{display:none}.hero .orbbox .float{padding:12px 16px;color:#e4f6ff;background:rgba(5,28,50,.64);border:1px solid #71cdf56b;backdrop-filter:blur(14px)}.hero .orbbox .float strong{font-size:16px}.hero .orbbox .f1{top:21px;left:17px}.hero .orbbox .f2{bottom:19px;right:18px}.btn,.pill{border-radius:12px}.btn.primary,.pill.primary{background:linear-gradient(110deg,#198fdb,#4cceff);color:#041c2d;box-shadow:0 8px 27px rgba(31,158,229,.23)}.card,.panel{background:linear-gradient(145deg,rgba(27,59,87,.64),rgba(9,22,40,.8));border-color:var(--border);backdrop-filter:blur(11px)}.card:hover,.card.selected{border-color:#75d5ff}.card .bottom b,.card .arrow{color:#80d8ff}input[type=range]{accent-color:#66d7ff}
@media (max-width:970px){.hero{grid-template-columns:1fr 1fr;gap:17px}.hero .orbbox{height:385px}.hero h1{font-size:49px}}
@media (max-width:720px){.top{height:auto;min-height:85px;flex-wrap:wrap;padding:16px 0}.hero{grid-template-columns:1fr;gap:20px;padding:38px 0}.hero .orbbox{height:350px}.hero h1{font-size:clamp(42px,10vw,64px)}.logo{font-size:23px}}
@media (max-width:420px){.hero .orbbox{height:270px}.hero .orbbox .float{font-size:10px;padding:8px 10px}.hero .orbbox .float strong{font-size:12px}.hero-slogan{font-size:26px}}
[dir=rtl] .hero h1{direction:ltr;text-align:right}[dir=rtl] .hero .orbbox{direction:ltr}[dir=rtl] .logo{direction:ltr}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Consistent typeface even without external fonts */
h1,h2,h3,.section-title,.panel h2,.q,.logo,.float strong,.card h3,.card,.btn{font-family:Inter,'Segoe UI',Arial,'Noto Sans',sans-serif!important}
@media (max-width:800px){.top nav a{display:inline-block;font-size:12px}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top .pill{padding:8px 10px}.top{justify-content:space-between}}
@media (max-width:560px){.top nav{order:3;width:100%;justify-content:space-between}.top nav a{font-size:11px}.top .pill{font-size:10px;padding:6px 9px}.langwrap{margin-left:auto}}
[dir=rtl] .hero .orbbox .float.f1{left:auto;right:17px;max-width:210px}
[dir=rtl] .hero .orbbox .float.f2{right:auto;left:18px;max-width:220px}

/* Future Garden preview */
.garden-demo-section{padding:38px 0 16px}.garden-demo-card{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:22px;padding:34px;border:1px solid rgba(104,219,246,.4);border-radius:22px;background:radial-gradient(circle at 75% 50%,#13789333,transparent 53%),linear-gradient(130deg,#15374aaf,#081f35dc);backdrop-filter:blur(12px)}.garden-demo-card h2{font-size:clamp(28px,3.3vw,42px);margin:10px 0}.garden-demo-lead{line-height:1.75;color:#b9d8e6}.garden-demo-note{color:#8da9c3;font-size:12px}.garden-demo-display{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.garden-demo-display span{font-size:clamp(26px,3vw,43px);min-width:65px;min-height:65px;display:grid;place-items:center;border:1px solid #6ad8fa70;border-radius:14px;background:#09253ea8}.garden-demo-result{min-height:35px;margin-top:14px;color:#adfff0;font-size:23px;font-weight:700}[dir=rtl] .garden-demo-card{text-align:right}@media(max-width:720px){.garden-demo-card{grid-template-columns:1fr;padding:22px}.garden-demo-display span{min-width:48px;min-height:48px;font-size:29px}}

/* Global Signals visual preview -- no real data shown */
.signal-demo-section{padding:30px 0}.signal-demo-card{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:center;border:1px solid #73d6f859;border-radius:22px;background:radial-gradient(circle at 79% 40%,#277dc143,transparent 43%),linear-gradient(140deg,#13304fd9,#071626dd);padding:32px}.signal-demo-card h2{font-size:clamp(30px,4vw,45px);margin:10px 0}.signal-demo-lead{color:#b5d4e7;line-height:1.75}.signal-demo-note{color:#9ab9cf;font-size:12px}.signal-demo-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.signal-demo-chips span{border:1px solid #6bc5eb80;border-radius:99px;color:#b7ecff;padding:7px 12px;font-size:10px;letter-spacing:.09em}.signal-demo-map{display:grid;place-items:center;position:relative;min-height:230px;background:radial-gradient(circle at center,#31c5ff28,transparent 60%)}.signal-demo-planet{font-size:clamp(95px,13vw,165px);color:#71daf9;text-shadow:0 0 45px #3bcbff70}.signal-demo-tags{position:absolute;display:flex;gap:12px;bottom:5px;color:#98d7fb;font-size:9px;letter-spacing:.09em}[dir=rtl] .signal-demo-copy{text-align:right}@media(max-width:720px){.signal-demo-card{grid-template-columns:1fr;padding:22px}.signal-demo-map{min-height:160px}.signal-demo-planet{font-size:110px}}