/* Prowlen — hero scene and top navigation. */
:root{--r1-drop-shadow:rgba(0,0,0,.28);--r1-ask-shadow:rgba(0,0,0,.5)}
.r1-nav{position:fixed;inset:0 0 auto 0;z-index:50;color:var(--nav-ink);--nav-ink:#f2f4f8;--nav-ink-2:rgba(242,244,248,.66);--nav-hover:rgba(255,255,255,.08);--nav-panel:#0d1017;--nav-line:rgba(255,255,255,.1);--nav-veil:rgba(5,7,11,.72);transition:color var(--t-medium) var(--ease-primary)}
.r1-nav[data-nav-tone="light"]{--nav-ink:#0b0d12;--nav-ink-2:#4a5160;--nav-hover:rgba(11,13,18,.05);--nav-panel:#ffffff;--nav-line:#e4e7ee;--nav-veil:rgba(255,255,255,.82)}
.r1-nav::before{content:"";position:absolute;inset:0;background:var(--nav-veil);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);opacity:0;transition:opacity var(--t-medium) var(--ease-primary),background-color var(--t-medium) linear}
.r1-nav.is-scrolled::before{opacity:1}
.r1-nav__bar{position:relative;max-width:1320px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;gap:28px}
.r1-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.03em}
.r1-logo svg{width:26px;height:26px}
.r1-menu{display:flex;align-items:center;list-style:none;gap:2px;margin-right:auto}
.r1-item{position:relative}
.r1-link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:10px;font-weight:500;font-size:15px;letter-spacing:-.01em;color:var(--nav-ink);transition:background-color var(--t-light) linear}
.r1-link:hover,.r1-link[aria-expanded="true"]{background:var(--nav-hover)}
.r1-link svg{width:14px;height:14px;transition:transform var(--t-medium) var(--ease-primary)}
.r1-link[aria-expanded="true"] svg{transform:rotate(180deg)}
.r1-end{display:flex;align-items:center;gap:8px}
.r1-nav .pw-btn--primary{background:var(--nav-ink);color:var(--nav-panel)}
.r1-nav .pw-btn--ghost{box-shadow:inset 0 0 0 1px var(--nav-line);color:var(--nav-ink)}
.r1-nav .pw-btn--ghost:hover{background:var(--nav-hover)}
.r1-drop{position:absolute;top:calc(100% + 10px);left:-8px;min-width:440px;padding:10px;border-radius:16px;background:var(--nav-panel);box-shadow:0 0 0 1px var(--nav-line),0 24px 60px var(--r1-drop-shadow);display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;visibility:hidden;transform:translate3d(0,-6px,0) scale(.985);transform-origin:20% 0;will-change:transform,opacity;transition:opacity var(--t-medium) var(--ease-primary),transform var(--t-medium) var(--ease-primary),visibility 0s linear var(--t-medium)}
.r1-drop.is-open{opacity:1;visibility:visible;transform:none;transition:opacity var(--t-medium) var(--ease-primary),transform var(--t-medium) var(--ease-primary),visibility 0s}
.r1-drop a{display:grid;grid-template-columns:32px 1fr;gap:2px 12px;padding:12px;border-radius:10px;transition:background-color var(--t-light) linear;opacity:0;transform:translate3d(0,6px,0)}
.r1-drop.is-open a{opacity:1;transform:none;transition:background-color var(--t-light) linear,opacity var(--t-medium) var(--ease-primary) calc(var(--i,0)*40ms),transform var(--t-medium) var(--ease-primary) calc(var(--i,0)*40ms)}
.r1-drop a:hover{background:var(--nav-hover)}
.r1-drop i{grid-row:span 2;width:32px;height:32px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--nav-line);display:grid;place-items:center;font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--nav-ink-2)}
.r1-drop b{font-weight:600;font-size:14px}
.r1-drop span{font-size:13px;color:var(--nav-ink-2);line-height:1.35}

