:root{--purple:#4b2e83;--purple-deep:#24143f;--purple-ink:#311e59;--gold:#d4a017;--gold-light:#f3ca58;--cream:#f7f2e9;--ink:#241d2c;--lilac:#c6b4e6;--line:rgba(75,46,131,.22);--mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.section-wrap{max-width:1240px;margin:0 auto;padding-left:38px;padding-right:38px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:var(--purple);font:700 10px/1.08 var(--mono);letter-spacing:.04em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--purple);color:var(--gold-light);font:700 11px var(--mono)}.top-nav{display:flex;gap:30px;font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--purple-ink)}.top-nav a:hover{color:var(--gold)}.header-cta{border:1px solid var(--purple);padding:12px 16px;color:var(--purple);font:700 10px var(--mono);text-transform:uppercase}.header-cta span,.button span{font-size:16px;margin-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative;padding-top:60px;padding-bottom:70px}.eyebrow,.section-kicker,.lead-label,.card-tag,.dash-head,.dash-label,.dash-foot,.footer-meta,.channel-index,.channel-result span,.offer-bar strong,.step span,.newsletter-form label,.lead-form label{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--purple);margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h1{font-size:clamp(56px,7.4vw,104px);line-height:.91;letter-spacing:-.075em;margin:0;color:var(--purple);font-weight:900}.hero h1 em,.diagnosis h2 em,.work h2 em,.process h2 em,.start h2 em,.lead-grid h2 em,.newsletter h2 em{font-style:normal;color:var(--gold);font-family:var(--sans)}.hero-intro{font-size:17px;line-height:1.55;max-width:485px;margin:31px 0;color:var(--purple-ink)}.hero-actions{display:flex;align-items:center;gap:20px}.button{display:inline-flex;align-items:center;border:0;padding:16px 21px;font:700 11px var(--mono);letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.button-gold{background:var(--gold);color:var(--purple-deep)}.button-gold:hover{background:var(--purple);color:var(--gold-light)}.micro-note{font:10px/1.5 var(--mono);color:#6e637a}.micro-note strong{color:var(--purple)}.hero-art{height:470px;position:relative;display:grid;place-items:center}.dashboard-card{width:min(430px,90%);background:var(--purple);color:var(--cream);padding:26px;transform:rotate(4deg);box-shadow:19px 20px 0 var(--gold);position:relative;z-index:1}.dash-head{display:flex;justify-content:space-between;color:var(--lilac);font-size:9px}.live{color:var(--gold-light)}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71d9a0;margin-right:5px}.dash-number{font:500 21px var(--mono);color:var(--gold-light);margin-top:49px}.dash-number strong{font-size:70px;letter-spacing:-.11em}.dash-number small{font-size:21px}.dash-label{font-size:9px;color:var(--lilac)}.sparkline{width:100%;height:150px;display:block;margin-top:17px;overflow:visible}.sparkline .area{fill:url(#area)}.sparkline .line{fill:none;stroke:var(--gold-light);stroke-width:3}.sparkline circle{fill:var(--gold-light);stroke:var(--purple);stroke-width:4}.dash-foot{display:flex;justify-content:space-between;color:var(--lilac);font-size:8px}.art-sticker{position:absolute;z-index:2;background:var(--gold);color:var(--purple-deep);font:800 13px/1.05 var(--mono);letter-spacing:-.04em;padding:16px;transform:rotate(-9deg);box-shadow:7px 7px 0 var(--purple)}.art-sticker span{font-size:8px;letter-spacing:.1em}.sticker-top{top:30px;right:0}.sticker-bottom{bottom:25px;left:8px;transform:rotate(7deg);background:var(--purple);color:var(--gold-light);box-shadow:7px 7px 0 var(--gold)}.sticker-bottom strong{color:var(--cream)}.orbit{border:1px solid var(--gold);border-radius:50%;position:absolute}.orbit-one{width:475px;height:180px;transform:rotate(-27deg)}.orbit-two{width:340px;height:130px;transform:rotate(33deg);border-color:var(--purple);opacity:.28}.scroll-cue{position:absolute;bottom:27px;left:38px;color:var(--purple);font:600 9px var(--mono);letter-spacing:.13em}.scroll-cue span{color:var(--gold);font-size:16px;margin-left:9px}.ticker{overflow:hidden;background:var(--gold);color:var(--purple-deep);white-space:nowrap;font:700 12px var(--mono);letter-spacing:.11em;padding:15px 0}.ticker div{animation:marquee 22s linear infinite;width:max-content}.ticker b{font-size:17px;margin:0 28px}@keyframes marquee{to{transform:translateX(-50%)}}.diagnosis{padding-top:120px;padding-bottom:125px}.section-kicker{color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:48px}.diagnosis-grid,.work-heading,.process-top{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.diagnosis h2,.work h2,.process h2,.newsletter h2{font-size:clamp(44px,5.4vw,72px);line-height:.98;letter-spacing:-.07em;margin:0;color:var(--purple);font-weight:900}.diagnosis-copy{max-width:440px;font-size:18px;color:var(--purple-ink);padding-top:8px}.highlight{font:700 16px var(--mono);color:var(--gold)!important;border-left:4px solid var(--gold);padding-left:15px}.leak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:75px}.leak-card{min-height:320px;padding:24px;background:#eee6d9;border:1px solid #dfd2c1;position:relative}.leak-card.featured{background:var(--purple);color:var(--cream);border-color:var(--purple);transform:translateY(-25px)}.card-no{font:600 11px var(--mono);color:var(--gold)}.card-icon{position:absolute;right:22px;top:17px;font-size:31px;color:var(--gold);font-weight:300}.leak-card h3{font-size:24px;line-height:1.03;letter-spacing:-.05em;margin:65px 0 16px;color:var(--purple)}.leak-card.featured h3{color:var(--cream)}.leak-card p{font-size:13px;line-height:1.55;color:#695f70;margin:0}.leak-card.featured p{color:var(--lilac)}.card-tag{position:absolute;bottom:22px;left:24px;font-size:8px;color:var(--purple)}.featured .card-tag{color:var(--gold-light)}.statement{background:var(--purple);color:var(--cream);overflow:hidden}.statement-inner{max-width:1240px;margin:auto;padding:120px 38px 135px;position:relative}.statement h2{font-size:clamp(68px,11vw,150px);line-height:.81;letter-spacing:-.1em;margin:0;font-weight:900}.statement h2 span{color:var(--gold-light);font-style:italic}.statement .eyebrow{color:var(--gold-light)}.statement-aside{position:absolute;right:8%;bottom:80px;width:205px;transform:rotate(-9deg);border:1px solid var(--gold);padding:17px;color:var(--gold-light)}.statement-aside p{font:11px/1.45 var(--mono);margin:0}.big-arrow{font-size:38px;line-height:1}.work{padding-top:120px;padding-bottom:125px}.work-heading p,.process-top p{max-width:340px;color:var(--purple-ink);font-size:16px;align-self:end;margin:0 0 8px}.channel-list{margin-top:70px;border-top:1px solid var(--purple)}.channel{display:grid;grid-template-columns:120px 1fr 220px;gap:30px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}.channel-index{color:var(--gold)}.channel h3{font-size:34px;line-height:1;letter-spacing:-.06em;margin:0 0 20px;color:var(--purple)}.channel p{max-width:500px;color:#625870;font-size:15px}.pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.pill-row span{border:1px solid var(--line);padding:7px 10px;color:var(--purple);font:10px var(--mono)}.channel-result{background:#eee6d9;padding:16px;height:140px;display:flex;flex-direction:column;color:var(--purple)}.channel-result span{color:#8d7c9e;font-size:8px}.channel-result strong{font-size:19px;line-height:1;margin-top:22px;letter-spacing:-.04em}.channel-result b{color:var(--gold);font-size:27px;text-align:right;margin-top:auto}.process{padding-top:110px;padding-bottom:120px}.process-top{padding-bottom:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--purple);border-bottom:1px solid var(--purple)}.step{padding:28px 30px 32px 0;border-right:1px solid var(--line);margin-right:30px}.step:last-child{border:0}.step span{color:var(--gold)}.step h3{color:var(--purple);font-size:25px;letter-spacing:-.05em;margin:30px 0 9px}.step p{font-size:14px;color:#625870;max-width:215px}.offer-bar{display:flex;align-items:center;gap:28px;background:var(--gold);color:var(--purple-deep);padding:20px 24px;margin-top:35px;font:12px var(--mono)}.offer-bar span{font-size:16px;font-family:var(--sans)}.offer-bar b{margin-left:auto}.newsletter{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:95px;padding-bottom:110px}.newsletter h2{font-size:61px}.newsletter p:not(.eyebrow):not(.form-status){max-width:390px;color:#625870;font-size:15px}.newsletter-form{padding-top:34px}.newsletter-form label{color:var(--purple)}.input-line{display:flex;border-bottom:2px solid var(--purple);margin-top:15px}.input-line input{background:none;border:0;outline:0;padding:13px 0;width:100%;color:var(--ink);font-size:17px}.input-line button{background:none;border:0;color:var(--gold);font-size:26px;cursor:pointer}.newsletter-form small,.lead-form small{display:block;color:#887c91;font:10px var(--mono);margin-top:13px}.form-status{min-height:18px;color:var(--purple);font:11px var(--mono);margin:11px 0 0}.start{background:var(--gold);color:var(--purple-deep)}.start-inner{max-width:1240px;margin:auto;padding:105px 38px 112px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.start h2{font-size:clamp(62px,8.5vw,112px);line-height:.84;letter-spacing:-.1em;margin:0;font-weight:900}.start h2 em{color:var(--purple)}.start-copy{max-width:415px;padding-top:16px}.start-copy p{font-size:17px;line-height:1.5}.button-light{background:var(--purple);color:var(--gold-light);margin-top:13px}.button-light:hover{background:var(--purple-deep)}.start-note{font:10px/1.5 var(--mono)!important;color:var(--purple-ink);margin-top:24px}.lead-section{padding-top:90px;padding-bottom:120px}.lead-label{display:flex;justify-content:space-between;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:17px}.lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;padding-top:55px}.lead-grid h2{font-size:clamp(58px,7vw,91px);line-height:.88;letter-spacing:-.09em;color:var(--purple);margin:0}.lead-grid>div>p{max-width:330px;color:#625870;font-size:15px;margin-top:30px}.lead-form{display:grid;gap:20px}.lead-form label{color:var(--purple);display:grid;gap:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.lead-form input,.lead-form select{border:1px solid #cbbbd8;background:#f3ecdf;padding:13px 12px;color:var(--ink);outline-color:var(--gold);font:14px var(--sans)}.lead-form select{appearance:auto}.lead-form .button{justify-self:start;margin-top:6px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 4vw;border-top:1px solid var(--line);gap:30px}.site-footer p{color:#80738b;font-size:12px}.footer-meta{font-size:8px;color:#80738b}@media(max-width:780px){.site-header{height:75px;padding:0 20px}.top-nav{display:none}.header-cta{padding:10px 9px;font-size:8px}.section-wrap{padding-left:20px;padding-right:20px}.hero{display:block;padding-top:75px;min-height:auto;padding-bottom:90px}.hero h1{font-size:18vw}.hero-intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{height:420px;margin-top:25px}.dashboard-card{width:88%;padding:20px}.dash-number{margin-top:35px}.dash-number strong{font-size:57px}.orbit-one{width:95%;height:160px}.sticker-top{right:0;top:15px}.sticker-bottom{left:0;bottom:10px}.scroll-cue{display:none}.diagnosis,.work,.process{padding-top:80px;padding-bottom:80px}.diagnosis-grid,.work-heading,.process-top,.newsletter,.start-inner,.lead-grid{grid-template-columns:1fr;gap:30px}.diagnosis h2,.work h2,.process h2{font-size:52px}.leak-grid{grid-template-columns:1fr;gap:15px;margin-top:48px}.leak-card.featured{transform:none}.statement-inner{padding:90px 20px 120px}.statement h2{font-size:22vw}.statement-aside{right:9%;bottom:35px}.channel{grid-template-columns:68px 1fr;gap:18px;padding:30px 0}.channel-result{grid-column:2;height:115px}.process-top{padding-bottom:45px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);margin-right:0}.step:last-child{border-bottom:0}.offer-bar{display:block}.offer-bar>*{display:block;margin:6px 0!important}.newsletter{padding-top:75px;padding-bottom:80px}.newsletter h2{font-size:53px}.start-inner{padding:80px 20px}.start h2{font-size:20vw}.lead-section{padding-top:70px}.field-row{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;padding:25px 20px;gap:13px}}

.reviews{padding-top:120px;padding-bottom:125px;position:relative;overflow:hidden}.reviews-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.reviews h2{font-size:clamp(54px,7vw,94px);line-height:.87;letter-spacing:-.09em;margin:0;color:var(--purple);font-weight:900}.reviews h2 em{font-style:normal;color:var(--gold)}.reviews-intro{max-width:360px;margin:0 0 8px;color:var(--purple-ink);font-size:17px}.review-ledger{margin:68px 0 30px;border-top:1px solid var(--purple);border-bottom:1px solid var(--purple);display:flex;align-items:center;gap:22px;padding:15px 0;color:var(--purple);font:600 10px var(--mono);letter-spacing:.12em}.review-ledger strong{font-size:48px;line-height:.8;color:var(--gold);letter-spacing:-.08em}.review-ledger small{font-size:9px;color:#766984}.review-marquee{overflow:hidden;background:var(--purple);color:var(--gold-light);margin:0 -38px 28px;white-space:nowrap;font:700 11px var(--mono);letter-spacing:.1em}.review-marquee div{display:flex;width:max-content;gap:44px;padding:13px 0;animation:reviewMarquee 25s linear infinite}.review-marquee span{display:inline-block}@keyframes reviewMarquee{to{transform:translateX(-35%)}}.review-select{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.review-select button{border:1px solid var(--line);background:transparent;color:var(--purple);padding:10px 13px;cursor:pointer;font:600 9px var(--mono);letter-spacing:.04em;text-transform:uppercase}.review-select button:hover,.review-select button.is-selected{background:var(--gold);border-color:var(--gold);color:var(--purple-deep)}.review-carousel{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;scroll-snap-type:x mandatory}.review-card{background:#eee6d9;border:1px solid #dfd2c1;display:grid;grid-template-columns:1fr 1fr;min-width:0;scroll-snap-align:center;position:relative;transition:box-shadow .25s,transform .25s}.review-card.is-active{box-shadow:8px 8px 0 var(--gold)}.review-feature{grid-row:span 2;grid-template-columns:1fr;align-content:start;background:var(--purple);color:var(--cream)}.review-feature .review-video{order:-1}.review-context-card{min-height:270px}.review-mini-card{grid-column:1 / -1;grid-template-columns:.8fr 1.2fr;background:var(--gold);color:var(--purple-deep)}.review-video{min-height:100%;background:var(--purple-deep);overflow:hidden}.review-video video{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.review-copy{padding:24px;display:flex;flex-direction:column;align-items:flex-start}.review-copy .eyebrow{margin-bottom:13px;color:var(--gold)}.review-feature .review-copy .eyebrow{color:var(--gold-light)}.review-copy h3{margin:0;color:var(--purple);font-size:25px;line-height:1.02;letter-spacing:-.06em}.review-feature .review-copy h3{color:var(--cream);font-size:36px}.review-mini-card .review-copy h3{color:var(--purple-deep)}.review-quote{font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:20px 0 12px;color:var(--purple-ink)}.review-feature .review-quote{color:var(--gold-light)}.review-context{font-size:12px;line-height:1.5;color:#695f70;margin:0}.review-feature .review-context{color:var(--lilac)}.review-outcome{border-left:3px solid var(--gold);padding-left:12px;margin-top:24px}.review-outcome span{display:block;color:var(--gold-light);font:600 8px var(--mono);letter-spacing:.1em}.review-outcome strong{display:block;margin-top:5px;color:var(--cream);font-size:15px}.review-logo{width:auto;max-width:125px;max-height:44px;object-fit:contain;margin-top:auto;padding-top:22px}.review-arrow{position:absolute;right:8%;top:52%;font-size:68px;line-height:1;color:var(--gold);transform:rotate(-8deg);pointer-events:none}.review-footnote{margin:35px 0 0;color:var(--purple);font:600 11px var(--mono);letter-spacing:.04em}.review-mini-card .review-context{color:var(--purple-ink)}
@media(max-width:780px){.reviews{padding-top:80px;padding-bottom:80px}.reviews-heading{grid-template-columns:1fr;gap:25px}.reviews h2{font-size:21vw}.review-ledger{margin-top:45px}.review-marquee{margin-left:-20px;margin-right:-20px}.review-carousel{display:flex;overflow-x:auto;padding:0 0 18px;scrollbar-width:thin}.review-card,.review-feature,.review-mini-card{display:flex;flex:0 0 88vw;flex-direction:column;grid-template-columns:none;min-height:0}.review-context-card{min-height:0}.review-video{order:-1}.review-video video{height:auto;aspect-ratio:16 / 10;min-height:0}.review-copy h3,.review-feature .review-copy h3{font-size:28px}.review-arrow{display:none}.review-footnote{line-height:1.5}.review-select{flex-direction:column}.review-select button{text-align:left}}

.case-studies{padding-top:120px;padding-bottom:125px;border-top:1px solid var(--line)}.case-studies-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.case-studies h2{font-size:clamp(54px,7vw,94px);line-height:.87;letter-spacing:-.09em;margin:0;color:var(--purple);font-weight:900}.case-studies h2 em{font-style:normal;color:var(--gold)}.case-studies-intro{max-width:360px;margin:0 0 8px;color:var(--purple-ink);font-size:17px}.case-study-rule-list{margin-top:68px;border-top:1px solid var(--purple)}.case-study-rule-item{display:grid;grid-template-columns:190px 1fr;gap:42px;padding:31px 0;border-bottom:1px solid var(--line)}.case-study-rule-meta{display:flex;flex-direction:column;gap:9px}.case-study-label{font:600 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8d7c9e}.case-study-rule-meta .case-study-label:first-child{color:var(--gold);font-size:18px;letter-spacing:-.04em}.case-study-rule-copy{max-width:690px}.case-study-rule-copy h3{margin:0;color:var(--purple);font-size:clamp(26px,3vw,38px);line-height:1;letter-spacing:-.06em}.case-study-rule-copy p{margin:16px 0 0;max-width:620px;color:#625870;font-size:15px;line-height:1.55}
@media(max-width:780px){.case-studies{padding-top:80px;padding-bottom:80px}.case-studies-heading{grid-template-columns:1fr;gap:25px}.case-studies h2{font-size:21vw}.case-study-rule-list{margin-top:45px}.case-study-rule-item{grid-template-columns:1fr;gap:17px;padding:25px 0}.case-study-rule-meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 14px}.case-study-rule-copy h3{font-size:29px}.case-study-rule-copy p{font-size:14px}}

/* Launch polish: make the long page easier to navigate and operate. */
.site-header{position:sticky;top:0;z-index:10}
.menu-toggle,.mobile-nav{display:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.consent-label{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px;font:11px/1.45 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:#625870!important}
.consent-label input{width:17px;height:17px;accent-color:var(--purple);flex:0 0 auto}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.lead-confirmation p:last-child{color:#625870;font-size:15px;line-height:1.5;margin-top:18px}
.review-transcript{padding:10px 14px;color:var(--cream);font:10px/1.45 var(--mono)}
.review-transcript summary{color:var(--gold-light);cursor:pointer;font-weight:700}
.review-transcript p{margin:8px 0 0;color:var(--lilac);font:11px/1.45 var(--sans)}
@media(max-width:780px){
  .site-header{position:sticky}
  .menu-toggle{display:block;border:1px solid var(--purple);background:transparent;color:var(--purple);padding:10px 11px;font:700 9px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
  .menu-toggle[aria-expanded="true"]{background:var(--purple);color:var(--gold-light)}
  .mobile-nav{position:absolute;display:flex;visibility:hidden;opacity:0;pointer-events:none;top:74px;left:0;right:0;flex-direction:column;padding:12px 20px 18px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(36,20,63,.08);transition:opacity .2s,visibility .2s}
  .mobile-nav.is-open{visibility:visible;opacity:1;pointer-events:auto}
  .mobile-nav a{padding:11px 0;color:var(--purple);font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.review-marquee div{animation:none}.review-card{transition:none}.mobile-nav{transition:none}}

/* Duplicate complete tracks so the marquees loop without a blank gap. */
.ticker-track{display:flex!important;width:max-content;animation:tickerMarquee 22s linear infinite}
.ticker-group{display:flex;align-items:center;justify-content:space-around;gap:18px;min-width:100vw;flex:none}
.review-marquee-track{display:flex!important;width:max-content;animation:reviewMarqueeSeamless 25s linear infinite}
.review-marquee-group{display:flex;align-items:center;justify-content:space-around;gap:24px;min-width:100vw;flex:none}
@media(prefers-reduced-motion:reduce){.ticker-track,.review-marquee-track{animation:none}}
@keyframes tickerMarquee{to{transform:translateX(-33.333333%)}}
@keyframes reviewMarqueeSeamless{to{transform:translateX(-50%)}}

/* Hero systems diagram */
.systems-diagram{height:470px;display:flex!important;align-items:center;justify-content:center}
.diagram-board{width:min(560px,100%);background:var(--purple);color:var(--cream);padding:27px 25px 22px;transform:rotate(3deg);box-shadow:16px 18px 0 var(--gold);position:relative;z-index:1}
.diagram-head{display:flex;justify-content:space-between;color:var(--lilac);font:600 9px var(--mono);letter-spacing:.12em}
.diagram-head .live{color:var(--gold-light)}
.diagram-head .live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71d9a0;margin-right:5px}
.diagram-subtitle{color:var(--gold-light);font-size:20px;line-height:1.05;letter-spacing:-.05em;max-width:260px;margin:35px 0 28px}
.diagram-flow{display:grid;grid-template-columns:1fr 25px 1fr 25px .9fr;gap:8px;align-items:center}
.diagram-column{display:grid;gap:10px;align-content:start}
.diagram-label{color:var(--gold-light);font:600 8px var(--mono);letter-spacing:.13em}
.diagram-node{min-height:78px;padding:12px 10px;background:#382265;border:1px solid rgba(243,202,88,.42);display:flex;flex-direction:column;justify-content:space-between}
.diagram-node b{font-size:15px;line-height:1.02;color:var(--cream);letter-spacing:-.04em}
.diagram-node small{color:var(--lilac);font:8px/1.35 var(--mono)}
.diagram-node.node-feature{background:var(--gold);border-color:var(--gold);color:var(--purple-deep)}
.diagram-node.node-feature b,.diagram-node.node-feature small{color:var(--purple-deep)}
.diagram-node.node-output{min-height:166px;justify-content:center;gap:24px;background:var(--cream);border-color:var(--cream)}
.diagram-node.node-output b{font-size:24px;color:var(--purple)}
.diagram-node.node-output small{color:var(--purple-ink)}
.diagram-connector{display:grid;gap:32px;color:var(--gold-light);font:24px/1 var(--sans);text-align:center}
.diagram-foot{display:grid;grid-template-columns:1fr 1.35fr 1fr 1fr;gap:7px;border-top:1px solid rgba(198,180,230,.35);margin-top:28px;padding-top:13px;color:var(--lilac);font:7px var(--mono);letter-spacing:.08em}
.diagram-foot strong{color:var(--gold-light);text-align:right}
.diagram-note{position:absolute;z-index:2;padding:14px;background:var(--gold);color:var(--purple-deep);font:800 12px/1.05 var(--mono);letter-spacing:-.04em;box-shadow:7px 7px 0 var(--purple)}
.diagram-note span{font-size:7px;letter-spacing:.1em}
.note-top{top:34px;right:-2px;transform:rotate(-8deg)}
.note-bottom{bottom:21px;left:0;transform:rotate(7deg);background:var(--purple);color:var(--gold-light);box-shadow:7px 7px 0 var(--gold)}
.note-bottom strong{color:var(--cream)}
@media(max-width:780px){
  .systems-diagram{height:440px;margin-top:25px}
  .diagram-board{width:100%;padding:20px 15px 17px;transform:rotate(1.5deg);box-shadow:10px 12px 0 var(--gold)}
  .diagram-subtitle{font-size:17px;margin:27px 0 20px}
  .diagram-flow{grid-template-columns:1fr 14px 1fr 14px .9fr;gap:4px}
  .diagram-node{min-height:74px;padding:9px 7px}
  .diagram-node b{font-size:12px}.diagram-node small{font-size:6px}
  .diagram-node.node-output{min-height:158px}.diagram-node.node-output b{font-size:18px}
  .diagram-connector{font-size:18px;gap:34px}
  .diagram-foot{font-size:5px;margin-top:21px}
  .diagram-note{font-size:10px;padding:11px}.note-top{top:15px;right:-4px}.note-bottom{bottom:2px;left:-2px}
}