.reference-detail-page{--ref-navy:#001e33;--ref-navy-2:#002b44;--ref-ink:#003f66;--ref-muted:#5f6b75;--ref-accent:#0069a7;--ref-accent-light:#2c8cc5;--ref-accent-dark:#005c92;--ref-paper:#f5f9fc;--ref-line:#d8e4ec;--ref-white:#fff;--ref-shadow:0 20px 55px #0e19231c;--ref-max:1180px;background:var(--ref-paper);color:var(--ref-ink);font-family:inherit}.reference-detail-page .ref-container{width:min(var(--ref-max), calc(100% - 48px));margin:auto}.reference-detail-page .ref-dark-section{color:#f7fafc;background:linear-gradient(160deg,#001e33 0%,#002b44 55%,#003050 100%)}.reference-detail-page .ref-hero{padding:48px 0 32px;position:relative;overflow:hidden}.reference-detail-page .ref-hero:before{content:"";filter:blur(60px);pointer-events:none;background:#0069a71f;border-radius:50%;width:700px;height:700px;position:absolute;top:-400px;right:15%}.reference-detail-page .ref-noise{opacity:.1;pointer-events:none;background-image:radial-gradient(#ffffff8c .5px,#0000 .5px);background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 45% 80%,#0000)}.reference-detail-page .ref-breadcrumbs{align-items:center;gap:12px;margin-bottom:48px;font-size:12px;font-weight:500;display:flex}.reference-detail-page .ref-breadcrumbs a{color:#ffffffa6;text-decoration:none;transition:color .2s}.reference-detail-page .ref-breadcrumbs a:hover{color:var(--ref-accent-light)}.reference-detail-page .ref-breadcrumbs span:last-child{color:#7ec8e3}.reference-detail-page .ref-hero-grid{grid-template-columns:.88fr 1.35fr;align-items:center;gap:48px;display:grid}.reference-detail-page .ref-eyebrow{color:var(--ref-accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.reference-detail-page .ref-dark-section .ref-eyebrow{color:#7ec8e3}.reference-detail-page .ref-hero h1{letter-spacing:-.025em;color:#fff;margin:0 0 20px;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.08}.reference-detail-page .ref-lead{color:#ffffff9e;max-width:610px;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.65}.reference-detail-page .ref-tags{flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px;display:flex}.reference-detail-page .ref-tags>span:not(.ref-status){border:1px solid #2c8cc573;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.reference-detail-page .ref-status{color:#ffffffbf;align-items:center;gap:8px;margin-left:4px;font-size:12px;font-weight:500;display:flex}.reference-detail-page .ref-status i{background:#2c8cc5;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 12px #2c8cc5b3}.reference-detail-page .ref-laptop{perspective:1100px;transform:translate(4%)}.reference-detail-page .ref-screen{background:#07111a;border:10px solid #17232d;border-bottom-width:14px;border-radius:20px 20px 5px 5px;min-height:390px;overflow:hidden;transform:rotateY(-3deg);box-shadow:-35px 35px 70px #00000052}.reference-detail-page .ref-screen-top{background:#101d28;justify-content:space-between;align-items:center;height:48px;padding:0 18px;font-size:11px;font-weight:600;display:flex}.reference-detail-page .ref-screen-top i{color:#fff;background:linear-gradient(135deg,#0069a7,#2c8cc5);border-radius:4px;margin-right:6px;padding:3px 5px;font-size:10px;font-style:normal}.reference-detail-page .ref-screen-top span{background:#182a38;border-radius:4px;width:20%;height:10px}.reference-detail-page .ref-dashboard{grid-template-columns:105px 1fr;height:330px;display:grid}.reference-detail-page .ref-dashboard aside,.reference-detail-page .ref-system-dashboard aside{color:#778896;background:#0a1823;flex-direction:column;gap:17px;padding:22px 14px;font-size:9px;font-weight:500;display:flex}.reference-detail-page .ref-dashboard aside b,.reference-detail-page .ref-system-dashboard aside b{color:#7ec8e3;font-weight:700}.reference-detail-page .ref-dash-main{padding:23px}.reference-detail-page .ref-dash-main small{color:#9aabb8;margin-bottom:14px;font-weight:500;display:block}.reference-detail-page .ref-dash-row{grid-template-columns:.8fr 1.2fr;gap:12px;display:grid}.reference-detail-page .ref-funnel,.reference-detail-page .ref-chart,.reference-detail-page .ref-mini-stats span{background:#102330;border:1px solid #1d3343;border-radius:8px;padding:14px}.reference-detail-page .ref-funnel b,.reference-detail-page .ref-chart b{color:#c8d1d7;margin-bottom:12px;font-size:9px;font-weight:600;display:block}.reference-detail-page .ref-funnel i{clip-path:polygon(4% 0,96% 0,88% 100%,12% 100%);background:linear-gradient(90deg,#0069a7,#2c8cc5);height:15px;margin:5px auto;display:block}.reference-detail-page .ref-funnel i:nth-of-type(2){width:80%}.reference-detail-page .ref-funnel i:nth-of-type(3){width:60%}.reference-detail-page .ref-funnel i:nth-of-type(4){width:38%}.reference-detail-page .ref-chart svg{width:100%;overflow:visible}.reference-detail-page .ref-chart polyline{fill:none;stroke:#2c8cc5;stroke-width:3px}.reference-detail-page .ref-mini-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.reference-detail-page .ref-mini-stats span{color:#9aabb8;font-size:8px;font-weight:500}.reference-detail-page .ref-mini-stats b{color:#f7fafc;margin-top:8px;font-size:13px;font-weight:700;display:block}.reference-detail-page .ref-laptop-base{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(#25313a,#0d1820);border-radius:0 0 50% 50%;height:24px;margin:-3px -11% 0}.reference-detail-page .ref-project-meta{color:var(--ref-ink);box-shadow:var(--ref-shadow);z-index:5;background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);margin-top:12px;padding:20px 22px;display:grid;position:relative}.reference-detail-page .ref-project-meta>div{border-right:1px solid var(--ref-line);align-items:center;gap:12px;padding:0 20px;display:flex}.reference-detail-page .ref-project-meta>div:last-child{border:0}.reference-detail-page .ref-project-meta small{color:var(--ref-muted);font-size:11px;font-weight:500;display:block}.reference-detail-page .ref-project-meta b{color:var(--ref-ink);font-size:13px;font-weight:700;display:block}.reference-detail-page .ref-section{padding:80px 0}.reference-detail-page .ref-split{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;display:grid}.reference-detail-page .ref-section-copy p{color:var(--ref-muted);max-width:560px;font-size:1rem;font-weight:400;line-height:1.65}.reference-detail-page .ref-section-copy h2,.reference-detail-page .ref-section h2{letter-spacing:-.025em;color:var(--ref-ink);margin:0;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:1.15}.reference-detail-page .ref-dark-section h2{color:#fff}.reference-detail-page .ref-accent-line{background:linear-gradient(90deg,#0069a7,#2c8cc5);border:0;border-radius:2px;width:56px;height:3px;margin:20px 0 24px;display:block}.reference-detail-page .ref-journey-card{border:1px solid var(--ref-line);box-shadow:var(--ref-shadow);background:#ffffffb3;border-radius:20px;padding:56px 32px 28px}.reference-detail-page .ref-journey{align-items:center;gap:0;display:flex}.reference-detail-page .ref-journey-line{background:linear-gradient(90deg,#0069a7,#2c8cc5);flex:1;height:2px}.reference-detail-page .ref-skeleton{border:1px solid var(--ref-line);border-radius:10px;margin-top:48px;padding:20px}.reference-detail-page .ref-skeleton i{background:#e6eef4;border-radius:8px;width:45%;height:12px;margin:8px;font-style:normal;display:block}.reference-detail-page .ref-skeleton i:last-child{width:78%}.reference-detail-page .ref-problems{padding:64px 0}.reference-detail-page .ref-card-grid{gap:16px;display:grid}.reference-detail-page .ref-card-grid.three{grid-template-columns:repeat(3,1fr)}.reference-detail-page .ref-dark-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;min-height:220px;padding:28px 24px}.reference-detail-page .ref-dark-card .ref-number{color:#7ec8e3;border:1px solid #2c8cc573;border-radius:999px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:inline-grid}.reference-detail-page .ref-dark-card h3{color:#fff;letter-spacing:-.01em;margin:18px 0 8px;font-size:1.0625rem;font-weight:700}.reference-detail-page .ref-dark-card p{color:#ffffff8c;margin:0;font-size:.875rem;font-weight:400;line-height:1.6}.reference-detail-page .ref-flow{align-items:stretch;gap:12px;display:flex}.reference-detail-page .ref-flow article{text-align:center;border:1px solid var(--ref-line);background:#ffffffa6;border-radius:14px;flex:1;padding:28px 16px 22px}.reference-detail-page .ref-flow h3{color:var(--ref-ink);margin:14px 0 6px;font-size:.9375rem;font-weight:700}.reference-detail-page .ref-flow p{color:var(--ref-muted);margin:0;font-size:.8125rem;font-weight:400;line-height:1.5}.reference-detail-page .ref-flow-arrow{color:#0069a7;flex-shrink:0;align-items:center;display:flex}.reference-detail-page .ref-flow-note{color:var(--ref-muted);margin:20px 2px 0;font-size:.875rem;font-weight:400;line-height:1.6}.reference-detail-page .ref-system-section{padding-top:24px}.reference-detail-page .ref-system-grid{grid-template-columns:2fr 1fr;gap:40px;display:grid}.reference-detail-page .ref-system-dashboard{background:var(--ref-navy);color:#fff;border-radius:14px;grid-template-columns:130px 1fr;min-height:390px;display:grid;overflow:hidden}.reference-detail-page .ref-system-dashboard aside{font-size:12px}.reference-detail-page .ref-system-dashboard aside b{color:#7ec8e3;margin-bottom:5px;font-size:18px}.reference-detail-page .ref-system-dashboard aside span{border-radius:6px;padding:6px 9px;font-weight:500}.reference-detail-page .ref-system-dashboard aside .ref-selected{color:#7ec8e3;background:#2c8cc533}.reference-detail-page .ref-system-dashboard>div{padding:28px}.reference-detail-page .ref-system-dashboard h3{margin:0 0 16px;font-size:1.125rem;font-weight:600}.reference-detail-page .ref-bars{background:#0f2432;border:1px solid #243b49;border-radius:10px;gap:13px;padding:21px;display:grid}.reference-detail-page .ref-bars span{color:#c8d1d7;padding-bottom:12px;font-size:11px;font-weight:500;position:relative}.reference-detail-page .ref-bars span:after{content:"";height:14px;width:calc((100% - 110px) * var(--w));background:linear-gradient(90deg,#0069a7,#2c8cc5);border-radius:2px;position:absolute;top:3px;left:100px}.reference-detail-page .ref-dash-boxes{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px;display:grid}.reference-detail-page .ref-dash-boxes section{background:#0f2432;border:1px solid #243b49;border-radius:10px;padding:16px;font-size:10px}.reference-detail-page .ref-dash-boxes b{color:#e8f0f5;margin-bottom:8px;font-weight:600;display:block}.reference-detail-page .ref-dash-boxes p{color:#bac6ce;margin:10px 0;font-weight:400}.reference-detail-page .ref-feature-list{align-content:start;gap:16px;display:grid}.reference-detail-page .ref-feature-list article{align-items:flex-start;gap:14px;display:flex}.reference-detail-page .ref-feature-list h3{color:var(--ref-ink);margin:0 0 4px;font-size:.9375rem;font-weight:700}.reference-detail-page .ref-feature-list p{color:var(--ref-muted);margin:0;font-size:.8125rem;font-weight:400;line-height:1.5}.reference-detail-page .ref-outputs{padding-top:24px}.reference-detail-page .ref-card-grid.four{grid-template-columns:repeat(4,1fr)}.reference-detail-page .ref-light-card{border:1px solid var(--ref-line);background:#ffffffb3;border-radius:14px;padding:24px 20px}.reference-detail-page .ref-light-card h3{color:var(--ref-ink);margin:14px 0 6px;font-size:.9375rem;font-weight:700}.reference-detail-page .ref-light-card p{color:var(--ref-muted);margin:0;font-size:.8125rem;font-weight:400;line-height:1.55}.reference-detail-page .ref-project-nav{border:1px solid var(--ref-line);background:#ffffffb3;border-radius:12px;justify-content:space-between;margin-bottom:24px;padding:14px 20px;font-size:12px;font-weight:500;display:flex}.reference-detail-page .ref-project-nav a{color:var(--ref-ink);text-decoration:none;transition:color .2s}.reference-detail-page .ref-project-nav a:hover{color:var(--ref-accent)}.reference-detail-page .ref-project-nav b{color:var(--ref-accent-dark);font-weight:700}.reference-detail-page .ref-cta-section{padding:0 0 40px}.reference-detail-page .ref-cta{color:#fff;background:linear-gradient(160deg,#001e33 0%,#002b44 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:36px 44px;display:flex;position:relative;overflow:hidden}.reference-detail-page .ref-cta:after{content:"";border:1px solid #2c8cc540;border-radius:50%;width:300px;height:180px;position:absolute;bottom:-140px;left:36%;box-shadow:0 0 60px #0069a726}.reference-detail-page .ref-cta h2{letter-spacing:-.02em;color:#fff;max-width:440px;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.reference-detail-page .ref-cta-actions{z-index:2;flex-wrap:wrap;gap:12px;display:flex;position:relative}.reference-detail-page .ref-button{color:#7ec8e3;white-space:nowrap;border:1.5px solid #2c8cc58c;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.reference-detail-page .ref-button:hover{opacity:.92;transform:translateY(-1px)}.reference-detail-page .ref-button-primary{color:#fff;background:linear-gradient(135deg,#0069a7,#2c8cc5);border-color:#0000;font-weight:700;box-shadow:0 8px 24px #0069a747}.reference-detail-page .ref-reveal{opacity:0;transition:all .55s;transform:translateY(18px)}.reference-detail-page .ref-reveal.ref-visible{opacity:1;transform:none}@media (max-width:960px){.reference-detail-page .ref-hero-grid,.reference-detail-page .ref-split,.reference-detail-page .ref-system-grid{grid-template-columns:1fr}.reference-detail-page .ref-laptop{transform:none}.reference-detail-page .ref-project-meta{grid-template-columns:1fr 1fr}.reference-detail-page .ref-project-meta>div{border-right:0;border-bottom:1px solid var(--ref-line);padding:14px 8px}.reference-detail-page .ref-project-meta>div:nth-last-child(-n+2){border-bottom:0}.reference-detail-page .ref-card-grid.four{grid-template-columns:1fr 1fr}.reference-detail-page .ref-flow{grid-template-columns:1fr 32px 1fr;display:grid}.reference-detail-page .ref-flow-arrow:nth-of-type(2){display:none}.reference-detail-page .ref-cta{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.reference-detail-page .ref-container{width:min(100% - 30px, var(--ref-max))}.reference-detail-page .ref-hero{padding-top:32px}.reference-detail-page .ref-breadcrumbs{margin-bottom:32px}.reference-detail-page .ref-hero h1{font-size:2rem}.reference-detail-page .ref-screen{border-width:6px;min-height:280px}.reference-detail-page .ref-dashboard{grid-template-columns:75px 1fr;height:260px}.reference-detail-page .ref-mini-stats{display:none}.reference-detail-page .ref-project-meta{grid-template-columns:1fr;margin-top:28px}.reference-detail-page .ref-project-meta>div{border-bottom:1px solid var(--ref-line)!important}.reference-detail-page .ref-project-meta>div:last-child{border:0!important}.reference-detail-page .ref-section{padding:56px 0}.reference-detail-page .ref-split{gap:40px}.reference-detail-page .ref-card-grid.three,.reference-detail-page .ref-card-grid.four,.reference-detail-page .ref-flow{grid-template-columns:1fr}.reference-detail-page .ref-flow-arrow{justify-content:center;transform:rotate(90deg)}.reference-detail-page .ref-flow-arrow:nth-of-type(2){display:flex}.reference-detail-page .ref-system-dashboard{grid-template-columns:88px 1fr;min-height:340px}.reference-detail-page .ref-dash-boxes{grid-template-columns:1fr}.reference-detail-page .ref-project-nav{flex-direction:column;gap:12px}.reference-detail-page .ref-cta{padding:28px 22px}.reference-detail-page .ref-cta-actions{flex-direction:column;width:100%}.reference-detail-page .ref-button{width:100%}}@media (prefers-reduced-motion:reduce){.reference-detail-page .ref-reveal{opacity:1;transition:none;transform:none}}