/* RAIN hero: original valley, translucent product plane, original ridges in front. */
.hero-content{position:relative;z-index:5;align-items:flex-start;text-align:left;padding-top:clamp(190px,25vh,285px);pointer-events:none}
.hero-content>*{pointer-events:auto}
.hero h1{max-width:43%;font-size:clamp(46px,4.05vw,68px);line-height:1.09}
.hero .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:27px}
.hero-description{font-size:14px;max-width:39%;color:#e7eadd;text-shadow:0 2px 20px #071209}
.hero-actions{gap:24px;flex-wrap:wrap;max-width:43%}
.hero-landscape{z-index:0;pointer-events:none;transform:scale(1.06)}
.hero-landscape img{object-position:center;filter:saturate(.85) brightness(1.12)}
.hero-foreground{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;transform:scale(1.06);filter:saturate(.85) brightness(1.12);will-change:transform}
.hero-shade{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0c171b55,transparent 58%),linear-gradient(180deg,#16201922,transparent 70%,#121311 100%)}
.hero-bottom{z-index:6}
/* Play once on each page load; all copy remains semantic and selectable. */
html[data-motion=on] .hero-content>*{animation:hero-copy-arrival .9s cubic-bezier(.16,1,.3,1) both;animation-delay:.06s}
html[data-motion=on] .hero-content h1{animation-delay:.18s}
html[data-motion=on] .hero-content .hero-description{animation-delay:.32s}
html[data-motion=on] .hero-content .hero-actions{animation-delay:.46s}
.hero-content:focus-within>*{animation:none!important}
@keyframes hero-copy-arrival{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-content>*{animation:none!important}}
.hero-demo{position:absolute;z-index:2;left:49%;top:22%;width:59%;max-width:980px;min-height:560px;color:#f0f2e9;background:linear-gradient(120deg,#d6e1d326,#bec9b516);border:1px solid #eef1da59;border-radius:13px;box-shadow:0 30px 100px #0c170e2b,inset 0 1px #ffffff24;backdrop-filter:blur(3px);overflow:hidden;transform:perspective(1800px) rotateY(-5deg) rotateX(1deg);transform-origin:0 50%;animation:demo-arrival 1.1s cubic-bezier(.16,1,.3,1) both;scroll-margin-top:120px}
.demo-topbar{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eeda30;gap:20px;font-size:10px}
.demo-brand{font-size:15px;letter-spacing:-.025em}.demo-brand>span{margin:0 12px;color:#dae4d680}
.demo-state{font:8px ui-monospace,monospace;letter-spacing:.08em;display:flex;align-items:center;gap:8px;margin-right:45px;color:#e2ead8}.demo-state i{width:5px;height:5px;border-radius:50%;background:#c6dcae;box-shadow:0 0 12px #d5f0b344}
.demo-body{padding:29px 26px;background:#14211920}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-eyebrow{font:8px ui-monospace,monospace;letter-spacing:.13em;color:#d4ddcd}
.hero-demo h2{font-family:Arial,Helvetica,sans-serif;font-size:25px;letter-spacing:-.035em;margin-top:12px}
.demo-local{font-size:9px;color:#d3dfca;margin-right:45px}
.demo-switch{display:inline-flex;gap:3px;border:1px solid #e1e9d82a;border-radius:5px;padding:3px;background:#13201630;margin-top:24px}
.demo-switch button{background:none;min-height:34px;min-width:80px;padding:8px 14px;font-size:11px;color:#d7e0cd;border-radius:3px;transition:background .25s,color .25s}
.demo-switch button[aria-pressed=true]{background:#d7e3c9e8;color:#263125;box-shadow:0 2px 12px #1020171c}
.demo-switch button:hover{background:#e3edd340;color:#fff}.demo-switch button[aria-pressed=true]:hover{background:#edf1e5;color:#263125}
.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 24px}
.demo-metrics>div{border-left:1px solid #edf2d72a;padding-left:23px}.demo-metrics>div:first-child{border:0;padding-left:0}
.demo-metrics span,.demo-metrics>div>small{font-size:10px;display:block;color:#d9e1d2}
.demo-metrics strong{font-weight:400;font-size:37px;letter-spacing:-.05em;display:block;margin:9px 0 8px}
.demo-metrics strong small{font-size:13px;letter-spacing:0}.demo-metrics>div>small{font-size:8px}
.demo-chart{border-top:1px solid #e5ebd529;padding-top:20px}.demo-chart>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#dae2d3}
.demo-chart>div>span:last-child{display:flex;align-items:center;gap:7px}.demo-chart i{height:4px;width:4px;background:#deebbb;border-radius:50%}
.demo-chart svg{display:block;width:100%;height:150px;margin-top:20px;overflow:visible}
.demo-grid{fill:none;stroke:#e5ecd51c;stroke-width:1;stroke-dasharray:3 5}#demo-line{fill:none;stroke:#e1edbf;stroke-width:2;vector-effect:non-scaling-stroke}
.demo-chart-axis{font:8px ui-monospace,monospace;margin-top:7px}
.demo-record{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5ebd529;margin-top:24px;padding-top:20px;font-size:9px;color:#dfe7d6}
.demo-record>span:first-child{display:flex;align-items:center;gap:8px}.demo-record .signal-dot{width:4px;height:4px;background:#d7e6b5}
@keyframes demo-arrival{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
/* Navigation: rolling labels, illuminated underline, unfolding panel, staggered links. */
.desktop-nav{gap:12px;align-items:center;height:100%}.nav-item{position:relative;height:100%;display:flex;align-items:center;perspective:1000px}
.nav-trigger{display:flex;align-items:center;gap:9px;background:none;padding:18px 12px;font-size:14px;position:relative;color:#e3e5dc}
.nav-trigger::after{content:"";position:absolute;bottom:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#e8d6af,transparent);transform:scaleX(0);transition:transform .38s cubic-bezier(.16,1,.3,1);transform-origin:left}
.nav-label{height:20px;display:block;overflow:hidden;line-height:20px}.nav-label>span{display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-label>span:last-child{color:#f4ddbd}
.nav-chevron{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .4s}
.nav-item:hover .nav-label>span,.nav-item.is-open .nav-label>span,.nav-trigger:focus-visible .nav-label>span{transform:translateY(-100%)}
.nav-item:hover .nav-trigger::after,.nav-item.is-open .nav-trigger::after,.nav-trigger:focus-visible::after{transform:scaleX(1)}
.nav-item.is-open .nav-chevron{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% - 1px);left:50%;width:340px;padding:20px 15px 12px;border:1px solid #dce8c62e;border-radius:9px;background:linear-gradient(145deg,#283129fa,#151c16fc);box-shadow:0 24px 70px #07120966,inset 0 1px #ffffff0b;opacity:0;transform:translate(-50%,14px) rotateX(-8deg) scale(.98);transform-origin:50% 0;transition:opacity .24s,transform .36s cubic-bezier(.16,1,.3,1);pointer-events:none}
.nav-item:last-child .nav-dropdown{left:auto;right:-20px;transform:translate(0,14px) rotateX(-8deg) scale(.98)}
.nav-item.is-open .nav-dropdown{opacity:1;transform:translate(-50%,0) rotateX(0) scale(1);pointer-events:auto}
.nav-item:last-child.is-open .nav-dropdown{transform:translate(0,0) rotateX(0) scale(1)}
.nav-intro{font-family:var(--display);font-size:19px;line-height:1.25;color:#ececde;padding:5px 11px 20px;letter-spacing:-.025em}
.desktop-nav .nav-dropdown a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 11px;border-radius:5px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .35s,background .2s;transition-delay:0s}
.nav-item.is-open .nav-dropdown a{opacity:1;transform:translateY(0);transition-delay:calc(65ms + var(--item)*45ms)}
.nav-dropdown a strong{font-size:12px;font-weight:400;display:block}.nav-dropdown a small{font-size:10px;color:#aebba8;display:block;margin-top:5px;line-height:1.5}
.nav-dropdown a>span:last-child{color:#d9c4a6;transition:transform .25s}.nav-dropdown a:hover{background:#ebf1d80b}.nav-dropdown a:hover>span:last-child{transform:translate(2px,-2px)}
.nav-foot{border-top:1px solid #e5ecd51a;margin:12px 11px 0;padding-top:15px;font:7px ui-monospace,monospace;letter-spacing:.11em;color:#a9b79d;display:flex;align-items:center;gap:8px}.nav-foot .signal-dot{width:4px;height:4px}
.mobile-nav{max-height:calc(100svh - 105px);overflow-y:auto}.mobile-nav-group{border-bottom:1px solid var(--line)}
.mobile-nav-group summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:53px;cursor:pointer;font-size:17px}
.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group summary>span{transition:transform .3s;color:var(--accent)}
.mobile-nav-group[open] summary>span{transform:rotate(45deg)}.mobile-nav-group a{font-size:15px;padding:13px 10px;color:#c4ceba;display:flex;justify-content:space-between;gap:20px}
.mobile-nav-group[open] a{animation:mobile-link-in .3s both}.mobile-nav-group a>span{color:var(--accent)}
@keyframes mobile-link-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#assurance{scroll-margin-top:95px}
@media(min-width:1600px){.hero h1{font-size:72px}.hero-content{padding-top:26vh}}
@media(max-width:1050px) and (min-width:761px){.desktop-nav{gap:0}.nav-trigger{font-size:13px;padding-inline:9px}.header{padding-inline:15px}.hero h1{max-width:45%;font-size:45px}.hero .eyebrow{font-size:7px}.hero-description{font-size:12px}.hero-actions{gap:12px;max-width:45%}.hero-actions .button{font-size:11px;padding-inline:14px;gap:14px}.hero-actions .text-link{font-size:10px}.hero-demo{left:50%;top:23%;width:76%}.demo-topbar{padding-inline:20px}.demo-body{padding-inline:20px}}
@media(max-width:760px){.hero{height:100svh;min-height:900px;max-height:1100px}.hero-content{padding-top:145px;align-items:flex-start}.hero h1{max-width:100%;font-size:clamp(36px,9.4vw,56px);line-height:1.09}.hero .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:20px}.hero-description{max-width:100%;font-size:12px;margin-top:20px}.hero-actions{max-width:100%;gap:20px;margin-top:20px}.hero-actions .button{font-size:11px;min-height:43px;padding-inline:16px}.hero-demo{left:20px;top:455px;width:calc(100% - 40px);min-height:385px;transform:none;border-radius:8px;background:linear-gradient(120deg,#c7d6bd4d,#b8c7ab26)}.demo-topbar{padding:13px 14px;gap:10px}.demo-brand{font-size:11px}.demo-brand>span{margin-inline:6px}.demo-state{font-size:5px;margin-right:0;gap:5px}.demo-body{padding:19px 15px}.demo-eyebrow{font-size:6px;letter-spacing:.07em}.hero-demo h2{font-size:21px;margin-top:9px}.demo-local{display:none}.demo-switch{margin-top:17px}.demo-switch button{font-size:10px;min-width:65px;min-height:34px;padding:7px 12px}.demo-metrics{margin-top:19px}.demo-metrics>div{padding-left:10px}.demo-metrics span{font-size:8px}.demo-metrics strong{font-size:27px}.demo-metrics strong small{font-size:10px}.demo-metrics>div>small{font-size:6px;line-height:1.5}.demo-chart{padding-top:15px}.demo-chart>div{font-size:7px}.demo-chart svg{height:100px;margin-top:12px}.demo-record{font-size:7px}.hero-landscape,.hero-foreground{height:100%;width:100%}.hero-bottom{font-size:6px}.wordmark{font-size:30vw}.brand{letter-spacing:.04em;font-size:25px}.hero-shade{background:linear-gradient(#0d191d66,transparent 70%,#121311 100%)}}
@media(max-width:380px){.hero-content{padding-top:140px}.hero h1{font-size:35px}.hero-demo{left:16px;width:calc(100% - 32px);top:435px}.hero .eyebrow{font-size:6px}.hero-actions{gap:17px}.demo-metrics strong{font-size:25px}}
html[data-motion=off] .hero-foreground{transform:none!important;will-change:auto}
html[data-motion=off] .hero-demo{animation:none}
/* Centered support credit follows the existing reversible scroll frame. */
.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.hero-support{grid-column:2;margin:0;text-align:center;font:400 16px/1.5 Arial,sans-serif;letter-spacing:.025em;color:#e9ecdf;transform-origin:center}
.hero-scroll-hint{grid-column:3;justify-self:end}
@media(max-width:1050px){.hero-bottom{grid-template-columns:1fr;gap:12px}.hero-support,.hero-scroll-hint{grid-column:1;justify-self:center}.hero-bottom .hero-scroll-hint{max-width:none;text-align:center}}
@media(max-width:760px){.hero-support{font-size:13px;letter-spacing:.01em}.hero-bottom{bottom:25px;gap:10px}}
html[data-motion=off] .hero-support{transform:none!important}
@media(prefers-reduced-motion:reduce){.hero-support{transform:none!important}}
html[data-motion=off] .nav-label>span,html[data-motion=off] .nav-trigger::after,html[data-motion=off] .nav-chevron,html[data-motion=off] .nav-dropdown,html[data-motion=off] .nav-dropdown a{transition:none}
html[data-motion=off] .mobile-nav-group[open] a{animation:none}
@media(prefers-reduced-motion:reduce){.hero-foreground{transform:none!important}.hero-demo{animation:none!important}}