@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Sora:wght@400;500;600;700&display=swap');
:root{--bg:#090a12;--panel:#171924;--violet:#9b72ff;--cyan:#54e3f0;--gold:#e6bd75;--text:#f2f3f7;--muted:#adb2c5;--line:#353749}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skip{position:absolute;top:-80px;left:20px;z-index:99;background:white;color:black;padding:10px}.skip:focus{top:15px}.wrap{max-width:1320px;margin:auto;padding:0 38px}header{height:82px;position:sticky;top:0;z-index:20;background:#090a12eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{display:flex;gap:12px;align-items:center;font:12px Sora;letter-spacing:.18em;line-height:1.2}.brand small{display:block;font:8px 'IBM Plex Mono';letter-spacing:.26em;color:var(--muted);margin-top:5px}.logo{font-size:42px;color:var(--violet);text-shadow:0 0 24px #9b72ff}.brand strong{font-weight:700}nav{display:flex;gap:23px}nav a{font-size:12px;color:#c4c7d3}nav a:hover,.text-link{color:var(--cyan)}.head-cta{border:1px solid var(--violet);padding:12px 15px;border-radius:7px;font:10px 'IBM Plex Mono'}#menu{display:none;background:none;border:0;color:white;font-size:27px}.hero{position:relative;overflow:hidden;min-height:730px;background:radial-gradient(ellipse at 77% 44%,#24204c,#101329 34%,#090a12 70%)}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:56% 44%;min-height:665px;align-items:center}.hero-copy{position:relative;z-index:2;padding:65px 0}.eyebrow,.kicker,.tag,.hero-foot,.float-label{font:10px 'IBM Plex Mono';letter-spacing:.12em;color:var(--cyan)}.eyebrow span{color:var(--gold);margin-left:12px}h1,h2,h3{font-family:Sora,Arial,sans-serif}h1{font-size:clamp(48px,5vw,78px);line-height:1.12;letter-spacing:-.06em;margin:23px 0}h1 em,h2 em,.final-section em{font-style:normal;color:var(--violet)}.lead{font-size:18px;line-height:1.7;color:#c4c7d5;max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{border:1px solid #67647c;border-radius:7px;padding:16px 21px;font:11px 'IBM Plex Mono';letter-spacing:.04em;background:transparent;color:white}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(120deg,#8d5aea,#4b278e);border-color:var(--violet)}.stats{display:flex;gap:25px;margin-top:65px}.stats>div{padding-right:25px;border-right:1px solid var(--line)}.stats b{display:block;font:25px Sora;color:var(--cyan)}.stats small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.hero-art{height:530px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,transparent 40%,#6752d01a 53%,transparent 70%)}.sphere{width:350px;height:350px;max-width:85%;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#9dbeef55,transparent 30%),radial-gradient(circle at 55% 50%,#754ad488,#13234a 55%,#04050b 80%);border:1px solid #a3caff66;box-shadow:0 0 80px #6d65e666,inset -20px -20px 60px #000;animation:float 9s ease-in-out infinite}.sphere i{position:absolute;inset:12%;border:2px solid #54e3f088;border-radius:50%;transform:rotate(30deg) scaleX(.42)}.sphere i:nth-child(2){transform:rotate(-45deg) scaleX(.48);border-color:var(--violet)}.sphere i:nth-child(3){transform:rotate(82deg) scaleX(.55);border-color:var(--gold)}.float-label{position:absolute;color:#b8c5e2}.one{top:15%;left:0}.two{right:0;top:40%}.three{bottom:18%;left:4%}.hero-art small{position:absolute;bottom:0;right:0;font:9px 'IBM Plex Mono';color:#8b8da1}.hero-foot{position:relative;display:flex;justify-content:space-between;padding-bottom:25px;color:#8f94b0}.hero-foot a{color:var(--cyan)}.section{padding:110px 0;scroll-margin-top:80px}.section h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.18;margin:20px 0 30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%}.prose{line-height:1.85;color:var(--muted)}.prose .intro{font-size:22px;line-height:1.55;color:#e2e5ee}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.chips span{border:1px solid var(--line);padding:9px;border-radius:20px;font:11px 'IBM Plex Mono'}.darker{background:#0e101b}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head>p{max-width:370px;color:var(--muted);line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.pub,.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px}.card{overflow:hidden;padding-bottom:30px;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card-art{height:170px;background:radial-gradient(circle,#56338b99,#0c1223 65%);display:grid;place-items:center}.art2{background:radial-gradient(circle,#235c7699,#0c1223 65%)}.art2 svg{width:85%}.network{font-size:53px;color:var(--cyan);text-shadow:0 0 20px var(--violet)}.network span{color:var(--violet)}.mini-orb{width:120px;height:120px;border:2px solid var(--violet);border-radius:50%;box-shadow:0 0 40px var(--violet),inset 0 0 30px #54e3f077}.card>.kicker,.card h3,.card p,.card>a{margin-left:25px;margin-right:25px}.card>.kicker{display:block;margin-top:25px}.card h3{font-size:20px;line-height:1.35;min-height:55px}.card p,.pub p{color:var(--muted);font-size:14px;line-height:1.75}.card p{min-height:105px}.card a,.pub a,.text-link{font:11px 'IBM Plex Mono';color:var(--cyan)}.panel{padding:30px;background:linear-gradient(145deg,#171a2a,#0e101a)}.pipeline{display:flex;align-items:center;gap:10px;padding-bottom:40px;border-bottom:1px solid var(--line)}.pipeline>div{flex:1;min-height:115px;padding:15px 10px;border:1px solid #293047;border-radius:7px;background:#111725}.pipeline b{display:block;color:var(--cyan);font:12px 'IBM Plex Mono';margin-bottom:13px}.pipeline strong{display:block;font:12px Sora}.pipeline small{display:block;color:var(--muted);font-size:10px;margin-top:10px}.pipeline>span{color:var(--violet)}.evidence-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:32px 0 12px}.evidence-top h3{font-size:20px;margin:0 0 8px}.evidence-top p,.evidence p{font-size:12px;color:var(--muted);line-height:1.7}.filters{display:flex;gap:5px}.filters button,.tabs button{background:transparent;color:#c4c6d4;border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:11px}.filters .active,.tabs .active{background:#3a285e;border-color:var(--violet)}.evidence article{display:grid;grid-template-columns:105px 1fr 25px;gap:16px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.evidence article>span{color:var(--gold);font:10px 'IBM Plex Mono'}.evidence h4{margin:0 0 5px;font-size:15px}.evidence p{margin:0}.evidence a{color:var(--cyan);font-size:22px}.footnote{font-size:11px;color:#8a8ea4}.pubs{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}.pub{padding:25px;min-height:350px;display:flex;flex-direction:column}.pub.featured{padding:0}.cover{height:175px;background:radial-gradient(circle at 65% 50%,#5d378e,#0b1226 55%);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.cover span,.cover small{font:9px 'IBM Plex Mono';color:var(--cyan)}.cover strong{font:60px Sora;text-align:center}.pub.featured>div:last-child{padding:25px}.tag{font-size:9px}.pub h3{font-size:19px;line-height:1.45;margin:17px 0}.pub a,.pub>small{margin-top:auto}.pub>small{font:10px 'IBM Plex Mono';color:var(--gold)}.horizon{background:radial-gradient(circle at 80% 50%,#292147,#0b0d17 60%)}.horizon p{line-height:1.8;color:var(--muted)}.tabs{display:flex;flex-direction:column;gap:9px;margin-top:25px}.tabs button{text-align:left;padding:14px}.scenario-card{min-height:440px;position:relative;overflow:hidden;padding:40px;border:1px solid #66588d;border-radius:12px;background:radial-gradient(circle at 65% 5%,#413b81,#131627 58%)}.scenario-art{position:absolute;right:-120px;top:-150px;width:400px;height:400px;border:2px solid #9b72ff77;border-radius:50%;box-shadow:0 0 55px #9b72ff77,inset 0 0 50px #54e3f044}.scenario-card>span{position:relative;font:10px 'IBM Plex Mono';color:var(--cyan)}.scenario-card h3{position:relative;font-size:31px;margin:110px 0 20px}.scenario-card p{position:relative}.scenario-card small{position:relative;display:block;margin-top:40px;color:var(--gold);font:10px 'IBM Plex Mono'}.founder-title{color:var(--cyan)!important;font:12px 'IBM Plex Mono'}.final-section{text-align:center;padding:120px 0;background:radial-gradient(circle at 50% 30%,#302153,#090a12 60%)}.final-section h2{font:700 clamp(54px,8vw,110px)/1.08 Sora;letter-spacing:-.07em;margin:30px 0}.final-section p:not(.kicker){max-width:580px;margin:auto;color:var(--muted);line-height:1.8}.final-section .actions{justify-content:center}.final-section #share-status{margin-top:15px;color:var(--cyan)}footer{padding:60px 0 25px;background:#080910;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid p{color:var(--muted);font-size:13px;max-width:300px;line-height:1.7;margin-top:25px}.footer-grid h4{color:var(--cyan);font:11px 'IBM Plex Mono'}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:13px;margin:15px 0}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;color:#858ba1;font:10px 'IBM Plex Mono'}@keyframes float{50%{transform:translateY(-16px)}}@media(max-width:1100px){nav{gap:12px}nav a{font-size:10px}.hero-inner{grid-template-columns:58% 42%}.sphere{width:290px;height:290px}.float-label{font-size:8px}}@media(max-width:850px){header{height:72px}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px;background:#121421;flex-direction:column;align-items:start;gap:20px}nav.open{display:flex}nav a{font-size:15px}.head-cta{display:none}#menu{display:block}.hero-inner{display:block;min-height:auto}.hero-copy{padding:70px 0 0}.hero-art{height:360px}.sphere{width:250px;height:250px}.hero{min-height:auto}.hero-foot{padding-bottom:25px}.split,.cards,.pubs{grid-template-columns:1fr}.section-head{display:block}.section-head>p{max-width:650px}.card p{min-height:0}.card h3{min-height:0}.pub{min-height:260px}.pipeline{flex-wrap:wrap}.pipeline>div{min-width:130px}.pipeline>span{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:520px){.wrap{padding:0 21px}.brand{font-size:10px}.logo{font-size:35px}h1{font-size:43px}.eyebrow{font-size:8px}.lead{font-size:16px}.stats{gap:10px;margin-top:40px}.stats>div{padding-right:10px}.stats b{font-size:20px}.stats small{font-size:9px}.hero-art{height:290px}.sphere{width:205px;height:205px}.float-label{font-size:7px}.section{padding:75px 0}.section h2{font-size:36px}.prose .intro{font-size:19px}.panel{padding:16px}.pipeline{display:grid;grid-template-columns:1fr 1fr}.pipeline>div{min-width:0;min-height:100px}.evidence-top{display:block}.filters{margin:18px 0}.evidence article{grid-template-columns:1fr 25px}.evidence article>span{grid-column:1/-1}.scenario-card{padding:25px}.scenario-card h3{font-size:26px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block;line-height:2}.hero-foot{font-size:8px}.final-section h2{font-size:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sphere{animation:none}*{transition:none!important}}

/* Quantum Civilization V1.1 */
html{scroll-padding-top:86px}.section{scroll-margin-top:86px}
.quantum-feature{margin:0 0 26px;position:relative;overflow:hidden;border:1px solid #42415d;border-radius:14px;background:#0b1021}
.quantum-feature img{display:block;width:100%;height:clamp(240px,37vw,470px);object-fit:cover;object-position:center 52%;filter:saturate(.88)}
.quantum-feature:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#090a12c7);pointer-events:none}
.quantum-feature figcaption{position:absolute;bottom:20px;left:26px;right:26px;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:end;color:#e6e9f3;font-size:12px}
.quantum-feature figcaption span:first-child{font:12px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#54e3f0}
.quantum-feature figcaption span:last-child{color:#b8bdd1;text-align:right;font-size:11px}
.card-art.art1 img{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.82)}
.card-art.art1{position:relative}.card-art.art1:after{content:"CONCEPTUAL ART";position:absolute;right:12px;bottom:9px;font:9px 'IBM Plex Mono';letter-spacing:.12em;color:#f2f3f7;background:#080b18bd;padding:6px 8px;border-radius:3px}
.observatory{background:linear-gradient(145deg,#101323,#0a0c15)}
.observatory-shell{border:1px solid #3a405a;border-radius:16px;background:#131622;overflow:hidden;box-shadow:0 22px 80px #0003}
.observatory-bar{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:27px 30px;border-bottom:1px solid #32384d;background:linear-gradient(100deg,#1a2031,#111421)}
.observatory-bar .tag{font-size:12px}.observatory-bar p{margin:10px 0 0;color:#aeb4c9;font:12px 'IBM Plex Mono'}
.live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#54e3f0;box-shadow:0 0 12px #54e3f066;margin-right:12px}
.observatory-controls{display:flex;gap:9px;flex-wrap:wrap}
.observatory-controls input,.observatory-controls select{border:1px solid #414963;border-radius:7px;background:#0c1120;color:#eef1fa;padding:12px 13px;font:13px Inter,Arial,sans-serif;min-width:160px}
.observatory-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.obs-item{padding:29px 30px;border-bottom:1px solid #303649;min-height:250px;display:flex;flex-direction:column;gap:11px}
.obs-item:nth-child(odd){border-right:1px solid #303649}
.obs-meta{display:flex;flex-wrap:wrap;gap:11px;align-items:center;font:10px 'IBM Plex Mono';letter-spacing:.04em;color:#8fdce7}
.obs-meta .obs-category{color:#e6bd75;text-transform:uppercase}
.obs-item h3{font-size:19px;line-height:1.45;margin:0;letter-spacing:-.025em}
.obs-item p{font-size:13px;line-height:1.75;color:#b9bfd0;margin:0}
.obs-item .obs-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.obs-item .obs-evidence{color:#a7a9c1;font:10px 'IBM Plex Mono';line-height:1.5}
.obs-item a{color:#54e3f0;font:11px 'IBM Plex Mono';white-space:nowrap}
.observatory-bottom{padding:23px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#101421}
.observatory-bottom p{color:#a6aec3;font-size:12px;line-height:1.7;max-width:700px;margin:0}
.observatory-bottom a{color:#54e3f0;font:11px 'IBM Plex Mono';white-space:nowrap}
.obs-loading{padding:24px;color:#a6aec3}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-bottom span{display:block;max-width:49%;overflow-wrap:anywhere}
@media(max-width:850px){.observatory-bar{display:block}.observatory-controls{margin-top:18px}.observatory-feed{grid-template-columns:1fr}.obs-item:nth-child(odd){border-right:0}.observatory-bottom{display:block}.observatory-bottom a{display:inline-block;margin-top:15px}.quantum-feature img{height:320px}}
@media(max-width:520px){.quantum-feature img{height:250px}.quantum-feature figcaption{left:16px;right:16px;bottom:13px;display:block}.quantum-feature figcaption span{display:block;text-align:left!important;margin-top:6px}.observatory-bar,.obs-item,.observatory-bottom{padding:22px 18px}.observatory-controls input,.observatory-controls select{width:100%}.footer-bottom span{max-width:100%;margin-bottom:12px}}

/* V1.2 mobile layout and observatory stability */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
.wrap,.hero-inner,.section,.split,.cards,.pubs,.panel,.observatory-shell,.observatory-bar,.observatory-feed,.footer-grid{min-width:0}
.split>* , .cards>* , .pubs>* , .footer-grid>* , .observatory-bar>*{min-width:0}
.hero-art,.hero-copy{min-width:0}
.observatory-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center}
.observatory-controls{display:grid;grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:10px;min-width:0}
.observatory-controls input,.observatory-controls select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.obs-item,.obs-item h3,.obs-item p,.obs-bottom,.obs-bottom>*{min-width:0;overflow-wrap:break-word}
.obs-bottom{flex-wrap:wrap}
.footer-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}
.footer-bottom span{max-width:none;min-width:0;overflow-wrap:anywhere}
@media(max-width:850px){
  .observatory-bar{display:flex;flex-direction:column;align-items:stretch;gap:20px}
  .observatory-controls{margin-top:0;grid-template-columns:minmax(0,1fr) 142px;width:100%}
  .hero-art{overflow:hidden}
  .footer-bottom{grid-template-columns:1fr}
  nav.open{max-height:calc(100dvh - 72px);overflow-y:auto}
}
@media(max-width:520px){
  .wrap{width:100%;max-width:100%;padding-inline:20px}
  .section h2{font-size:clamp(31px,9vw,39px)}
  h1{font-size:clamp(35px,10vw,44px);overflow-wrap:normal}
  .hero-copy{padding-top:58px}
  .hero-inner{width:100%}
  .observatory-controls{grid-template-columns:minmax(0,1fr)}
  .observatory-controls input,.observatory-controls select{width:100%;min-width:0;font-size:16px;line-height:1.4;min-height:46px}
  .observatory-bar,.obs-item,.observatory-bottom{padding:22px 18px}
  .observatory-feed{display:block}
  .obs-item{min-height:0}
  .obs-item h3{font-size:19px}
  .obs-meta{row-gap:7px}
  .obs-bottom{align-items:flex-start}
  .footer-bottom{font-size:10px;line-height:1.8;gap:10px}
  .quantum-feature{width:100%;max-width:100%}
  .quantum-feature img{max-width:100%;height:230px}
  .hero-foot{flex-wrap:wrap;gap:10px}
  .stats{flex-wrap:wrap}
  .section-head{max-width:100%}
}
