.dc-port.dc-marketing-about *{box-sizing:border-box}@keyframes marketing-about-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes marketing-about-fade{0%{opacity:0}to{opacity:1}}@keyframes marketing-about-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes marketing-about-spinslow{to{transform:rotate(360deg)}}@keyframes marketing-about-gridpan{0%{background-position:0 0}to{background-position:88px 88px}}@keyframes marketing-about-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marketing-about-flowdash{to{stroke-dashoffset:-157px}}@keyframes marketing-about-popin{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes marketing-about-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes marketing-about-ringdraw{0%{stroke-dashoffset:264px}to{stroke-dashoffset:44px}}@keyframes marketing-about-inbox{0%,8%{opacity:0;transform:translateY(-8px)}16%,80%{opacity:1;transform:none}92%,to{opacity:0;transform:translateY(6px)}}@keyframes marketing-about-cursor{0%{transform:translate(0)}26%{transform:translate(120px,40px)}56%{transform:translate(120px,40px)}80%{transform:translate(40px,70px)}to{transform:translate(0)}}@keyframes marketing-about-click{0%,29%,40%,to{opacity:0;transform:scale(.6)}31%{opacity:.8;transform:scale(.8)}38%{opacity:0;transform:scale(2.2)}}@keyframes marketing-about-rowin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes marketing-about-wake{0%,8%{opacity:.3}18%,44%{opacity:1}56%,to{opacity:.3}}@keyframes marketing-about-orbit{to{transform:rotate(360deg)}}@keyframes marketing-about-drawpath{0%{stroke-dashoffset:420px}to{stroke-dashoffset:0}}@keyframes marketing-about-hdraw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes marketing-about-livedot{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes marketing-about-hubglow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes marketing-about-arrive{0%,70%{opacity:0;transform:translateY(8px)scale(.96)}78%,94%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes marketing-about-floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes marketing-about-hubpulse{0%,86%{box-shadow:0 0 0 6px #c8863f14,var(--shadow)}92%{box-shadow:0 0 0 12px #c8863f29,var(--shadow)}to{box-shadow:0 0 0 6px #c8863f14,var(--shadow)}}.dc-port.dc-marketing-about [data-route]{z-index:1;animation:.6s cubic-bezier(.16,.8,.2,1) both marketing-about-popin,7s ease-in-out infinite marketing-about-floatA;position:relative}.dc-port.dc-marketing-about [data-route="0"]{animation-delay:.15s,1.2s}.dc-port.dc-marketing-about [data-route="1"]{animation-delay:.3s,2.6s}.dc-port.dc-marketing-about [data-route="2"]{animation-delay:.45s,.4s}.dc-port.dc-marketing-about [data-route="3"]{animation-delay:.6s,3.4s}.dc-port.dc-marketing-about [data-mini]{animation:.5s cubic-bezier(.16,.8,.2,1) both marketing-about-rowin}.dc-port.dc-marketing-about [data-mini="0"]{animation-delay:1.2s}.dc-port.dc-marketing-about [data-mini="1"]{animation-delay:1.3s}.dc-port.dc-marketing-about [data-mini="2"]{animation-delay:1.4s}.dc-port.dc-marketing-about [data-mini="3"]{animation-delay:1.5s}.dc-port.dc-marketing-about [data-mini="4"]{animation-delay:1.6s}.dc-port.dc-marketing-about [data-tone=copper]{--t:var(--copper-2);--tw:var(--copper-soft);--tl:var(--copper-line);--td:var(--copper)}.dc-port.dc-marketing-about [data-tone=teal]{--t:var(--teal);--tw:var(--teal-soft);--tl:var(--teal-line);--td:var(--teal)}.dc-port.dc-marketing-about [data-tone=sky]{--t:var(--sky);--tw:var(--sky-soft);--tl:var(--sky-line);--td:var(--sky)}.dc-port.dc-marketing-about [data-tone=violet]{--t:var(--violet);--tw:var(--violet-soft);--tl:var(--violet-line);--td:var(--violet)}.dc-port.dc-marketing-about [data-tone=rose]{--t:var(--rose);--tw:var(--rose-soft);--tl:var(--rose-line);--td:var(--rose)}.dc-port.dc-marketing-about [data-tone=plain]{--t:var(--ink-3);--tw:var(--wash);--tl:var(--line);--td:var(--ink-3)}.dc-port.dc-marketing-about [data-toc-on=true]{color:var(--ink)!important;border-color:var(--copper)!important}.dc-port.dc-marketing-about [data-d="1"]{animation-delay:.15s}.dc-port.dc-marketing-about [data-d="2"]{animation-delay:.3s}.dc-port.dc-marketing-about [data-d="3"]{animation-delay:.45s}.dc-port.dc-marketing-about [data-d="4"]{animation-delay:.6s}.dc-port.dc-marketing-about [data-d="5"]{animation-delay:.75s}.dc-port.dc-marketing-about [data-d="6"]{animation-delay:.9s}.dc-port.dc-marketing-about [data-d="7"]{animation-delay:1.05s}.dc-port.dc-marketing-about [data-d="8"]{animation-delay:1.2s}.dc-port.dc-marketing-about [data-mail]{animation:9s ease-in-out infinite marketing-about-inbox}.dc-port.dc-marketing-about [data-mail="1"]{animation-delay:0s}.dc-port.dc-marketing-about [data-mail="2"]{animation-delay:3s;top:52px!important}.dc-port.dc-marketing-about [data-mail="3"]{animation-delay:6s;top:104px!important}.dc-port.dc-marketing-about [data-step]{animation:12s ease-in-out infinite marketing-about-wake}.dc-port.dc-marketing-about [data-step="1"]{animation-delay:0s}.dc-port.dc-marketing-about [data-step="2"]{animation-delay:4s}.dc-port.dc-marketing-about [data-step="3"]{animation-delay:8s}.dc-port.dc-marketing-about [data-dim=true]{opacity:.28}.dc-port.dc-marketing-about [data-desk="0"]{top:20%!important;left:15%!important}.dc-port.dc-marketing-about [data-desk="1"]{top:80%!important;left:15%!important}.dc-port.dc-marketing-about [data-desk="2"]{top:20%!important;left:85%!important}.dc-port.dc-marketing-about [data-desk="3"]{top:80%!important;left:85%!important}@media (prefers-reduced-motion:reduce){.dc-port.dc-marketing-about *{transition:none!important;animation:none!important}}@media (max-width:1100px){.dc-port.dc-marketing-about [data-toc]{display:none!important}.dc-port.dc-marketing-about [data-body],.dc-port.dc-marketing-about [data-hero]{grid-template-columns:minmax(0,1fr)!important}.dc-port.dc-marketing-about [data-hero-viz]{width:100%;max-width:620px;margin:10px auto 0}}@media (max-width:900px){.dc-port.dc-marketing-about [data-cols],.dc-port.dc-marketing-about [data-cols-3]{grid-template-columns:1fr!important}.dc-port.dc-marketing-about [data-sm-hide]{display:none!important}.dc-port.dc-marketing-about [data-pad]{padding:24px!important}}@media (max-width:640px){.dc-port.dc-marketing-about [data-hero-viz]{margin-top:24px}}.dc-port.dc-marketing-about [data-toc] a:hover{color:var(--ink)}