/* Helm brand system shared with desktop: plum, copper and charcoal. */
:root{--bg:#141212;--surface:#1c1918;--surface-raised:#312826;--line:rgba(218,194,187,.17);
  --text:#f1eae5;--muted:#d2c2ba;--quiet:#aaa09d;--cyan:#b98baa;--violet:#c88e9a;
  font-family:Inter,"Segoe UI",system-ui,sans-serif}
body{background:radial-gradient(ellipse at 85% 2%,rgba(185,139,170,.10),transparent 38%),
  radial-gradient(ellipse at 4% 40%,rgba(200,142,154,.055),transparent 38%),#141212;color:#f1eae5}
body:before{background-image:linear-gradient(rgba(185,139,170,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(185,139,170,.035) 1px,transparent 1px);background-size:72px 72px;opacity:.33;mask-image:linear-gradient(180deg,#000,transparent 65%)}
a:focus-visible,button:focus-visible{outline-color:#b98baa}
.site-header{background:rgba(20,18,18,.9);border-color:var(--line);backdrop-filter:blur(20px)}
.brand img{filter:none}.brand>span{color:#f1eae5}.brand small{color:#aaa09d}
.main-nav a{color:#d1c8c5}.main-nav a:hover{color:#f0e0dc}
.header-download,.button-primary{border:1px solid #d19aa3;background:#b98baa;color:#211a1a;box-shadow:none;font-weight:700}
.header-download:hover,.button-primary:hover{background:#c88e9a;border-color:#d5a17f;color:#211a1a;box-shadow:0 10px 30px rgba(185,139,170,.16)}
.hero-shell{align-items:center;padding-top:92px;padding-bottom:100px}
.eyebrow,.section-kicker{color:#e2bda8}.eyebrow i,.hero-meta>span i{background:#c88e9a;box-shadow:0 0 12px #c88e9a70}
.hero h1{font-size:clamp(51px,6vw,82px);font-weight:710;line-height:1.02;letter-spacing:-.07em;background:none;color:#f1eae5}
.hero h1 span,.section-heading h2 span,.download-copy h2 span{background:linear-gradient(112deg,#b98baa 0%,#c88e9a 45%,#d5a17f 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-lead{color:#d2c2ba;font-size:17px;line-height:1.68}.hero-meta,.trust-line{color:#bcc9b2}
.button-quiet,.button:not(.button-primary){background:#2a2422;border-color:#ffffff1b;color:#e3f0e8;box-shadow:none}
.button-quiet:hover,.button:not(.button-primary):hover{background:#3b2e2a;border-color:#b98baa6b;color:#fff}
.studio-demo{border:1px solid #b98baa46;background:#152019;box-shadow:0 28px 90px #0007,0 0 0 1px #ffffff09}
.studio-demo:before{content:"";position:absolute;inset:-80px;z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 55% 48%,transparent 0 35px,#b98baa15 36px 37px,transparent 38px 80px);animation:helmSiteTide 20s ease-in-out infinite alternate}
@keyframes helmSiteTide{to{transform:rotate(7deg) scale(1.035)}}
.demo-top,.demo-toolbar,.demo-composer,.panel-head,.terminal-panel{background:#211b1a;border-color:#ffffff18}
.demo-badge{color:#e2bda8;background:#b98baa18;border-color:#b98baa52}
.studio-files{background:#1c1918;border-color:#ffffff17}
.editor-panel,.result-panel{background:#1c1918;border-color:#ffffff19}
.demo-request{background:#2a2422;border-color:#b98baa3d}
.demo-pointer span{background:#b98baa;color:#211a1a}
.connection-strip{background:#1c1918;border-color:#ffffff17}
.connection-strip-title{color:#e2bda8}.connection-paths article{background:#302522;border-color:#ffffff15}
.connection-paths article:hover{background:#3b2e2a;border-color:#b98baa6a}
.section-heading h2{color:#f1eae5}.section-heading p,.story-copy p,.module-row p,.guide-steps p{color:#d2c2ba}
.story-shot,.module-row,.guide-steps article,.download-panel{background:#211b1a;border-color:#ffffff1c;box-shadow:none}
.story-shot img{filter:saturate(.92)}
.module-row:hover,.guide-steps article:hover{background:#382a27;border-color:#b98baa58}
.story-number,.module-kind{color:#e2bda8}
.download-panel{background:radial-gradient(circle at 82% 48%,#b98baa18,transparent 38%),#211b1a}
.download-logo{filter:drop-shadow(0 12px 24px #0006)}
.hash-button:hover{color:#dda18e;border-color:#b98baa7c}
.site-footer{border-color:#ffffff15;color:#acbaa2}
@media(max-width:800px){.hero-shell{padding-top:60px;padding-bottom:65px}.studio-demo:before{display:none}}
@media(prefers-reduced-motion:reduce){.studio-demo:before{animation:none}}

:root{--helm-gradient:linear-gradient(112deg,#b98baa 0%,#c88e9a 45%,#d5a17f 100%)}
.header-download,.button-primary{background:var(--helm-gradient);border-color:#c88e9a;color:#211a1a}
.hero h1 span,.section-heading h2 span,.download-copy h2 span{background:var(--helm-gradient);color:transparent;background-clip:text;-webkit-background-clip:text}

/* Helm signature gradient: plum to lagoon copper. */
.brand img{filter:none}
/* Keep all static pages on the desktop palette. */
:root{--cyan:#b98baa;--violet:#c88e9a;--line:rgba(218,194,187,.17)}
.site-header{background:rgba(20,18,18,.92)!important}
.studio-demo,.download-panel,.story-shot,.module-row,.guide-steps article{background-color:#211b1a}
.studio-files,.editor-panel,.result-panel,.demo-top,.demo-toolbar,.demo-composer,.panel-head,.terminal-panel{background-color:#1c1918}
.demo-badge,.demo-progress i,.terminal-line i{color:#d5a17f}
.demo-progress i{background:linear-gradient(90deg,#b98baa,#c88e9a,#d5a17f)}
.demo-pointer span{background:#b98baa;color:#211a1a}