:root{color-scheme:dark;--bg:#0b0912;--panel:#141020;--line:#ffffff12;--text:#f1eff7;--muted:#a29bab;--accent:#b09afa;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);font-size:15px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}img{display:block}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.skip{position:absolute;top:-60px;left:24px;padding:10px;background:var(--accent);color:var(--bg);z-index:20}.skip:focus{top:10px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:3px;font-size:17px;flex-shrink:0}.brand img{object-fit:contain}.header a:hover,.footer a:hover{color:var(--accent)}.sign-in{font-size:13px;border:1px solid #ffffff24;padding:9px 18px;border-radius:6px;white-space:nowrap}.sign-in span{margin-left:14px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:38px;padding-top:94px;padding-bottom:78px}.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:600px;height:600px;max-width:100%;top:0;right:-20px;background:radial-gradient(ellipse,#563a9d26,transparent 65%)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px #a995ff55}.hero h1{font-size:clamp(54px,6.3vw,86px);font-weight:550;letter-spacing:-4px;line-height:1.03;margin-top:26px}.hero-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:425px;margin-top:28px}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:650;min-height:46px;padding:13px 20px;border-radius:5px;transition:background .15s,transform .15s}.primary{color:#191125;background:var(--accent);box-shadow:0 3px 20px #a78af90d}.primary:hover{background:#c6b4ff;transform:translateY(-2px)}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:15px;color:#d7cde9}.text-link:hover{color:var(--accent)}.pilot-note{font-size:11px;color:#827b8c;max-width:370px;margin-top:22px}.workspace-preview{min-width:0;border:1px solid #aa91ff30;border-radius:10px;background:linear-gradient(130deg,#1c162b,#100d17 75%);box-shadow:0 30px 80px #0005,0 0 80px #7e53bf0a;transform:perspective(1500px) rotateY(-5deg);overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:9px;font-weight:600;color:#c8bfd9;gap:8px}.small-eye{display:inline-block;width:15px;height:15px;object-fit:contain;vertical-align:-3px;margin-right:7px}.preview-slash{margin:0 10px;color:#5a5268}.sample-tag{font-size:7px;letter-spacing:1px;border:1px solid #ffffff1c;border-radius:4px;padding:3px 6px;white-space:nowrap;color:#a69cae}.preview-body{display:flex}.preview-nav{width:52px;flex-shrink:0;border-right:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;color:#c9c2d6;background:#0a0810}.pn-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5px;height:38px;border-left:2px solid transparent}.pn-item svg{width:12.5px;height:12.5px}.pn-item i{font-style:normal;font-size:6px;line-height:1;letter-spacing:0;white-space:nowrap}.pn-item.selected{background:#2a2640;border-left-color:var(--accent);color:#fff}.pn-item.selected svg{color:var(--accent)}.pn-item.selected i{font-weight:650}.pn-item b{position:absolute;top:4px;right:8px;min-width:10px;height:10px;padding:0 3px;border-radius:5px;background:#8d7cf0;color:#fff;font-size:5.5px;font-weight:600;line-height:10px;text-align:center}.preview-content{padding:24px 20px 16px;min-width:0;flex:1}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.overline{font-size:6px;letter-spacing:1.5px;color:#8e829f}.preview-heading h2{font-size:14px;letter-spacing:-.4px;line-height:1.4;margin-top:4px;font-weight:500}.quiet-tag{color:#897f98;font-size:7px;border:1px solid var(--line);padding:4px 6px;border-radius:3px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:17px 0;gap:12px}.metric-grid>div{display:flex;flex-direction:column}.metric-grid span{font-size:8px;color:#968ba6}.metric-grid b{font-size:25px;letter-spacing:-1px;font-weight:500;margin:3px 0}.metric-grid small{font-size:6px;color:#766b87}.alert-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#eda177;vertical-align:middle;margin:0 0 4px 5px}.activity{margin-top:22px}.mini-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px}.mini-heading b{font-weight:500}.mini-heading span{font-size:7px;color:#8c809b;display:flex;align-items:center;gap:5px}.mini-heading i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.chart{height:105px;position:relative;margin-top:16px}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 32px,#ffffff08 33px,#ffffff08 34px)}.chart svg{position:relative;width:100%;height:100%}.chart-times{display:flex;justify-content:space-between;font-size:6px;color:#6e637f;margin:5px 0 20px}.signal-row{display:flex;align-items:center;gap:10px;border:1px solid #ad9fff1c;padding:12px 10px;border-radius:4px;background:#a78aff05}.signal-icon{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;background:#c1875a14;border:1px solid #c1875a28;border-radius:5px;color:#dca475;font-size:12px}.signal-row div{flex:1;min-width:0}.signal-row b,.signal-row div span{display:block;font-weight:500;font-size:8px}.signal-row div span{font-size:6px;color:#8a7d99;margin-top:2px}.severity{color:#e8b189;font-size:7px;padding:2px 6px;border-radius:3px;background:#ac6a3022}.signal-arrow{color:#887b99;font-size:12px}.preview-bottom{display:flex;justify-content:space-between;color:#786d89;font-size:6px;gap:10px;margin-top:16px}.preview-bottom span:first-child{display:flex;align-items:center;gap:5px}.preview-bottom .live-dot{width:3px;height:3px}.preview-caption{position:absolute;bottom:45px;right:0;font-size:9px;color:#71677e}.source-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 30px}.source-strip p{font-size:9px;letter-spacing:2px;color:#70677c;text-align:center}.source-strip>div{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:24px;margin-top:20px;color:#b6adbf;font-size:13px;font-weight:500}.section{padding-block:95px}.section-intro h2{font-size:clamp(30px,3.4vw,44px);line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin-top:19px}.section-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:530px;margin-top:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.feature{padding:27px 25px 25px;border:1px solid #ffffff10;border-radius:7px;background:linear-gradient(140deg,#1b1427 0%,#100d18 80%);min-width:0}.feature-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #b09afa25;border-radius:7px;color:var(--accent);font-size:24px;margin-bottom:26px;background:#a184ff08}.feature-index{font-size:8px;letter-spacing:1.7px;color:#80728f}.feature h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-top:11px}.feature p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:13px;min-height:90px}.code-sample,.pattern,.case-line{margin-top:24px;padding:13px 10px;background:#090710;border:1px solid var(--line);border-radius:4px;font-size:9px;color:#b7a9ca;white-space:nowrap;overflow:hidden}.code-sample{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.code-sample span{color:#7955bb}.pattern,.case-line{display:flex;align-items:center;justify-content:space-around;gap:8px}.pattern i{color:var(--accent);font-style:normal}.case-line i{height:5px;width:5px;border-radius:50%;background:#8bbcad}.case-line b{color:#645773}.workflow-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(110deg,#17102080,transparent);padding-block:80px}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.workflow-layout .text-link{margin-top:28px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;position:relative;padding-bottom:32px}.steps li:not(:last-child):before{content:"";position:absolute;left:16px;top:35px;bottom:0;border-left:1px solid #b09afa23}.steps li:last-child{padding-bottom:0}.step-number{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;border:1px solid #b09afa32;color:var(--accent);font-size:9px;flex-shrink:0}.steps h3{font-size:16px;font-weight:500;letter-spacing:-.3px;padding-top:3px}.steps p{color:var(--muted);font-size:12px;line-height:1.85;margin-top:7px;max-width:345px}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:42px}.security-grid article>span{font-size:24px;color:var(--accent)}.security-grid h3{font-size:16px;font-weight:500;margin-top:18px}.security-grid p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:12px}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:45px 46px;border:1px solid #b09afa30;border-radius:9px;background:radial-gradient(ellipse at 75% 50%,#4830742b,transparent 75%),#14101e;margin-bottom:72px}.final-cta h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px;line-height:1.22;font-weight:500;margin-top:16px}.final-cta p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:17px}.final-cta .button{flex-shrink:0}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;border-top:1px solid var(--line);padding-block:27px 34px}.footer .brand{font-size:13px;letter-spacing:2px;gap:9px}.footer>p{font-size:10px;color:#766c83}.footer>div{display:flex;gap:21px;margin-left:auto;font-size:10px;color:#a497b2}.footer small{font-size:9px;color:#6b6277;width:100%}
@media(min-width:1600px){.hero{gap:65px}.hero h1{font-size:88px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:27px;padding-top:68px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-description{font-size:14px}.actions{gap:18px}.preview-content{padding:20px 14px 15px}.preview-heading h2{font-size:12px}.quiet-tag{display:none}.metric-grid b{font-size:22px}.feature{padding:23px 18px}.feature h3{font-size:16px}.feature p{min-height:110px}.workflow-layout{gap:50px}.security-grid{gap:30px}.final-cta{padding:35px}.footer>p{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:14px}.brand{font-size:14px;letter-spacing:2px;gap:10px}.brand img{width:29px;height:29px}.sign-in{font-size:12px;padding:8px 13px}.hero{grid-template-columns:1fr;padding-top:54px;gap:40px;padding-bottom:53px}.hero h1{font-size:clamp(58px,12vw,82px);letter-spacing:-3px}.hero-description{max-width:470px;font-size:15px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.actions{gap:23px}.pilot-note{font-size:10px}.workspace-preview{transform:none;max-width:600px;width:100%;justify-self:center}.preview-content{padding:22px 17px 15px}.preview-heading h2{font-size:14px}.preview-caption{position:static;grid-column:1;margin-top:-26px;text-align:center;font-size:8px}.source-strip{padding-block:23px}.source-strip>div{gap:18px 24px;font-size:11px;justify-content:center}.section{padding-block:62px}.section-intro h2{font-size:32px;letter-spacing:-1.1px}.section-intro>p:not(.eyebrow){font-size:13px}.feature-grid{grid-template-columns:1fr;margin-top:30px;gap:14px}.feature{padding:25px}.feature p{min-height:0;max-width:470px}.feature h3{font-size:20px}.feature-icon{margin-bottom:18px}.code-sample,.pattern,.case-line{max-width:400px;font-size:10px}.workflow-section{padding-block:58px}.workflow-layout{grid-template-columns:1fr;gap:38px}.steps p{max-width:none}.security-grid{grid-template-columns:1fr;gap:30px}.security-grid article{padding-left:42px;position:relative}.security-grid article>span{position:absolute;top:-2px;left:0}.security-grid h3{margin-top:0}.security-grid p{margin-top:8px}.final-cta{padding:30px 25px;flex-direction:column;align-items:flex-start;gap:26px;margin-bottom:48px}.final-cta h2{font-size:31px}.footer{gap:21px;padding-block:24px}.footer>div{width:100%;margin-left:0;flex-wrap:wrap;gap:22px}.footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero-trace{position:absolute;top:0;bottom:0;left:-32px;right:-32px;width:calc(100% + 64px);height:100%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@media(max-width:760px){.hero-trace{display:none}}

.metric-grid b{font-variant-numeric:tabular-nums}
.chart{overflow:hidden}
.chart svg{animation:chart-draw 1.8s cubic-bezier(.3,.6,.2,1) .3s both}
.chart svg path:last-of-type{animation:line-glow 4.5s ease-in-out 2.2s infinite}
.chart:after{content:"";position:absolute;top:0;bottom:0;left:0;width:22%;background:linear-gradient(90deg,transparent,#c9b9ff1f,transparent);transform:translateX(-120%);animation:chart-sweep 6s ease-in-out 2.4s infinite;pointer-events:none}
.alert-dot{animation:alert-breathe 2.6s ease-in-out infinite}
.signal-icon{animation:alert-breathe-soft 2.6s ease-in-out infinite}
.workspace-preview{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
@keyframes chart-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes line-glow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 4px #b09afaaa)}}
@keyframes chart-sweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(560%)}}
@keyframes alert-breathe{0%,100%{box-shadow:0 0 0 0 #eda17755;opacity:.85}50%{box-shadow:0 0 8px 3px #eda17766;opacity:1}}
@keyframes alert-breathe-soft{0%,100%{box-shadow:0 0 0 0 #eda17722}50%{box-shadow:0 0 12px 1px #eda1772e}}
.workspace-preview.paused *,.workspace-preview.paused *:after{animation-play-state:paused!important}
@media(hover:hover) and (min-width:761px){.workspace-preview:hover{transform:perspective(1500px) rotateY(-3deg) rotateX(1deg) translateY(-5px);box-shadow:0 36px 90px #0006,0 0 90px #7e53bf14}}
@media(prefers-reduced-motion:reduce){.chart svg,.chart svg path:last-of-type,.chart:after,.alert-dot,.signal-icon{animation:none}.chart:after{display:none}.workspace-preview{transition:none}.workspace-preview:hover{transform:perspective(1500px) rotateY(-5deg)}}
.win-dots{display:flex;gap:5px}.win-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff1f}

/* ===== Tabbed product tour (faithful console replicas, sample data) ===== */
.tour{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:34px;align-items:start;margin-top:46px}
.tour-tabs{display:flex;flex-direction:column;gap:8px}
.tour-tab{position:relative;display:block;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-left:2px solid #ffffff14;border-radius:0 7px 7px 0;padding:20px 22px 22px;cursor:pointer;overflow:hidden;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.tour-tab h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin-top:9px}
.tour-tab p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease}
.tour-tab[aria-selected="true"]{background:linear-gradient(120deg,#1b1427,#120e1b);border-color:#b09afa2a;border-left-color:var(--accent)}
.tour-tab[aria-selected="true"] p{max-height:130px;opacity:1}
.tour-tab:not([aria-selected="true"]):hover{background:#a184ff0d;border-left-color:#b09afa66;transform:translateX(3px)}
.tour-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tour-tab:not([aria-selected="true"]) h3{color:#b9b0c6}
.tour-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.tour-bar:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.tour.auto .tour-tab[aria-selected="true"] .tour-bar:after{animation:tour-fill 7s linear forwards}
.tour.hold .tour-tab[aria-selected="true"] .tour-bar:after{animation-play-state:paused}
@keyframes tour-fill{to{transform:scaleX(1)}}
.tour-stage{position:relative;display:grid;min-width:0}
.tour-panel{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.tour-panel.active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tour-frame{border:1px solid #aa91ff30;border-radius:10px;background:linear-gradient(130deg,#1c162b,#100d17 75%);box-shadow:0 30px 80px #0005,0 0 80px #7e53bf0a;overflow:hidden;height:100%}
.tour-frame .preview-top{font-size:11px;padding:14px 18px}
.tour-frame .small-eye{width:16px;height:16px}
.tour-frame .preview-nav{width:68px}
.tour-frame .pn-item{height:50px;gap:5px}
.tour-frame .pn-item svg{width:16px;height:16px}
.tour-frame .pn-item i{font-size:8.5px}
.tour-frame .pn-item b{font-size:7px;min-width:13px;height:13px;line-height:13px;border-radius:7px;right:11px}
.rp{flex:1;min-width:0;padding:24px 24px 22px}
.rp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rp h4{font-size:19px;font-weight:550;letter-spacing:-.5px;line-height:1.3;margin-top:5px}
.rp .overline{font-size:9px;letter-spacing:1.6px}
.rp-mode{font-size:10px;color:#a69cae;border:1px solid var(--line);border-radius:4px;padding:3px 8px;white-space:nowrap;margin-top:2px}
.rp code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;color:#cfc4e6}
.spl-bar{display:flex;align-items:center;gap:10px;margin-top:20px;border:1px solid #b09afa30;border-radius:7px;background:#0a0810;padding:6px 6px 6px 12px}
.spl-bar .spl-prompt{display:grid;color:#8d80a3}
.spl-bar .spl-prompt svg{width:15px;height:15px}
.spl-bar code{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.spl-bar code b{color:var(--accent);font-weight:600;margin:0 3px}
.spl-range{font-size:10.5px;color:#b7aecb;border:1px solid var(--line);border-radius:5px;padding:6px 10px;white-space:nowrap}
.spl-run{display:grid;place-items:center;width:32px;height:30px;border-radius:5px;background:var(--accent);color:#191125}
.spl-run svg{width:15px;height:15px}
.rp-status{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:#8a7f99;margin-top:12px}
.rp-links{color:var(--accent)}
.rp-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-top:16px}
.rp-tabs span{font-size:11.5px;color:#968ba6;padding:8px 14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.rp-tabs .on{color:#fff;border-color:var(--accent)}
.rp-table{margin-top:4px}
.rp-tr{display:grid;grid-template-columns:1.4fr .5fr 1.2fr;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid #ffffff0d;font-size:12px}
.rp-th{font-size:10px;color:#80758f;padding-block:10px}
.rp-tr:last-child{border-bottom:0}
.rp-col-bar{display:block;height:6px;background:#ffffff0a;border-radius:3px;overflow:hidden}
.rp-th .rp-col-bar{background:transparent}
.rp-col-bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#7e68d6,var(--accent));border-radius:3px;transform-origin:left}
.rp-alerts .rp-tr{grid-template-columns:1.7fr .7fr 1.1fr .8fr}
.rp-title{font-weight:500}
.rp-title small{display:block;font-size:9.5px;color:#80758f;margin-top:3px;font-weight:400}
.rp-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:2px 7px;border-radius:4px;border:1px solid transparent}
.rp-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.rp-badge.critical{background:#3a1c22;color:#ff8f9d;border-color:#5c2d36}
.rp-badge.high{background:#3a2618;color:#ffb56b;border-color:#5c3a22}
.rp-badge.medium{background:#3a3218;color:#f5d06b;border-color:#5c4d22}
.rule-chip{display:inline-block;font-style:normal;padding:2px 7px;background:#ffffff0f;border-radius:4px;font-size:9.5px;color:#c4bbd4;white-space:nowrap}
.rp-status-new{font-size:11px;color:var(--accent)}
.rp-status-inv{font-size:11px;color:#e7c385}
.rp-rule{margin-top:20px;border:1px solid #b09afa24;border-radius:8px;background:#a78aff08;padding:14px 16px}
.rp-rule-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.rp-switch{margin-left:auto;width:30px;height:17px;border-radius:9px;background:#8a7bd2;padding:2.5px;display:flex;justify-content:flex-end}
.rp-switch i{width:12px;height:12px;border-radius:50%;background:#e0e6f4}
.rp-chain{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.rp-chain span{font-size:11.5px;padding:7px 12px;background:#090710;border:1px solid var(--line);border-radius:5px;color:#c9bedd}
.rp-chain em{font-style:normal;color:var(--accent)}
.rp-chain i{font-style:normal;color:var(--accent)}
.rp-chain .hit{border-color:#c1875a40;color:#e8b189;background:#c1875a12}
.rp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:16px;font-size:11.5px;color:#a39ab3}
.rp-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.rp-box{border:1px solid var(--line);border-radius:8px;padding:16px;background:#0a081099;min-width:0}
.rp-box h5{margin:0 0 12px;font-size:11px;font-weight:600;color:#cfc4e6;letter-spacing:.2px}
.rp-ev{display:flex;gap:9px;align-items:flex-start;font-size:11.5px;color:#a89fb8;padding:8px 0;border-bottom:1px solid #ffffff0a;line-height:1.5}
.rp-ev i{flex-shrink:0;width:6px;height:6px;margin-top:6px;border-radius:50%;background:#8bbcad}
.rp-ev b{color:#e6def5;font-weight:550}
.rp-note{padding:9px 0 9px 12px;border-left:2px solid #b09afa40;margin-bottom:6px;font-size:11.5px;color:#e6def5;line-height:1.5}
.rp-note b{font-weight:550;font-size:11px}
.rp-note small{display:block;font-size:11px;color:#9a90ab;margin-top:2px}
.rp-input{margin-top:10px;font-size:11px;color:#6e637f;border:1px solid var(--line);border-radius:5px;padding:9px 10px;background:#090710}
.rp-add{display:inline-block;margin-top:12px;font-size:10.5px;padding:6px 12px;border:1px solid #ffffff1c;border-radius:5px;color:#c9bedd}
.rp-add.on{background:var(--accent);color:#191125;border-color:var(--accent)}
.tour-caption{position:static;grid-area:2/1;margin-top:14px;text-align:right}

/* ===== Scroll reveal: only when JS opts in and motion is allowed ===== */
.reveal-ready [data-reveal],.reveal-ready [data-reveal-group]>*{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0s)}
.reveal-ready .revealed{opacity:1!important;transform:none!important}

/* ===== Hover polish (no layout shift: only transform, shadow, colour) ===== */
.security-grid article{padding:22px 22px 24px;margin:-22px -22px -24px;border:1px solid transparent;border-radius:9px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s}
.security-grid article>span{display:inline-block;transition:transform .3s,text-shadow .3s}
@media(hover:hover){
.security-grid article:hover{transform:translateY(-4px);background:linear-gradient(145deg,#1b1427,#100d18);border-color:#b09afa2e;box-shadow:0 14px 40px #0004,0 0 30px #7e53bf12}
.security-grid article:hover>span{transform:scale(1.12);text-shadow:0 0 16px #b09afa88}
.steps li{transition:transform .3s}.steps li:hover{transform:translateX(4px)}
.steps li:hover .step-number{box-shadow:0 0 18px #b09afa44;border-color:#b09afa77}
.step-number{transition:box-shadow .3s,border-color .3s}
.source-strip>div span{transition:color .2s,transform .2s}.source-strip>div span:hover{color:#fff;transform:translateY(-2px)}
.tour-frame{transition:box-shadow .5s,border-color .5s}.tour-stage:hover .tour-frame{border-color:#aa91ff4d;box-shadow:0 34px 90px #0006,0 0 90px #7e53bf14}
.final-cta{transition:border-color .4s,box-shadow .4s}.final-cta:hover{border-color:#b09afa55;box-shadow:0 0 60px #7e53bf14}
}

/* ===== Footer social icons (rendered by landing.js only when a URL is set) ===== */
.social{display:flex;gap:10px}.social:empty{display:none}
.social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff1f;border-radius:50%;color:#a497b2;transition:color .2s,border-color .2s,transform .2s,box-shadow .2s}
.social a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 16px #b09afa22}
.social svg{width:22px;height:22px}
.footer>.social{margin-left:0}

@media(max-width:1000px){.tour{gap:22px}.tour-tab{padding:17px 16px 18px}.tour-tab h3{font-size:17px}.rp{padding:20px 16px 18px}.rp-cols{grid-template-columns:1fr}}
@media(max-width:760px){
.tour{grid-template-columns:1fr;margin-top:30px}
.tour-tabs{flex-direction:row;gap:6px;overflow-x:auto}
.tour-tab{flex:1 0 auto;width:auto;min-width:0;padding:14px 14px 16px;border-left-width:1px;border-bottom:2px solid #ffffff14;border-radius:6px}
.tour-tab[aria-selected="true"]{border-bottom-color:var(--accent)}
.tour-tab p{display:none}.tour-tab h3{font-size:15px;margin-top:6px;white-space:nowrap}
.tour-tab:not([aria-selected="true"]):hover{transform:none}
.tour-bar{display:none}
.tour-frame .preview-nav{display:none}
.rp-hide-s{display:none}
.rp-alerts .rp-tr{grid-template-columns:1.6fr .8fr .8fr}
.rp-tr{grid-template-columns:1.2fr .5fr 1fr}
.spl-range{display:none}
.tour-caption{text-align:center;margin-top:12px}
.security-grid article{margin:0;padding:0 0 0 42px;border:0}
.security-grid article>span{position:absolute;top:-2px;left:0}
.footer>.social{width:100%}
}
@media(prefers-reduced-motion:reduce){
.tour-panel,.tour-tab,.tour-tab p,.tour-frame,.security-grid article,.security-grid article>span,.steps li,.step-number,.final-cta,.social a,.source-strip>div span{transition:none!important}
.tour-bar{display:none}
.reveal-ready [data-reveal],.reveal-ready [data-reveal-group]>*{opacity:1;transform:none;transition:none}
.security-grid article:hover,.steps li:hover,.social a:hover{transform:none}
}

/* ===== Header icons (bell + settings, mirroring the console), replacing the decorative dots ===== */
.pv-actions{display:flex;align-items:center;gap:12px;color:#7d7390}
.pv-actions svg{width:14px;height:14px;display:block}
.pv-bell{position:relative;display:grid}
.pv-bell i{position:absolute;top:-1px;right:-2px;width:5px;height:5px;border-radius:50%;background:#9b8cf5;box-shadow:0 0 0 2px #17121f}
.tour-frame .pv-actions svg{width:16px;height:16px}

/* ===== Search replica: query bar, histogram, fields panel, live log rows ===== */
.rp-sub{font-size:11.5px;color:#8a7f99;margin-top:5px}
.rp-badge.info{background:#16283d;color:#8bb8ff;border-color:#28456b}
.spl-box{margin-top:16px;border:1px solid #ffffff12;border-radius:8px;background:#0c0912;padding:12px}
.spl-box .spl-bar{margin-top:0}
.spl-bar code{font-size:13px;color:#f1eff7}
.spl-bar code:after{content:"";display:inline-block;width:1px;height:14px;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:caret 1.1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.rp-sum{display:flex;align-items:center;gap:7px;min-width:0}
.rp-sum b{color:#f1eff7;font-weight:600}
.rp-check{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#8a73f0;color:#fff;font-size:9px;font-style:normal}
.lg-panel{margin-top:14px;border:1px solid #ffffff12;border-radius:8px;background:#0c0912;overflow:hidden}
.lg-panel .rp-tabs{margin:0;padding:0 8px}
.rp-tabs em{font-style:normal;font-size:10px;background:#ffffff12;border-radius:4px;padding:1px 6px;margin-left:5px;color:#c9bedd}
.lg-hist{padding:12px 16px 4px}
.lg-hist-top{display:flex;justify-content:space-between;font-size:10.5px;color:#8a7f99}
.lg-hist-top b{color:#f1eff7;font-size:12px}
.lg-bars{display:flex;gap:8px;height:56px;margin-top:8px}
.lg-y{display:flex;flex-direction:column;justify-content:space-between;font-size:8.5px;color:#6e637f;text-align:right;width:20px}
.lg-y i{font-style:normal;line-height:1}
.lg-bars>div{flex:1;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #ffffff14;background:repeating-linear-gradient(to bottom,#ffffff0a 0,#ffffff0a 1px,transparent 1px,transparent 27px)}
.lg-bars>div i{flex:1;height:var(--h);background:#8a73f0;border-radius:2px 2px 0 0;opacity:.85;transform-origin:bottom;animation:bar-grow .8s cubic-bezier(.2,.7,.2,1) both}
.lg-bars>div i:last-child{opacity:1;background:#a48fff}
.lg-bars>div i:nth-child(n){animation-delay:calc(var(--n,0)*20ms)}
@keyframes bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.lg-x{margin:4px 0 8px 28px}
.lg-body{display:grid;grid-template-columns:150px minmax(0,1fr);height:318px;border-top:1px solid #ffffff12}
.lg-fields{border-right:1px solid #ffffff12;padding:12px 12px;overflow:hidden;font-size:11.5px}
.lg-fh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.lg-fh b{font-weight:600;color:#f1eff7;font-size:12.5px}.lg-fh span{font-size:10px;color:var(--accent)}
.lg-fl{font-size:9px;letter-spacing:.8px;color:#80758f;margin:2px 0 6px}
.lg-fields ul{list-style:none;margin:0 0 12px;padding:0}
.lg-fields li{display:flex;justify-content:space-between;padding:5px 0;color:#d4cbe3}
.lg-fields li b{font-weight:400;color:#8a7f99;font-variant-numeric:tabular-nums}
.lg-rows{overflow:hidden;min-width:0}
.lg-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:13px 16px;border-bottom:1px solid #ffffff0d;max-height:120px;overflow:hidden}
.lg-time b{display:block;font-size:11.5px;font-weight:500;color:#e6def5;white-space:nowrap}
.lg-time span{display:block;font-size:10.5px;color:#8a7f99;margin-top:3px;white-space:nowrap;font-variant-numeric:tabular-nums}
.lg-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lg-top>b{font-size:12.5px;font-weight:600;color:#f1eff7}
.lg-main p{font-size:11.5px;color:#cfc4e6;margin-top:6px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lg-chips span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#e6def5;background:#1d1a35;border:1px solid #2c2850;border-radius:4px;padding:2px 7px;white-space:nowrap}
.lg-chips i{font-style:normal;font-size:8.5px;letter-spacing:.7px;color:#8a85b8;margin-right:3px;font-family:var(--font)}
.lg-row.new{animation:row-in .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes row-in{from{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-12px)}to{max-height:120px;opacity:1;transform:none}}
@media(max-width:1000px){.lg-body{grid-template-columns:120px minmax(0,1fr)}.lg-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}}
@media(max-width:760px){.lg-body{grid-template-columns:1fr;height:300px}.lg-fields{display:none}.rp-links{display:none}.lg-chips span:nth-child(n+3){display:none}.lg-hist{padding:10px 12px 4px}}
@media(prefers-reduced-motion:reduce){.spl-bar code:after{animation:none}.lg-bars>div i,.lg-row.new{animation:none}}

/* ===== Console-like frame: pure-black header + sidebar (one L-shape), navy content, same scale in every panel ===== */
.preview-top,.tour-frame .preview-top{background:#000;border-bottom:1px solid #ffffff1a}
.preview-nav{background:#000;padding-top:0;border-right:1px solid #ffffff14}
.preview-content,.rp{background:#0f0c20}
.tour-frame .preview-body{align-items:stretch}
.rp{display:flex;flex-direction:column;padding:22px 22px 20px}
.rp-alerts{flex:1;display:flex;flex-direction:column;margin-top:2px}
.rp-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:10.5px;color:#80758f;padding:11px 4px 0;border-top:1px solid #ffffff0d}
.rp-alerts .rp-tr{padding-block:9px;font-size:11.5px}
.rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.rp-kpis div{border:1px solid #ffffff12;border-radius:7px;background:#0c0912;padding:10px 12px}
.rp-kpis span{display:block;font-size:10px;color:#8a7f99}
.rp-kpis b{display:block;font-size:20px;font-weight:550;letter-spacing:-.5px;margin-top:2px;font-variant-numeric:tabular-nums}
.rp-rule{margin-top:14px;padding:12px 14px}
.rp-filters{display:flex;gap:8px;margin-top:14px}
.rp-find{flex:1;min-width:0;font-size:11px;color:#6e637f;border:1px solid #ffffff14;border-radius:5px;padding:7px 10px;background:#090710;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-sel{font-size:10.5px;color:#b7aecb;border:1px solid #ffffff14;border-radius:5px;padding:7px 10px;white-space:nowrap}
.rp-badge.low{background:#17301c;color:#7ad67a;border-color:#2b5c33}
.rp-status-res{font-size:11px;color:#75d9d0}
.rp-summary{margin-top:14px;border:1px solid #ffffff12;border-radius:8px;background:#0c0912;padding:12px 14px}
.rp-summary h5{margin:0 0 6px;font-size:11px;font-weight:600;color:#cfc4e6}
.rp-summary p{font-size:11.5px;line-height:1.6;color:#a89fb8}
.rp-cols{flex:1;margin-top:14px;align-items:stretch}
.rp-box{display:flex;flex-direction:column}
.rp-box .rp-add{align-self:flex-start;margin-top:auto}
.rp-input{margin-top:auto}
.rp-box .rp-input+.rp-add{margin-top:10px}
.rp-meta{margin-top:12px}
@media(max-width:760px){.rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-filters .rp-sel{display:none}}

/* ===== Tab cards + frame fill (no empty strip under the mockups) ===== */
.tour-tab:not([aria-selected="true"]){background:#ffffff06;border-color:#ffffff0d;border-left-color:#ffffff1f}
.tour-tab:not([aria-selected="true"]):hover{background:#a184ff12;border-left-color:#b09afa66}
.tour-frame{display:flex;flex-direction:column}
.tour-frame .preview-body{flex:1;min-height:0}
.tour-frame .preview-content{display:flex;flex-direction:column}
.rp-box .rp-ev{flex:1;align-items:center}
.rp-box .rp-ev i{margin-top:0}
.rp-box .rp-ev+.rp-add{margin-top:14px}
.rp-box .rp-note{flex:1;display:flex;flex-direction:column;justify-content:center}
.rp-box .rp-note+.rp-input{margin-top:14px}

/* ===== Detect + Investigate: calm motion, only while the tab is active (reduced-motion: static) ===== */
@keyframes rp-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes rp-step{0%,62%,100%{box-shadow:0 0 0 0 #a184ff00}12%,40%{box-shadow:0 0 0 1px #b09afa66,0 0 14px #a184ff33}}
@keyframes rp-arrow{0%,62%,100%{opacity:.45}12%,40%{opacity:1}}
@keyframes rp-pulse{0%,100%{opacity:.62}50%{opacity:1}}
@keyframes rp-count{0%{transform:translateY(3px);opacity:.4}100%{transform:none;opacity:1}}
@media(prefers-reduced-motion:no-preference){
.tour-panel.active .rp-chain span{animation:rp-step 6s ease-in-out infinite}
.tour-panel.active .rp-chain span:nth-of-type(2){animation-delay:.9s}
.tour-panel.active .rp-chain span:nth-of-type(3){animation-delay:1.8s}
.tour-panel.active .rp-chain i{animation:rp-arrow 6s ease-in-out infinite}
.tour-panel.active .rp-chain i:nth-of-type(2){animation-delay:.45s}
.tour-panel.active .rp-chain i:nth-of-type(3){animation-delay:1.35s}
.rp-alerts .rp-tr.new{animation:rp-in .6s cubic-bezier(.2,.7,.2,1) both}
.rp-count-tick{animation:rp-count .45s ease-out}
.tour-panel.active .rp-ev,.tour-panel.active .rp-box .rp-note,.tour-panel.active .rp-box .rp-input{animation:rp-in .55s cubic-bezier(.2,.7,.2,1) both}
.tour-panel.active .rp-ev:nth-child(3){animation-delay:.12s}.tour-panel.active .rp-ev:nth-child(4){animation-delay:.24s}.tour-panel.active .rp-ev:nth-child(5){animation-delay:.36s}.tour-panel.active .rp-ev:nth-child(6){animation-delay:.48s}.tour-panel.active .rp-ev:nth-child(7){animation-delay:.6s}
.tour-panel.active .rp-box .rp-note:nth-child(3){animation-delay:.3s}.tour-panel.active .rp-box .rp-note:nth-child(4){animation-delay:.5s}.tour-panel.active .rp-box .rp-note:nth-child(5){animation-delay:.7s}.tour-panel.active .rp-box .rp-note:nth-child(6){animation-delay:.9s}
.tour-panel.active .rp-box .rp-note.fresh{animation-delay:0s}
.tour-panel.active #tour-panel-investigate .rp-status-inv,#tour-panel-investigate.active .rp-status-inv{animation:rp-pulse 2.6s ease-in-out infinite}
}

/* ===== A connected workflow: sequential steps + matching console mockups ===== */
.workflow-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.wf-left{min-width:0}
.wf-visual{margin-top:30px}
.wf-stage{position:relative;display:grid}
.wf-scene{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.wf-scene.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.wf-frame{height:100%}
.wf-frame .preview-top{padding:12px 16px}
.wf-frame .rp{flex:1;padding:18px 18px 16px;min-height:360px}
.wf-caption{position:static;margin-top:12px;text-align:center;font-size:9px}
.wf-btn{margin:0;white-space:nowrap}
.wf-src .rp-tr{grid-template-columns:1.5fr .7fr .9fr}
.wf-pick{background:#a184ff0d}
.wf-wiz{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.wf-wiz li{display:flex;gap:12px;align-items:flex-start;padding:11px 13px;border:1px solid #ffffff12;border-radius:7px;background:#0c0912;font-size:11.5px;color:#a89fb8}
.wf-wiz b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:500;border:1px solid #b09afa40;color:var(--accent);flex-shrink:0}
.wf-wiz span{display:flex;flex-direction:column;gap:6px;color:#e6def5}
.wf-wiz code{font-size:10.5px;color:#b7aecb}
.wf-wiz .done b{background:#a184ff22}
.wf-wiz .cur{border-color:#b09afa40}
.wf-key{margin-top:14px;border:1px solid #b09afa30;border-radius:8px;background:#a78aff08;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.wf-key span{font-size:9.5px;letter-spacing:1.6px;color:#8a7f99}
.wf-key code{font-size:13px;color:#e6def5;letter-spacing:.4px}
.wf-key small{font-size:10.5px;color:#8a7f99;line-height:1.6}
.wf-got{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#c9bedd}
.wf-got b{font-size:20px;font-weight:550;color:#f1eff7;font-variant-numeric:tabular-nums}
.wf-got .rp-status-res{margin-left:auto}
.wf-evs .rp-tr{grid-template-columns:1.5fr .6fr .8fr}
.rp-find code{font-size:11px}
/* step list: lit steps, filled connector line, glowing number */
.steps li{cursor:pointer;outline:none}
.steps li:not(:last-child):after{content:"";position:absolute;left:16px;top:35px;bottom:0;border-left:1px solid var(--accent);transform:scaleY(0);transform-origin:top;opacity:.7}
.steps li.done:not(:last-child):after{transform:none}
.steps li h3{transition:color .3s}
.steps li:not(.on):not(.done) h3{color:#b9b0c6}
.steps li:not(.on):not(.done) p{opacity:.7}
.steps li.on .step-number,.steps li.done .step-number{border-color:#b09afa88;background:#a184ff1f}
.steps li.on .step-number{box-shadow:0 0 18px #b09afa55;color:#f1eff7}
.steps li:focus-visible .step-number{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
.steps li.on:not(:last-child):after{animation:wf-fill 6s linear forwards}
.wf-hold .steps li.on:not(:last-child):after{animation-play-state:paused}
.step-number{transition:box-shadow .5s,border-color .5s,background .5s,color .5s}
.wf-pick{animation:rp-pulse 2.6s ease-in-out infinite}
.wf-scene.on .wf-key code{animation:rp-pulse 2.6s ease-in-out infinite}
.wf-scene.on .wf-evs .rp-tr{animation:rp-in .55s cubic-bezier(.2,.7,.2,1) both}
.wf-scene.on .wf-evs .rp-tr:nth-child(2){animation-delay:.5s}.wf-scene.on .wf-evs .rp-tr:nth-child(3){animation-delay:1s}.wf-scene.on .wf-evs .rp-tr:nth-child(4){animation-delay:1.5s}
}
@keyframes wf-fill{to{transform:scaleY(1)}}
@media(max-width:1000px){.workflow-layout{grid-template-columns:1fr;gap:34px}.wf-frame .rp{min-height:0}}
@media(max-width:760px){.wf-src .rp-hide-s{display:none}.wf-head .rp-add{display:none}}

/* workflow: tighter section, content-fit mockups, steps centred beside the mockup */
.workflow-section{padding-block:42px}
.workflow-layout{align-items:center}
.wf-visual{margin-top:20px}
.wf-frame .rp{min-height:0;display:flex;flex-direction:column}
.wf-frame .rp-head h4{margin:4px 0 0}
.wf-frame .rp-sub{margin-top:3px}
.wf-src,.wf-evs{flex:1;display:flex;flex-direction:column}
.wf-src .rp-tr:not(.rp-th),.wf-evs .rp-tr{flex:1}
.wf-wiz{flex:1}
.wf-wiz li{flex:1;align-items:center}
.wf-got{margin-bottom:2px}
.steps li{padding-bottom:52px}
.steps li:last-child{padding-bottom:0}
.steps li:not(:last-child):before,.steps li:not(:last-child):after{bottom:-0px}
@media(max-width:1000px){.workflow-layout{align-items:start}.steps li{padding-bottom:32px}.workflow-section{padding-block:36px}}

/* ===== Built around boundaries: icons, console snippets, calm motion (scoped: .bd-*) ===== */
.security-grid article>span{line-height:0}
.bd-ico{display:block;overflow:visible;filter:drop-shadow(0 0 6px #b09afa44);transition:filter .3s}
.bd-ico *{transform-box:fill-box;transform-origin:center}
.bd-l1,.bd-l2,.bd-pulse{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.bd-pulse{opacity:0}
.bd-check{stroke-dasharray:20;stroke-dashoffset:0}
.bd-mock{margin-top:22px;border:1px solid #ffffff14;border-radius:8px;background:#0f0c20;overflow:hidden;font-size:11px;color:#c9c0d8;box-shadow:0 10px 30px #0003}
.bd-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#000;border-bottom:1px solid #ffffff1a;font-size:10px;font-weight:600;color:#c8bfd9}
.bd-bar em{font-style:normal;font-size:8px;letter-spacing:1px;font-weight:500;color:#a69cae;border:1px solid #ffffff1c;border-radius:4px;padding:2px 6px;white-space:nowrap}
.bd-list{list-style:none;margin:0;padding:6px}
.bd-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px;border:1px solid transparent;border-radius:5px;white-space:nowrap}
.bd-list small{font-size:9.5px;color:#8a7f99;display:flex;gap:4px}
.bd-roles .bd-list small b{font-weight:500;font-size:9px;padding:2px 6px;border-radius:3px;background:#a184ff14;color:#b8a9de}
.bd-sel{display:flex;align-items:center;gap:8px;margin:10px 10px 4px;padding:8px 10px;border:1px solid #b09afa30;border-radius:5px;background:#090710}
.bd-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #a995ff66;flex-shrink:0}
.bd-sw{position:relative;flex:1;height:15px}
.bd-sw b{position:absolute;left:0;top:0;font-weight:500;color:#e6def5}
.bd-sw b+b{opacity:0}
.bd-sel u{text-decoration:none;color:#8a7f99}
.bd-ws .bd-list li.a{background:#a184ff12;border-color:#b09afa30}
.bd-prop{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 8px}
.bd-prop b{display:block;font-weight:500;color:#e6def5;font-size:11.5px}
.bd-prop small{display:block;font-size:9.5px;color:#8a7f99;margin-top:2px}
.bd-st{position:relative;display:block;min-width:92px;height:18px;text-align:right}
.bd-st i{position:absolute;right:0;top:0;font-style:normal;font-size:9.5px;padding:2px 7px;border-radius:3px;white-space:nowrap}
.bd-st .s1{background:#ac6a3022;color:#e8b189}
.bd-st .s2,.bd-st .s3{opacity:0}
.bd-st .s2{background:#a184ff1f;color:#c9bbff}
.bd-st .s3{background:#17301c;color:#7ad67a}
.bd-btns{display:flex;justify-content:flex-end;gap:8px;padding:4px 12px 12px}
.bd-btns span{font-size:10px;padding:5px 12px;border-radius:5px;border:1px solid #ffffff1c;color:#c9bedd}
.bd-btns .bd-appr{background:var(--accent);color:#191125;border-color:var(--accent);font-weight:600}
@media(hover:hover) and (min-width:761px){
.security-grid article:hover .bd-l1{transform:translateY(-3px)}
.security-grid article:hover .bd-l2{transform:translateY(2.5px)}
.security-grid article:hover .bd-ico{filter:drop-shadow(0 0 9px #b09afa99)}
.security-grid article:hover .bd-pulse{animation:bd-ring 1.3s ease-out infinite}
.security-grid article:hover .bd-check{animation:bd-draw .7s ease-out both}
}
@keyframes bd-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@keyframes bd-draw{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}
@media(max-width:760px){.bd-mock{margin-left:-42px}}
@media(prefers-reduced-motion:no-preference){
.reveal-ready .security-grid .bd-mock{opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rd,0s) + .3s)}
.reveal-ready .security-grid article.revealed .bd-mock{opacity:1;transform:none}
.reveal-ready .security-grid article.revealed .bd-check{animation:bd-draw .8s ease-out calc(var(--rd,0s) + .4s) both}
.security-grid.bd-live .bd-ico{animation:bd-glow 5s ease-in-out infinite}
.security-grid .bd-roles li,.security-grid .bd-ws li,.security-grid .bd-ws .bd-sw b,.security-grid .bd-st i,.security-grid .bd-appr{animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-play-state:paused}
.security-grid.bd-live .bd-roles li,.security-grid.bd-live .bd-ws li,.security-grid.bd-live .bd-ws .bd-sw b,.security-grid.bd-live .bd-st i,.security-grid.bd-live .bd-appr{animation-play-state:running}
.bd-ws li.a{animation-name:bd-hl-a}.bd-ws li.b{animation-name:bd-hl-b}
.bd-ws .bd-sw b:first-child{animation-name:bd-sw-a}.bd-ws .bd-sw b+b{animation-name:bd-sw-b}
.bd-roles li.r1{animation-name:bd-r1}.bd-roles li.r2{animation-name:bd-r2}.bd-roles li.r3{animation-name:bd-r3}
.bd-st .s1{animation-name:bd-s1}.bd-st .s2{animation-name:bd-s2}.bd-st .s3{animation-name:bd-s3}
.bd-appr{animation-name:bd-press}
}
@keyframes bd-glow{0%,100%{filter:drop-shadow(0 0 5px #b09afa33)}50%{filter:drop-shadow(0 0 9px #b09afa88)}}
@keyframes bd-hl-a{0%,42%{background:#a184ff12;border-color:#b09afa30}50%,92%{background:transparent;border-color:transparent}100%{background:#a184ff12;border-color:#b09afa30}}
@keyframes bd-hl-b{0%,42%{background:transparent;border-color:transparent}50%,92%{background:#a184ff12;border-color:#b09afa30}100%{background:transparent;border-color:transparent}}
@keyframes bd-sw-a{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
@keyframes bd-sw-b{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes bd-r1{0%,28%{background:#a184ff12;border-color:#b09afa30}34%,94%{background:transparent;border-color:transparent}100%{background:#a184ff12;border-color:#b09afa30}}
@keyframes bd-r2{0%,28%{background:transparent;border-color:transparent}34%,60%{background:#a184ff12;border-color:#b09afa30}66%,100%{background:transparent;border-color:transparent}}
@keyframes bd-r3{0%,60%{background:transparent;border-color:transparent}66%,94%{background:#a184ff12;border-color:#b09afa30}100%{background:transparent;border-color:transparent}}
@keyframes bd-s1{0%,50%{opacity:1}56%,94%{opacity:0}100%{opacity:1}}
@keyframes bd-s2{0%,50%{opacity:0}56%,72%{opacity:1}78%,100%{opacity:0}}
@keyframes bd-s3{0%,72%{opacity:0}78%,94%{opacity:1}100%{opacity:0}}
@keyframes bd-press{0%,30%,52%,100%{box-shadow:0 0 0 0 #b09afa00;transform:none}40%{box-shadow:0 0 14px 2px #b09afa66}48%{transform:scale(.95);box-shadow:0 0 6px 1px #b09afa88}}

/* workflow: steps on the left under the heading, mockup on the right at full height */
.workflow-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:stretch}
.wf-left{display:flex;flex-direction:column}
.wf-left .steps{flex:1;display:flex;flex-direction:column;margin-top:30px}
.wf-left .steps li{flex:1 1 auto;padding-bottom:26px}
.wf-left .steps li:last-child{flex:0 0 auto;padding-bottom:0}
.wf-visual{margin-top:0;display:flex;flex-direction:column;min-width:0}
.wf-visual .wf-stage{flex:1}
.wf-visual .wf-scene{display:flex}
.wf-visual .wf-frame{flex:1}
@media(max-width:1000px){.workflow-layout{grid-template-columns:1fr;gap:30px;align-items:start}.wf-left .steps li,.wf-left .steps li:last-child{flex:0 0 auto}.wf-left .steps li:not(:last-child){padding-bottom:30px}.wf-left .steps{margin-top:26px}}

/* workflow: one flat page background (no section gradient), mockup centred against the left column */
.workflow-section{background:none}
.workflow-layout{align-items:center}
.wf-visual{align-self:center}
.wf-visual .wf-stage{flex:0 0 auto}
.wf-visual .wf-frame{flex:0 0 auto}
@media(max-width:1000px){.workflow-layout{align-items:start}}

/* "Your team. Your workspace.": equal cards, icon + title + text on top, mockups pinned to the card bottom on one line */
.security-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px;align-items:stretch}
.security-grid article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;column-gap:14px;position:relative;margin:0;padding:26px 26px 0;border:1px solid #ffffff14;border-radius:12px;background:transparent;overflow:hidden;transition:border-color .3s}
.security-grid article:hover{transform:none;background:transparent;box-shadow:none;border-color:#b09afa38}
.security-grid article>span{position:static;grid-row:1;grid-column:1;align-self:center;display:flex}
.security-grid h3{grid-row:1;grid-column:2;align-self:center;margin:0;font-size:17px}
.security-grid p{grid-row:2;grid-column:1/-1;margin-top:14px;font-size:12.5px;max-width:none}
.security-grid .bd-mock{grid-row:4;grid-column:1/-1;margin:24px -26px 0;height:244px;display:flex;flex-direction:column;border-width:1px 0 0;border-radius:0;box-shadow:none;font-size:12.5px;background:#0f0c20}
.security-grid .bd-bar{flex:0 0 46px;box-sizing:border-box;padding:0 16px;font-size:12px}
.security-grid .bd-bar em{font-size:9px;padding:3px 7px}
.security-grid .bd-list{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:8px 10px}
.security-grid .bd-list li{flex:1;margin-block:2px;padding:0 12px}
.security-grid .bd-list small{font-size:11px}
.security-grid .bd-roles .bd-list small b{font-size:10.5px;padding:3px 8px}
.security-grid .bd-sel{margin:12px 12px 2px;padding:10px 12px}
.security-grid .bd-sw{height:17px}
.security-grid .bd-fw{justify-content:flex-start}
.security-grid .bd-prop{flex:1;padding:0 16px}
.security-grid .bd-prop b{font-size:13px}
.security-grid .bd-prop small{font-size:11px;margin-top:3px}
.security-grid .bd-st i{font-size:11px;padding:3px 9px}
.security-grid .bd-st{min-width:110px;height:22px}
.security-grid .bd-btns{padding:0 16px 16px}
.security-grid .bd-btns span{font-size:11.5px;padding:7px 15px}
@media(max-width:1000px){.security-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.security-grid article{padding:22px 20px 0}.security-grid .bd-mock{margin:20px -20px 0}}
.wf-visual{width:100%;justify-self:stretch}
.wf-visual .wf-stage,.wf-visual .wf-scene{width:100%}
.wf-visual .wf-frame{width:100%;box-sizing:border-box}

/* workflow: mockup centred between the section's top and bottom rules; caption hangs below it without affecting centring */
.workflow-section{padding-block:58px}
.workflow-layout{align-items:center}
.wf-left{justify-content:center}
.wf-visual{position:relative}
.wf-visual .wf-caption{position:absolute;top:100%;left:0;right:0;margin:12px 0 0}
@media(max-width:1000px){.workflow-section{padding-block:40px}.wf-visual .wf-caption{position:static;margin-top:12px}}

/* ===== Your team. Your workspace.: no SAMPLE tags, richer calm motion, connectors, hover glow ===== */
.security-grid .bd-bar em.bd-mfa{font-size:10px;letter-spacing:.2px;color:#8fe0c2;border-color:#2b5c4a;background:#12261f;opacity:0}
.security-grid .bd-prop2{border-top:1px solid #ffffff0f;margin:0 16px;padding:0}
.security-grid .bd-prop2 b{font-size:12.5px}
.bd-q{font-size:11px;padding:3px 9px;border-radius:3px;background:#a184ff14;color:#b8a9de;white-space:nowrap}
.security-grid .bd-prop{flex:1}
.security-grid .bd-btns{padding:0 16px 14px}
.security-grid .bd-ws .bd-list small{padding:2px 8px;border-radius:3px;background:#ffffff08}
.security-grid article{overflow:visible}
.security-grid .bd-mock{border-radius:0 0 11px 11px}
.security-grid article:before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(135deg,#c9b9ff99,#b09afa00 38%,#b09afa00 62%,#7e53bf88);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .35s;pointer-events:none}
.security-grid article:hover:before{opacity:1}
.security-grid article:hover{box-shadow:0 0 34px #7e53bf14}
/* soft violet connector between neighbouring cards, at icon height */
.security-grid article:not(:last-child):after{content:"";position:absolute;top:40px;right:-23px;width:24px;height:1px;background:linear-gradient(90deg,#b09afa00,#b09afa55,#b09afa00);background-size:200% 100%;pointer-events:none}
@media(max-width:1000px){.security-grid article:not(:last-child):after{top:auto;right:auto;bottom:-21px;left:40px;width:1px;height:20px;background:linear-gradient(180deg,#b09afa00,#b09afa55,#b09afa00)}}
@media(prefers-reduced-motion:no-preference){
@keyframes bd-sel-open{0%,30%,54%,84%,100%{border-color:#b09afa30;box-shadow:none}36%,48%,88%,98%{border-color:#b09afa88;box-shadow:0 0 14px #a184ff33}}
@keyframes bd-chev{0%,32%,54%,84%,100%{transform:none}38%,48%{transform:rotate(180deg)}90%,98%{transform:rotate(180deg)}}
@keyframes bd-db-a{0%,42%{background:#a184ff26;color:#d3c7ff}50%,92%{background:#ffffff08;color:#8a7f99}100%{background:#a184ff26;color:#d3c7ff}}
@keyframes bd-db-b{0%,42%{background:#ffffff08;color:#8a7f99}50%,92%{background:#a184ff26;color:#d3c7ff}100%{background:#ffffff08;color:#8a7f99}}
@keyframes bd-chip-1{0%,3%{background:#a184ff14;color:#b8a9de}7%,13%{background:#a184ff40;color:#efe9ff}18%,100%{background:#a184ff14;color:#b8a9de}}
@keyframes bd-chip-2{0%,3%{background:#a184ff14;color:#b8a9de}9%,15%{background:#a184ff40;color:#efe9ff}20%,100%{background:#a184ff14;color:#b8a9de}}
@keyframes bd-chip-3{0%,3%{background:#a184ff14;color:#b8a9de}11%,17%{background:#a184ff40;color:#efe9ff}22%,100%{background:#a184ff14;color:#b8a9de}}
@keyframes bd-mfa-in{0%,4%{opacity:0;transform:translateY(3px)}12%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-2px)}}
@keyframes bd-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes bd-trace{0%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes bd-trace-v{0%{background-position:0 150%}100%{background-position:0 -50%}}
@keyframes bd-q-pulse{0%,100%{opacity:.6}50%{opacity:1}}
.security-grid.bd-live .bd-ws .bd-sel{animation:bd-sel-open 12s ease-in-out infinite}
.security-grid.bd-live .bd-ws .bd-sel u{display:inline-block;animation:bd-chev 12s ease-in-out infinite}
.security-grid.bd-live .bd-ws li.a small{animation:bd-db-a 12s ease-in-out infinite}
.security-grid.bd-live .bd-ws li.b small{animation:bd-db-b 12s ease-in-out infinite}
.security-grid.bd-live .bd-roles small b{animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.security-grid.bd-live .bd-roles li.r1 small b{animation-name:bd-chip-1}
.security-grid.bd-live .bd-roles li.r2 small b{animation-name:bd-chip-2;animation-delay:3.9s}
.security-grid.bd-live .bd-roles li.r3 small b{animation-name:bd-chip-3;animation-delay:7.9s}
.security-grid.bd-live .bd-roles li.r1 small b:nth-child(2){animation-delay:.25s}.security-grid.bd-live .bd-roles li.r1 small b:nth-child(3){animation-delay:.5s}
.security-grid.bd-live .bd-roles li.r2 small b:nth-child(2){animation-delay:4.15s}
.security-grid.bd-live .bd-roles .bd-bar em.bd-mfa{animation:bd-mfa-in 12s ease-in-out infinite}
.security-grid.bd-live .bd-ico{animation:bd-glow 5s ease-in-out infinite,bd-beat 4.2s ease-in-out infinite}
.security-grid.bd-live article:nth-child(2) .bd-ico{animation-delay:0s,.7s}
.security-grid.bd-live article:nth-child(3) .bd-ico{animation-delay:0s,1.4s}
.security-grid.bd-live .bd-q{animation:bd-q-pulse 3s ease-in-out infinite}
.security-grid.bd-live article:not(:last-child):after{animation:bd-trace 4.5s linear infinite}
.security-grid.bd-live article:nth-child(2):after{animation-delay:1.1s}
@media(max-width:1000px){.security-grid.bd-live article:not(:last-child):after{animation-name:bd-trace-v}}
}

/* Sign in: on hover/focus the button fills like the console's "+ Add source" button, with dark readable text */
.header .sign-in{border-radius:5px}
.header .sign-in:hover,.header .sign-in:focus-visible{background:var(--accent);color:#191125;border-color:var(--accent)}
.header .sign-in:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.header .sign-in{transition:background-color .15s ease,color .15s ease,border-color .15s ease}}

/* ===== Final CTA: one signal becomes an investigation, ending at the pilot button ===== */
.cta-side{display:flex;flex-direction:column;width:272px;flex-shrink:0}
.cta-trace{display:flex;flex-direction:column;position:relative}
.ct-node{position:relative;display:flex;flex-direction:column;gap:3px;padding:10px 13px;border:1px solid #ffffff14;border-radius:6px;background:#0d0a14;opacity:.55}
.ct-k{font-size:7.5px;letter-spacing:1.6px;color:#8e829f}
.ct-node code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;color:#cfc6e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-signal{margin-left:14px}.ct-case{margin-left:28px}
.ct-line{position:relative;display:block;width:1px;height:20px;margin-left:34px;background:#ffffff14;overflow:hidden}
.ct-line:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--accent));transform:scaleY(0);transform-origin:top}
.ct-line:nth-of-type(2){margin-left:48px}.ct-line:nth-of-type(3){margin-left:62px}
.ct-line:last-child{height:22px}
.ct-note{font-size:8.5px;color:#6b6277;margin-top:10px;letter-spacing:.3px}
.cta-side .button{width:100%;margin-top:0}
@media(prefers-reduced-motion:no-preference){
.ct-log{animation:ct-a 8s ease-in-out infinite}.ct-signal{animation:ct-b 8s ease-in-out infinite}.ct-case{animation:ct-c 8s ease-in-out infinite}
.ct-line:nth-of-type(1):after{animation:ct-l1 8s ease-in-out infinite}.ct-line:nth-of-type(2):after{animation:ct-l2 8s ease-in-out infinite}.ct-line:nth-of-type(3):after{animation:ct-l3 8s ease-in-out infinite}
.cta-side .button{animation:ct-btn 8s ease-in-out infinite}
.final-cta:hover .cta-side *,.final-cta:focus-within .cta-side *,.cta-side.paused *{animation-play-state:paused}
}
@keyframes ct-a{0%{opacity:.4;border-color:#ffffff14}6%,90%{opacity:1;border-color:#b09afa40}98%,100%{opacity:.4;border-color:#ffffff14}}
@keyframes ct-b{0%,24%{opacity:.4;border-color:#ffffff14}32%,90%{opacity:1;border-color:#b09afa66;box-shadow:0 0 22px #b09afa1c}98%,100%{opacity:.4;border-color:#ffffff14;box-shadow:none}}
@keyframes ct-c{0%,50%{opacity:.4;border-color:#ffffff14}58%,90%{opacity:1;border-color:var(--accent);box-shadow:0 0 26px #b09afa2e}98%,100%{opacity:.4;border-color:#ffffff14;box-shadow:none}}
@keyframes ct-l1{0%,8%{transform:scaleY(0);opacity:1}24%,90%{transform:scaleY(1);opacity:1}98%,100%{transform:scaleY(1);opacity:0}}
@keyframes ct-l2{0%,34%{transform:scaleY(0);opacity:1}48%,90%{transform:scaleY(1);opacity:1}98%,100%{transform:scaleY(1);opacity:0}}
@keyframes ct-l3{0%,60%{transform:scaleY(0);opacity:1}74%,90%{transform:scaleY(1);opacity:1}98%,100%{transform:scaleY(1);opacity:0}}
@keyframes ct-btn{0%,72%{box-shadow:0 3px 20px #a78af90d}80%,90%{box-shadow:0 0 0 1px #b09afa80,0 0 30px #b09afa66}100%{box-shadow:0 3px 20px #a78af90d}}
@media(prefers-reduced-motion:reduce){.ct-node{opacity:1;border-color:#b09afa40}.ct-line:after{transform:scaleY(1)}}
@media(max-width:760px){.cta-side{width:100%;max-width:340px}}

/* Header Sign in: sized to balance the logo, vertically centred with it */
.header .sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;font-size:15px;font-weight:500;line-height:1}
.header .sign-in span{margin-left:16px;font-size:17px;line-height:1}
@media(max-width:760px){.header .sign-in{min-height:40px;padding:0 16px;font-size:14px}.header .sign-in span{margin-left:10px;font-size:15px}}

/* Footer: logo row with the copyright directly beneath, both flush left */
.footer>.foot-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:auto;margin-left:0}
.footer .foot-id small{width:auto;line-height:1.2}
.footer>.foot-links{margin-left:auto}
@media(max-width:760px){.footer>.foot-id{width:100%}.footer>.foot-links{margin-left:0}}
/* Optical alignment: the eye's left spike tip is 1px of ink; its body starts ~3px in, so the copyright is nudged to match */
.footer .foot-id small{margin-left:2px}

/* Static preview bar values remain compatible with the strict production CSP. */
.lg-bars .sample-bar-1{--h:8%;--n:1}
.lg-bars .sample-bar-2{--h:12%;--n:2}
.lg-bars .sample-bar-3{--h:9%;--n:3}
.lg-bars .sample-bar-4{--h:15%;--n:4}
.lg-bars .sample-bar-5{--h:11%;--n:5}
.lg-bars .sample-bar-6{--h:18%;--n:6}
.lg-bars .sample-bar-7{--h:14%;--n:7}
.lg-bars .sample-bar-8{--h:10%;--n:8}
.lg-bars .sample-bar-9{--h:16%;--n:9}
.lg-bars .sample-bar-10{--h:22%;--n:10}
.lg-bars .sample-bar-11{--h:13%;--n:11}
.lg-bars .sample-bar-12{--h:9%;--n:12}
.lg-bars .sample-bar-13{--h:17%;--n:13}
.lg-bars .sample-bar-14{--h:25%;--n:14}
.lg-bars .sample-bar-15{--h:19%;--n:15}
.lg-bars .sample-bar-16{--h:12%;--n:16}
.lg-bars .sample-bar-17{--h:28%;--n:17}
.lg-bars .sample-bar-18{--h:21%;--n:18}
.lg-bars .sample-bar-19{--h:14%;--n:19}
.lg-bars .sample-bar-20{--h:34%;--n:20}
.lg-bars .sample-bar-21{--h:24%;--n:21}
.lg-bars .sample-bar-22{--h:17%;--n:22}
.lg-bars .sample-bar-23{--h:41%;--n:23}
.lg-bars .sample-bar-24{--h:62%;--n:24}

/* Pilot enquiry dialog: native focus containment and Escape handling. */
button.button{font:inherit;font-size:12px;cursor:pointer;border:0}
#pilot-dialog{color:var(--text);background:radial-gradient(ellipse at 100% 0,#30204755,transparent 48%),#120f1c;border:1px solid #b09afa38;border-radius:18px;padding:25px 32px;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 120px #000b,inset 0 1px #ffffff08;scrollbar-width:thin;scrollbar-color:#453553 transparent}
#pilot-dialog::backdrop{background:#080610cc;backdrop-filter:blur(9px)}
.pilot-brand{display:flex;align-items:center;gap:9px;padding-right:22px;margin-bottom:17px}
.pilot-brand>span:first-of-type{font-size:11px;letter-spacing:2px;font-weight:700}
.pilot-brand img{object-fit:contain;width:25px;height:25px}
.pilot-badge{display:flex;align-items:center;gap:6px;margin-left:13px;padding:4px 8px;border:1px solid #b09afa24;border-radius:4px;color:#bca8df;font-size:8px;letter-spacing:1px;white-space:nowrap}
.pilot-badge i{width:4px;height:4px;background:var(--accent);border-radius:50%}
.pilot-heading{position:relative;border-bottom:1px solid #ffffff0e;padding-bottom:17px;margin-bottom:17px}
.pilot-heading .eyebrow{font-size:8px;letter-spacing:1.5px}
#pilot-dialog h2{font-size:38px;font-weight:550;letter-spacing:-1.5px;line-height:1.1;margin:10px 0 10px}
#pilot-dialog h2 em{font-size:1.08em}
#pilot-intro{color:#a49aae;font-size:12px;line-height:1.7;max-width:370px}
.pilot-orbit{position:absolute;width:100px;height:85px;right:-8px;top:20px;color:#b09afa;opacity:.24;pointer-events:none}.pilot-orbit circle{fill:currentColor}.pilot-orbit circle:last-child{fill:none}
.pilot-close{position:absolute;right:17px;top:20px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff14;background:#ffffff03;border-radius:7px;color:#94859f;font-size:22px;cursor:pointer;transition:color .15s,background .15s}
.pilot-close:hover{color:#eee7f7;background:#ffffff09}
.pilot-section{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#a39aaf;font-size:8px;letter-spacing:1.5px;font-weight:600}
.pilot-section>span{color:#b5a0dc;font-size:9px;letter-spacing:0;font-variant-numeric:tabular-nums}
.pilot-section-signals{margin-top:5px}
#pilot-dialog label{display:block;color:#ccc2d8;font-size:11px;font-weight:500;margin-bottom:12px}
#pilot-dialog input,#pilot-dialog textarea{display:block;width:100%;min-width:0;margin-top:7px;background:#09071166;border:1px solid #ffffff14;border-radius:7px;color:var(--text);padding:11px 12px;font:inherit;font-size:13px;outline:none;transition:border-color .15s,background .15s}
#pilot-dialog input::placeholder,#pilot-dialog textarea::placeholder{color:#655b73;opacity:1}
#pilot-dialog input:hover,#pilot-dialog textarea:hover{border-color:#b09afa38}
#pilot-dialog input:focus,#pilot-dialog textarea:focus{border-color:#b09afa90;box-shadow:0 0 0 3px #b09afa0c;background:#0e0a17}
#pilot-dialog textarea{resize:vertical;height:90px;min-height:80px;max-height:200px}
.pilot-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pilot-privacy{display:flex;align-items:center;gap:10px;font-size:10px;color:#8e819d;line-height:1.65;margin-top:12px}
.pilot-privacy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.pilot-privacy svg{width:17px;height:19px;color:#a692be;flex-shrink:0}
.pilot-status{font-size:12px;color:#f0b7bd;margin-top:10px}.pilot-status:empty{display:none}
#pilot-dialog [type=submit]{margin-top:16px;width:100%;font-size:12px;letter-spacing:.1px;border:1px solid #d1bcff55;background:linear-gradient(110deg,#b8a1fb,#a087ec);color:#1a102c;box-shadow:inset 0 1px #ffffff2b,0 4px 18px #8c62c315;min-height:45px}
#pilot-dialog [type=submit]:hover{background:linear-gradient(110deg,#c4b0ff,#ad97ef)}
#pilot-dialog [type=submit]:disabled{opacity:.6;cursor:wait}
.pilot-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pilot-success{padding:14px 0 24px}.pilot-success>span{display:inline-grid;place-items:center;background:#b09afa14;border:1px solid #b09afa30;color:var(--accent);width:48px;height:48px;border-radius:50%;font-size:24px;box-shadow:0 0 25px #b09afa0a}
.pilot-success h3{margin:18px 0 10px;font-size:25px;letter-spacing:-.6px}.pilot-success p{color:var(--muted);font-size:13px;max-width:370px}
#pilot-dialog [hidden]{display:none!important}
#pilot-dialog :focus-visible{outline:2px solid #b09afaaa;outline-offset:3px}#pilot-dialog input:focus-visible,#pilot-dialog textarea:focus-visible{outline:none}
@media(max-width:520px){#pilot-dialog{padding:26px 23px}.pilot-fields{grid-template-columns:1fr;gap:0}#pilot-dialog h2{font-size:36px}.pilot-heading{margin-bottom:19px;padding-bottom:19px}.pilot-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.pilot-orbit{width:72px;right:-8px;top:8px;opacity:.15}.pilot-brand{gap:7px;margin-bottom:23px}.pilot-badge{margin-left:4px;font-size:7px;padding:4px 6px;letter-spacing:.7px}.pilot-brand>span:first-of-type{font-size:10px;letter-spacing:1.5px}#pilot-dialog input,#pilot-dialog textarea{font-size:16px}.pilot-privacy{font-size:9px}#pilot-intro{font-size:11px;max-width:270px}}
@media(prefers-reduced-motion:reduce){#pilot-dialog input,#pilot-dialog textarea,.pilot-close{transition:none}}

.pilot-terms{scroll-margin-top:100px}.pilot-terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.pilot-terms-grid article{padding:28px;border:1px solid #332942;border-radius:14px;background:#151021}.pilot-term-value{display:block;color:#b6a0ff;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin-bottom:16px;font-weight:650}.pilot-terms h3{font-size:1rem;line-height:1.5;margin:0 0 10px}.pilot-terms p{color:#a69bb4;line-height:1.75}.pilot-terms-footer{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;padding:28px 0;border-top:1px solid #332942;margin-top:28px}.pilot-terms a{color:#b6a0ff;overflow-wrap:anywhere}.pilot-terms-summary{padding:14px 16px;background:#1a142a;border:1px solid #332942;border-radius:10px;font-size:.85rem;line-height:1.7;color:#bfb2d0}@media(max-width:760px){.pilot-terms-grid,.pilot-terms-footer{grid-template-columns:1fr;gap:16px}.pilot-terms-grid article{padding:24px}}

.pilot-terms-grid article {
  position: relative;
  background: linear-gradient(150deg, #1e1630, #151021 64%);
}
.pilot-term-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.pilot-term-top .pilot-term-value { margin: 0; }
.pilot-term-top svg {
  width: 42px;
  height: 42px;
  padding: 10px;
  flex: none;
  color: #c4afff;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  border: 1px solid #b09afa35;
  border-radius: 11px;
  background: #b09afa10;
}
.pilot-terms-footer .contact-link { color: #c4afff; }
.pilot-start-guide{margin-top:24px;padding:18px 22px;border:1px solid #332942;border-radius:12px;background:#151021;color:var(--muted)}
.pilot-start-guide summary{color:var(--fg,#f0edf9);font-weight:650;cursor:pointer}
.pilot-start-guide ol{padding-inline-start:1.4em;max-width:72ch}
.pilot-start-guide li+li{margin-top:10px}
.pilot-start-guide a{color:#c4afff;text-decoration:underline}
.contact-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.contact-link:hover { color: #eee7ff; }
#pilot-dialog {
  box-sizing: border-box;
  width: min(620px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: clamp(18px, 4vw, 30px);
  overscroll-behavior: contain;
}
#pilot-dialog h2 { font-size: clamp(27px, 6vw, 38px); }
.pilot-terms-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 10px;
  padding: 11px 14px;
  margin: 0 0 19px;
  font-size: .78rem;
  line-height: 1.45;
}
.pilot-terms-summary strong { color: #e6dcf6; }
.pilot-terms-summary small { flex-basis: 100%; font-size: .72rem; }
.pilot-section > span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #b09afa16;
  border: 1px solid #b09afa30;
}
#pilot-dialog textarea { height: 76px; min-height: 70px; }
@media (max-width: 520px) {
  .pilot-orbit { display: none; }
  .pilot-brand { margin-bottom: 15px; }
  .pilot-terms-summary { margin-bottom: 16px; }
}
@media (min-width: 521px) and (max-height: 790px) {
  #pilot-dialog { padding-block: 19px; }
  .pilot-brand { margin-bottom: 12px; }
  .pilot-heading { padding-bottom: 12px; margin-bottom: 12px; }
  #pilot-dialog h2 { margin-block: 6px; }
  .pilot-terms-summary { margin-bottom: 14px; padding-block: 8px; }
  #pilot-dialog label { margin-bottom: 9px; }
  #pilot-dialog input, #pilot-dialog textarea { padding-block: 8px; }
  .pilot-privacy { margin-top: 8px; }
  #pilot-dialog [type=submit] { margin-top: 12px; }
}

.public-guide{max-width:820px;padding-block:clamp(40px,8vw,96px)}
.public-guide h1{margin-block:14px;font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.045em}
.public-guide .public-guide-intro{color:var(--muted);font-size:18px;margin-bottom:32px}
.public-guide section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:clamp(18px,4vw,30px);margin-block:14px}
.public-guide h2{font-size:clamp(19px,3vw,24px);margin-bottom:8px}
.public-guide section p+p{margin-top:12px}
.public-guide pre{padding:12px 16px;border-radius:6px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere}
.public-guide nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px}
.public-guide a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}