@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{min-width:320px}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
svg{display:block}
button{color:inherit}
img,canvas{max-width:100%}
[hidden]{display:none!important}

}

@layer base {
  :root{color-scheme:dark;--bg:#090b0e;--text:#f0f3f4;--muted:#92989f;--faint:#555f68;--mint:#b6f6d8;--cyan:#a5e7ea;--line:rgba(224,240,255,.1);--panel:rgba(23,27,33,.63);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}

  body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}
body::before{position:fixed;inset:0;pointer-events:none;z-index:-1;content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}

  ::selection{background:#b6f6d8;color:#0d1511}
button{border:0;background:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:6px}
button,input{touch-action:manipulation}
.shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.026));border:1px solid rgba(221,240,248,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 30px rgba(0,0,0,.15);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:2px;font-weight:500}
.muted{color:#737d88}
.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#adf5cd;box-shadow:0 0 9px #95ebbd65;flex-shrink:0}
.status-dot--muted{background:#939ba5;box-shadow:none}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#e0e6e9;transition:background .2s,transform .2s}
.icon-button:hover{background-color:#ffffff10;transform:translateY(-2px)}
.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-150%);padding:10px 20px;border-radius:10px;background:var(--mint);color:#0b1410}
.skip-link:focus{transform:none}
.ambient{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(100px)}
.ambient--one{width:min(520px,100%);height:520px;top:90px;right:0;background:#56896d0b}
.ambient--two{width:550px;height:550px;top:620px;left:-410px;background:#6a63df0a}

}

@layer components {
  .header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:34px;height:37px;transform:rotate(-5deg)}
.brand-mark svg{width:34px;fill:var(--mint)}
.brand-name{font-size:19px;letter-spacing:-.5px;font-weight:650}
.brand-divider{font-weight:300;color:#5d666b;padding:0 10px}
.brand-subtitle{font-size:14px;font-weight:400;color:#b2b8bf;letter-spacing:.5px}
.nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;border-radius:30px;background-color:#14181d99;box-shadow:inset 0 1px 1px #ffffff0e,0 8px 25px #00000020}
.nav-link{position:relative;z-index:1;color:#89949c;font-size:12px;letter-spacing:1px;text-align:center;width:64px;padding:8px 0;transition:color .2s}
.nav-link:hover,.nav-link.is-active{color:#f3f6f7}
.nav-link.is-active::before{position:absolute;content:"";inset:0;background:linear-gradient(#ffffff12,#ffffff08);border:1px solid #ffffff18;border-radius:24px;z-index:-1;box-shadow:0 2px 4px #00000020}
.command-trigger{gap:14px;width:78px;height:38px;border-radius:22px;color:#a9b1ba;background:#ffffff03}
.command-trigger kbd{font-family:var(--font);font-size:10px;color:#7d8792;font-weight:400}
.command-trigger svg{width:14px}
.nav-indicator{display:none}

  .hero{min-height:620px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;padding-top:30px;padding-bottom:62px}
.hero-content{z-index:2;padding-top:7px}
.hero-eyebrow{display:flex;align-items:center;gap:11px;color:#b2c4be;letter-spacing:2.3px;margin-bottom:24px}
.spark-icon{font-size:21px;font-family:var(--font);font-weight:300;line-height:1;color:var(--mint)}
.eyebrow-line{height:1px;width:50px;background:linear-gradient(90deg,#b6f6d85c,transparent);margin-left:3px}
h1{font-size:clamp(60px,6.6vw,88px);line-height:1.21;font-weight:620;letter-spacing:-4px;margin-left:-3px}
.gradient-text{background:linear-gradient(110deg,#e1ffe8 5%,#b6f6d8 65%,#9acacc);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{color:#8b949b;font-size:14px;line-height:2;margin-top:27px;letter-spacing:.3px}
.hero-description span{color:#c0c7cc}
.mobile-break{display:none}
.hero-actions{display:flex;gap:14px;align-items:center;margin-top:32px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:13px;font-size:12px;font-weight:550;letter-spacing:.5px;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:linear-gradient(145deg,#d1fbe2,#b4e8cb);color:#172b22;border:1px solid #edfff1;box-shadow:inset 0 1px 0 #ffffffcc,0 0 22px #90e5b515,0 5px 12px #0003}
.button-primary:hover{box-shadow:inset 0 1px 0 #ffffff,0 0 32px #a9ffcb28}
.button-primary svg{width:15px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.button-arrow{margin-left:13px;font-size:17px;font-weight:400}
.button-secondary{background:linear-gradient(145deg,#ffffff05,#ffffff02);border:1px solid #ffffff12;color:#b4bec3;font-weight:400;padding-inline:20px}
.button-secondary span{margin-left:6px;font-size:17px}
.hero-footnote{display:flex;align-items:center;gap:9px;margin-top:37px;font-family:var(--mono);font-size:8px;letter-spacing:1.6px;color:#4b5c60}
.tiny-orbit{width:13px;height:13px;border:1px solid #5e746d;border-radius:50%;position:relative}
.tiny-orbit::after{content:"";position:absolute;width:16px;height:5px;border:1px solid #5e746d;border-radius:50%;top:3px;left:-3px;transform:rotate(-35deg)}

  .hero-art{position:relative;width:100%;height:500px;isolation:isolate;transform:translate(20px,6px)}
.orb-coordinate{position:absolute;left:64px;right:33px;top:16px;display:flex;justify-content:space-between;color:#41554e;font-size:8px;font-family:var(--mono);letter-spacing:1.7px}
.orb-grid{position:absolute;inset:18px 0 35px;opacity:.23;background-image:linear-gradient(#53685c25 1px,transparent 1px),linear-gradient(90deg,#53685c25 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black 10%,transparent 68%)}
.orb-aura{position:absolute;inset:50px 30px 50px;background:radial-gradient(ellipse,#7cdb9c1b,transparent 65%);filter:blur(22px);z-index:-1}
#liquid-orb{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.orb-fallback{position:absolute;inset:65px 58px 85px 65px;border-radius:47% 53% 55% 45%;background:radial-gradient(circle at 35% 24%,#e6ffe3 0%,#a9f7d8 7%,#46766a 20%,#0d2624 43%,#102f32 55%,#65beb1 68%,#363645 79%);box-shadow:inset -20px -10px 20px #000b,0 0 70px #8bf7bd12;transform:rotate(-20deg);z-index:0}
.hero-art.has-webgl .orb-fallback{display:none}
.orb-orbit{position:absolute;width:99%;height:36%;top:38%;left:1%;border:1px solid #96d2b02b;border-radius:50%;transform:rotate(-30deg);z-index:2;pointer-events:none;box-shadow:0 -1px 0 #0003}
.orb-orbit::after{position:absolute;content:"";right:22px;top:4px;width:4px;height:4px;background:#d9ffe8;border-radius:50%;box-shadow:0 0 12px #bcffd7}
.floating-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;z-index:3;border-radius:16px;box-shadow:inset 0 1px 1px #fff2,0 16px 35px #0005;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:11px;letter-spacing:.5px;background-color:#17221d3b}
.tag--top{left:0;top:84px;transform:rotate(-6deg);animation:float-top 8s ease-in-out infinite}
.tag-star{font-size:26px;color:#d5f6df;line-height:1}
.tag-caption{display:block;font-family:var(--mono);font-size:7px;color:#8d9f97;letter-spacing:1px;margin-top:3px}
.tag--bottom{bottom:68px;right:2px;transform:rotate(5deg);padding:15px 18px;animation:float-bottom 9s ease-in-out infinite}
.tag-plus{font-size:17px;font-weight:300;color:#b7d6c5;margin-left:19px}
.tag-wave{display:flex;align-items:center;gap:3px;width:30px;height:25px}
.tag-wave i{height:12px;width:2px;background:#c7ffdf;border-radius:3px}
.tag-wave i:nth-child(2),.tag-wave i:nth-child(4){height:22px}
.tag-wave i:nth-child(3){height:16px}
.orb-label{position:absolute;bottom:15px;left:64px;right:33px;display:flex;align-items:center;gap:9px;color:#64776e;font-family:var(--mono);font-size:8px;letter-spacing:2px}
.orb-label .status-dot{width:4px;height:4px}
.orb-label-right{margin-left:auto;font-size:17px;line-height:1;color:#7c998b}
.section-divider{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b;padding:0 0 25px;color:#5b6570}
.scroll-cue{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px}
.mouse-icon{display:inline-block;width:12px;height:18px;border:1px solid #5b6570;border-radius:7px;position:relative}
.mouse-icon::after{content:"";position:absolute;top:4px;left:4px;width:2px;height:4px;border-radius:1px;background:#8d979f}
.divider-caption{font-family:var(--mono);font-size:7px;letter-spacing:1.8px}

  .workbench-section{padding-top:60px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:20px}
.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:10px}
h2{font-size:27px;letter-spacing:-.7px;font-weight:560;line-height:1.4}
.heading-dot{color:var(--mint);font-family:Georgia,serif;margin-left:3px}
.section-side-note{color:#64707a;font-size:10px;letter-spacing:1px;padding-bottom:4px}
.bento-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}
.glass-card{position:relative;overflow:hidden;border:1px solid #e4f1ff12;border-radius:22px;background:linear-gradient(130deg,#1c22294d,#1014198c);box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .3s,transform .3s}
.glass-card:hover{border-color:#c2f9d92a;transform:translateY(-3px)}
.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-kicker{font-family:var(--mono);color:#8d99a4;font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}
.app-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#a3e8c310;border:1px solid #b6f6d822;color:#b6f6d8}
.app-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}
.workbench-card{padding:24px 26px 0;background:radial-gradient(ellipse at 90% 0,#2b5e4b1f,transparent 65%),linear-gradient(130deg,#1c222954,#0e1617b3)}
.service-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#8eaaa0;border:1px solid #a2e9c517;background:#9bdfb907;border-radius:20px;padding:4px 9px;white-space:nowrap}
.service-status .status-dot{width:4px;height:4px}
.service-status[data-state=offline]{color:#ad9a83}
.service-status[data-state=offline] .status-dot{background:#c4a882;box-shadow:none}
.service-status[data-state=unknown]{color:#8b949b}
.service-status[data-state=unknown] .status-dot{background:#7c8790;box-shadow:none}
.workbench-body{position:relative;display:flex;min-height:237px;align-items:center}
.workbench-copy{position:relative;z-index:2;padding-block:28px 24px;min-width:225px}
.workbench-copy h3{font-size:31px;letter-spacing:-.6px;line-height:1.5;font-weight:580}
.workbench-copy h3 span{display:block;font-size:16px;letter-spacing:2px;font-weight:400;color:#bbc7c5}
.workbench-copy p{color:#788b88;font-size:10px;line-height:1.9;margin-top:14px}
.text-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;font-weight:500;letter-spacing:.4px;color:#c4f1da;padding-block:5px;margin-top:18px;transition:gap .2s}
.text-link:hover{gap:32px}
.text-link span{font-size:18px;line-height:1}
.workbench-bottom{position:relative;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff0b;padding:12px 0;color:#56746c;font-size:8px;z-index:2}
.workbench-bottom>span:first-child{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.workbench-bottom svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.1}
.node-art{position:absolute;width:380px;height:240px;right:-107px;top:1px;opacity:.85;transform:perspective(850px) rotateY(-18deg) rotateX(14deg) rotateZ(-9deg);transform-origin:center;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 94%,transparent)}
.node-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:url(#wire-gradient);stroke-width:1;opacity:.65}
.node-wires circle{fill:#b2fedb;stroke:none}
.mini-node{position:absolute;background:linear-gradient(150deg,#202a2b,#111a20);border:1px solid #d1e9e62c;border-radius:8px;width:108px;box-shadow:0 12px 28px #0008,inset 0 1px 0 #fff1}
.mini-node-heading{font-size:8px;color:#a5b5ba;display:flex;align-items:center;gap:5px;border-bottom:1px solid #d9fff015;padding:7px 9px}
.mini-node-heading i{width:4px;height:4px;border-radius:50%;background:#8ba4cd}
.node-port{position:absolute;width:5px;height:5px;border:1px solid #aae5c5;background:#0b1a13;border-radius:50%;right:-3px;top:50%}
.node-port.left{left:-3px;right:auto}
.node--prompt{top:45px;left:9px}
.mini-node-line{display:block;width:67px;height:3px;border-radius:2px;background:#b9dcdb20;margin:10px 9px 0}
.mini-node-line.short{width:40px;margin-top:5px}
.mini-node-code{font-size:5px;letter-spacing:.4px;color:#9bbaa5;display:block;padding:10px}
.node--seed{top:158px;left:9px}
.node--seed .mini-node-heading i{background:#d9c495}
.seed-number{display:block;padding:8px 9px;font-size:16px;color:#c5d1bf;line-height:1}
.seed-number span{font-family:var(--mono);font-size:5px;letter-spacing:.5px;color:#637c78;padding-left:7px}
.node--render{top:115px;left:184px;width:87px;height:89px}
.node--render .mini-node-heading i{background:#a9edbd}
.render-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:56px}
.render-wave i{height:13px;width:2px;background:#a9e3c8;border-radius:2px;opacity:.6}
.render-wave i:nth-child(3n){height:28px}
.render-wave i:nth-child(4n){height:36px}
.mini-result{position:absolute;right:-40px;top:25px;border-radius:10px;width:105px;height:130px;border:1px solid #c5e1d02b;background:radial-gradient(ellipse at center,#233c39,#11171a);padding:10px}
.mini-result>span:last-child{font-family:var(--mono);letter-spacing:1.3px;font-size:5px;display:block;text-align:center;color:#b7c7c4;margin-top:10px}
.result-orb{height:86px;width:82px;border-radius:50%;background:radial-gradient(ellipse at 28% 18%,#d1f4e5,#8ab9a9 12%,#1c403f 40%,#10202a 55%,#69bdb0 80%,#152426);box-shadow:0 0 30px #8ccbae10}

  .about-card{padding:25px 28px;isolation:isolate;background:radial-gradient(ellipse at 100% 90%,#3e3c6118,transparent 60%),linear-gradient(135deg,#1a1e2657,#13151b8c)}
.about-asterisk{width:20px;height:20px;fill:none;stroke:#a3b4c7;stroke-width:1.4}
.about-card h3{font-size:27px;font-weight:480;line-height:1.55;letter-spacing:-.8px;margin-top:27px}
.about-card h3 span{color:#a5b4db}
.about-card p{font-size:10px;line-height:2;color:#7f8894;margin-top:15px;position:relative;z-index:1}
.about-card .text-link{color:#b0bdde;margin-top:17px}
.about-orbits{position:absolute;right:-52px;bottom:-65px;width:195px;height:195px;z-index:-1;opacity:.45}
.about-orbits i{position:absolute;inset:0;border:1px solid #838ed74f;border-radius:50%;transform:rotate(-35deg) scaleY(.52)}
.about-orbits i:nth-child(2){transform:rotate(20deg) scaleY(.52)}
.about-orbits i:nth-child(3){transform:rotate(78deg) scaleY(.52)}
.about-orbits span{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:#9caccd}

  .explore-section{padding-top:65px}
.filter-group{display:flex;gap:3px;padding:4px;border-radius:24px;background:#ffffff02}
.filter-group button{min-width:50px;padding:5px 12px;font-size:10px;border-radius:19px;color:#76818a;transition:color .2s,background .2s}
.filter-group button[aria-pressed=true]{background:linear-gradient(#ffffff13,#ffffff08);box-shadow:inset 0 1px 0 #fff1;color:#e4ebe9}
.garden-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.garden-card{border-radius:18px;display:flex;flex-direction:column;text-align:left;width:100%;padding:0}
.garden-art{height:155px;width:100%;position:relative;overflow:hidden;background:#10151c;border-bottom:1px solid #ffffff06}
.garden-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f141a33,transparent)}
.art-prism{background:radial-gradient(ellipse at 48% 110%,#526a6626,transparent 60%),#10151a}
.prism-object{position:absolute;width:87px;height:87px;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-25deg);border-radius:24px;background:linear-gradient(135deg,#e3fff54f,#aafdd525 25%,#afc6ef20 48%,#313c6477 70%,#b6fff132);border:1px solid #d1fff04f;box-shadow:inset 5px 4px 9px #fff1,inset -4px -6px 14px #a4dcf136,8px 12px 32px #0005;backdrop-filter:blur(8px)}
.prism-object::before{content:"";position:absolute;inset:13px;border:1px solid #b3e8e140;border-radius:13px;transform:rotate(20deg);box-shadow:inset 5px 4px 15px #8cffd222}
.prism-object::after{content:"✳";position:absolute;inset:0;display:grid;place-items:center;color:#d8ffee9c;font-size:47px;font-weight:200;line-height:1}
.prism-line{position:absolute;height:1px;width:200px;left:50%;top:70%;background:linear-gradient(90deg,transparent,#b0ffcb69,transparent);transform:translateX(-50%) rotate(-25deg);box-shadow:0 0 15px #b8ffcf55}
.art-label{position:absolute;bottom:13px;left:17px;color:#526268;font-family:var(--mono);font-size:6px;letter-spacing:1.5px}
.art-corner{position:absolute;top:14px;right:16px;font-size:12px;color:#7d9791}
.art-paper{background:radial-gradient(ellipse at 70% 40%,#77605c13,transparent 75%),#15171c}
.paper-sheet{position:absolute;left:50%;top:46%;width:106px;height:126px;transform:translate(-50%,-50%) rotate(-10deg);border-radius:7px;background:linear-gradient(125deg,#54566152,#292d3566);border:1px solid #c7c5d635;box-shadow:4px 8px 20px #0004;display:flex;flex-direction:column;gap:7px;padding:16px 13px}
.paper-sheet::before{content:"✳";font-size:20px;font-weight:300;color:#d8c7be;margin-bottom:6px;line-height:1}
.paper-sheet i{height:2px;width:64px;background:#c2bdb333;border-radius:2px}
.paper-sheet i:last-child{width:38px}
.paper-sheet--back{transform:translate(-38%,-50%) rotate(8deg);background:#292c3444;border-color:#bcb6b526}
.paper-sheet--back::before{opacity:0}
.paper-caption{position:absolute;right:20px;top:65px;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#a49d8d55;transform:rotate(10deg)}
.art-orbit{background:radial-gradient(ellipse at 50% 45%,#5c74ad18,transparent 65%),#10151f}
.orbit-object{width:160px;height:160px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-object i{position:absolute;inset:0;border:1px solid #a4b8f04f;border-radius:50%;transform:rotate(-28deg) scaleY(.35)}
.orbit-object i:nth-child(2){transform:rotate(30deg) scaleY(.35)}
.orbit-object i:nth-child(3){transform:rotate(90deg) scaleY(.35)}
.orbit-object i:nth-child(4){inset:58px;transform:none;background:radial-gradient(circle at 30% 20%,#d5e5ff,#5c74ad 20%,#16223c 65%);border:1px solid #c8d7ff55;box-shadow:0 0 30px #90baff22}
.orbit-star{position:absolute;left:59%;top:30%;color:#dcecff;font-size:17px;text-shadow:0 0 18px #a2c1ff}
.garden-card-content{width:100%;padding:21px 22px 15px}
.garden-kicker{font-family:var(--mono);font-size:7px;letter-spacing:1.5px;color:#6b7d83}
.garden-card h3{font-size:17px;letter-spacing:-.25px;font-weight:500;margin-top:7px}
.garden-card p{font-size:10px;color:#7c8792;margin-top:8px;line-height:1.8}
.garden-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:#758590;font-size:9px}
.garden-card-bottom span:first-child{display:flex;align-items:center;gap:6px}
.garden-card-bottom svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}
.garden-arrow{width:25px;height:25px;border:1px solid #cad6df17;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#95a7b4;transition:background .2s,color .2s}
.garden-card:hover .garden-arrow{color:#b6f6d8;background:#b6f6d810;border-color:#b6f6d844}
.noscript-note{color:var(--muted)}

  .closing{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;margin-top:79px;padding-block:28px 70px}
.closing-star{color:#a4b6b4;font-size:38px;font-weight:300}
.closing p{font-size:16px;color:#c9d0d2;line-height:1.9;letter-spacing:1px}
.closing p span{color:#69757e;font-size:13px}
.back-top{position:absolute;right:0;bottom:67px;width:34px;height:34px;font-size:16px;color:#889c9b}
.footer{border-top:1px solid #ffffff0c;padding-top:30px;padding-bottom:20px}
.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;gap:25px}
.footer-brand{font-size:14px;letter-spacing:1px;color:#c4cdcf;font-weight:500}
.footer-brand>span{display:block;color:#4d5b65;font-family:var(--mono);letter-spacing:1.2px;font-size:6px;margin-top:5px}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.footer-signature{color:#67747d;font-size:10px;letter-spacing:1px}
.footer-availability{display:flex;align-items:center;gap:6px;color:#5b7169;font-size:8px}
.footer-availability .status-dot{width:4px;height:4px;box-shadow:none}
.footer-bottom{border-top:1px solid #ffffff06;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#4c5862}
.legal-links{display:flex;align-items:center;gap:15px}
.legal-links button{color:#68757c;font-size:8px;padding:4px 0}
.legal-links button:hover{color:var(--mint)}
.legal-separator{color:#313b43}
.footer-version{font-family:var(--mono);font-size:6px;letter-spacing:1.2px}
.filing-links{display:flex;justify-content:center;gap:20px;color:#64717b;font-size:10px;margin-top:15px}
.filing-links:empty{display:none}
.filing-links a:hover{color:#c6d9ce}

  dialog{border:1px solid #d5e5ed26;color:var(--text);padding:29px;max-width:calc(100vw - 32px);margin:auto;overscroll-behavior:contain}
dialog::backdrop{background:#030507bb;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
dialog[open]{animation:dialog-in .2s ease-out}
.content-dialog{width:590px;max-height:85dvh;border-radius:24px;background-color:#151b21ed}
.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}
.dialog-close{width:30px;height:30px;color:#97a7ae;font-size:25px;background:#ffffff06}
.content-dialog h2{font-size:28px;line-height:1.6;margin-bottom:18px}
.dialog-body{color:#a0acb4;font-size:14px;line-height:2}
.dialog-body p+p{margin-top:16px}
.dialog-body a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}
.command-dialog{width:600px;border-radius:20px;padding:0;background-color:#151b21f5}
.command-heading{display:flex;align-items:center;gap:13px;padding:19px 20px;border-bottom:1px solid #ffffff12}
.command-heading>svg{height:19px;width:19px;fill:none;stroke:#91a59e;stroke-width:1.4;flex-shrink:0}
.command-heading input{min-width:0;flex:1;border:0;background:none;color:#e2eae7;outline:none;font-size:13px;padding:6px 0}
.command-heading input::placeholder{color:#6e8088}
.escape-key{font-family:var(--mono);font-size:9px;border:1px solid #ffffff20;border-radius:5px;padding:3px 5px;color:#93a29e}
.command-results{padding:10px}
.command-result{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;color:#c8d3ce;font-size:13px;text-align:left}
.command-result[aria-selected=true],.command-result:hover{background:#d3ffe10c}
.command-result span:last-child{font-size:10px;color:#6b8377}
.command-footer{display:flex;gap:18px;color:#5e7369;font-size:9px;padding:12px 20px;border-top:1px solid #ffffff09}
.command-footer span:last-child{margin-left:auto}
.command-empty{color:#83928b;padding:18px;text-align:center;font-size:12px}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:11px 20px;border-radius:12px;background:#243a30ee;color:#d1f6df;border:1px solid #b6f6d83a;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;font-size:12px;z-index:100}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}

  @keyframes float-top{50%{transform:translate(0,-8px) rotate(-4deg)}
}
@keyframes float-bottom{50%{transform:translate(0,8px) rotate(3deg)}
}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}
to{opacity:1;transform:none}
}

}

@layer responsive {
  @media(min-width:1500px){.shell{width:min(1330px,calc(100% - 160px))}
.header{height:125px}
.hero{min-height:700px}
.hero-art{height:570px}
.workbench-body{min-height:260px}
.node-art{right:-60px;top:15px}
.garden-art{height:180px}
}

  @media(max-width:1100px){.shell{width:calc(100% - 72px)}
.hero{min-height:580px;grid-template-columns:1.1fr 1fr}
.hero-art{height:440px;transform:translate(0,0)}
h1{font-size:68px}
.hero-description{font-size:12px}
.button{font-size:11px;padding-inline:16px}
.hero-actions{gap:10px}
.hero-footnote{font-size:6px;letter-spacing:1.1px}
.tag--top{left:-15px;top:82px}
.tag--bottom{right:-10px;bottom:67px}
.floating-tag{padding:12px 13px;font-size:9px;gap:9px}
.tag-caption{font-size:6px}
.orb-coordinate,.orb-label{left:35px;right:20px}
.bento-grid{grid-template-columns:1.5fr 1fr;gap:16px}
.workbench-card{padding-inline:20px}
.node-art{right:-157px;opacity:.65}
.about-card{padding-inline:23px}
.about-card h3{font-size:24px}
.workbench-bottom{font-size:7px}
.workbench-bottom>span:first-child{font-size:6px}
.workbench-copy h3{font-size:28px}
.about-card p{font-size:9px}
.garden-grid{gap:16px}
.garden-card-content{padding-inline:18px}
.garden-card h3{font-size:15px}
.garden-card p{font-size:9px}
.section-heading h2{font-size:25px}
.section-side-note{font-size:9px}
}

  @media(max-width:800px){.shell{width:calc(100% - 48px)}
.header{height:91px}
.brand-name{font-size:16px}
.brand-subtitle{font-size:11px}
.brand-divider{padding:0 7px}
.brand-mark,.brand-mark svg{width:28px}
.nav{position:static;transform:none;margin-left:auto;margin-right:15px;padding:4px;gap:1px}
.nav-link{width:44px;font-size:10px;padding:6px 0}
.command-trigger{width:32px;height:32px;flex-shrink:0}
.command-trigger kbd{display:none}
.hero{min-height:520px;padding-top:20px;padding-bottom:40px}
h1{font-size:57px;letter-spacing:-3px}
.hero-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}
.hero-description{font-size:11px}
.hero-art{height:385px;transform:translate(10px,0)}
.floating-tag{padding:10px 12px;border-radius:12px;font-size:8px}
.tag-star{font-size:20px}
.tag-caption{font-size:5px}
.tag--top{top:70px;left:0}
.tag--bottom{right:0;bottom:70px}
.tag-wave{width:22px;gap:2px}
.tag-plus{margin-left:8px;font-size:14px}
.orb-label{font-size:6px;letter-spacing:1px;bottom:25px}
.orb-coordinate{font-size:6px;top:20px}
.orb-orbit{height:30%;top:42%}
.hero-actions{flex-wrap:wrap}
.button{height:43px;font-size:10px;padding-inline:14px;border-radius:11px}
.button-arrow{margin-left:2px}
.hero-footnote{font-size:5px}
.divider-caption{font-size:5px;letter-spacing:1px}
.scroll-cue{font-size:8px}
.workbench-section{padding-top:43px}
.section-heading h2{font-size:23px}
.section-heading .eyebrow{font-size:7px}
.section-side-note{display:none}
.bento-grid{grid-template-columns:1fr}
.workbench-body{min-height:220px}
.node-art{right:-25px;opacity:.85}
.workbench-copy h3{font-size:32px}
.workbench-copy p{font-size:11px}
.workbench-bottom{font-size:8px}
.about-card{min-height:245px}
.about-card h3{font-size:26px;margin-top:18px}
.about-card p{font-size:11px}
.about-card h3 br{display:none}
.about-card .text-link{position:absolute;right:27px;bottom:33px}
.about-orbits{right:20px;bottom:-55px;width:220px;height:220px}
.explore-section{padding-top:45px}
.garden-grid{gap:12px}
.garden-card-content{padding-inline:14px}
.garden-kicker{font-size:6px;letter-spacing:.9px}
.garden-card h3{font-size:13px}
.garden-card p{font-size:9px;min-height:33px}
.garden-art{height:130px}
.filter-group button{min-width:36px;font-size:9px;padding:4px 8px}
.garden-card-bottom{font-size:8px}
.closing{margin-top:45px;padding-bottom:48px}
.back-top{bottom:47px}
.closing p{font-size:14px}
.closing p span{font-size:11px}
.footer-version{display:none}
.footer-bottom{font-size:7px}
.footer-availability{font-size:7px}
}

  @media(max-width:740px){.shell{width:calc(100% - 40px)}
.header{height:80px}
.brand-name{font-size:16px}
.brand-subtitle{font-size:11px}
.brand{gap:7px}
.nav{position:fixed;left:50%;bottom:18px;top:auto;transform:translateX(-50%);z-index:30;margin:0;padding:6px 10px;gap:8px;background:linear-gradient(145deg,#242b30e8,#12191eed);box-shadow:0 8px 32px #0008,inset 0 1px 0 #ffffff15;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
.nav-link{font-size:11px;width:54px;padding:8px 0}
.command-trigger{margin-left:auto;width:36px;height:36px}
.hero{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:36px;padding-bottom:20px;align-items:stretch}
.hero-content{padding-top:0}
.hero-eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:21px}
h1{font-size:clamp(56px,15.2vw,79px);line-height:1.19;letter-spacing:-3px}
.hero-description{font-size:12px;line-height:2;margin-top:22px}
.hero-actions{margin-top:24px;gap:10px;flex-wrap:nowrap}
.button{height:46px;padding:0 17px;font-size:11px;gap:6px}
.button-arrow{margin-left:7px}
.button-secondary{padding-inline:14px}
.hero-footnote{margin-top:23px;font-size:6px;letter-spacing:1px}
.hero-art{align-self:center;width:min(100vw - 22px,440px);height:360px;transform:none;margin-top:8px;margin-bottom:3px}
.tag--top{left:10px;top:73px;font-size:10px}
.tag--bottom{right:8px;bottom:49px;font-size:10px}
.floating-tag{padding:11px 13px}
.tag-caption{font-size:6px}
.tag-star{font-size:25px}
.tag-wave{width:27px}
.tag-plus{margin-left:14px}
.orb-coordinate{top:18px;left:40px;right:40px;font-size:6px}
.orb-label{bottom:10px;left:40px;right:40px;font-size:6px}
.orb-orbit{width:94%;left:3%}
.section-divider{padding-bottom:17px}
.divider-caption{font-size:4px;letter-spacing:.6px}
.scroll-cue{font-size:7px}
.workbench-section{padding-top:35px}
.section-heading h2{font-size:22px;letter-spacing:-.6px}
.section-heading .eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:9px}
.section-heading{margin-bottom:18px}
.bento-grid{gap:14px}
.glass-card{border-radius:18px}
.workbench-card{padding:19px 19px 0}
.card-kicker{font-size:6px;letter-spacing:.8px}
.app-icon{width:22px;height:22px}
.service-status{font-size:8px;padding:3px 7px;gap:4px}
.workbench-body{min-height:265px;align-items:flex-start}
.workbench-copy{padding-top:21px;min-width:0}
.workbench-copy h3{font-size:31px}
.workbench-copy h3 span{font-size:14px}
.workbench-copy p{font-size:10px;max-width:210px}
.text-link{font-size:11px;margin-top:15px}
.node-art{right:-170px;top:69px;opacity:.55;transform:perspective(700px) rotateY(-25deg) rotateX(14deg) rotateZ(-10deg);mask-image:linear-gradient(90deg,transparent,#000 25%,#000)}
.workbench-bottom{font-size:6px;align-items:center}
.workbench-bottom>span:first-child{font-size:5px;letter-spacing:.6px}
.workbench-bottom>span:last-child{max-width:160px;text-align:right;line-height:1.5}
.about-card{padding:22px;min-height:266px}
.about-card .card-kicker{font-size:7px}
.about-card h3{font-size:25px;line-height:1.5;margin-top:22px}
.about-card h3 br{display:block}
.about-card p{font-size:10px}
.about-card .text-link{position:static;margin-top:12px}
.about-orbits{width:180px;height:180px;right:-20px;bottom:-45px}
.explore-heading{align-items:flex-start;flex-direction:column;gap:16px}
.filter-group{align-self:flex-start;padding:4px}
.filter-group button{min-width:52px;font-size:10px;padding:5px 12px}
.garden-grid{grid-template-columns:1fr;gap:16px}
.garden-art{height:185px}
.garden-card-content{padding:22px}
.garden-kicker{font-size:8px;letter-spacing:1.3px}
.garden-card h3{font-size:20px}
.garden-card p{font-size:12px;min-height:auto;margin-top:7px}
.garden-card-bottom{font-size:10px;margin-top:20px}
.garden-arrow{height:30px;width:30px;font-size:17px}
.prism-object{width:106px;height:106px}
.prism-object::after{font-size:58px}
.paper-sheet{height:149px;width:123px;padding:20px 17px}
.paper-sheet i{width:73px}
.orbit-object{height:200px;width:200px}
.orbit-object i:nth-child(4){inset:73px}
.closing{margin-top:42px;padding-block:20px 45px;gap:15px;justify-content:flex-start}
.closing-star{font-size:29px}
.closing p{font-size:13px;letter-spacing:.4px}
.closing p span{font-size:11px}
.back-top{bottom:48px;width:30px;height:30px;font-size:14px}
.footer{padding-top:24px;padding-bottom:90px}
.footer-main{align-items:flex-start;gap:20px}
.footer-brand{font-size:12px;letter-spacing:.5px}
.footer-brand>span{font-size:5px;letter-spacing:.3px}
.footer-signature{font-size:8px;letter-spacing:0}
.footer-availability{font-size:6px;gap:4px;white-space:nowrap}
.footer-bottom{font-size:7px;gap:10px}
.legal-links{gap:9px}
.legal-links button{font-size:8px}
.filing-links{font-size:9px;gap:8px;flex-direction:column;text-align:center}
.dialog-body{font-size:13px}
.content-dialog{padding:23px}
.content-dialog h2{font-size:24px}
.command-heading{padding:13px}
.command-heading input{font-size:11px}
.command-footer{padding:10px 13px;font-size:8px;gap:10px}
}

  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.glass-card:hover,.button:hover,.icon-button:hover{transform:none}
}

  @supports not (backdrop-filter:blur(1px)){.glass{background:#1c2529f5}
}

}