.system-page{overflow:clip;background:var(--dg-color-white)}.system-page :where(h1,h2,h3,p){margin-top:0}.system-page__hero{min-height:min(54rem,92svh);display:grid;align-items:center;padding-block:clamp(7rem,12vw,11rem) clamp(5rem,9vw,8rem);color:#fff;background:radial-gradient(circle at 72% 45%,rgb(123 97 255/34%),transparent 28rem),linear-gradient(145deg,#0d1026,#27187e 56%,#4228d3)}.system-page__hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(25rem,.95fr);gap:clamp(3rem,7vw,7rem);align-items:center}.system-page__hero h1{max-width:16ch;color:inherit;font-size:clamp(2.8rem,5.6vw,5.8rem);line-height:1.02;letter-spacing:-.05em}.system-page__lead{max-width:42rem;color:rgb(255 255 255/78%);font-size:var(--dg-text-large)}.system-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.system-page__network{position:relative;aspect-ratio:1;border:1px solid rgb(255 255 255/15%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3.4rem,rgb(255 255 255/7%) 3.45rem 3.5rem)}.system-page__network:before,.system-page__network:after{content:"";position:absolute;inset:50%;width:88%;height:1px;background:linear-gradient(90deg,transparent,var(--dg-color-orange),transparent);transform:translate(-50%,-50%) rotate(28deg)}.system-page__network:after{transform:translate(-50%,-50%) rotate(-38deg);opacity:.45}.system-page__core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:10rem;aspect-ratio:1;border:1px solid rgb(255 134 0/80%);border-radius:50%;background:rgb(13 16 38/88%);box-shadow:0 0 4rem rgb(255 134 0/28%);text-align:center;z-index:2}.system-page__core span{width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--dg-color-teal);box-shadow:0 0 1rem var(--dg-color-teal)}.system-page__core strong{font-family:var(--dg-font-display)}.system-page__core small{font-size:.62rem;letter-spacing:.12em}.system-page__node{--angle:calc(var(--node-index)*51.43deg);position:absolute;left:50%;top:50%;translate:-50% -50%;transform:rotate(var(--angle)) translateX(13.5rem) rotate(calc(var(--angle)*-1));padding:.55rem .7rem;border:1px solid rgb(255 255 255/24%);background:rgb(13 16 38/82%);font-size:.65rem;letter-spacing:.08em;white-space:nowrap}.system-page__split-heading{display:grid;grid-template-columns:1fr 2fr;gap:var(--dg-grid-gap);margin-bottom:4rem}.system-page__split-heading h2,.system-page__section-heading h2{max-width:18ch;font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.05;letter-spacing:-.04em}.system-page__split-heading div>p,.system-page__section-heading>p:last-child{max-width:42rem;font-size:var(--dg-text-large);color:var(--dg-color-text-muted)}.system-page__frictions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:var(--dg-color-border);list-style:none}.system-page__frictions li{min-height:14rem;padding:1.5rem;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.system-page__frictions span,.system-page__principle-flow span,.system-page__method-flow span{color:var(--dg-color-orange);font:700 .75rem var(--dg-font-display);letter-spacing:.1em}.system-page__frictions strong{font:600 var(--dg-text-h4) var(--dg-font-display)}.system-page__principles{color:#fff;background:var(--dg-color-navy)}.system-page__principles h2{color:#fff}.system-page__principle-flow{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:4rem 0 0;list-style:none}.system-page__principle-flow li{position:relative;min-height:14rem;padding:1.5rem;border-top:1px solid rgb(255 255 255/25%)}.system-page__principle-flow li:not(:last-child):after{content:"→";position:absolute;right:-.5rem;top:-.85rem;color:var(--dg-color-orange);z-index:2}.system-page__principle-flow strong,.system-page__method-flow strong{display:block;margin:2rem 0 .7rem;font:600 1.15rem var(--dg-font-display)}.system-page__principle-flow p{color:rgb(255 255 255/68%)}.system-page__section-heading{margin-bottom:clamp(3rem,6vw,5rem)}.system-page__configuration{background:var(--dg-color-off-white)}.system-config{border:1px solid var(--dg-color-border);background:#fff;box-shadow:var(--dg-shadow-soft)}.system-config__tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--dg-color-border)}.system-config__tabs button{min-height:7rem;padding:1rem;border:0;border-right:1px solid var(--dg-color-border);background:#fff;color:var(--dg-color-text);text-align:left;font:600 .9rem/1.35 var(--dg-font-display);cursor:pointer}.system-config__tabs button span{display:block;margin-bottom:.75rem;color:var(--dg-color-purple);font-size:.7rem}.system-config__tabs button[aria-pressed=true]{color:#fff;background:var(--dg-color-purple)}.system-config__tabs button[aria-pressed=true] span{color:var(--dg-color-orange)}.system-config__panel{padding:clamp(1.5rem,4vw,3rem)}.system-config__panel-head{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}.system-config__panel-head span,.system-config__capabilities>span{font:700 .7rem var(--dg-font-display);letter-spacing:.1em;color:var(--dg-color-slate)}.system-config__panel-head strong{font:600 var(--dg-text-h4) var(--dg-font-display);color:var(--dg-color-deep)}.system-config__route{display:grid;grid-template-columns:repeat(var(--route-count),1fr);gap:2rem;padding:0;list-style:none}.system-config__step{position:relative;min-height:15rem;padding:1.5rem;border:1px solid rgb(66 40 211/25%);border-top:3px solid var(--dg-color-purple);background:linear-gradient(180deg,rgb(66 40 211/5%),transparent)}.system-config__step:not(:last-child):after{content:"→";position:absolute;right:-1.55rem;top:50%;color:var(--dg-color-orange);font-size:1.5rem}.system-config__step--analytics{border-top-color:var(--dg-color-teal);background:linear-gradient(180deg,rgb(0 180 166/8%),transparent)}.system-config__step>span,.system-config__step small{color:var(--dg-color-slate);font-size:.66rem;letter-spacing:.08em}.system-config__step h3{margin:2rem 0 .75rem;font-size:1.15rem}.system-config__step small{display:block;margin-top:1.5rem;color:var(--dg-color-teal)}.system-config__feedback{margin:2rem 0 0;padding:1rem 1.25rem;border-left:3px solid var(--dg-color-orange);background:var(--dg-color-off-white)}.system-config__feedback span{margin-right:.5rem;color:var(--dg-color-orange)}.system-config__capabilities{padding:1.5rem 3rem 2rem;border-top:1px solid var(--dg-color-border)}.system-config__capabilities ul{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;list-style:none}.system-config__capabilities li{padding:.45rem .7rem;border:1px solid var(--dg-color-border);border-radius:var(--dg-radius-pill);font-size:.75rem}.system-config__capabilities li[data-active=true]{color:#fff;border-color:var(--dg-color-purple);background:var(--dg-color-purple)}.system-page__method-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:1px;background:var(--dg-color-border);list-style:none}.system-page__method-flow li{min-height:14rem;padding:1.5rem;background:#fff}.system-page__method-flow p{color:var(--dg-color-text-muted)}.system-page__scope{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem;padding:2rem;color:#fff;background:var(--dg-color-deep)}.system-page__scope p{margin:0}.system-page__example{background:linear-gradient(135deg,#f6f7fb 55%,rgb(41 98 255/10%))}.system-page__example-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem)}.system-page__example-grid>div{padding:2rem;border-left:3px solid var(--dg-color-orange);background:#fff}.system-page__example-grid>div span{font:700 .7rem var(--dg-font-display);letter-spacing:.1em;color:var(--dg-color-orange)}.system-page__example-grid ol{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0;list-style:none}.system-page__example-grid li{padding:1.3rem;border:1px solid rgb(41 98 255/25%);font:600 1rem var(--dg-font-display);background:#fff}.system-page__example-grid small{display:block;margin-top:.5rem;color:var(--dg-color-text-muted);font:400 .8rem var(--dg-font-body)}.system-page__example blockquote{max-width:54rem;margin:4rem auto 0;border:0;color:var(--dg-color-deep);font:600 clamp(1.8rem,3.5vw,3.2rem)/1.15 var(--dg-font-display);text-align:center}.system-page__cta{color:#fff;text-align:center;background:radial-gradient(circle at 50% 0,rgb(123 97 255/45%),transparent 35rem),var(--dg-color-navy)}.system-page__cta h2{max-width:18ch;margin-inline:auto;color:#fff;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.05}.system-page__cta p:not(.eyebrow){max-width:42rem;margin:0 auto 2rem;color:rgb(255 255 255/72%);font-size:var(--dg-text-large)}
@media(max-width:63.99rem){.system-page__hero-grid{grid-template-columns:1fr}.system-page__network{width:min(100%,32rem);margin:auto}.system-page__frictions,.system-config__tabs{grid-template-columns:repeat(2,1fr)}.system-page__principle-flow,.system-page__method-flow{grid-template-columns:repeat(2,1fr)}.system-page__principle-flow li:not(:last-child):after{display:none}.system-config__route{grid-template-columns:1fr}.system-config__step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-1.9rem}.system-page__example-grid{grid-template-columns:1fr}}
@media(max-width:47.99rem){.system-page__hero{min-height:auto}.system-page__hero h1{font-size:clamp(2.5rem,12vw,3.6rem)}.system-page__network{transform:scale(.88)}.system-page__node{transform:rotate(var(--angle)) translateX(10.7rem) rotate(calc(var(--angle)*-1))}.system-page__split-heading,.system-page__scope{grid-template-columns:1fr}.system-page__frictions,.system-config__tabs,.system-page__principle-flow,.system-page__method-flow,.system-page__example-grid ol{grid-template-columns:1fr}.system-config__tabs button{min-height:5.5rem;border-right:0;border-bottom:1px solid var(--dg-color-border)}.system-config__panel-head{display:block}.system-config__panel-head strong{display:block;margin-top:.5rem}.system-config__capabilities{padding:1.5rem}.system-page__frictions li,.system-page__principle-flow li,.system-page__method-flow li{min-height:10rem}}
/* v2.6 motion and chromatic pass. */
.system-page__hero .eyebrow{color:var(--dg-color-orange)}
.system-page__hero .button--secondary{color:var(--dg-color-white);border-color:rgb(0 180 166/70%);background:rgb(0 180 166/12%)}
.system-page__network{animation:system-field-breathe 7s ease-in-out infinite}
.system-page__network:before{animation:system-ray-a 9s linear infinite}.system-page__network:after{animation:system-ray-b 12s linear infinite reverse}
.system-page__core{animation:system-core-float 4.8s ease-in-out infinite}.system-page__core span{animation:system-signal-pulse 1.8s ease-in-out infinite}
.system-page__node{animation:system-node-float 4.2s ease-in-out infinite;animation-delay:calc(var(--node-index)*-.45s)}
.system-page__problem{background:linear-gradient(135deg,rgb(41 98 255/5%),#fff 42%,rgb(255 60 172/5%))}
.system-page__friction-intro{min-width:0}.system-page__friction-intro>.eyebrow{color:var(--dg-color-blue)}
.system-page__friction-visual{position:relative;width:min(100%,22rem);aspect-ratio:1;margin-top:2.5rem;border-radius:50%;background:radial-gradient(circle,rgb(255 134 0/13%),transparent 56%);isolation:isolate}
.system-page__friction-visual:before,.system-page__friction-visual:after{content:"";position:absolute;left:50%;top:50%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--dg-color-violet),transparent);transform:translate(-50%,-50%);transform-origin:center}
.system-page__friction-visual:before{animation:friction-scan-a 8s linear infinite}.system-page__friction-visual:after{animation:friction-scan-b 11s linear infinite reverse;background:linear-gradient(90deg,transparent,var(--dg-color-teal),transparent)}
.system-page__friction-orbit{position:absolute;inset:12%;border:1px dashed rgb(41 98 255/36%);border-radius:44% 56% 50% 50%;animation:friction-orbit 13s linear infinite}.system-page__friction-orbit--b{inset:28%;border-color:rgb(255 60 172/42%);animation-duration:8s;animation-direction:reverse}
.system-page__friction-piece{position:absolute;display:grid;place-items:center;width:3.2rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;background:#fff;box-shadow:0 .6rem 1.4rem rgb(13 16 38/12%);font:700 .57rem var(--dg-font-display);font-style:normal;letter-spacing:.05em;animation:friction-piece 3.8s ease-in-out infinite}
.system-page__friction-piece--web{top:8%;left:42%;color:var(--dg-color-blue)}.system-page__friction-piece--data{top:40%;right:5%;color:var(--dg-color-teal);animation-delay:-1.2s}.system-page__friction-piece--crm{bottom:5%;left:42%;color:var(--dg-color-pink);animation-delay:-2.4s}.system-page__friction-piece--auto{top:40%;left:5%;color:var(--dg-color-violet);animation-delay:-3.1s}
.system-page__friction-visual b{position:absolute;inset:50% auto auto 50%;width:1rem;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--dg-color-orange);box-shadow:0 0 0 .65rem rgb(255 134 0/12%),0 0 2rem rgb(255 134 0/55%);animation:friction-center 2s ease-in-out infinite}
.system-page__frictions li{position:relative;overflow:hidden}.system-page__frictions li:after{content:"";position:absolute;inset:auto 0 0;height:.24rem}.system-page__frictions li:nth-child(1):after{background:var(--dg-color-orange)}.system-page__frictions li:nth-child(2):after{background:var(--dg-color-blue)}.system-page__frictions li:nth-child(3):after{background:var(--dg-color-pink)}.system-page__frictions li:nth-child(4):after{background:var(--dg-color-violet)}
.system-page__frictions li:nth-child(2) span{color:var(--dg-color-blue)}.system-page__frictions li:nth-child(3) span{color:var(--dg-color-pink)}.system-page__frictions li:nth-child(4) span{color:var(--dg-color-violet)}
.system-page__principles{background:radial-gradient(circle at 10% 30%,rgb(41 98 255/18%),transparent 24rem),radial-gradient(circle at 90% 70%,rgb(255 60 172/13%),transparent 26rem),var(--dg-color-navy)}
.system-page__principles .eyebrow{color:var(--dg-color-teal)}.system-page__principle-flow li:nth-child(2){border-color:var(--dg-color-blue)}.system-page__principle-flow li:nth-child(3){border-color:var(--dg-color-violet)}.system-page__principle-flow li:nth-child(4){border-color:var(--dg-color-teal)}.system-page__principle-flow li:nth-child(5){border-color:var(--dg-color-pink)}
.system-page__principle-flow li:nth-child(2) span{color:var(--dg-color-blue)}.system-page__principle-flow li:nth-child(3) span{color:var(--dg-color-violet)}.system-page__principle-flow li:nth-child(4) span{color:var(--dg-color-teal)}.system-page__principle-flow li:nth-child(5) span{color:var(--dg-color-pink)}
.system-config__tabs button:nth-child(2)[aria-pressed=true]{background:var(--dg-color-blue)}.system-config__tabs button:nth-child(3)[aria-pressed=true]{background:linear-gradient(135deg,var(--dg-color-pink),var(--dg-color-deep))}.system-config__tabs button:nth-child(4)[aria-pressed=true]{background:var(--dg-color-violet)}
.system-config__capabilities li[data-system-capability=web][data-active=true]{border-color:var(--dg-color-blue);background:var(--dg-color-blue)}.system-config__capabilities li[data-system-capability=analytics][data-active=true]{border-color:var(--dg-color-teal);background:var(--dg-color-teal)}.system-config__capabilities li[data-system-capability=crm][data-active=true]{border-color:var(--dg-color-pink);background:var(--dg-color-pink)}.system-config__capabilities li[data-system-capability=ai][data-active=true]{border-color:var(--dg-color-violet);background:var(--dg-color-violet)}.system-config__capabilities li[data-system-capability=optimization][data-active=true]{border-color:var(--dg-color-orange);background:var(--dg-color-orange);color:var(--dg-color-navy)}
.system-page__method{background:linear-gradient(180deg,#fff,rgb(41 98 255/5%))}.system-page__method .eyebrow{color:var(--dg-color-blue)}.system-page__method-flow li{border-top:.25rem solid var(--dg-color-purple)}.system-page__method-flow li:nth-child(1){border-color:var(--dg-color-orange)}.system-page__method-flow li:nth-child(2){border-color:var(--dg-color-blue)}.system-page__method-flow li:nth-child(3){border-color:var(--dg-color-violet)}.system-page__method-flow li:nth-child(4){border-color:var(--dg-color-pink)}.system-page__method-flow li:nth-child(5){border-color:var(--dg-color-teal)}
.system-page__scope .eyebrow{color:var(--dg-color-orange);font-weight:700}
.system-page__example .eyebrow{color:var(--dg-color-pink)}.system-page__example-grid li:nth-child(1){border-color:var(--dg-color-blue)}.system-page__example-grid li:nth-child(2){border-color:var(--dg-color-pink)}.system-page__example-grid li:nth-child(3){border-color:var(--dg-color-violet)}.system-page__example-grid li:nth-child(4){border-color:var(--dg-color-teal)}
.system-page__cta{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,var(--dg-color-navy),var(--dg-color-deep) 52%,#142b66)}.system-page__cta:before,.system-page__cta:after{content:"";position:absolute;z-index:0;inset:-40%;background:conic-gradient(from 0deg,transparent 0 18%,rgb(41 98 255/25%) 25%,transparent 34% 52%,rgb(255 60 172/18%) 61%,transparent 70% 82%,rgb(0 180 166/20%) 92%,transparent);animation:cta-field-rotate 24s linear infinite}.system-page__cta:after{inset:12% 8%;border:1px solid rgb(0 180 166/30%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3rem,rgb(255 255 255/7%) 3.05rem 3.1rem);animation:cta-field-breathe 6s ease-in-out infinite}
.system-page__cta .container{position:relative;z-index:1}.system-page__cta .eyebrow{color:var(--dg-color-teal)}
.system-page .button{position:relative;overflow:hidden;isolation:isolate;--dg-neon-edge:rgb(255 255 255/70%);--dg-neon-glow:rgb(255 134 0/45%)}.system-page .button--secondary{--dg-neon-edge:rgb(0 180 166/85%);--dg-neon-glow:rgb(0 180 166/48%)}
.system-page .button:before{position:absolute;z-index:-1;inset:0;opacity:.3;background-image:radial-gradient(circle,currentColor 0 1px,transparent 2px),radial-gradient(circle,currentColor 0 1px,transparent 2px),radial-gradient(circle,currentColor 0 1px,transparent 2px);background-size:3.2rem 2.6rem,4.4rem 3.8rem,5.5rem 4.8rem;background-position:0 0,1.5rem 1rem,3rem 1.5rem;content:"";pointer-events:none;animation:system-button-particles 12s linear infinite}.system-page .button:hover:before,.system-page .button:focus-visible:before{opacity:.65;animation-duration:4s}.system-page .button:after{position:absolute;inset:2px;border:1px solid var(--dg-neon-edge);border-radius:inherit;box-shadow:inset 0 0 .35rem var(--dg-neon-glow),inset 0 0 .8rem var(--dg-neon-glow);content:"";pointer-events:none;animation:system-button-neon 3.6s ease-in-out infinite}
.system-page .dg-typewriter.is-writing .dg-typewriter__character{opacity:0}.system-page .dg-typewriter.is-writing .dg-typewriter__character.is-revealed{opacity:1}
@keyframes system-field-breathe{0%,100%{scale:1;filter:saturate(1)}50%{scale:1.025;filter:saturate(1.2)}}@keyframes system-ray-a{to{transform:translate(-50%,-50%) rotate(388deg)}}@keyframes system-ray-b{to{transform:translate(-50%,-50%) rotate(322deg)}}@keyframes system-core-float{0%,100%{translate:-50% -50%;box-shadow:0 0 3rem rgb(255 134 0/24%)}50%{translate:-50% calc(-50% - .6rem);box-shadow:0 0 5rem rgb(0 180 166/32%)}}@keyframes system-signal-pulse{50%{scale:1.55;opacity:.7}}@keyframes system-node-float{0%,100%{margin-top:0}50%{margin-top:-.65rem}}@keyframes friction-scan-a{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes friction-scan-b{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes friction-orbit{to{transform:rotate(360deg)}}@keyframes friction-piece{0%,100%{translate:0 0}50%{translate:0 -.55rem}}@keyframes friction-center{50%{scale:1.3;box-shadow:0 0 0 1rem rgb(255 134 0/7%),0 0 2.6rem rgb(255 134 0/65%)}}@keyframes cta-field-rotate{to{transform:rotate(360deg)}}@keyframes cta-field-breathe{50%{scale:1.08;opacity:.7}}@keyframes system-button-particles{to{background-position:3.2rem -2.6rem,-2.9rem 4.8rem,8.5rem -3.3rem}}@keyframes system-button-neon{0%,100%{opacity:.42}50%{opacity:1}}
@media(max-width:47.99rem){.system-page__friction-visual{width:min(85vw,20rem);margin-inline:auto}.system-page__cta:before{inset:-15%}}
@media(prefers-reduced-motion:reduce){.system-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.system-page .dg-typewriter__character{opacity:1!important}}