/* SPD uses the same full-width platform entry language as the other modules. */
.shell{max-width:none;padding:0}.topbar{position:sticky;top:0;z-index:20;width:100%;height:96px;padding-left:max(40px,calc((100vw - 1320px)/2));padding-right:max(40px,calc((100vw - 1320px)/2));background:rgba(248,251,249,.96);backdrop-filter:blur(12px);justify-content:initial}.topbar img{width:180px}.topbar nav{display:flex;gap:25px;margin-left:auto}.topbar nav a{font-size:13px;color:#315d57}.topbar .workspace-link{margin-left:35px;padding:12px 15px;border:1px solid var(--line);border-radius:8px;font-size:13px}.hero{position:relative;display:block;min-height:725px;margin:0;padding:0;overflow:hidden;background:#0b413b}.spd-hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,48,43,.96) 0%,rgba(7,55,50,.88) 31%,rgba(7,55,50,.35) 58%,rgba(7,55,50,.08) 100%),linear-gradient(0deg,rgba(6,48,43,.4),transparent 42%),url('./assets/module-spd-hero-v1.png');background-size:cover;background-position:center;animation:spd-drift 18s ease-in-out infinite alternate}.spd-hero-copy{position:relative;z-index:2;width:min(1320px,calc(100% - 80px));margin:auto;padding:125px 0 105px;color:#fff}.spd-hero-copy .eyebrow{display:flex;align-items:baseline;gap:11px;margin:0;color:#9bf0e3;text-transform:none}.spd-hero-copy .eyebrow span{font:600 16px Manrope,Arial,sans-serif;letter-spacing:-.35px}.spd-hero-copy .eyebrow i{font:500 9px 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#6ecabd;font-style:normal}.spd-hero-copy h1{max-width:760px;margin:22px 0;color:#fff;font-size:clamp(54px,5.4vw,84px);line-height:1.01;letter-spacing:-.07em}.spd-hero-copy h1 em{font-style:normal;color:#5dd7ca}.spd-hero-copy>p{max-width:600px;color:#d6eeea;font-size:18px;line-height:1.62}.spd-hero-copy .hero-detail{margin-top:15px;color:#a9d2cb;font-size:14px;line-height:1.72}.hero .actions{position:relative;z-index:3}.hero .primary{background:#f1fffb;color:#0d443e}.hero .secondary{border:0;background:transparent;color:#80ded1}.spd-data-atmosphere{position:absolute;z-index:2;inset:0;pointer-events:none}.spd-data-atmosphere span{position:absolute;color:#effffb;font:400 18px Manrope,Arial,sans-serif;letter-spacing:-.3px;text-shadow:0 4px 14px rgba(0,21,18,.98),0 1px 2px rgba(0,21,18,.9);opacity:0;animation:spd-metric 9s ease-in-out infinite}.spd-data-atmosphere span:nth-child(1){right:14%;bottom:17%;animation-delay:0s}.spd-data-atmosphere span:nth-child(2){right:33%;bottom:8%;animation-delay:1.5s}.spd-data-atmosphere span:nth-child(3){right:8%;bottom:41%;animation-delay:3s}.spd-data-atmosphere span:nth-child(4){right:28%;bottom:54%;animation-delay:4.5s}.spd-data-atmosphere span:nth-child(5){right:22%;bottom:32%;animation-delay:6s}.spd-data-atmosphere span:nth-child(6){right:10%;bottom:63%;animation-delay:7.5s}@keyframes spd-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes spd-metric{0%{opacity:0;transform:translateY(24px)}16%,68%{opacity:.92}84%,100%{opacity:0;transform:translateY(-45px)}}.principle,.journey,.report,.shell>footer{width:min(1320px,calc(100% - 80px));margin-left:auto;margin-right:auto}.principle{margin-top:0}.journey{padding:105px 0}.report{margin-bottom:0}.shell>footer{margin-top:0;padding-bottom:38px}@media(max-width:900px){.topbar{padding-left:20px;padding-right:20px}.topbar nav{display:none}.topbar .workspace-link{margin-left:auto}.hero{min-height:680px}.spd-hero-copy{width:calc(100% - 40px);padding:92px 0}.spd-data-atmosphere span:nth-child(4),.spd-data-atmosphere span:nth-child(5){display:none}.principle,.journey,.report,.shell>footer{width:calc(100% - 40px)}}@media(max-width:520px){.topbar{height:76px}.topbar img{width:145px}.topbar .workspace-link{font-size:11px;padding:10px}.hero{min-height:710px}.spd-hero-copy{padding:74px 0}.spd-hero-copy h1{font-size:50px}.spd-data-atmosphere{opacity:.55}.spd-data-atmosphere span:nth-child(3),.spd-data-atmosphere span:nth-child(6){display:none}}

.spd-demo-pill{display:inline-flex;align-items:center;gap:12px;margin:12px 0 0 14px;padding:12px 19px;border:1px solid rgba(135,235,220,.72);border-radius:999px;background:rgba(8,62,55,.45);color:#dffff8;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(0,20,18,.18);transition:background .2s ease,transform .2s ease}.spd-demo-pill:hover,.spd-demo-pill:focus-visible{background:#dffff8;color:#0c443e;transform:translateY(-2px)}.spd-demo-pill span{font-size:18px;line-height:1}@media(max-width:620px){.spd-demo-pill{margin:14px 0 0;padding:11px 16px;font-size:12px}}