@font-face{font-family:Inter;src:url('/assets/fonts/inter-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}

:root{--paper:#fcfaf6;--ink:#353d36;--muted:#70766c;--green:#4d6553;--sage:#dee5d8;--sand:#e9e3d6;--cream:#f3f0e9;--coral:#ad5037;--line:#daddd2;--dark:#141218;--dark-soft:#1b1a18;--dark-card:#29382f;--dark-line:#383831;--dark-text:#e6e0e9;--dark-muted:#cac4d0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
p,h1,h2,h3{margin:0}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-150%);padding:10px 14px;background:var(--ink);color:#fff;border-radius:8px}.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:88px;padding:0 6.67vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(252,250,246,.96)}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600}.brand img{flex:0 0 28px}
.main-nav{display:flex;align-items:center;gap:32px;font-size:14px}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--coral)}.main-nav .download-link{font-weight:600;color:var(--coral)}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{padding:72px 4.45vw 72px 6.67vw;display:grid;grid-template-columns:520px minmax(0,1fr);align-items:center;gap:48px;overflow:hidden}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.eyebrow{text-transform:uppercase;color:var(--coral);font-size:12px;font-weight:600;letter-spacing:.01em}.hero h1{font-size:60px;font-weight:400;line-height:1.04;letter-spacing:-.035em}.hero-lead{width:470px;max-width:100%;color:var(--muted);font-size:18px;line-height:1.6}.download-block{display:flex;flex-direction:column;gap:14px}.download-block>p{font-size:13px;color:var(--green)}.button-row{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;background:var(--coral);color:#fff;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover,.button:focus-visible{background:#913f2a;transform:translateY(-2px)}
.product-stage{min-width:650px;background:var(--sage);padding:26px 24px;border-radius:24px}.app-window{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--cream)}
.window-bar{height:32px;padding:0 14px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.window-bar .dot:nth-of-type(3){margin-right:0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.red{background:#ff6c68}.yellow{background:#ffbf2f}.green{background:#28bd46}
.app-nav{min-height:68px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px;font-size:20px}.segmented{display:flex;align-items:center;padding:3px;background:#dedbd4;border:1px solid #c8c4bc;border-radius:9px;font-size:10px}.segmented span{padding:8px 14px;border-radius:7px}.segmented span:first-child{background:var(--coral);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.library{padding:22px}.library>h3{font-size:23px;font-weight:400}.library>p{margin-top:6px;color:var(--muted);font-size:11px}.library-title{display:flex;justify-content:space-between;margin:18px 0;font-size:13px}.library-title small{color:var(--muted);font-size:10px}.library-title>span{color:var(--muted);font-size:11px}.module-grid{display:grid;gap:9px}.favorites{grid-template-columns:repeat(5,minmax(0,1fr))}.module-card{min-width:0;height:112px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;background:var(--sage);border-radius:20px;font-size:12px;line-height:1.3}.module-card.selected{background:var(--sand)}.module-card>div{display:flex;justify-content:space-between}.module-card img{width:22px;height:22px;object-fit:contain}.module-card>span{font-size:12px}.installed-title{display:block;margin:18px 0;font-size:14px}.installed-row{display:grid;grid-template-columns:105px repeat(3,minmax(0,1fr));gap:16px;align-items:center}.category-label{display:flex;flex-direction:column;gap:5px;font-size:12px}.category-label span{font-size:10px;color:var(--muted)}
.stage-caption{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--green);font-size:12px}
.use-cases{padding:56px 6.67vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.use-cases h2,.categories h2{margin-top:30px;font-size:36px;line-height:1.15;font-weight:400;letter-spacing:-.02em}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:30px}.use-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.use-grid h3{font-size:19px}.use-grid p{font-size:15px;color:var(--muted);line-height:1.6}
.categories{padding:56px 6.67vw}.categories h2{margin-top:28px}.section-lead{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.5}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}.category-card{height:204px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px}.category-card.sand{background:var(--sand)}.category-card.sage{background:var(--sage)}.category-card.coral{background:#f0ddd4}.category-card.cream{background:#ece9df}.category-card>img{width:28px;height:28px;object-fit:contain}.category-card .video-icon{width:28px;height:28px}.category-card h3{font-size:18px;margin-bottom:7px}.category-card p{font-size:12px;color:var(--muted);margin-bottom:8px}.category-card small{font-size:11px;color:var(--green)}.section-note{margin-top:28px;color:var(--muted);font-size:12px}
.artnet{padding:64px 6.67vw;display:grid;grid-template-columns:minmax(600px,736px) minmax(340px,456px);gap:56px;align-items:center;background:var(--cream)}.artnet-window{height:528px;padding:24px;background:var(--dark);color:var(--dark-text);border-radius:20px;overflow:hidden}.dark-titlebar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px;color:var(--dark-muted)}.dark-titlebar>div{display:flex;gap:7px}.dark-titlebar>span{text-align:center}.dark-titlebar>small{text-align:right;font-size:10px}.artnet-heading{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.artnet-heading h3{font-size:19px}.artnet-heading span{font-size:11px;color:var(--dark-muted)}.artnet-actions{display:flex;align-items:flex-start;justify-content:space-between;margin-top:18px}.segmented.dark{border-color:#3e3b40;background:#242126;color:var(--dark-muted)}.segmented.dark span:first-child{background:#4e2721;color:#f3c2b4}.artnet-actions>div:last-child{display:flex;gap:10px}.artnet-actions button{height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--coral);color:#fff;font-size:11px}.artnet-actions button:disabled{background:transparent;border:1px solid #4d494f;color:#77727b}.network-config{margin-top:18px;padding:14px;display:flex;flex-direction:column;gap:7px;background:var(--dark-soft);border-radius:10px;color:var(--dark-muted);font-size:11px}.network-config code{font-family:'IBM Plex Mono',monospace}.channel-heading{display:flex;justify-content:space-between;margin:18px 0 12px;font-size:11px}.channel-heading small{color:var(--dark-muted)}.dmx-layout{display:grid;grid-template-columns:1fr 118px;gap:18px}.dmx-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.channel{height:54px;padding:7px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--dark-line);border-radius:8px;background:var(--dark-card);font-family:'IBM Plex Mono',monospace}.channel small{font-size:9px;color:var(--dark-muted)}.channel strong{font-size:16px;font-weight:500}.channel.active{border:2px solid #e3a18b;background:#3c2c27;color:#e3a18b}.channel.active small{color:#e3a18b}.dmx-layout aside{padding:14px;background:var(--dark-soft);border-radius:10px;display:flex;flex-direction:column;gap:12px}.dmx-layout aside b{font-size:12px}.dmx-layout aside strong{font-size:30px}.dmx-layout aside span,.dmx-layout aside small{font-size:10px;color:var(--dark-muted);line-height:1.4}.dmx-layout input{accent-color:#e3a18b;width:100%}.artnet-copy{display:flex;flex-direction:column;gap:24px}.artnet-copy h2,.workspace h2{font-size:36px;line-height:1.15;font-weight:400;letter-spacing:-.02em}.artnet-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:var(--muted)}.artnet-copy>small{font-size:12px;line-height:1.5;color:var(--muted)}.check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;font-size:14px}.check-list li{position:relative;padding-left:26px}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:16px;height:16px;display:grid;place-items:center;background:var(--coral);color:#fff;border-radius:3px;font-size:11px}
.workspace{padding:64px 6.67vw;display:grid;grid-template-columns:440px minmax(600px,736px);gap:72px;align-items:center}.workspace-copy{display:flex;flex-direction:column;gap:24px}.workspace-points{display:flex;flex-direction:column;gap:22px}.workspace-points article{display:flex;flex-direction:column;gap:6px}.workspace-points h3{font-size:17px}.workspace-points p{font-size:15px;line-height:1.5;color:var(--muted)}.workspace-stage{padding:24px;background:var(--cream);border-radius:20px}.compact-window{height:355px}.compact-library{padding-bottom:22px}.discover-callout{height:68px;margin-top:16px;padding:16px;display:flex;align-items:center;gap:16px;background:var(--paper);border-radius:14px}.discover-callout span{display:flex;flex:1;flex-direction:column;gap:4px}.discover-callout b{font-size:14px}.discover-callout small{font-size:12px;color:var(--muted)}.discover-callout i{color:var(--coral);font-size:18px;font-style:normal}
.pricing{padding:48px 6.67vw;display:grid;grid-template-columns:540px 1fr;gap:80px;align-items:center;background:var(--sage)}.pricing>div:first-child{display:flex;flex-direction:column;gap:18px}.pricing h2{font-size:42px;line-height:1.1;font-weight:400;letter-spacing:-.025em}.pricing>div:last-child{display:flex;flex-direction:column;gap:14px}.pricing>div:last-child p{font-size:17px;line-height:1.6}.pricing>div:last-child small{font-size:14px;line-height:1.5;color:var(--green)}
.faq{padding:64px 6.67vw;display:grid;grid-template-columns:360px 1fr;gap:80px}.faq-heading{display:flex;flex-direction:column;gap:20px}.faq h2{font-size:36px;line-height:1.15;font-weight:400}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{min-height:128px;padding:24px 16px;border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{font-size:16px;font-weight:600}.faq-item p{margin-top:14px;max-width:90%;font-size:13px;line-height:1.5;color:var(--muted)}
.final-download{margin:48px 6.67vw 56px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:60px;background:var(--cream);border-radius:24px}.final-download>div:first-child{max-width:590px}.final-download h2{font-size:36px;line-height:1.2;font-weight:400}.final-download>div:first-child p{margin-top:16px;color:var(--muted);font-size:15px;line-height:1.5}.final-actions{width:270px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.final-actions>span{text-transform:uppercase;font-size:12px;color:var(--muted);margin-bottom:4px}.final-actions small{font-size:12px;color:var(--green);margin-top:4px}
footer{height:88px;padding:0 6.67vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer .brand{font-size:20px}footer p{font-size:12px;color:var(--muted)}

@media (max-width:1180px){.hero{grid-template-columns:42% 58%;gap:32px}.hero h1{font-size:52px}.product-stage{min-width:620px;transform:scale(.88);transform-origin:left center;margin-right:-100px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card:nth-last-child(-n+2){grid-column:span 1}.artnet{grid-template-columns:1.35fr .8fr;gap:40px}.artnet-window{height:auto}.dmx-grid{grid-template-columns:repeat(6,1fr)}.channel:nth-child(n+25){display:none}.workspace{grid-template-columns:36% 64%;gap:40px}.workspace-stage{min-width:650px;transform:scale(.9);transform-origin:left center;margin-right:-80px}.pricing{grid-template-columns:45% 1fr;gap:50px}}
@media (max-width:900px){.site-header{height:72px;padding:0 24px}.menu-toggle{display:block}.main-nav{position:absolute;top:72px;left:0;right:0;padding:24px;display:none;flex-direction:column;align-items:flex-start;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.hero{padding:56px 24px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{max-width:650px}.hero h1{font-size:50px}.product-stage{min-width:0;width:100%;transform:none;margin:0}.use-cases,.categories,.artnet,.workspace,.pricing,.faq{padding-left:24px;padding-right:24px}.artnet,.workspace,.pricing,.faq{grid-template-columns:1fr}.artnet-copy{order:-1}.artnet-window{max-width:736px}.workspace-stage{min-width:0;transform:none;margin:0}.pricing{gap:32px}.faq{gap:42px}.final-download{margin-left:24px;margin-right:24px}.category-grid{grid-template-columns:repeat(2,1fr)}footer{height:auto;padding:28px 24px;gap:20px;flex-wrap:wrap}}
@media (max-width:640px){.brand{font-size:20px}.hero{padding-top:44px}.hero h1{font-size:42px}.hero-lead{font-size:16px}.button-row{width:100%;flex-direction:column}.button{width:100%}.product-stage{padding:16px 12px;border-radius:18px;overflow:hidden}.app-window{min-width:600px;transform:scale(.58);transform-origin:left top;margin-bottom:-205px}.stage-caption{margin-top:14px}.use-grid{grid-template-columns:1fr;gap:30px}.use-cases h2,.categories h2,.artnet-copy h2,.workspace h2,.faq h2{font-size:31px}.category-grid{grid-template-columns:1fr}.category-card{height:170px}.artnet{padding-top:48px;padding-bottom:48px}.artnet-window{padding:16px;overflow-x:auto}.dark-titlebar,.artnet-heading,.artnet-actions,.network-config,.channel-heading,.dmx-layout{min-width:620px}.workspace-stage{padding:14px;overflow:hidden}.workspace-stage .app-window{margin-bottom:-145px}.discover-callout{margin-top:14px}.discover-callout small{white-space:normal}.pricing h2{font-size:34px}.final-download{padding:30px 24px;flex-direction:column;align-items:stretch}.final-download h2{font-size:31px}.final-actions{width:100%}footer{align-items:flex-start;flex-direction:column}footer p{max-width:280px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Dynamic Roadie experience */
:root{--pointer-x:50vw;--pointer-y:24vh}
body{overflow-x:hidden;background:linear-gradient(180deg,#fcfaf6 0%,#f8f5ef 46%,#fcfaf6 100%)}
.ambient-layer{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.72}
.ambient-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.72),transparent 68%);transition:background .18s linear}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.54;will-change:transform}
.orb-one{width:420px;height:420px;top:4%;right:-150px;background:radial-gradient(circle at 35% 35%,rgba(222,229,216,.96),rgba(222,229,216,0) 70%);animation:orbFloatOne 16s ease-in-out infinite alternate}
.orb-two{width:520px;height:520px;top:42%;left:-260px;background:radial-gradient(circle at 65% 45%,rgba(233,227,214,.92),rgba(233,227,214,0) 72%);animation:orbFloatTwo 19s ease-in-out infinite alternate}
.orb-three{width:380px;height:380px;bottom:-120px;right:8%;background:radial-gradient(circle at center,rgba(222,229,216,.84),rgba(222,229,216,0) 70%);animation:orbFloatThree 17s ease-in-out infinite alternate}
main,footer{position:relative;z-index:1}
.site-header{position:fixed;top:18px;left:50%;right:auto;width:min(calc(100% - 36px),1248px);height:68px;padding:0 18px 0 20px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(244,243,237,.46) 48%,rgba(222,229,216,.55));box-shadow:0 18px 55px rgba(53,61,54,.11),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(77,101,83,.08);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);overflow:visible;transition:top .35s ease,height .35s ease,box-shadow .35s ease,background .35s ease}
.site-header:before{content:"";position:absolute;inset:1px 10% 48% 10%;border-radius:999px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.58),transparent);opacity:.72;pointer-events:none}
.site-header.is-scrolled{top:10px;height:60px;background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(244,243,237,.62),rgba(222,229,216,.68));box-shadow:0 14px 45px rgba(53,61,54,.16),inset 0 1px 0 #fff}
.site-header .brand{position:relative;z-index:2;font-size:20px}.site-header .brand img{filter:drop-shadow(0 5px 8px rgba(173,80,55,.2));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.site-header .brand:hover img{transform:rotate(-8deg) scale(1.12)}
.main-nav{position:relative;z-index:2;gap:8px;padding:4px;border-radius:999px;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.main-nav a{position:relative;padding:10px 15px;border-radius:999px;transition:color .25s ease,background .25s ease,transform .25s ease}.main-nav a:hover,.main-nav a:focus-visible{background:rgba(255,255,255,.65);transform:translateY(-1px)}.main-nav a.is-active{color:var(--coral);background:rgba(255,255,255,.76);box-shadow:0 6px 18px rgba(53,61,54,.08)}.main-nav .download-link{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(173,80,55,.22)}.main-nav .download-link:hover,.main-nav .download-link:focus-visible{background:#913f2a;color:#fff}
.scroll-progress{position:absolute;left:7%;right:7%;bottom:-1px;height:2px;border-radius:99px;overflow:hidden}.scroll-progress:after{content:"";display:block;width:var(--progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ad5037,#e3a18b);box-shadow:0 0 12px rgba(173,80,55,.55);transition:width .1s linear}
.hero{position:relative;min-height:100svh;padding-top:148px;padding-bottom:88px}.hero:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;left:33%;top:14%;border-radius:50%;background:rgba(255,255,255,.54);filter:blur(45px)}
.hero h1{background:linear-gradient(130deg,#28302a 8%,#4d6553 58%,#ad5037 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(173,80,55,.1);animation:softPulse 2.4s ease-in-out infinite}
.product-stage,.workspace-stage{position:relative;border:1px solid rgba(255,255,255,.7);box-shadow:0 35px 90px rgba(53,61,54,.12),inset 0 1px 0 rgba(255,255,255,.9);transition:box-shadow .5s ease}.product-stage:before,.workspace-stage:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.4),transparent 38%);pointer-events:none}.product-stage:hover,.workspace-stage:hover{box-shadow:0 45px 110px rgba(53,61,54,.2),inset 0 1px 0 #fff}.product-stage .app-window,.workspace-stage .app-window{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}.product-stage:hover .app-window,.workspace-stage:hover .app-window{transform:translateY(-5px) rotateX(.7deg);box-shadow:0 18px 40px rgba(53,61,54,.12)}
.button{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 10px 24px rgba(173,80,55,.2)}.button:before{content:"";position:absolute;z-index:-1;top:-50%;bottom:-50%;left:-60%;width:38%;transform:rotate(18deg);background:rgba(255,255,255,.3);transition:left .55s ease}.button:hover:before{left:125%}
.use-cases,.categories,.artnet,.workspace,.pricing,.faq,.final-download{isolation:isolate}.use-cases,.categories,.workspace,.faq{background:rgba(252,250,246,.54);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.use-grid article{padding:24px;border:1px solid transparent;border-radius:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,box-shadow .35s}.use-grid article:hover{transform:translateY(-8px);background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.92);box-shadow:0 24px 48px rgba(53,61,54,.08)}
.category-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 30px rgba(53,61,54,.04);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.category-card:after{content:"";position:absolute;width:140px;height:140px;right:-75px;top:-75px;border-radius:50%;background:rgba(255,255,255,.5);transition:transform .45s ease}.category-card:hover{transform:translateY(-10px) rotate(-.5deg);box-shadow:0 28px 55px rgba(53,61,54,.14)}.category-card:hover:after{transform:scale(1.7)}.category-card>*{position:relative;z-index:1}.category-card img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.category-card:hover img{transform:scale(1.16) rotate(-7deg)}
.artnet{position:relative;background:linear-gradient(135deg,rgba(243,240,233,.96),rgba(233,227,214,.78))}.artnet:after{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:8%;top:8%;border-radius:50%;background:rgba(255,255,255,.5);filter:blur(50px)}.artnet-window{box-shadow:0 35px 75px rgba(20,18,24,.25);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}.artnet-window:hover{transform:translateY(-7px);box-shadow:0 46px 95px rgba(20,18,24,.32)}.channel{transition:transform .2s ease,border-color .2s ease,background .2s ease}.channel:hover{transform:translateY(-3px);border-color:#777067}.channel.active{animation:channelGlow 2.2s ease-in-out infinite}
.pricing{background:linear-gradient(115deg,rgba(222,229,216,.96),rgba(235,239,230,.88),rgba(222,229,216,.94));background-size:180% 180%;animation:gradientDrift 12s ease infinite}.final-download{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.78);background:linear-gradient(120deg,rgba(243,240,233,.9),rgba(255,255,255,.68));box-shadow:0 28px 70px rgba(53,61,54,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.final-download:before{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-130px;border-radius:50%;background:rgba(222,229,216,.8);filter:blur(8px)}.final-download>*{position:relative;z-index:1}
.faq-item{border-radius:18px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.faq-item:hover{background:rgba(255,255,255,.62);transform:translateX(5px);box-shadow:0 16px 34px rgba(53,61,54,.06)}
.js-ready .reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(7px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),filter .8s ease var(--reveal-delay,0ms)}.js-ready .reveal.is-visible{opacity:1;transform:none;filter:none}
@keyframes softPulse{0%,100%{transform:scale(.82);box-shadow:0 0 0 4px rgba(173,80,55,.08)}50%{transform:scale(1);box-shadow:0 0 0 7px rgba(173,80,55,.14)}}
@keyframes orbFloatOne{to{transform:translate(-100px,90px) scale(1.16)}}@keyframes orbFloatTwo{to{transform:translate(140px,-70px) scale(.88)}}@keyframes orbFloatThree{to{transform:translate(-90px,-80px) scale(1.12)}}
@keyframes channelGlow{0%,100%{box-shadow:0 0 0 rgba(227,161,139,0)}50%{box-shadow:0 0 20px rgba(227,161,139,.22)}}
@keyframes gradientDrift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

@media (max-width:900px){.site-header{top:12px;width:calc(100% - 24px);height:60px;padding:0 12px 0 16px}.site-header.is-scrolled{top:8px;height:56px}.site-header .brand{font-size:18px}.menu-toggle{position:relative;z-index:3;display:block;border-radius:50%;background:rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}.main-nav{position:fixed;top:84px;left:12px;right:12px;padding:12px;display:none;align-items:stretch;gap:4px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(235,239,230,.76));box-shadow:0 26px 60px rgba(53,61,54,.2);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}.main-nav.is-open{display:flex;animation:menuIn .28s cubic-bezier(.2,.8,.2,1)}.main-nav a{padding:13px 16px}.hero{padding-top:124px}.scroll-progress{left:12%;right:12%}@keyframes menuIn{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}}
@media (min-width:901px) and (max-width:1180px){.js-ready .product-stage.reveal{transform:translateY(34px) scale(.88)}.js-ready .product-stage.reveal.is-visible{transform:scale(.88)}.js-ready .workspace-stage.reveal{transform:translateY(34px) scale(.9)}.js-ready .workspace-stage.reveal.is-visible{transform:scale(.9)}}
@media (max-width:640px){.ambient-layer{opacity:.5}.orb-one{right:-260px}.site-header{border-radius:22px}.hero{padding-top:112px}.use-grid article{padding:20px 0}.use-grid article:hover{padding-left:18px;padding-right:18px}.product-stage:hover .app-window,.workspace-stage:hover .app-window{transform:scale(.58);transform-origin:left top}.workspace-stage:hover .app-window{transform:scale(.58);transform-origin:left top}}
@media (prefers-reduced-motion:reduce){.ambient-orb,.eyebrow:before,.pricing,.channel.active{animation:none}.js-ready .reveal{opacity:1;transform:none;filter:none;transition:none}.product-stage .app-window,.workspace-stage .app-window,.artnet-window,.category-card,.use-grid article{transition:none}}

/* Liquid-glass hero beneath the floating navigation */
.hero{isolation:isolate;margin:0 18px 48px;min-height:calc(100svh - 18px);border:1px solid rgba(255,255,255,.8);border-top:0;border-radius:0 0 44px 44px;background:linear-gradient(128deg,rgba(255,255,255,.62) 0%,rgba(235,239,230,.48) 42%,rgba(243,240,233,.6) 72%,rgba(255,255,255,.52) 100%);box-shadow:0 32px 90px rgba(53,61,54,.1),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(77,101,83,.08);-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%)}
.hero:before{content:"";position:absolute;z-index:-2;left:auto;right:-8%;top:-28%;width:680px;height:680px;border-radius:42% 58% 63% 37% / 44% 38% 62% 56%;background:radial-gradient(circle at 30% 34%,rgba(255,255,255,.92) 0 11%,rgba(222,229,216,.72) 32%,rgba(173,80,55,.13) 56%,transparent 72%);filter:blur(3px);animation:liquidMorph 15s ease-in-out infinite alternate;pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.42) 29%,transparent 44%),radial-gradient(600px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.38),transparent 66%);background-size:180% 100%,auto;animation:glassSheen 13s ease-in-out infinite;pointer-events:none}
.hero-copy{position:relative;isolation:isolate}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-30px -28px;border:1px solid rgba(255,255,255,.76);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.18));box-shadow:0 25px 60px rgba(53,61,54,.08),inset 0 1px 0 rgba(255,255,255,.9),inset 18px 0 40px rgba(255,255,255,.12);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.hero-copy:after{content:"";position:absolute;z-index:-1;top:-29px;left:8%;width:54%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);filter:drop-shadow(0 2px 5px rgba(255,255,255,.8))}
.hero .product-stage{background:linear-gradient(145deg,rgba(222,229,216,.62),rgba(255,255,255,.34));border-color:rgba(255,255,255,.88);box-shadow:0 34px 85px rgba(53,61,54,.13),inset 0 1px 0 rgba(255,255,255,.98),inset -12px -14px 32px rgba(77,101,83,.06);-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%)}
.hero .product-stage:after{content:"";position:absolute;top:8px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none}
.hero .light-window{background:rgba(243,240,233,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(53,61,54,.09),inset 0 1px 0 rgba(255,255,255,.94)}
.hero .stage-caption{margin:16px -4px -4px;padding:11px 14px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@keyframes liquidMorph{0%{transform:translate3d(0,0,0) rotate(0deg);border-radius:42% 58% 63% 37% / 44% 38% 62% 56%}50%{transform:translate3d(-40px,48px,0) rotate(10deg);border-radius:58% 42% 38% 62% / 37% 61% 39% 63%}100%{transform:translate3d(-90px,16px,0) rotate(-5deg);border-radius:36% 64% 54% 46% / 63% 36% 64% 37%}}
@keyframes glassSheen{0%,100%{background-position:130% 0,center}50%{background-position:-80% 0,center}}
@media (max-width:900px){.hero{margin:0 10px 36px;border-radius:0 0 34px 34px}.hero-copy:before{inset:-22px -18px;border-radius:28px}.hero-copy:after{top:-21px}.hero:before{right:-45%;top:-18%;width:600px;height:600px}}
@media (max-width:640px){.hero{margin:0 6px 28px;padding-left:22px;padding-right:22px;border-radius:0 0 28px 28px}.hero-copy:before{inset:-18px -10px}.hero .product-stage{margin-top:10px}.hero:before{right:-100%;top:-14%}}
@media (prefers-reduced-motion:reduce){.hero:before,.hero:after{animation:none}}

/* Dark Roadie theme with a light ArtNet product example */
:root{--paper:#0b0e0c;--ink:#edf2ed;--muted:#a2aca4;--green:#b8c9bc;--sage:#172019;--sand:#28221d;--cream:#121613;--coral:#e1775c;--line:rgba(237,242,237,.12);--dark:#0b0e0c;--dark-soft:#151a16;--dark-card:#1b241e;--dark-line:#303a33;--dark-text:#edf2ed;--dark-muted:#a2aca4}
html{background:#0b0e0c}
body{color:var(--ink);background:radial-gradient(circle at 72% 8%,#18221b 0,transparent 28%),radial-gradient(circle at 10% 52%,#211b17 0,transparent 26%),linear-gradient(180deg,#0b0e0c 0%,#0d110e 48%,#080b09 100%)}
.ambient-layer{opacity:.56}.ambient-layer:after{background:radial-gradient(520px circle at var(--pointer-x) var(--pointer-y),rgba(122,151,129,.12),transparent 68%)}
.orb-one{background:radial-gradient(circle at 35% 35%,rgba(83,112,91,.7),rgba(24,32,26,0) 70%)}.orb-two{background:radial-gradient(circle at 65% 45%,rgba(112,71,55,.42),rgba(33,27,23,0) 72%)}.orb-three{background:radial-gradient(circle at center,rgba(59,84,66,.54),rgba(23,32,25,0) 70%)}
.skip-link{background:#edf2ed;color:#0b0e0c}
.site-header{border-color:rgba(255,255,255,.15);background:linear-gradient(120deg,rgba(27,34,29,.8),rgba(11,14,12,.62) 48%,rgba(29,40,32,.72));box-shadow:0 22px 65px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.4);-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}
.site-header:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent)}
.site-header.is-scrolled{background:linear-gradient(120deg,rgba(25,32,27,.91),rgba(10,13,11,.78),rgba(27,37,30,.86));box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14)}
.main-nav{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.main-nav a:hover,.main-nav a:focus-visible{background:rgba(255,255,255,.09)}.main-nav a.is-active{color:#ff9a7d;background:rgba(255,255,255,.1);box-shadow:0 8px 22px rgba(0,0,0,.18)}.main-nav .download-link{color:#fff;background:#bd5b43;box-shadow:0 10px 26px rgba(189,91,67,.28)}
.menu-toggle span:not(.sr-only){background:var(--ink)}
.hero{border-color:rgba(255,255,255,.11);background:linear-gradient(128deg,rgba(27,35,29,.78) 0%,rgba(12,16,13,.66) 44%,rgba(35,29,25,.6) 76%,rgba(18,24,20,.7) 100%);box-shadow:0 35px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,0,0,.45);-webkit-backdrop-filter:blur(34px) saturate(135%);backdrop-filter:blur(34px) saturate(135%)}
.hero:before{background:radial-gradient(circle at 30% 34%,rgba(150,178,157,.2) 0 11%,rgba(64,88,70,.42) 32%,rgba(173,80,55,.15) 56%,transparent 72%)}
.hero:after{background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.09) 29%,transparent 44%),radial-gradient(600px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.08),transparent 66%)}
.hero-copy:before{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.13),inset 18px 0 40px rgba(255,255,255,.025)}.hero-copy:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
.hero h1{background:linear-gradient(130deg,#f2f5f1 6%,#c8d7cc 58%,#f09a81 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#aeb7b0}.eyebrow{color:#f08b6f}.download-block>p{color:#b7c5ba}
.hero .product-stage,.workspace-stage{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(38,50,41,.72),rgba(255,255,255,.045));box-shadow:0 38px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.14),inset -12px -14px 32px rgba(0,0,0,.14)}
.hero .product-stage:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.hero .stage-caption{color:#cfddd2;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.045)}
.light-window{--paper:#fcfaf6;--ink:#353d36;--muted:#70766c;--green:#4d6553;--sage:#dee5d8;--sand:#e9e3d6;--cream:#f3f0e9;--line:#daddd2;color:#353d36;background:#f3f0e9;border-color:#daddd2}
.hero .light-window{background:rgba(243,240,233,.95);box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 #fff}
.use-cases,.categories,.workspace,.faq{background:rgba(10,13,11,.38);border-color:var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.use-grid article:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1);box-shadow:0 26px 55px rgba(0,0,0,.2)}.use-grid p,.section-lead,.section-note,.workspace-points p,.faq-item p{color:var(--muted)}.use-grid img{filter:brightness(0) invert(1);opacity:.82}
.category-card{border-color:rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(0,0,0,.16)}.category-card.sand{background:#28221d}.category-card.sage{background:#172019}.category-card.coral{background:#2d1d18}.category-card.cream{background:#22231f}.category-card p{color:#aeb7b0}.category-card small{color:#bfd0c3}.category-card>img{filter:brightness(0) invert(1);opacity:.86}.category-card:after{background:rgba(255,255,255,.055)}.category-card:hover{box-shadow:0 30px 65px rgba(0,0,0,.3)}
.artnet{background:linear-gradient(140deg,#0f1310,#151a16 62%,#111411)}.artnet:after{background:rgba(89,111,94,.13)}
.artnet-window{background:linear-gradient(145deg,#fbfaf6,#efede6);color:#353d36;border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 90px rgba(0,0,0,.42),inset 0 1px 0 #fff}.artnet-window:hover{box-shadow:0 52px 110px rgba(0,0,0,.5)}
.dark-titlebar{color:#70766c}.artnet-heading h3{color:#353d36}.artnet-heading span{color:#70766c}.segmented.dark{border-color:#ccc8c0;background:#dedbd4;color:#70766c}.segmented.dark span:first-child{background:#ad5037;color:#fff}.artnet-actions button{background:#ad5037}.artnet-actions button:disabled{background:transparent;border-color:#b9b5ad;color:#8c8982}.network-config{background:#e7e3da;color:#4d6553;border:1px solid #d5d1c8}.channel-heading{color:#353d36}.channel-heading small{color:#70766c}.channel{background:#dee5d8;border-color:#cbd2c7;color:#353d36}.channel small{color:#70766c}.channel.active{background:#f0ddd4;border-color:#ad5037;color:#ad5037}.channel.active small{color:#ad5037}.dmx-layout aside{background:#e7e3da;color:#353d36}.dmx-layout aside span,.dmx-layout aside small{color:#70766c}.dmx-layout input{accent-color:#ad5037}
.artnet-copy>p:not(.eyebrow),.artnet-copy>small{color:var(--muted)}.check-list li:before{background:#bd5b43}
.workspace-stage{background:linear-gradient(145deg,rgba(33,43,36,.76),rgba(255,255,255,.04));box-shadow:0 35px 85px rgba(0,0,0,.28)}.discover-callout{color:var(--ink);background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09)}.discover-callout small{color:var(--muted)}
.pricing{background:linear-gradient(115deg,#172019,#1e2921,#171e19);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.34)}.pricing>div:last-child small{color:#b7c7ba}
.faq-item{border-color:var(--line)}.faq-item:hover{background:rgba(255,255,255,.045);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.final-download{border-color:rgba(255,255,255,.11);background:linear-gradient(120deg,rgba(28,36,30,.86),rgba(255,255,255,.045));box-shadow:0 32px 80px rgba(0,0,0,.28)}.final-download:before{background:rgba(62,86,68,.38)}.final-download>div:first-child p,.final-actions>span{color:var(--muted)}.final-actions small{color:#b7c7ba}
footer{border-color:var(--line);background:rgba(7,10,8,.5)}footer p{color:var(--muted)}
@media (max-width:900px){.main-nav{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(27,35,29,.95),rgba(10,13,11,.9));box-shadow:0 28px 65px rgba(0,0,0,.5)}.menu-toggle{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}}

/* Light/dark theme switcher */
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--paper:#fcfaf6;--ink:#353d36;--muted:#70766c;--green:#4d6553;--sage:#dee5d8;--sand:#e9e3d6;--cream:#f3f0e9;--coral:#ad5037;--line:#daddd2}
.theme-toggle{position:relative;z-index:3;flex:0 0 42px;width:42px;height:42px;margin-left:auto;margin-right:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(255,255,255,.06);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}
.theme-toggle:hover,.theme-toggle:focus-visible{transform:rotate(8deg) scale(1.06);background:rgba(255,255,255,.12)}.theme-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.theme-icon{display:none;font-size:18px;line-height:1}.theme-icon-light{font-size:19px}html[data-theme="dark"] .theme-icon-light,html[data-theme="light"] .theme-icon-dark{display:block}
body,.site-header,.hero,.hero-copy:before,.hero .product-stage,.workspace-stage,.use-cases,.categories,.workspace,.faq,.pricing,.final-download,footer{transition:color .35s ease,background .45s ease,border-color .35s ease,box-shadow .35s ease}
html[data-theme="light"]{background:#fcfaf6}
html[data-theme="light"] body{color:#353d36;background:linear-gradient(180deg,#fcfaf6 0%,#f8f5ef 46%,#fcfaf6 100%)}
html[data-theme="light"] .ambient-layer{opacity:.72}html[data-theme="light"] .ambient-layer:after{background:radial-gradient(520px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.72),transparent 68%)}html[data-theme="light"] .orb-one{background:radial-gradient(circle at 35% 35%,rgba(222,229,216,.96),rgba(222,229,216,0) 70%)}html[data-theme="light"] .orb-two{background:radial-gradient(circle at 65% 45%,rgba(233,227,214,.92),rgba(233,227,214,0) 72%)}html[data-theme="light"] .orb-three{background:radial-gradient(circle at center,rgba(222,229,216,.84),rgba(222,229,216,0) 70%)}
html[data-theme="light"] .skip-link{background:#353d36;color:#fff}
html[data-theme="light"] .site-header{border-color:rgba(255,255,255,.72);background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(244,243,237,.46) 48%,rgba(222,229,216,.55));box-shadow:0 18px 55px rgba(53,61,54,.11),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(77,101,83,.08)}
html[data-theme="light"] .site-header:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.58),transparent)}html[data-theme="light"] .site-header.is-scrolled{background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(244,243,237,.62),rgba(222,229,216,.68));box-shadow:0 14px 45px rgba(53,61,54,.16),inset 0 1px 0 #fff}
html[data-theme="light"] .main-nav{background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}html[data-theme="light"] .main-nav a:hover,html[data-theme="light"] .main-nav a:focus-visible{background:rgba(255,255,255,.65)}html[data-theme="light"] .main-nav a.is-active{color:#ad5037;background:rgba(255,255,255,.76);box-shadow:0 6px 18px rgba(53,61,54,.08)}html[data-theme="light"] .main-nav .download-link{background:#ad5037;color:#fff;box-shadow:0 8px 20px rgba(173,80,55,.22)}
html[data-theme="light"] .theme-toggle{color:#353d36;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 16px rgba(53,61,54,.07)}html[data-theme="light"] .theme-toggle:hover{background:rgba(255,255,255,.82)}html[data-theme="light"] .menu-toggle span:not(.sr-only){background:#353d36}
html[data-theme="light"] .hero{border-color:rgba(255,255,255,.8);background:linear-gradient(128deg,rgba(255,255,255,.62) 0%,rgba(235,239,230,.48) 42%,rgba(243,240,233,.6) 72%,rgba(255,255,255,.52) 100%);box-shadow:0 32px 90px rgba(53,61,54,.1),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(77,101,83,.08)}
html[data-theme="light"] .hero:before{background:radial-gradient(circle at 30% 34%,rgba(255,255,255,.92) 0 11%,rgba(222,229,216,.72) 32%,rgba(173,80,55,.13) 56%,transparent 72%)}html[data-theme="light"] .hero:after{background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.42) 29%,transparent 44%),radial-gradient(600px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.38),transparent 66%)}
html[data-theme="light"] .hero-copy:before{border-color:rgba(255,255,255,.76);background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.18));box-shadow:0 25px 60px rgba(53,61,54,.08),inset 0 1px 0 rgba(255,255,255,.9),inset 18px 0 40px rgba(255,255,255,.12)}html[data-theme="light"] .hero-copy:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent)}
html[data-theme="light"] .hero h1{background:linear-gradient(130deg,#28302a 8%,#4d6553 58%,#ad5037 120%);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme="light"] .hero-lead{color:#70766c}html[data-theme="light"] .eyebrow{color:#ad5037}html[data-theme="light"] .download-block>p{color:#4d6553}
html[data-theme="light"] .hero .product-stage,html[data-theme="light"] .workspace-stage{border-color:rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(222,229,216,.62),rgba(255,255,255,.34));box-shadow:0 34px 85px rgba(53,61,54,.13),inset 0 1px 0 rgba(255,255,255,.98),inset -12px -14px 32px rgba(77,101,83,.06)}html[data-theme="light"] .hero .product-stage:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}html[data-theme="light"] .hero .stage-caption{color:#4d6553;border-color:rgba(255,255,255,.68);background:rgba(255,255,255,.3)}
html[data-theme="light"] .use-cases,html[data-theme="light"] .categories,html[data-theme="light"] .workspace,html[data-theme="light"] .faq{background:rgba(252,250,246,.54);border-color:#daddd2}html[data-theme="light"] .use-grid article:hover{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.92);box-shadow:0 24px 48px rgba(53,61,54,.08)}html[data-theme="light"] .use-grid p,html[data-theme="light"] .section-lead,html[data-theme="light"] .section-note,html[data-theme="light"] .workspace-points p,html[data-theme="light"] .faq-item p{color:#70766c}html[data-theme="light"] .use-grid img{filter:none;opacity:1}
html[data-theme="light"] .category-card{border-color:rgba(255,255,255,.55);box-shadow:0 12px 30px rgba(53,61,54,.04)}html[data-theme="light"] .category-card.sand{background:#e9e3d6}html[data-theme="light"] .category-card.sage{background:#dee5d8}html[data-theme="light"] .category-card.coral{background:#f0ddd4}html[data-theme="light"] .category-card.cream{background:#ece9df}html[data-theme="light"] .category-card p{color:#70766c}html[data-theme="light"] .category-card small{color:#4d6553}html[data-theme="light"] .category-card>img{filter:none;opacity:1}html[data-theme="light"] .category-card:after{background:rgba(255,255,255,.5)}html[data-theme="light"] .category-card:hover{box-shadow:0 28px 55px rgba(53,61,54,.14)}
html[data-theme="light"] .artnet{background:linear-gradient(135deg,rgba(243,240,233,.96),rgba(233,227,214,.78))}html[data-theme="light"] .artnet:after{background:rgba(255,255,255,.5)}html[data-theme="light"] .artnet-copy>p:not(.eyebrow),html[data-theme="light"] .artnet-copy>small{color:#70766c}
html[data-theme="light"] .workspace-stage{background:#f3f0e9;box-shadow:0 30px 70px rgba(53,61,54,.1)}html[data-theme="light"] .discover-callout{color:#353d36;background:#fcfaf6;border-color:transparent}html[data-theme="light"] .discover-callout small{color:#70766c}
html[data-theme="light"] .pricing{background:linear-gradient(115deg,rgba(222,229,216,.96),rgba(235,239,230,.88),rgba(222,229,216,.94));box-shadow:none}html[data-theme="light"] .pricing>div:last-child small{color:#4d6553}
html[data-theme="light"] .faq-item{border-color:#daddd2}html[data-theme="light"] .faq-item:hover{background:rgba(255,255,255,.62);box-shadow:0 16px 34px rgba(53,61,54,.06)}
html[data-theme="light"] .final-download{border-color:rgba(255,255,255,.78);background:linear-gradient(120deg,rgba(243,240,233,.9),rgba(255,255,255,.68));box-shadow:0 28px 70px rgba(53,61,54,.1)}html[data-theme="light"] .final-download:before{background:rgba(222,229,216,.8)}html[data-theme="light"] .final-download>div:first-child p,html[data-theme="light"] .final-actions>span{color:#70766c}html[data-theme="light"] .final-actions small{color:#4d6553}
html[data-theme="light"] footer{border-color:#daddd2;background:transparent}html[data-theme="light"] footer p{color:#70766c}
@media (max-width:900px){html[data-theme="light"] .main-nav{border-color:rgba(255,255,255,.78);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(235,239,230,.76));box-shadow:0 26px 60px rgba(53,61,54,.2)}html[data-theme="light"] .menu-toggle{background:rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}}

/* Interactive ArtNet preview */
.demo-tabs{padding:3px}
.artnet-actions .demo-tabs button{height:auto;padding:8px 14px;border:0;border-radius:7px;background:transparent;color:#70766c;font-size:10px;box-shadow:none;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
.artnet-actions .demo-tabs button.active{background:#ad5037;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.artnet-actions .demo-tabs button:focus-visible,.artnet-actions .preview-actions button:focus-visible{outline:2px solid #ad5037;outline-offset:2px}
.preview-actions{display:flex;gap:10px}
.artnet-actions .preview-actions button{height:40px;padding:0 16px;border:0;border-radius:999px;background:#ad5037;color:#fff;font-size:11px;cursor:pointer;transition:transform .2s ease,background .2s ease}
.artnet-actions .preview-actions button:hover{transform:translateY(-2px);background:#913f2a}
.artnet-actions .preview-actions button.secondary{border:1px solid #b9b5ad;background:transparent;color:#5f625d}
.artnet-actions .preview-actions button.secondary:hover{background:#e3dfd6;color:#353d36}
.channel{position:relative;isolation:isolate;appearance:none;text-align:left;color:inherit;cursor:pointer;overflow:hidden}
.channel>*{position:relative;z-index:2}
.channel:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:var(--level,0%);background:linear-gradient(180deg,rgba(77,101,83,.12),rgba(77,101,83,.34));opacity:0;transition:height .2s ease,opacity .2s ease}
.dmx-grid.levels-view .channel:after{opacity:.82}
.dmx-grid.levels-view .channel.active:after{background:linear-gradient(180deg,rgba(173,80,55,.13),rgba(173,80,55,.38))}
.channel:focus-visible{outline:2px solid #ad5037;outline-offset:2px}
.channel-value-label{font-size:10px;color:#70766c}
.value-editor{display:flex;align-items:baseline;gap:4px}
.value-editor input{width:72px;padding:0 0 3px;border:0;border-bottom:1px solid #b9b5ad;background:transparent;color:#353d36;font-family:'IBM Plex Mono',monospace;font-size:28px;font-weight:500}
.value-editor input:focus{outline:0;border-color:#ad5037}
.value-editor span{font-size:10px;color:#70766c}
.dmx-layout aside input[type="range"]{width:100%;cursor:pointer}