.r1-hero{position:relative;height:720vh;background:#03050a;color:#f2f4f8}
html[data-tone="light"] .r1-hero.is-variant{background:#fff;color:#0b0d12}
.r1-stage{position:sticky;top:0;height:100vh;overflow:hidden}
.r1-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.r1-gl{will-change:transform}
.r1-grid{pointer-events:none;will-change:opacity}
.r1-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;will-change:opacity,transform;pointer-events:none}
.r1-layer.is-live{pointer-events:auto}
.r1-intro h1{font-weight:300;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.03;letter-spacing:-.045em;max-width:17ch}
.r1-intro p{margin-top:28px;max-width:40rem;color:rgba(242,244,248,.72);font-size:clamp(1rem,1.35vw,1.25rem)}
.r1-intro .r1-ctas{display:flex;gap:10px;margin-top:40px}
.r1-hero .pw-btn--primary{background:#f2f4f8;color:#05070b}
.r1-hero .pw-btn--ghost{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#f2f4f8}
.r1-hero .pw-btn--ghost:hover{background:rgba(255,255,255,.08)}
.r1-hero .pw-mute{color:rgba(242,244,248,.38)}
.r1-every{flex-direction:row;justify-content:flex-start;padding-left:9vw;font-weight:300;font-size:clamp(2.4rem,4.6vw,4.4rem);letter-spacing:-.04em;gap:.28em}
.r1-every span{display:inline-block;will-change:opacity,transform}
.r1-guide h2{font-weight:300;font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.08;letter-spacing:-.04em;max-width:18ch;transform:translateY(-70px)}
.r1-ask{position:relative;margin-top:-10px;width:min(620px,88vw);height:62px;border-radius:999px;display:flex;align-items:center;gap:12px;padding:0 10px 0 26px;background:rgba(14,17,24,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 60px var(--r1-ask-shadow);will-change:transform,opacity;backdrop-filter:blur(8px)}
.r1-ask input{flex:1;min-width:0;background:none;border:0;outline:0;color:#f2f4f8;font:inherit;font-size:17px;letter-spacing:-.01em}
.r1-ask input::placeholder{color:rgba(242,244,248,.4)}
.r1-caret{width:2px;height:22px;background:#f2f4f8;animation:r1-blink 1s steps(2,start) infinite;margin-left:-10px}
.r1-ask.is-user .r1-caret{display:none}
@keyframes r1-blink{to{visibility:hidden}}
.r1-send{width:42px;height:42px;border-radius:50%;background:#f2f4f8;color:#05070b;display:grid;place-items:center;transition:transform var(--t-light) linear}
.r1-send:hover{transform:scale(1.06)}
.r1-send svg{width:18px;height:18px}
.r1-note{margin-top:14px;display:flex;gap:10px;align-items:center;color:rgba(242,244,248,.5);font-size:13px}
.r1-hero .pw-demo{color:rgba(242,244,248,.55);border-color:rgba(255,255,255,.16)}
.r1-out{align-items:flex-start;justify-content:flex-end;text-align:left;padding:0 9vw 14vh}
.r1-out h2{font-weight:300;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.04em}
.r1-out p{margin-top:16px;max-width:30rem;color:rgba(242,244,248,.6)}
.r1-count{position:absolute;right:32px;bottom:28px;display:flex;align-items:center;gap:12px;color:rgba(242,244,248,.5)}
.r1-count .r1-bar{width:120px;height:1px;background:rgba(255,255,255,.14);overflow:hidden}
.r1-count .r1-bar i{display:block;height:100%;background:#f2f4f8;transform-origin:0 50%;transform:scaleX(0);will-change:transform}
.r1-after{background:#fff;color:#4a5160;border:0}

.r1-hero.is-variant{height:auto}
.r1-hero.is-variant .r1-stage{position:relative;height:78vh;min-height:560px}
.r1-hero.is-variant .r1-intro h1{color:#0b0d12;font-size:clamp(2.6rem,5vw,4.6rem)}
.r1-hero.is-variant .r1-intro p{color:#4a5160}
.r1-hero.is-variant .pw-mute{color:#666e7e}
.r1-hero.is-variant .pw-btn--primary{background:#0b0d12;color:#fff}
.r1-hero.is-variant .pw-btn--ghost{box-shadow:inset 0 0 0 1px #d5d9e2;color:#0b0d12}

@media (max-width:1024px){.r1-menu,.r1-end .r1-link,.r1-end .pw-btn--ghost{display:none}.r1-nav__bar{padding:14px 20px;justify-content:space-between}.r1-every{padding-left:24px}.r1-count{display:none}}