:global(html),:global(body){overflow-x:hidden}.demo-page{--accent:#2563eb;--ink:#0f172a;--muted:#52627a;--line:#d9e2ef;color:var(--ink);background:#fff}.section-inner,.demo-hero-inner{width:min(100% - 3rem,74rem);margin-inline:auto}.demo-hero{border-bottom:1px solid var(--line);background:linear-gradient(#edf4ff 0%,#f8fbff 48%,#fff 100%);min-height:calc(100svh - 112px);padding:clamp(3rem,6vw,5.5rem) 0;display:grid;position:relative;overflow:hidden}.demo-hero:before{content:"";opacity:.55;pointer-events:none;background-image:linear-gradient(#2563eb12 1px,#0000 1px),linear-gradient(90deg,#2563eb12 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}.demo-hero-inner{grid-template-columns:minmax(0,.88fr) minmax(34rem,1.12fr);align-items:center;gap:clamp(3rem,6vw,6rem);display:grid;position:relative}.hero-copy{max-width:33rem;animation:.65s both reveal}.eyebrow{color:var(--accent);letter-spacing:.11em;margin-bottom:1rem;font-size:.78rem;font-weight:900;display:block}h1,h2,h3,p{margin-top:0}.hero-copy h1{letter-spacing:-.055em;margin-bottom:1.25rem;font-size:clamp(3rem,5.6vw,5.4rem);font-weight:900;line-height:.96}.hero-copy>p{max-width:31rem;color:var(--muted);margin-bottom:1.8rem;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;display:flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.7rem;min-height:3rem;padding:.8rem 1.15rem;font-size:.92rem;font-weight:850;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 28px -16px #2563ebbf}.primary-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 16px 30px -16px #2563ebcc}.primary-button:active{transform:translateY(1px)scale(.98)}.hero-note{color:#64748b;font-size:.82rem;font-weight:700}.portal-preview{background:#fff;border:1px solid #b9cbe3;border-radius:14px;animation:.65s .1s both reveal;overflow:hidden;box-shadow:0 28px 70px -38px #0f172a7a}.preview-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:3.8rem;padding:.75rem 1rem;display:flex}.preview-brand,.preview-status{color:#334155;align-items:center;gap:.65rem;font-size:.78rem;font-weight:850;display:flex}.preview-status i{background:#22c55e;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 4px #22c55e1c}.credential-shell{background:#f8fafc;align-content:center;gap:1.35rem;min-height:21rem;padding:2rem;display:grid}.credential-heading{gap:.45rem;display:grid}.credential-heading span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.credential-heading p{color:#64748b;max-width:29rem;margin:0;font-size:.84rem;line-height:1.55}.credential-list{border:1px solid var(--line);background:#fff;border-radius:10px;margin:0;overflow:hidden}.credential-list div{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.85rem 1rem;display:flex}.credential-list div+div{border-top:1px solid var(--line)}.credential-list dt{color:#52627a;font-size:.78rem;font-weight:800}.credential-list dd{color:#0f172a;font:800 .78rem var(--font-mono,monospace);background:#f1f5f9;border:1px solid #d5dfec;border-radius:7px;margin:0;padding:.35rem .7rem}.scope-section{padding:clamp(5rem,9vw,8rem) 0}.scope-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);display:grid}.section-heading{align-self:start;position:sticky;top:7rem}.section-heading>span{color:var(--accent);font:800 .78rem var(--font-mono,monospace);margin-bottom:1.25rem;display:block}.section-heading h2,.path-heading h2,.closing-panel h2{letter-spacing:-.045em;margin-bottom:1rem;font-size:clamp(2.3rem,4vw,4rem);font-weight:900;line-height:1.02}.section-heading p,.path-heading p,.closing-panel p{max-width:39rem;color:var(--muted);margin-bottom:0;font-size:1.02rem;line-height:1.7}.scope-list{display:grid}.scope-item{border-top:1px solid var(--line);grid-template-columns:2.3rem minmax(0,1fr);gap:1.25rem;padding:1.8rem 0;display:grid}.scope-item:last-child{border-bottom:1px solid var(--line)}.scope-item>span{color:#94a3b8;font:800 .75rem var(--font-mono,monospace)}.scope-item h3{letter-spacing:-.02em;margin-bottom:.45rem;font-size:1.18rem}.scope-item p{color:var(--muted);margin-bottom:0;font-size:.93rem;line-height:1.65}.path-section{color:#fff;background:#0d2444;border-block:1px solid #17355f;padding:clamp(5rem,8vw,7rem) 0}.path-heading{max-width:47rem;margin-bottom:3.4rem}.path-heading h2{max-width:42rem}.path-heading p{color:#bdcde2}.path-steps{counter-reset:path;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.path-steps li{border-top:1px solid #365373;border-right:1px solid #365373;min-height:13rem;padding:1.5rem 1.5rem 1.2rem;position:relative}.path-steps li:first-child{border-left:1px solid #365373}.path-steps li>span{color:#79aaf7;font:800 .76rem var(--font-mono,monospace);margin-bottom:2.7rem;display:block}.path-steps h3{margin-bottom:.6rem;font-size:1rem}.path-steps p{color:#bdcde2;margin-bottom:0;font-size:.84rem;line-height:1.55}.closing-section{background:#eaf2ff;padding:clamp(4rem,7vw,6rem) 0}.closing-panel{justify-content:space-between;align-items:center;gap:2rem;display:flex}.closing-panel h2{max-width:38rem;font-size:clamp(2rem,3.5vw,3.4rem)}.light-button{flex:none}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.demo-hero{min-height:auto}.demo-hero-inner{grid-template-columns:1fr}.hero-copy{max-width:42rem}.portal-preview{width:min(100%,42rem)}.scope-layout{grid-template-columns:1fr;gap:2rem}.section-heading{position:static}.path-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.path-steps li:nth-child(3){border-left:1px solid #365373}}@media (width<=620px){.section-inner,.demo-hero-inner{width:min(100% - 2rem,74rem)}.demo-hero{padding:1.75rem 0 .75rem}.hero-copy h1{font-size:clamp(2.5rem,12vw,3.25rem)}.hero-copy>p{margin-bottom:1.2rem;font-size:.94rem;line-height:1.52}.hero-actions{flex-direction:column;align-items:flex-start}.portal-preview{border-radius:12px}.preview-bar{min-height:3.2rem;padding:.6rem .75rem}.preview-brand span{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.preview-status{font-size:.68rem}.credential-shell{gap:1rem;min-height:12rem;padding:1rem}.credential-heading p{font-size:.76rem}.credential-list div{min-height:3.25rem;padding:.65rem .75rem}.scope-section,.path-section{padding:4.2rem 0}.section-heading h2,.path-heading h2{font-size:2.35rem}.scope-item{padding:1.45rem 0}.path-heading{margin-bottom:2.4rem}.path-steps{grid-template-columns:1fr}.path-steps li,.path-steps li:nth-child(3){border:0;border-top:1px solid #365373;min-height:auto;padding:1.35rem 0}.path-steps li:last-child{border-bottom:1px solid #365373}.path-steps li>span{margin-bottom:.8rem}.closing-panel{flex-direction:column;align-items:flex-start}.closing-panel .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){.hero-copy,.portal-preview{animation:none}.primary-button{transition:none}}