/* W8 / Xingchuang — local, dependency-free, responsive site. */
:root{color-scheme:dark;--bg:#0b0e14;--surface:#111620;--line:rgba(218,230,248,.13);--text:#f0f1f1;--muted:#a4acbb;--blue:#afcaff;--blue-soft:#c6d7f6;--warm:#eadbca;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ease:cubic-bezier(.22,.68,0,1.02)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7}body.menu-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}button,textarea{border-radius:0}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#aac8ff;color:#0b0e14}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg{display:block}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.skip-link{position:fixed;z-index:200;left:20px;top:12px;padding:10px 18px;background:var(--blue);color:var(--bg);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:2px;display:flex;align-items:center;gap:15px;color:var(--muted)}.section-number{color:var(--blue);letter-spacing:0}.section-anchor{scroll-margin-top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,14,20,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,230,245,.08)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:43px;height:43px;color:#d5e1f5}.brand-text{font-size:20px;line-height:1.35;letter-spacing:1.5px;font-weight:600}.brand-text small{display:block;font:8px/1.7 var(--mono);letter-spacing:2.8px;color:var(--muted);padding-top:3px}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:auto;padding-left:48px}.desktop-nav a{font-size:13px;color:#a7afbd;position:relative;transition:color .25s}.desktop-nav a::before{position:absolute;content:"";width:4px;height:4px;background:var(--blue);border-radius:50%;bottom:-10px;left:calc(50% - 2px);opacity:0;transition:opacity .25s}.desktop-nav a.active,.desktop-nav a:hover{color:var(--text)}.desktop-nav a.active::before{opacity:1}.header-link{display:flex;align-items:center;gap:22px;font-size:12px;padding:9px 15px 9px 19px;border:1px solid #414957;border-radius:4px;transition:background .2s}.header-link:hover{background:#1d2635}.header-link .icon{width:17px;height:17px}.menu-toggle{border:0;background:none;width:44px;height:44px;display:none;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--text);margin:7px 0;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{padding:15px 28px 28px;background:#0e121b;border-top:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.mobile-nav a span{color:var(--muted);font:12px var(--mono)}
/* The canvas does not own scrolling or cover the primary calls to action. */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 79% 44%,#15203355,transparent 52%),var(--bg)}.hero-inner{position:relative;min-height:772px;display:flex;align-items:center;padding-bottom:73px}.hero-copy{position:relative;z-index:3;width:54%;padding:90px 0 63px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-eyebrow{font-size:10px;letter-spacing:2.1px;color:#bac4d4;margin-bottom:31px}.tiny-orbit{height:10px;width:10px;border:1px solid #a7b5cd;border-radius:50%;display:block;position:relative}.tiny-orbit:after{content:"";height:5px;width:17px;border:1px solid #a7b5cd;border-radius:50%;position:absolute;top:1px;left:-5px;transform:rotate(-30deg)}h1{font-size:clamp(54px,5.35vw,83px);line-height:1.3;letter-spacing:-3px;font-weight:650;white-space:nowrap}h1 span{color:var(--blue-soft)}.hero-description{font-size:15px;color:#adb6c6;line-height:2.05;margin-top:28px;letter-spacing:.3px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:36px;border:1px solid transparent;padding:13px 22px;border-radius:4px;font-size:13px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#0e1a2d;box-shadow:0 0 32px #a6c3ff0d}.button-primary:hover{background:#c9dcff;box-shadow:0 5px 32px #a6c3ff20}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#ccd2dc}.text-link .icon{width:16px;height:16px;transition:transform .25s}.text-link:hover .icon{transform:translateY(4px)}.hero-footnote{display:flex;gap:12px;align-items:center;color:#8c96a7;font-size:11px;letter-spacing:1px;margin-top:53px}.small-star{font-size:21px;color:#acbedc;font-weight:400}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#919cad;font:10px var(--mono);letter-spacing:1.5px;z-index:4}.scroll-cue{display:flex;align-items:center;gap:14px;font-family:var(--font);letter-spacing:1px}.scroll-line{width:1px;height:29px;background:linear-gradient(#93afd7,transparent)}.hero-bottom-note{display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:1.8px}.hero-bottom-note i{font-size:16px;color:#7c8799;font-style:normal}.hero-index{font-size:10px}.star-field{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 27%,#e6eaff88 0 .7px,transparent 1px),radial-gradient(circle at 79% 15%,#e6eaff66 0 1px,transparent 1.5px),radial-gradient(circle at 47% 58%,#b1c5ed66 0 .7px,transparent 1px),radial-gradient(circle at 88% 71%,#e6eaffaa 0 .7px,transparent 1px),radial-gradient(circle at 65% 80%,#e6eaff66 0 .7px,transparent 1px),radial-gradient(circle at 97% 32%,#e6eaff88 0 1px,transparent 1.5px);background-size:613px 479px;opacity:.5}.planet-stage{position:absolute;width:63%;height:700px;right:-7%;top:22px;z-index:2;isolation:isolate}.planet-halo{position:absolute;inset:15% 12%;border-radius:50%;background:radial-gradient(ellipse,#7f9bc519,transparent 69%);pointer-events:none}.orbit-drawing{position:absolute;width:80%;height:80%;left:10%;top:9%;border:1px solid #b4c8e013;border-radius:50%;pointer-events:none}.orbit-drawing:after{content:"";inset:9%;border:1px dashed #b4c8e00e;border-radius:50%;position:absolute}.orbit-drawing span{position:absolute;width:7px;height:7px;border-radius:50%;background:#b4c8e0;top:18%;left:11%;box-shadow:0 0 10px #b4c8e026}.orbit-drawing i{position:absolute;width:4px;height:4px;border-radius:50%;background:#b4c8e0;right:8%;bottom:23%;opacity:.5}#planet-canvas{width:100%;height:100%;display:block;position:relative;z-index:2;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .65s;border-radius:8px}#planet-canvas.is-ready{opacity:1}#planet-canvas.is-dragging{cursor:grabbing}#planet-canvas:focus-visible{outline-offset:-36px}.planet-caption{position:absolute;left:9%;bottom:23%;font:11px var(--mono);letter-spacing:2px;display:flex;align-items:flex-start;gap:14px;z-index:3;pointer-events:none}.planet-caption small{font:10px var(--font);letter-spacing:1px;display:block;margin-top:7px;color:#8e9aaa}.caption-line{width:38px;height:1px;background:#778ca266;margin-top:7px}.stage-coordinate{position:absolute;right:9%;top:15%;font:8px var(--mono);writing-mode:vertical-rl;letter-spacing:2px;color:#879bb5;opacity:.65;pointer-events:none}.planet-toolbar{display:flex;gap:12px;align-items:center;position:absolute;bottom:59px;left:50%;transform:translateX(-50%);z-index:4;background:#131b26bb;border:1px solid #abbdd322;border-radius:30px;padding:5px 10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.palette-control{display:flex;gap:2px}.palette-choice{border:1px solid transparent;background:none;border-radius:50%;padding:6px;width:30px;height:30px;display:grid;place-items:center}.palette-choice span{height:13px;width:13px;border-radius:50%;background:#e1d8c8;display:block;box-shadow:inset -2px -2px 4px #0005}.palette-choice[data-palette="1"] span{background:#90b8ed}.palette-choice[data-palette="2"] span{background:#d79878}.palette-choice.is-selected{border-color:#bdcce766}.toolbar-divider{height:15px;width:1px;background:#ffffff22}.motion-toggle{display:flex;align-items:center;gap:7px;padding:4px 2px;font-size:10px;white-space:nowrap;border:0;background:none;min-height:30px}.motion-icon{width:8px;height:10px;border-left:2px solid #b6c4d8;border-right:2px solid #b6c4d8;display:block}.motion-toggle[aria-pressed=true] .motion-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #b6c4d8;border-right:0}.reset-orbit{display:grid;place-items:center;border:0;background:none;width:30px;height:30px;padding:4px;color:#a4b4cc}.reset-orbit .icon{width:15px;height:15px}.planet-hint{position:absolute;bottom:34px;left:0;right:0;text-align:center;font-size:10px;color:#8e9bb0;letter-spacing:1px;z-index:3;pointer-events:none}.planet-fallback{position:absolute;inset:0;pointer-events:none;z-index:1;transition:opacity .4s}.planet-fallback.has-poster{background:url('planet-poster.webp?v=2.1.0') center/contain no-repeat}.planet-fallback.has-poster>*{display:none}.planet-fallback.is-hidden{opacity:0}.fallback-sphere{position:absolute;width:39%;aspect-ratio:1;left:31%;top:27%;border-radius:50%;background:radial-gradient(circle at 29% 24%,#f0e9db,#b1adac 38%,#697583 57%,#1c2635 76%);box-shadow:inset -10px -10px 30px #0005}.fallback-orbit{position:absolute;width:81%;height:27%;left:10%;top:38%;border:23px solid #aeb8cc;border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 0 2px #dae4f733,0 0 0 9px #8998aa33}.fallback-orbit.front{clip-path:inset(50% -15% -40% -15%)}
/* Section 01: a pair of destinations, not a wall of feature cards. */
.sites-section{padding:106px 0 112px;border-top:1px solid var(--line);background:linear-gradient(180deg,#0e131c,#0b0e14)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:43px}h2{font-size:clamp(34px,3vw,46px);letter-spacing:-1.5px;line-height:1.45}.section-heading h2{margin-top:20px}.section-heading h2 span{color:#9caabe}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.95;padding-bottom:3px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.site-card{border:1px solid #b6c6dd26;border-radius:8px;overflow:hidden;position:relative;transition:border-color .35s,transform .45s,box-shadow .45s;display:block;background:#141b27}.site-card:hover{border-color:#a2bde15c;transform:translateY(-5px);box-shadow:0 22px 45px #0003}.card-topline{display:flex;justify-content:space-between;align-items:center;padding:25px 28px 0;font:9px var(--mono);letter-spacing:1.6px;color:#b8c6da;position:relative;z-index:2}.card-topline>span{display:flex;align-items:center;gap:10px}.card-topline .icon{width:15px;height:15px;margin-left:8px}.site-dot{width:4px;height:4px;background:#b4caf2;border-radius:50%;display:block}.card-art{height:300px;position:relative;perspective:1000px;overflow:hidden;isolation:isolate}.blog-card{background:radial-gradient(ellipse at 50% 23%,#22344d,#141d2b 60%)}.lab-card{background:radial-gradient(ellipse at 50% 24%,#293139,#181e24 60%)}.art-coordinate{position:absolute;top:33px;left:29px;font:7px/1.8 var(--mono);letter-spacing:1.1px;color:#92a7c266;z-index:2}.art-cross{position:absolute;font:18px var(--mono);color:#b4c6df44}.cross-one{left:32px;bottom:24px}.cross-two{right:33px;top:33px}.journal-stack{position:absolute;width:210px;height:249px;top:17px;left:calc(50% - 105px);transform-style:preserve-3d;transform:rotateX(28deg) rotateY(-18deg) rotateZ(-22deg);transition:transform 1s var(--ease)}.site-card:hover .journal-stack{transform:rotateX(21deg) rotateY(-12deg) rotateZ(-15deg) translateY(-5px)}.journal-page{position:absolute;inset:0;border-radius:3px}.page-back{background:#445d80;transform:translateZ(-30px) translate(-17px,16px);box-shadow:-6px 12px 30px #0003}.page-middle{background:#87a6d1;transform:translateZ(-15px) translate(-8px,8px);box-shadow:-2px 2px 0 #7393bd,-4px 4px 0 #7898c4,-6px 6px 0 #688bb8}.page-front{background:#dce5ef;color:#27364a;padding:23px 23px 18px;box-shadow:inset 8px 0 0 #cedae8,inset 9px 0 0 #aabdd35c,0 0 0 1px #edf2f860;display:flex;flex-direction:column}.paper-top{font:7px var(--mono);letter-spacing:1px}.paper-title{font-size:28px;letter-spacing:-1px;line-height:1.5;margin-top:28px;font-weight:650}.paper-rules{display:block;height:25px;width:55px;background:repeating-linear-gradient(to bottom,transparent 0 7px,#32496744 7px 8px);margin-top:16px}.paper-bottom{display:flex;align-items:center;justify-content:space-between;font-size:7px;margin-top:auto}.paper-bottom>span{font-size:20px}.journal-shadow{position:absolute;width:260px;height:25px;left:calc(50% - 130px);bottom:14px;background:#0006;border-radius:50%;filter:blur(17px);transform:rotate(-12deg)}.lab-grid{position:absolute;bottom:-26px;left:10%;width:80%;height:210px;background-image:linear-gradient(#b9c6d511 1px,transparent 1px),linear-gradient(90deg,#b9c6d511 1px,transparent 1px);background-size:32px 32px;transform:rotateX(70deg) rotateZ(-15deg);mask-image:radial-gradient(ellipse,#000,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000,transparent 73%)}.sculpture{position:absolute;width:214px;height:214px;left:calc(50% - 107px);top:37px;transform-style:preserve-3d;transform:rotateZ(-25deg) rotateX(16deg);animation:sculpture-float 9s ease-in-out infinite}.sculpture-ring{position:absolute;inset:0;border:15px solid #abc2db;border-radius:50%;box-shadow:inset 3px 2px 6px #edf5ffcc,inset -3px -2px 7px #2c394dcc,4px 2px 5px #0a111899;background:transparent}.ring-a{transform:rotateY(58deg)}.ring-b{transform:rotateY(-58deg) rotateZ(32deg);border-color:#9aa9b6}.ring-c{transform:rotateX(63deg);border-color:#d7d1c6}.sculpture-core{position:absolute;inset:79px;background:radial-gradient(circle at 30% 25%,#eef2f8,#9eadc3 40%,#354051 77%);border-radius:50%;transform:translateZ(10px);box-shadow:2px 5px 12px #0003}.sculpture-bead{position:absolute;right:11px;bottom:35px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#ffe7be,#b79161 60%,#6b503c);transform:translateZ(35px);box-shadow:3px 6px 10px #0004}.lab-shadow{position:absolute;width:160px;height:20px;border-radius:50%;background:#0006;filter:blur(13px);left:calc(50% - 80px);bottom:7px}.card-copy{padding:10px 29px 23px}.card-domain{font:10px var(--mono);letter-spacing:1px;color:#8b9db7}.card-copy h3{margin-top:9px;font-size:25px;letter-spacing:-.5px;display:flex;align-items:center;gap:16px}.card-copy h3>span{font-size:11px;font-weight:400;color:#94a1b4;letter-spacing:.5px;border-left:1px solid #ffffff26;padding-left:15px}.card-copy p{font-size:12px;color:#a9b4c4;line-height:2;margin-top:15px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.card-tags{display:flex;gap:9px}.card-tags>span{font-size:10px;color:#afbbce;padding:3px 9px;border:1px solid #ffffff1c;border-radius:3px}.circle-arrow{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;border:1px solid #a6bbd647;transition:background .3s,color .3s,transform .3s}.circle-arrow .icon{width:17px;height:17px}.site-card:hover .circle-arrow{background:var(--blue);color:#0e1928;transform:rotate(45deg)}
/* Section 02: editorial whitespace and short, specific copy. */
.about-section{padding:30px 0 132px}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:13%}.about-copy h2{margin-top:26px;position:relative;display:inline-block;font-size:45px;line-height:1.5}.about-copy h2 span{color:#9dacc1}.about-spark{position:absolute;width:42px;height:42px;right:-83px;top:48px;fill:none;stroke:#bdd1ef;stroke-width:.8;transform:rotate(10deg)}.about-copy p{font-size:13px;line-height:2;color:#a6b0bf;margin-top:25px}.about-copy p+p{margin-top:10px}.about-signature{margin-top:32px;display:flex;align-items:center;gap:13px;font-size:10px;color:#a5b1c2;letter-spacing:1px}.about-signature>span:not(.signature-line){color:#586477}.signature-line{height:1px;width:29px;background:#aabbd344}.about-items{padding-top:21px}.about-item{display:flex;align-items:flex-start;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.about-item:first-child{border-top:1px solid var(--line)}.item-number{font:10px var(--mono);color:#8597ae;padding-top:7px}.about-item h3{font-size:17px;letter-spacing:.3px}.about-item p{font-size:12px;color:#98a4b7;line-height:1.9;margin-top:9px;max-width:300px}.about-item>.icon{width:15px;height:15px;margin-top:7px;margin-left:auto;color:#7b8ca4}
/* Section 03: the only form is a local-only, honestly labelled note tool. */
.notes-section{background:#dce5f0;color:#1c2b3e;padding:89px 0 90px;position:relative;overflow:hidden;color-scheme:light}.notes-section .eyebrow{color:#566b87}.notes-section .section-number{color:#334e74}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.notes-copy h2{font-size:43px;line-height:1.42;margin-top:24px;letter-spacing:-1px}.notes-intro{color:#576a83;font-size:13px;margin-top:17px}#note-form{margin-top:30px;max-width:392px}#note-form label{font-size:11px;color:#425773;display:block;margin-bottom:8px}.note-input-wrap{position:relative}#note-input{resize:vertical;min-height:100px;max-height:200px;width:100%;padding:15px 16px 25px;border:1px solid #889dbb77;border-radius:4px;background:#f4f7fb7a;color:#233752;font-size:12px;line-height:1.9;display:block}#note-input::placeholder{color:#60748e}#note-input:focus-visible{outline-color:#375e96;outline-offset:2px}#note-count{position:absolute;right:11px;bottom:7px;font:9px var(--mono);color:#687d98;pointer-events:none}.button-dark{background:#1b2c44;color:#eef3fb;margin-top:15px;font-size:12px;gap:44px;min-height:46px}.button-dark:hover{background:#304b71}.privacy-note{font-size:10px;color:#5f718b;margin-top:12px}.notes-section button:focus-visible{outline-color:#355e98}.note-display{perspective:1200px;padding:10px 6px 0}.note-card{width:100%;max-width:475px;margin-inline:auto;background:#f6f8fb;border:1px solid #fff;box-shadow:0 20px 50px #49648717,0 2px 5px #4964870d;border-radius:4px;position:relative;transform:rotate(4deg);transition:transform .5s var(--ease);padding:27px 28px 24px;min-height:320px;display:flex;flex-direction:column;overflow:hidden}.note-card::before{content:"";width:160px;height:160px;border:1px solid #91a6c128;position:absolute;right:-68px;top:-68px;border-radius:50%}.note-card::after{content:"";width:200px;height:200px;border:1px solid #91a6c11a;position:absolute;right:-88px;top:-88px;border-radius:50%}.note-display:hover .note-card{transform:rotate(1deg) translateY(-3px)}.note-card.generated{transform:rotate(0)}.note-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#536984;position:relative;z-index:2}.note-card-top>span:first-child{display:flex;align-items:center;gap:8px}.note-card-top .icon{width:15px;height:15px;stroke-width:1.3}#note-date{font-size:8px;color:#7b8ba0}.note-card-content{padding:25px 0 39px;position:relative;flex:1;z-index:2}.note-quote{font:65px/1 Georgia,serif;color:#bbcde4;display:block;height:39px}#note-text{font-size:25px;line-height:1.65;letter-spacing:-.5px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:350px}.note-card.generated #note-text{font-size:21px}.note-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #7189a733;padding-top:15px;font-size:9px;gap:10px;z-index:2}.note-card-bottom small{font:8px var(--mono);margin-left:10px;color:#7e8fa6}#note-id{font:8px var(--mono);color:#7087a5;letter-spacing:.7px}.note-stamp{position:absolute;right:28px;bottom:74px;width:77px;height:77px;border:1px solid #809dc433;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-15deg);color:#9aafcb;opacity:.45;pointer-events:none}.note-stamp span{font:6px var(--mono);letter-spacing:1px}.note-stamp .icon{height:22px;width:22px;margin:5px 0;stroke-width:1}.note-tools{display:flex;align-items:center;gap:23px;margin-top:32px;justify-content:center}.note-tools button{display:flex;align-items:center;gap:6px;font-size:10px;color:#405a7b;background:none;border:none;min-height:40px;padding:4px 0}.note-tools .icon{width:14px;height:14px}.note-tools button:hover:not(:disabled){color:#0a2850}.note-tools .clear-note{font-size:10px;border-bottom:1px solid transparent}.note-tools .clear-note:hover:not(:disabled){border-color:#405a7b}.noscript-note{font-size:12px;margin-top:18px}
.site-footer{padding:54px 0 23px}.footer-top{display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);padding-bottom:35px}.footer-wordmark{display:flex;gap:18px;align-items:center;font-size:32px;font-weight:600;letter-spacing:-1px}.footer-wordmark>svg{width:25px;height:25px;fill:none;stroke:#c5d8f2;stroke-width:.9}.footer-top>p{font-size:11px;letter-spacing:1px;color:#929eb1;margin-top:6px}.back-to-top{margin-left:auto;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .25s}.back-to-top:hover{background:#233148}.back-to-top .icon{transform:rotate(-90deg);width:17px;height:17px}.footer-bottom{padding-top:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#8995a8}.footer-bottom>div{display:flex;gap:27px;font:10px var(--mono)}.footer-bottom a:hover{color:var(--blue)}.footer-bottom a span{color:#7286a0;margin-left:3px}.footer-last{letter-spacing:1px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);max-width:calc(100% - 40px);width:max-content;background:#e3edfc;color:#142740;border:1px solid #a9bbd5;padding:11px 20px;border-radius:6px;box-shadow:0 8px 30px #0004;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.js-reveal .reveal{transition:opacity .7s ease,transform .9s var(--ease)}.js-reveal .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
@keyframes sculpture-float{0%,100%{transform:rotateZ(-25deg) rotateX(16deg) translateY(0)}50%{transform:rotateZ(-17deg) rotateX(22deg) translateY(-8px)}}
@media(min-width:1600px){.hero-inner{min-height:815px}.planet-stage{height:770px;right:-7%;top:0}.hero-copy{padding-top:110px}.hero{background:radial-gradient(ellipse at 68% 45%,#17253855,transparent 48%),var(--bg)}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.desktop-nav{gap:25px;padding-left:0}.header-inner{gap:22px}.hero-inner{min-height:710px}.hero-copy{width:60%}h1{font-size:clamp(54px,5.9vw,68px);letter-spacing:-2px}.planet-stage{width:68%;right:-12%;height:630px;top:47px}.hero-description{font-size:13px}.hero-eyebrow{font-size:8px;letter-spacing:1.8px}.about-grid{gap:9%}.about-copy h2{font-size:39px}.about-spark{right:-60px;width:34px;height:34px}.notes-grid{gap:8%}.note-card{padding:25px 23px}.card-copy h3{font-size:22px}.card-copy h3>span{font-size:10px;gap:8px;padding-left:10px}.card-art{height:285px}}
@media(max-width:900px){.desktop-nav{gap:22px}.desktop-nav a{font-size:12px}.brand-text{font-size:17px}.brand-mark{width:37px;height:37px}.brand{gap:9px}.header-link{gap:12px;padding-inline:12px}.header-inner{height:78px;gap:16px}.hero-inner{min-height:670px}.hero-copy{padding-top:64px}h1{font-size:51px}.planet-stage{width:70%;right:-17%;height:590px;top:38px}.hero-actions{gap:22px}.hero-actions .button{padding-inline:17px;gap:23px;font-size:12px}.hero-actions .text-link{font-size:12px}.hero-description{max-width:305px}.hero-footnote{margin-top:35px}.planet-caption{left:26%;bottom:24%}.caption-line{width:20px}.stage-coordinate{right:23%}.planet-toolbar{bottom:70px}.planet-hint{bottom:43px;font-size:9px}.sites-section{padding:80px 0 90px}.section-heading{gap:25px}h2{font-size:33px}.section-heading>p{font-size:11px}.card-topline{padding:23px 21px 0}.card-copy{padding:9px 21px 21px}.card-copy h3{font-size:21px;gap:9px;flex-wrap:wrap}.card-copy h3>span{font-size:9px}.card-copy p{font-size:11px}.card-art{height:265px}.journal-stack{width:180px;height:223px;left:calc(50% - 90px)}.paper-title{font-size:25px;margin-top:23px}.art-coordinate{font-size:6px;left:22px;top:28px}.sculpture{width:190px;height:190px;left:calc(50% - 95px);top:29px}.sculpture-core{inset:68px}.sculpture-ring{border-width:13px}.sculpture-bead{right:9px;bottom:30px}.site-grid{gap:18px}.about-grid{gap:9%}.about-copy h2{font-size:35px}.about-spark{right:-43px;width:27px;height:27px}.about-copy p{font-size:12px}.about-item{padding:25px 0;gap:17px}.about-item h3{font-size:15px}.about-item p{font-size:11px}.about-item>.icon{display:none}.about-section{padding-bottom:96px}.notes-section{padding:72px 0}.notes-copy h2{font-size:37px}.notes-grid{gap:7%}.notes-section .eyebrow{font-size:9px;letter-spacing:1px}.note-card{padding:23px 20px;min-height:305px}#note-text{font-size:23px}.note-card-top{font-size:9px}#note-date{font-size:7px}.note-card-bottom small{margin-left:5px}.note-tools{gap:15px}#note-input{font-size:11px}.footer-wordmark{font-size:29px}}
@media(max-width:720px){.container{width:calc(100% - 44px)}html{scroll-padding-top:76px}.header-inner{height:72px}.brand-text{font-size:18px}.brand-mark{width:36px;height:36px}.brand-text small{font-size:7px;letter-spacing:2px}.desktop-nav,.header-link{display:none}.menu-toggle:not([hidden]){display:block}.hero-inner{min-height:0;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:70px}.hero-copy{width:100%;padding:57px 0 0;z-index:3}.hero-eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:clamp(42px,8.2vw,60px);line-height:1.36;letter-spacing:-1.9px}.hero-description{font-size:13px;margin-top:23px;max-width:none;line-height:2}.hero-actions{margin-top:25px;gap:28px}.hero-actions .button{font-size:12px;min-height:47px;padding-inline:18px;gap:25px}.hero-actions .text-link{font-size:12px}.hero-footnote{display:none}.planet-stage{position:relative;width:calc(100% + 44px);height:auto;aspect-ratio:1.25;right:auto;top:auto;margin:0 -22px -2px;max-height:480px}.planet-caption{left:12%;bottom:22%;font-size:9px}.planet-caption small{font-size:8px}.stage-coordinate{right:11%;font-size:7px;top:18%}.planet-halo{inset:8% 10%}.orbit-drawing{width:73%;height:83%;left:14%;top:4%}.orbit-drawing span{width:5px;height:5px}.planet-toolbar{bottom:18px;padding:3px 8px;gap:7px;background:#151d29cc}.palette-choice{width:32px;height:32px;padding:6px}.motion-toggle{min-height:32px;font-size:10px;padding-inline:3px}.reset-orbit{width:32px;height:32px}.planet-hint{bottom:-10px;font-size:9px;letter-spacing:.5px}.hero-bottom{bottom:18px;font-size:9px}.hero-bottom-note{font-size:7px;letter-spacing:1px;gap:12px}.hero-index{display:none}.scroll-line{height:20px}.scroll-cue{font-size:9px;gap:10px}.star-field{opacity:.5}.sites-section{padding:61px 0 67px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:30px;margin-top:16px;line-height:1.5}.section-heading>p{font-size:12px;margin-top:17px;line-height:1.9}.section-heading>p br{display:none}.eyebrow{font-size:9px;letter-spacing:1.5px;gap:11px}.site-grid{grid-template-columns:1fr;gap:23px}.card-topline{padding:23px 25px 0;font-size:8px}.card-art{height:285px}.card-copy{padding:10px 25px 23px}.card-copy h3{font-size:24px;gap:15px}.card-copy h3>span{font-size:10px;padding-left:14px}.card-copy p{font-size:12px}.card-domain{font-size:9px}.card-tags>span{font-size:9px}.card-bottom{margin-top:20px}.journal-stack{width:200px;height:235px;left:calc(50% - 100px);top:23px}.paper-title{font-size:28px}.sculpture{width:206px;height:206px;left:calc(50% - 103px);top:38px}.sculpture-core{inset:74px}.sculpture-ring{border-width:14px}.art-coordinate{font-size:7px;left:25px}.about-section{padding:20px 0 67px}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy h2{font-size:35px;margin-top:22px}.about-spark{right:-78px;width:36px;height:36px;top:35px}.about-copy p{font-size:13px;margin-top:22px}.about-signature{margin-top:26px}.about-items{padding-top:0}.about-item{gap:22px;padding:23px 0}.about-item h3{font-size:16px}.about-item p{font-size:12px;max-width:none}.about-item>.icon{display:block}.notes-section{padding:56px 0 58px}.notes-grid{grid-template-columns:1fr;gap:49px}.notes-copy h2{font-size:36px;margin-top:21px}.notes-intro{font-size:13px}#note-form{max-width:none;margin-top:24px}#note-input{font-size:13px;min-height:96px}.button-dark{gap:39px;min-height:47px}.privacy-note{font-size:10px}.note-display{padding:0 10px}.note-card{min-height:320px;padding:25px;max-width:460px}.note-card-top{font-size:10px}#note-date{font-size:8px}#note-text{font-size:25px}.note-tools{margin-top:22px;gap:25px}.note-tools button{font-size:11px;min-height:44px}.note-tools .clear-note{font-size:11px}.site-footer{padding:36px 0 22px}.footer-top{flex-wrap:wrap;gap:17px;padding-bottom:26px}.footer-wordmark{font-size:26px;gap:14px}.footer-wordmark>svg{width:22px;height:22px}.footer-top>p{margin:0;font-size:10px}.back-to-top{width:35px;height:35px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:15px;padding-top:20px}.footer-bottom>div{gap:18px;font-size:9px}.footer-last{display:none}}
@media(max-width:380px){.container{width:calc(100% - 36px)}.hero-copy{padding-top:45px}.hero-eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:39px;letter-spacing:-1.7px}.hero-description{font-size:12px}.hero-actions{gap:19px}.hero-actions .button{padding-inline:14px;gap:19px}.hero-actions .text-link{font-size:11px}.planet-stage{width:calc(100% + 36px);margin-inline:-18px;aspect-ratio:1.16}.planet-caption{bottom:24%;left:8%}.stage-coordinate{right:7%}.section-heading h2{font-size:27px}.card-copy{padding-inline:21px}.card-copy h3{font-size:23px;gap:11px}.card-copy h3>span{font-size:9px;padding-left:10px}.card-copy p{font-size:11px}.card-art{height:260px}.journal-stack{width:181px;height:215px;left:calc(50% - 90.5px);top:19px}.paper-title{font-size:25px;margin-top:19px}.sculpture{transform:scale(.9);width:190px;height:190px;left:calc(50% - 95px);top:32px}.sculpture-core{inset:67px}.note-display{padding-inline:4px}.note-card{padding:23px 20px}.footer-top>p{font-size:9px}.footer-top{gap:12px}.footer-wordmark{font-size:23px}.about-spark{right:-62px}.about-copy h2{font-size:32px}}
@media(hover:none){.site-card:hover{transform:none}.site-card:hover .journal-stack{transform:rotateX(28deg) rotateY(-18deg) rotateZ(-22deg)}.note-display:hover .note-card{transform:rotate(4deg)}.note-display:hover .note-card.generated{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal .reveal:not(.is-visible){opacity:1;transform:none}}
@media print{.site-header,.planet-toolbar,.hero-actions,.hero-bottom,.note-tools,.toast,.site-footer,.star-field{display:none!important}body{background:white;color:#111}.container{width:100%}.hero-inner{min-height:400px}.hero-copy{padding:35px 0}.hero-copy h1{font-size:36px}.planet-stage{height:400px}.sites-section,.about-section,.notes-section{background:white;color:#111;padding:30px 0}.site-card{break-inside:avoid}.note-card{transform:none}.js-reveal .reveal{opacity:1!important;transform:none!important}}
.motion-paused .sculpture{animation-play-state:paused}

/* Keep annotations in negative space, away from the physical ring. */
.planet-caption{top:26%;bottom:auto;left:10%}
@media(max-width:900px) and (min-width:721px){.planet-caption{left:20%;top:24%}}
@media(max-width:720px){.planet-caption{left:14%;top:17%;bottom:auto}.stage-coordinate{display:none}}

/* Tablet landscape: fit the complete object instead of cropping the ring. */
@media(min-width:721px) and (max-width:1000px){
 .planet-stage{width:60%;right:-4%;height:480px;top:116px}
 .planet-caption,.stage-coordinate{display:none}
 .planet-toolbar{bottom:22px}.planet-hint{bottom:-5px}
}
/* ── XC / Aurora edition ──────────────────────────────────────────────
   The page is still plain HTML/CSS/JS. This layer replaces the quiet
   monochrome art direction without changing the note's local-only model. */
:root{--bg:#060811;--surface:#0d1221;--blue:#83e9fa;--blue-soft:#a2c8ff;--muted:#a4adc5;--accent:#72e5ff;--violet:#b68aff;--rose:#f29fd7;--line:#b7caff20}
body{background:#060811}
body[data-palette="1"]{--accent:#ad9aff;--violet:#f094db;--rose:#adc1ff}
body[data-palette="2"]{--accent:#ffbc81;--violet:#ff847b;--rose:#f4d996}
::selection{color:#090b15;background:#acdffb}
.site-header{background:#070912ce;border-bottom-color:#9aabdc19;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.header-inner{height:84px}.brand-mark{width:50px;height:47px;object-fit:contain;flex:none;filter:drop-shadow(0 0 12px #79bfff28)}
.brand{gap:10px}.brand-text{font-weight:650;font-size:20px;letter-spacing:2px}.brand-text small{font-size:8px;letter-spacing:3px;color:#95a0bb}
.desktop-nav a{font-size:13px;color:#adb3c7}.desktop-nav a.active:before{background:var(--accent);box-shadow:0 0 12px var(--accent)}
.header-link{border-radius:7px;border-color:#aebedc3d;background:linear-gradient(125deg,#b7d1ff0a,#b6a1ff08);padding-block:10px}
.header-link:hover{background:#272442;border-color:var(--violet)}
.hero{background:#060811;isolation:isolate;border-bottom:1px solid #a9b2ff1c}
.hero:after{content:"";position:absolute;height:1px;bottom:0;left:15%;right:15%;background:linear-gradient(90deg,transparent,#9cb4ff66,transparent)}
.cosmic-background{position:absolute;inset:0;background:url('nebula.webp') center/cover no-repeat;opacity:.88;pointer-events:none;z-index:-3}
.aurora-wash{position:absolute;inset:-8%;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 77% 44%,#4833db32,transparent 38%),radial-gradient(ellipse at 62% 70%,#009ac621,transparent 35%),radial-gradient(ellipse at 39% 6%,#801fca1f,transparent 30%);animation:aurora-drift 20s ease-in-out infinite alternate}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#06081199,transparent 57%),linear-gradient(0deg,#060811 0%,transparent 18%,transparent 88%,#06081166)}
.hero-inner{min-height:760px;padding-bottom:78px}.hero-copy{width:58%;padding:70px 0 62px}
.hero-eyebrow{letter-spacing:2.5px;font-size:10px;color:#b9c6e5;margin-bottom:32px}
.tiny-orbit{color:var(--accent);border-color:currentColor;box-shadow:0 0 12px #74ddff44}.tiny-orbit:after{border-color:currentColor}
.hero h1{font-size:clamp(55px,5.7vw,83px);line-height:1.29;letter-spacing:-3.5px;font-weight:700;color:#fafbff}
.hero h1>span{color:#bdd9ff;background:linear-gradient(108deg,#c3fbff 2%,#8dc9ff 34%,#c4a0ff 69%,#f9b4d7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.hero h1 .title-dot{color:#f9b4d7;background:inherit;-webkit-text-fill-color:inherit}
.hero-description{color:#b6bed4;font-size:15px;line-height:2.05;margin-top:26px}
.hero-actions{gap:31px;margin-top:34px}.button{border-radius:7px;min-height:53px;transition:transform .25s,box-shadow .3s,background .3s}
.button-primary{background:linear-gradient(112deg,#a1f1ff,#a4bbff 62%,#c1a3ff);color:#101829;border-top:1px solid #e8f6ff96;box-shadow:0 4px 26px #8273ff28,0 0 48px #77b8ff0a;position:relative;overflow:hidden}
.button-primary:after{content:"";position:absolute;inset:-100% -20%;transform:translateX(-100%) rotate(-25deg);background:linear-gradient(90deg,transparent,#fff7,transparent);transition:transform .7s}
.button-primary:hover{background:linear-gradient(112deg,#b6f6ff,#b7c5ff 62%,#d8baff);box-shadow:0 5px 38px #8273ff60;transform:translateY(-3px)}
.button-primary:hover:after{transform:translateX(100%) rotate(-25deg)}
.text-link{color:#d2d7e8}.hero-footnote{margin-top:48px;color:#99a6c3;font:10px var(--mono);letter-spacing:1.4px;gap:14px}
.small-star{color:var(--accent);font-size:24px;text-shadow:0 0 17px #65d6ff55}
.hero-bottom{bottom:25px;color:#aab9d2}.hero-bottom-note{font-size:9px;letter-spacing:2.4px}
.hero-index{display:flex;gap:9px;align-items:center;font:10px var(--font);letter-spacing:1px}.hero-index i{height:4px;width:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.star-field{opacity:.75;animation:star-drift 90s linear infinite;background-size:713px 579px}
.shooting-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.shooting-stars i{position:absolute;left:64%;top:18%;width:180px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#9ceaff);transform:rotate(-32deg);animation:shooting-star 13s linear infinite;box-shadow:0 0 8px #749fff55}
.shooting-stars i:nth-child(2){left:43%;top:5%;animation-delay:5.5s;width:110px;animation-duration:17s}.shooting-stars i:nth-child(3){left:92%;top:41%;animation-delay:8s;animation-duration:19s;width:140px}
.planet-stage{width:67%;height:730px;right:-5.5%;top:3px}
.planet-halo{inset:8% 5% 18%;background:radial-gradient(ellipse at 42% 48%,#17bbf820,transparent 43%),radial-gradient(ellipse at 74% 65%,#7b20ef20,transparent 50%);filter:blur(10px)}
.orbit-drawing{width:87%;height:82%;left:6.5%;top:4%;border-color:#889de524;transform:rotate(-20deg)}
.orbit-drawing:after{inset:8%;border-color:#9baef01b}.orbit-drawing:before{content:"";position:absolute;inset:-5%;border:1px solid #a0adf20c;border-radius:50%}
.orbit-drawing span{background:#b5eaff;box-shadow:0 0 7px #aaf5ff,0 0 28px #5c9effad;width:5px;height:5px}.orbit-drawing i{background:#c08bff;box-shadow:0 0 14px #976aff;opacity:.8}
.planet-caption{left:10%;top:13%;bottom:auto;color:#dae6ff;font-size:10px;gap:12px}.planet-caption b{font:10px var(--mono);letter-spacing:2px}.planet-caption small{color:#b9abc9;font:9px var(--font);margin-top:8px;letter-spacing:1.5px}
.caption-line{background:linear-gradient(90deg,#80bafaa0,#a37df940);width:30px}
.stage-coordinate{right:4%;top:15%;font-size:8px;color:#879ec6;letter-spacing:2px}
.planet-toolbar{bottom:52px;padding:5px 9px;gap:8px;background:linear-gradient(115deg,#172136cf,#151328cf);border:1px solid #b1c5f044;box-shadow:0 8px 36px #0006,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.palette-choice{width:33px;height:33px;padding:6px}.palette-choice span{width:15px;height:15px;background:radial-gradient(circle at 30% 22%,#e0fbff,#49c9ec 36%,#6361d0 77%,#162555);box-shadow:0 0 9px #79abff2b}
.palette-choice[data-palette="1"] span{background:radial-gradient(circle at 30% 22%,#f0ddff,#a26ee9 38%,#ad3da0 78%,#282047)}
.palette-choice[data-palette="2"] span{background:radial-gradient(circle at 30% 22%,#fff5cd,#ffc674 30%,#e67559 70%,#583341)}
.palette-choice.is-selected{border-color:var(--accent);box-shadow:0 0 12px #9cc7ff14}.palette-choice:hover{background:#d4e6ff17}
.motion-toggle{min-height:33px;font-size:11px;color:#d7e1f5;padding-inline:3px}.reset-orbit{width:33px;height:33px;color:#bbcae7}
.boost-orbit{border:0;border-radius:5px;background:none;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:3px;min-height:33px;padding:3px 5px;font-size:11px;white-space:nowrap}
.boost-orbit .icon{width:15px;height:15px}.boost-orbit:hover,.reset-orbit:hover,.motion-toggle:hover{background:#a8baff14;border-radius:5px}.boost-orbit:disabled{opacity:.4}
.planet-hint{bottom:26px;font-size:10px;letter-spacing:1px;color:#9baac7}
.planet-fallback.has-poster{background-image:url('planet-poster.webp?v=2.1.0');background-size:100% 100%}
.sites-section{position:relative;background:radial-gradient(ellipse at 10% 15%,#17488612,transparent 43%),#080b15;padding:98px 0 110px}
.section-heading h2{letter-spacing:-1px}.section-heading h2 span{color:#abb8d8}.section-number{color:var(--accent)}
.site-card{border-color:#a2b5e42b;background:#0c1020;border-radius:13px;transition:transform .5s,border-color .35s,box-shadow .4s;transform-style:preserve-3d}
.site-card:hover{border-color:#b39bfd70;box-shadow:0 16px 60px #0006,0 0 22px #6254da10;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}
.site-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(450px circle at var(--mx,50%) var(--my,30%),#a8bfff0c,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s}.site-card:hover:after{opacity:1}
.card-topline{color:#bdc6e0}.site-dot{background:#8edcec;box-shadow:0 0 12px #57d9ff55}.lab-card .site-dot{background:#c396f8;box-shadow:0 0 12px #bb5eff88}
.journal-art{background:radial-gradient(ellipse at 46% 56%,#6c8fff23,transparent 61%)}
.page-front{background:linear-gradient(130deg,#e8edff,#d8e6fc 60%,#bac5ee);box-shadow:inset 0 0 1px #fff,4px 10px 30px #0004}
.page-middle{background:linear-gradient(150deg,#9387d4,#6356a6);border-color:#b6a7f46b}.page-back{background:linear-gradient(135deg,#52669d,#343e68)}
.journal-shadow{background:#6684ff2c;filter:blur(20px)}.paper-title{color:#273760}.paper-top{color:#60769f}.paper-rules{opacity:.6}
.lab-art{background:radial-gradient(ellipse at 60% 50%,#8f40ff30,transparent 65%)}
.lab-aura{position:absolute;width:80%;height:70%;top:14%;left:10%;background:radial-gradient(ellipse,#4c7bdd30,transparent 65%);filter:blur(20px)}
.lab-grid{opacity:.34}.sculpture{filter:drop-shadow(0 0 14px #7776e14d)}
.sculpture-ring{border-color:#b29cff;box-shadow:inset 0 0 9px #c0f2ff66,0 0 12px #af82ff66;background:linear-gradient(125deg,#7ec9f42b,#ce86ff0a)}
.sculpture-ring.ring-b{border-color:#5dcbf0;box-shadow:inset 0 0 12px #dcf4ffa3,0 0 14px #5e83ea88}
.sculpture-ring.ring-c{border-color:#cf9fff;box-shadow:inset 0 0 12px #f1dbff77,0 0 14px #b989e155}
.sculpture-core{background:radial-gradient(circle at 30% 25%,#f4eaff,#c89dff 27%,#6165da 60%,#1c1740);box-shadow:0 0 30px #aa77ff77}
.sculpture-bead{background:radial-gradient(circle at 30% 25%,#e4feff,#59c9e7 30%,#305dad 70%);box-shadow:0 0 11px #57b7ff66}
.card-domain{color:#91bff1}.lab-card .card-domain{color:#c4a0ff}.card-tags span{background:#b6c5ff08;border-color:#b2bfff25}.circle-arrow{background:#e0bfff09;border-color:#c1acff3a}
.about-section{position:relative;background:radial-gradient(ellipse at 80% 30%,#534cb00b,transparent 57%),#080b15}
.about-copy h2 span{color:#a6b5db}.about-spark{color:#a99aff;filter:drop-shadow(0 0 10px #936fff44)}
.about-item{border-color:#b4c4fa21}.item-number{color:#a28add}
.notes-section{background:radial-gradient(ellipse at 8% 18%,#e8e0ff,transparent 49%),radial-gradient(ellipse at 95% 70%,#b8d9f0,transparent 52%),#dbe2f5;border-top:1px solid #f4f6ff55}
.notes-section .section-number{color:#6f59a2}.notes-section .eyebrow{color:#60627d}.notes-copy h2{color:#22243e}.notes-intro{color:#545c78}
#note-input{border-radius:7px}.button-dark{background:linear-gradient(110deg,#272541,#363558);box-shadow:0 5px 18px #4d468c20}
.note-card{background:linear-gradient(145deg,#ffffff,#f1f2fd);box-shadow:0 14px 55px #4c427524;border-radius:10px}
.site-footer{background:#070911}.footer-wordmark svg{color:#bd91ff}.footer-bottom a:hover{color:var(--accent)}
@keyframes aurora-drift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.07)}}
@keyframes star-drift{from{background-position:0 0}to{background-position:30px 18px}}
@keyframes shooting-star{0%,84%{opacity:0;transform:translate3d(0,0,0) rotate(-32deg)}85%{opacity:.75}91%{opacity:0;transform:translate3d(-270px,170px,0) rotate(-32deg)}100%{opacity:0;transform:translate3d(-270px,170px,0) rotate(-32deg)}}
.motion-paused .aurora-wash,.motion-paused .star-field,.motion-paused .shooting-stars i{animation-play-state:paused}
@media(min-width:1600px){.hero-inner{min-height:820px}.planet-stage{height:790px;width:72%;right:-9%;top:0}.hero h1{font-size:83px}.hero-copy{padding-top:80px}.hero{background:#060811}}
@media(min-width:721px) and (max-width:1150px){.hero-inner{min-height:700px}.hero h1{font-size:clamp(43px,5.7vw,64px);letter-spacing:-2px}.hero-copy{padding-top:67px;width:58%}.planet-stage{height:625px;width:66%;top:45px;right:-7%}.planet-caption{top:12%;left:16%}.planet-toolbar{bottom:38px}.planet-hint{bottom:11px}.hero-description{font-size:13px}.hero-eyebrow{font-size:9px;letter-spacing:1.6px}.header-inner{gap:15px}.brand-mark{width:44px;height:42px}}
@media(min-width:721px) and (max-width:960px){.hero-inner{min-height:641px}.hero-copy{padding-top:55px;width:61%}.hero h1{font-size:clamp(42px,5.5vw,53px)}.planet-stage{width:64%;height:505px;top:91px;right:-7%}.planet-caption,.stage-coordinate{display:none}.planet-toolbar{bottom:10px}.planet-hint{bottom:-17px;font-size:9px;letter-spacing:.3px}.hero-footnote{margin-top:35px}.hero-description{max-width:300px;font-size:12px}.hero-eyebrow{font-size:8px}.desktop-nav{gap:21px}.brand-text{font-size:17px}.brand-mark{width:39px;height:38px}.hero-actions{gap:23px}.hero-index{display:none}.sites-section{padding:78px 0 85px}.section-heading h2{font-size:32px}}
@media(max-width:720px){
 .header-inner{height:70px}.brand-mark{width:42px;height:40px}.brand-text{font-size:18px}.brand-text small{font-size:7px;letter-spacing:2.6px}.brand{gap:8px}
 .hero-inner{min-height:0;padding-bottom:64px}.hero-copy{width:100%;padding:35px 0 0}.hero-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}
 .hero h1{font-size:clamp(35px,11.2vw,70px);line-height:1.29;letter-spacing:-2px}.hero-description{font-size:12px;line-height:1.95;margin-top:20px}
 .hero-actions{gap:27px;margin-top:24px}.hero-actions .button{min-height:47px;padding-inline:18px;font-size:12px;gap:25px}.hero-actions .text-link{font-size:12px}
 .hero-footnote{display:none}.hero-bottom{bottom:20px}.hero-bottom-note{letter-spacing:1.1px;font-size:7px}.hero-index{display:none}
 .planet-stage{position:relative;width:calc(100% + 44px);height:auto;aspect-ratio:1.03;max-height:585px;right:auto;top:auto;margin:8px -22px -3px}
 .planet-caption{display:flex;left:10%;top:10%;font-size:8px;gap:8px}.planet-caption b{font-size:8px;letter-spacing:1.5px}.planet-caption small{font-size:8px;margin-top:6px}.caption-line{width:18px}
 .stage-coordinate{display:none}.planet-toolbar{bottom:25px;padding:4px 8px;gap:6px;max-width:calc(100% - 24px)}
 .palette-choice{width:34px;height:36px}.palette-choice span{width:15px;height:15px}.motion-toggle,.boost-orbit{min-height:36px;font-size:10px}.boost-orbit{padding-inline:3px}.reset-orbit{height:36px;width:30px}.toolbar-divider{margin:0 2px}
 .planet-hint{bottom:0;font-size:9px;letter-spacing:.4px}.orbit-drawing{width:83%;height:76%;left:8.5%;top:5%}.planet-halo{inset:7% 3% 14%}
 .cosmic-background{background-position:67% 38%;background-size:auto 100%;opacity:.85}.hero:before{background:linear-gradient(0deg,#060811,transparent 14%,transparent 70%,#06081144)}
 .aurora-wash{background:radial-gradient(ellipse at 66% 68%,#5939bf2d,transparent 52%),radial-gradient(ellipse at 22% 56%,#147ea321,transparent 41%)}.shooting-stars i{width:110px}
 .sites-section{padding:60px 0 75px}.section-heading h2{font-size:30px;line-height:1.4}.section-heading h2 span{display:block}.site-card{border-radius:12px}.section-heading>p{font-size:12px}
 .about-section{padding-top:4px;padding-bottom:68px}.notes-section{padding:58px 0}.footer-top>p{font-size:11px}
}
@media(max-width:380px){
 .container{width:calc(100% - 36px)}.hero-copy{padding-top:28px}.hero-eyebrow{font-size:7px;letter-spacing:1.7px}.hero h1{font-size:clamp(35px,11.2vw,43px);letter-spacing:-1.8px}.hero-description{font-size:11px}
 .hero-actions{gap:19px}.hero-actions .button{padding-inline:15px;gap:20px;font-size:11px}.hero-actions .text-link{font-size:11px}.planet-stage{width:calc(100% + 36px);margin-inline:-18px;aspect-ratio:1.02}
 .planet-toolbar{padding-inline:6px;gap:4px}.palette-choice{width:32px}.boost-orbit{padding-inline:2px}.planet-hint{font-size:8px}.section-heading h2{font-size:28px}
}
@media(hover:none){.site-card:hover{transform:none}.site-card:after{display:none}}
@media(prefers-reduced-motion:reduce){.aurora-wash,.star-field,.shooting-stars i{animation:none!important}.shooting-stars{display:none}.boost-orbit{display:none}.site-card:hover{transform:none}}
@media print{.cosmic-background,.aurora-wash,.shooting-stars{display:none}.hero h1>span{background:none;color:#111;-webkit-text-fill-color:#111}.hero{background:white}}

.hero h1 .title-dot{background:none;-webkit-text-fill-color:#d9a9f8;color:#d9a9f8}
/* Keep tablet rings/moons inside the screen, and annotations above the footer. */
@media(min-width:721px) and (max-width:1150px){
 .planet-stage{width:64%;right:0;height:610px;top:38px}
}
@media(min-width:721px) and (max-width:960px){
 .planet-stage{width:62%;right:0;height:480px;top:88px}
 .planet-toolbar{bottom:25px}.planet-hint{bottom:0}
}
@media(min-width:1151px){.planet-toolbar{bottom:72px}.planet-hint{bottom:48px}}

@media(max-width:720px){.planet-fallback.has-poster{background-image:url('planet-poster-mobile.webp?v=2.1.0')}}