/* Disciply feature update pages — 2026-09-10
   Extends the existing Flagship V2 visual system without touching app runtime. */
.feature-page{--fp-gold:#f7c948;--fp-gold2:#ffe891;--fp-ink:#050713;--fp-panel:rgba(10,14,28,.78);--fp-line:rgba(255,255,255,.13);--fp-muted:#c8cff2;overflow-x:hidden}
.feature-page .topbar{position:fixed;z-index:50;width:100%}
.feature-page .feature-hero{position:relative;isolation:isolate;min-height:88svh;padding:clamp(118px,13vw,154px) 0 76px;background:radial-gradient(circle at 14% 15%,rgba(36,87,255,.64),transparent 30%),radial-gradient(circle at 86% 18%,rgba(110,57,255,.54),transparent 33%),radial-gradient(circle at 75% 75%,rgba(207,76,255,.28),transparent 34%),linear-gradient(145deg,#061a5f 0%,#1a35bf 24%,#5624cc 52%,#9f27ce 74%,#18103d 100%)}
.feature-page .feature-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,19,.02),rgba(5,7,19,.4) 72%,#060817 100%)}
.feature-page .feature-hero__grid{position:absolute;inset:0;z-index:-2;opacity:.22;background-size:64px 64px;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);mask-image:radial-gradient(ellipse at 60% 40%,#000,transparent 80%)}
.feature-page .feature-hero__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:48px;align-items:center}
.feature-page .feature-kicker,.feature-page .update-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 11px;border:1px solid rgba(255,232,143,.32);border-radius:999px;background:rgba(255,255,255,.08);color:#fff6c7;font:800 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.feature-page .feature-kicker i,.feature-page .update-kicker i{width:7px;height:7px;border-radius:50%;background:var(--fp-gold);box-shadow:0 0 18px rgba(247,201,72,.8)}
.feature-page .feature-hero h1{max-width:11ch;margin:20px 0 18px;font-size:clamp(3.15rem,8vw,6.3rem);line-height:.9;letter-spacing:-.07em;text-shadow:0 24px 80px rgba(8,8,40,.34)}
.feature-page .feature-hero h1 span{color:#ffe275;text-shadow:0 0 42px rgba(255,216,80,.28)}
.feature-page .feature-lead{max-width:61ch;margin:0;color:#e6e9ff;font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.7}
.feature-page .feature-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.feature-page .feature-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:23px;color:#cbd3fb;font-size:12px}.feature-page .feature-proof span:before{content:"✓";margin-right:7px;color:#ffe477}
.feature-page .demo-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:32px;background:linear-gradient(155deg,rgba(245,248,255,.17),rgba(102,78,229,.12) 35%,rgba(17,17,63,.65));box-shadow:0 44px 110px rgba(13,7,56,.56),0 0 86px rgba(255,218,90,.11),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(22px) saturate(155%);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);animation:featureFloat 6s ease-in-out infinite}
.feature-page .demo-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 20% 76%,rgba(255,226,116,.1));mix-blend-mode:screen}
.feature-page .demo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(10,17,55,.42)}
.feature-page .demo-brand{display:flex;align-items:center;gap:10px}.feature-page .demo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#211500;background:linear-gradient(145deg,#fff3aa,#f5bf32);font:900 16px/1 Inter,sans-serif;box-shadow:0 0 24px rgba(247,201,72,.32)}
.feature-page .demo-brand strong{display:block;font-size:12px;letter-spacing:.08em}.feature-page .demo-brand small,.feature-page .demo-status{color:#acb6e4;font-size:9px}.feature-page .demo-status{display:flex;align-items:center;gap:6px}.feature-page .demo-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#32d583;box-shadow:0 0 12px rgba(50,213,131,.65)}
.feature-page .demo-body{padding:16px}.feature-page .demo-note{margin:0;padding:10px 13px;border-top:1px solid rgba(255,255,255,.08);color:#9ea8d6;font-size:10px;line-height:1.5;background:rgba(8,11,32,.42)}
.feature-page .demo-card{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(145deg,#0c1118,#070b10);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.feature-page .gold{color:#ffd000}.feature-page .green{color:#43d47c}.feature-page .red{color:#ff7079}.feature-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
.feature-page .mini-label{color:#98a3c7;font:800 9px/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.feature-page .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feature-page .metric-box{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(7,11,18,.72)}.feature-page .metric-box span{display:block;color:#8f9abb;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.feature-page .metric-box strong{display:block;margin-top:6px;font:700 15px/1 "IBM Plex Mono",monospace}.feature-page .metric-box small{display:block;margin-top:4px;color:#8f99a7;font-size:8px;line-height:1.35}
.feature-page .section-dark{position:relative;padding:clamp(72px,9vw,110px) 0;background:linear-gradient(180deg,#060817,#090925 46%,#050713)}
.feature-page .section-dark.alt{background:radial-gradient(circle at 80% 20%,rgba(82,51,255,.12),transparent 30%),linear-gradient(180deg,#050713,#0a0d22)}
.feature-page .section-heading{max-width:820px}.feature-page .section-heading .eyebrow{color:#ffe275}.feature-page .section-heading h2{margin:12px 0 14px;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;letter-spacing:-.055em}.feature-page .section-heading p{max-width:66ch;color:#bfc7eb;line-height:1.7}
.feature-page .content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start;margin-top:34px}.feature-page .text-card,.feature-page .trust-card,.feature-page .step-card,.feature-page .faq-card{border:1px solid var(--fp-line);border-radius:22px;background:linear-gradient(160deg,rgba(27,31,83,.52),rgba(12,13,42,.72));box-shadow:0 20px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.feature-page .text-card,.feature-page .trust-card{padding:24px}.feature-page .text-card h3,.feature-page .trust-card h3{margin:0 0 9px;font-size:20px}.feature-page .text-card p,.feature-page .trust-card p,.feature-page .text-card li,.feature-page .trust-card li{color:#c2caeb;line-height:1.65}.feature-page .text-card ul,.feature-page .trust-card ul{padding-left:18px;margin:14px 0 0}.feature-page .text-card li+li,.feature-page .trust-card li+li{margin-top:8px}
.feature-page .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:32px}.feature-page .step-card{padding:18px}.feature-page .step-card b{display:block;color:#ffe275;font:800 11px/1 Inter,sans-serif;letter-spacing:.08em}.feature-page .step-card strong{display:block;margin-top:16px;font-size:16px}.feature-page .step-card p{margin:8px 0 0;color:#aeb8dd;font-size:12px;line-height:1.55}
.feature-page .trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.feature-page .trust-pill{padding:16px 17px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04)}.feature-page .trust-pill strong{display:block;color:#fff}.feature-page .trust-pill span{display:block;margin-top:5px;color:#aeb7da;font-size:11px;line-height:1.45}
.feature-page .faq{display:grid;gap:10px;margin-top:26px}.feature-page .faq details{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);padding:0 17px}.feature-page .faq summary{cursor:pointer;padding:17px 26px 17px 0;font-weight:800;position:relative;list-style:none}.feature-page .faq summary::-webkit-details-marker{display:none}.feature-page .faq summary:after{content:"+";position:absolute;right:0;top:13px;color:#ffe275;font-size:22px}.feature-page .faq details[open] summary:after{content:"–"}.feature-page .faq p{margin:0 0 17px;color:#b9c2e3;line-height:1.6}
.feature-page .cluster-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:26px}.feature-page .cluster-nav a{display:grid;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;text-decoration:none}.feature-page .cluster-nav a:hover{border-color:rgba(255,226,117,.34);background:rgba(255,255,255,.06)}.feature-page .cluster-nav strong{font-size:12px}.feature-page .cluster-nav span{color:#9eabd2;font-size:9px}
.feature-page .source-note{margin-top:24px;padding:16px 18px;border-left:2px solid #f7c948;background:rgba(247,201,72,.055);color:#c6cdee;font-size:11px;line-height:1.65}.feature-page .source-note strong{color:#ffe275}
.feature-page .feature-footer{padding:36px 0 calc(36px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:#050713}.feature-page .feature-footer__inner{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.feature-page .feature-footer p{max-width:68ch;margin:0;color:#98a5cc;font-size:11px;line-height:1.6}.feature-page .footer-links{display:flex;flex-wrap:wrap;gap:12px}.feature-page .footer-links a{color:#dce3ff;font-size:11px}
/* Feature demos */
.sc-demo .sc-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.sc-demo .sc-icon{width:42px;height:42px;border:1px solid rgba(255,208,0,.3);border-radius:12px;display:grid;place-items:center;color:#ffd000;background:rgba(255,208,0,.05)}.sc-demo .sc-icon:before{content:"◎";font-size:25px}.sc-demo .sc-title strong{display:block;color:#ffd000;font-size:23px;letter-spacing:-.03em}.sc-demo .sc-title span{display:block;margin-top:3px;color:#a5adba;font-size:9px}.sc-demo .sc-badge{padding:6px 8px;border:1px solid rgba(67,212,124,.35);border-radius:99px;background:rgba(67,212,124,.08);color:#69dd95;font-size:8px;font-weight:900}.sc-demo .sc-main{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:12px;padding:12px}.sc-demo .sc-main>div:first-child{padding-right:12px;border-right:1px solid rgba(255,255,255,.1)}.sc-demo .sc-main>div:last-child{padding-left:13px}.sc-demo .sc-lot{display:block;margin-top:6px;color:#ffd000;font:800 42px/.95 "IBM Plex Mono",monospace;letter-spacing:-.06em}.sc-demo .sc-lot small{font-size:.42em;color:#e8ebf1}.sc-demo .sc-risk{display:block;margin-top:6px;color:#43d47c;font:800 19px/1 "IBM Plex Mono",monospace}.sc-demo .sc-conf{margin-top:10px;height:6px;background:#20252e;border-radius:99px;overflow:hidden}.sc-demo .sc-conf i{display:block;width:78%;height:100%;background:#ffd000}.sc-demo .sc-reason{margin-top:10px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#b6bfce;font-size:9px;line-height:1.45;background:#090e15}
.pm-demo .pm-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.075)}.pm-demo .pm-back{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#111720;font-size:23px}.pm-demo .pm-head strong{font-size:17px}.pm-demo .pm-toggle{padding:6px 9px;border:1px solid rgba(245,196,0,.3);border-radius:99px;color:#f5c400;background:rgba(245,196,0,.07);font-size:8px;font-weight:900}.pm-demo .pm-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.pm-demo .pm-overview div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0d1219}.pm-demo .pm-overview span{display:block;color:#8d98aa;font-size:7px;text-transform:uppercase}.pm-demo .pm-overview strong{display:block;margin-top:5px;font:700 13px/1 "IBM Plex Mono",monospace}.pm-demo .pm-pos{margin:0 12px 12px;padding:12px}.pm-demo .pm-pos__top{display:flex;justify-content:space-between;gap:10px}.pm-demo .pm-pos h4{margin:0;font-size:12px}.pm-demo .pm-pos small{color:#8f99a8}.pm-demo .pm-before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:10px}.pm-demo .pm-mini{padding:8px;border-radius:10px;background:#0b1017;border:1px solid rgba(255,255,255,.07)}.pm-demo .pm-mini span{font-size:7px;color:#8994a4}.pm-demo .pm-mini strong{display:block;margin-top:4px;font:700 11px "IBM Plex Mono",monospace}.pm-demo .pm-arrow{color:#f5c400}.pm-demo .pm-action{margin-top:10px;padding:9px;border-radius:10px;border:1px solid rgba(245,196,0,.2);background:rgba(245,196,0,.055);color:#d9e0ee;font-size:8px;line-height:1.45}
.ro-demo .ro-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.ro-demo .ro-head h3{margin:3px 0 0;font-size:18px}.ro-demo .ro-head span{color:#f5c400;font-size:8px;letter-spacing:.12em;font-weight:900}.ro-demo .ro-account{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);font-size:8px;color:#9aa7ba}.ro-demo .ro-segment{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:12px}.ro-demo .ro-segment b{padding:8px;text-align:center;border-radius:9px;font-size:9px}.ro-demo .ro-segment b.active{background:rgba(54,211,153,.12);color:#7de4b8}.ro-demo .ro-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.ro-demo .ro-field{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0d121b}.ro-demo .ro-field span{display:block;color:#8f99a8;font-size:7px;text-transform:uppercase}.ro-demo .ro-field strong{display:block;margin-top:4px;font:700 11px "IBM Plex Mono",monospace}.ro-demo .ro-levels{position:relative;margin-top:10px;padding:12px 8px 12px 32px}.ro-demo .ro-line{position:absolute;left:18px;top:17px;bottom:17px;width:2px;background:linear-gradient(#43d47c,#ffd000)}.ro-demo .ro-level{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;background:#0b1017}.ro-demo .ro-level+.ro-level{margin-top:5px}.ro-demo .ro-level:before{content:"";position:absolute;left:14px;width:10px;height:10px;border-radius:50%;background:#ffd000}.ro-demo .ro-level span{font-size:8px;color:#aab4c4}.ro-demo .ro-level strong{font:700 10px "IBM Plex Mono",monospace}.ro-demo .ro-cta{margin-top:10px;padding:10px;text-align:center;border-radius:11px;background:#f5c400;color:#111;font-size:9px;font-weight:900}
.ma-demo .ma-hero{display:grid;grid-template-columns:106px 1fr;gap:15px;align-items:center;padding:12px}.ma-demo .ma-ring{--s:72%;width:96px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f5c400 var(--s),#20252e 0);position:relative}.ma-demo .ma-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b0f15}.ma-demo .ma-ring div{z-index:1;text-align:center}.ma-demo .ma-ring b{display:block;font:800 25px/1 "IBM Plex Mono",monospace}.ma-demo .ma-ring span{color:#f5c400;font-size:7px;font-weight:900}.ma-demo .ma-copy h3{margin:0;font-size:15px}.ma-demo .ma-copy p{margin:6px 0 0;color:#a7b0bd;font-size:9px;line-height:1.5}.ma-demo .ma-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.ma-demo .ma-badges span{padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:#171d26;color:#aeb7c4;font-size:7px}.ma-demo .ma-badges .live{color:#82e7b6;border-color:rgba(50,213,131,.25)}.ma-demo .component-list{margin-top:10px;padding:10px}.ma-demo .component{display:grid;grid-template-columns:82px 1fr 28px;gap:7px;align-items:center;margin:7px 0;color:#9ba5b3;font-size:8px}.ma-demo .component .bar{height:5px;border-radius:9px;background:#20252e;overflow:hidden}.ma-demo .component .bar i{display:block;height:100%;background:#f5c400}
.vol-demo .vol-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.vol-demo .vol-top strong{display:block;margin-top:5px;font:800 34px/.95 "IBM Plex Mono",monospace;color:#ffd000}.vol-demo .vol-tag{padding:7px 9px;border:1px solid rgba(255,208,0,.25);border-radius:99px;color:#ffe071;background:rgba(255,208,0,.08);font-size:8px;font-weight:900}.vol-demo .vol-wave{height:115px;margin-top:12px;display:flex;align-items:end;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#0a0f17,#070a10)}.vol-demo .vol-wave i{flex:1;min-width:3px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#ffe275,#806c13);animation:volPulse 2.2s ease-in-out infinite alternate;transform-origin:bottom}.vol-demo .vol-wave i:nth-child(2n){animation-delay:.2s}.vol-demo .vol-wave i:nth-child(3n){animation-delay:.45s}.vol-demo .vol-base{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.vol-demo .vol-base div{padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b1017}.vol-demo .vol-base span{display:block;color:#8d98aa;font-size:7px}.vol-demo .vol-base strong{display:block;margin-top:4px;font:700 12px "IBM Plex Mono",monospace}
@keyframes featureFloat{50%{transform:perspective(1200px) rotateY(-.8deg) rotateX(.4deg) translateY(-7px)}}@keyframes volPulse{from{filter:brightness(.85);transform:scaleY(.85)}to{filter:brightness(1.15);transform:scaleY(1.04)}}
@media(max-width:980px){.feature-page .feature-hero__layout{grid-template-columns:1fr}.feature-page .feature-hero h1{max-width:12ch}.feature-page .demo-shell{max-width:760px;transform:none;animation:none}.feature-page .steps{grid-template-columns:repeat(2,1fr)}.feature-page .cluster-nav{grid-template-columns:repeat(2,1fr)}.feature-page .content-grid{grid-template-columns:1fr}}
@media(max-width:640px){.feature-page .shell{width:min(100% - 24px,1210px)}.feature-page .feature-hero{padding-top:108px}.feature-page .feature-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.feature-page .feature-actions .button{width:100%;justify-content:center}.feature-page .metric-grid,.feature-page .trust-strip{grid-template-columns:1fr 1fr}.feature-page .steps{grid-template-columns:1fr}.feature-page .cluster-nav{grid-template-columns:1fr}.feature-page .feature-footer__inner{display:grid}.feature-page .sc-main{grid-template-columns:1fr}.feature-page .sc-main>div:first-child{padding:0 0 11px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.feature-page .sc-main>div:last-child{padding:11px 0 0}.feature-page .pm-overview{grid-template-columns:1fr 1fr}.feature-page .ma-hero{grid-template-columns:88px 1fr}.feature-page .ma-ring{width:82px}.feature-page .metric-grid{grid-template-columns:1fr 1fr}.feature-page .topbar__inner{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.feature-page *{scroll-behavior:auto!important}.feature-page .demo-shell,.feature-page .vol-wave i{animation:none!important}}