.page-custom-ai-solutions {
--as-lime-a: rgba(197, 244, 61, 0.12);
--as-dark: #140d1d;
}@keyframes asSpin {
to { transform: rotate(360deg); }
}@keyframes asBlink {
50% { opacity: 0; }
}.as-ask__console,
.as-vs__side--custom,
.as-gov__ui {
--fg: #fff;
--fg-2: rgba(255, 255, 255, 0.8);
--fg-3: rgba(255, 255, 255, 0.56);
--line: rgba(255, 255, 255, 0.1);
--line-2: rgba(255, 255, 255, 0.22);
--accent: var(--dc-lime);
--bg: var(--as-dark);
color: var(--fg);
background:
radial-gradient(120% 60% at 0% 0%, rgba(103, 33, 223, 0.28), transparent 60%),
var(--as-dark);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 16px;
box-shadow: 0 60px 120px -60px rgba(20, 13, 29, 0.85);
}.as-h2 {
font-size: min(var(--fs-h2), calc((100vw - var(--gutter) * 2) / 10));
}.as-hero__glow {
position: absolute;
right: -10%;
top: 10%;
width: min(1100px, 110vw);
aspect-ratio: 1;
background: radial-gradient(closest-side, rgba(103, 33, 223, 0.34), rgba(103, 33, 223, 0.08) 55%, transparent 72%);
pointer-events: none;
}.as-hero__inner {
grid-template-rows: auto 1fr;
}.as-hero__grid {
display: grid;
gap: clamp(40px, 6vw, 72px);
align-items: center;
}.as-hero__copy {
display: grid;
gap: 24px;
align-content: center;
}.as-hero__title {
--fit: 6.7;
}.as-hero__kicker {
margin-top: 8px;
color: var(--accent);
}.as-hero__lead {
max-width: 30em;
}.as-hero__cta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px 32px;
margin-top: 8px;
}.as-hero__cta .link {
min-height: 44px;
}@media (min-width: 1024px) {
.as-hero__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}.as-hero__title {
--fit: 13.2;
}
}.as-core {
position: relative;
width: 100%;
max-width: min(640px, calc(100svh - 300px));
min-width: 0;
margin-inline: auto;
perspective: 1400px;
}.as-core__stage {
position: relative;
aspect-ratio: 1;
transform-style: preserve-3d;
transition: transform 1.2s var(--ease-expo);
}.as-core__svg {
width: 100%;
height: 100%;
overflow: visible;
}.as-core__ticks {
fill: none;
stroke: var(--line-2);
stroke-width: 6;
stroke-dasharray: 1 17;
opacity: 0.55;
}.as-core__ring {
fill: none;
stroke: var(--line-2);
}.as-core__arc {
fill: none;
stroke: var(--dc-lime);
stroke-width: 2;
stroke-dasharray: 9 91;
transform-origin: 320px 320px;
animation: asSpin 26s linear infinite;
}.as-core__ringtext {
font-family: var(--font-mono);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
fill: var(--fg-3);
}.as-core__public rect {
fill: none;
stroke: var(--line-2);
stroke-dasharray: 4 4;
}.as-core__pubname,
.as-fpub__name {
font-family: var(--font-mono);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
fill: var(--fg-2);
}.as-core__pubnote,
.as-fpub__note {
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
fill: var(--fg-3);
}.as-core__cut,
.as-fpub__cut {
fill: none;
stroke: var(--fg-3);
stroke-dasharray: 3 5;
}.as-core__x,
.as-fpub__x {
fill: none;
stroke: var(--fg);
stroke-width: 2;
stroke-linecap: round;
}.as-core__wire {
stroke: var(--line-2);
}.as-core__orbit {
fill: none;
stroke: var(--line-2);
stroke-dasharray: 2 6;
}.as-core__spin {
fill: none;
stroke: var(--dc-lime);
stroke-width: 1.5;
stroke-dasharray: 22 8 6 14;
transform-origin: 320px 320px;
animation: asSpin 18s linear infinite;
}.as-core__disc {
filter: drop-shadow(0 0 28px rgba(123, 44, 240, 0.75));
transition: opacity 1s var(--ease-out);
}.as-core__node rect {
fill: color-mix(in srgb, var(--bg) 88%, transparent);
stroke: var(--line-2);
transition: stroke 0.4s var(--ease-out), fill 0.4s var(--ease-out);
}.as-core__node.is-hit rect {
stroke: var(--dc-lime);
fill: color-mix(in srgb, var(--dc-lime) 14%, var(--bg));
}.as-core__code {
font-family: var(--font-mono);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.14em;
fill: var(--fg);
}.as-core__kind {
font-family: var(--font-mono);
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
fill: var(--fg-3);
}.as-core__pkts circle {
fill: var(--dc-lime);
filter: drop-shadow(0 0 5px rgba(197, 244, 61, 0.9));
}.as-core__gl {
position: absolute;
left: 25%;
top: 25%;
width: 50%;
height: 50%;
pointer-events: none;
opacity: 0;
transition: opacity 1.4s var(--ease-out);
}.as-core.is-3d .as-core__gl {
opacity: 1;
}.as-core.is-3d .as-core__disc {
opacity: 0.3;
}.as-core.is-3d .as-core__spin {
opacity: 0.35;
}.as-core__cap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px 22px;
margin-top: 14px;
font-size: 0.6875rem;
letter-spacing: 0.16em;
color: var(--fg-3);
}.as-core__cap > span {
display: inline-flex;
align-items: center;
gap: 8px;
}.as-core__cap > span:nth-child(2) {
color: var(--fg);
}@media (max-width: 599px) {
.as-core__kind,
.as-core__pubnote,
.as-core__ringtext {
display: none;
}.as-core__code {
font-size: 19px;
}.as-core__pubname {
font-size: 17px;
transform: translateY(8px);
}
}.as-flow {
padding-block: var(--chapter-pad) calc(var(--chapter-pad) * 0.6);
}.as-flow__inner {
display: grid;
gap: 48px;
}.as-flow__copy {
display: grid;
gap: 28px;
align-content: center;
}.as-flow__title {
font-size: min(clamp(2.4rem, 1rem + 2.6vw, 4rem), calc((100vw - var(--gutter) * 2) / 8.4));
}.as-flow__steps {
display: grid;
gap: 0;
border-top: 1px solid var(--line);
}.as-step {
position: relative;
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
column-gap: 12px;
padding: 22px 0 24px;
border-bottom: 1px solid var(--line);
transition: opacity 0.6s var(--ease-out);
}.as-step__bar {
position: absolute;
left: 0;
right: 0;
top: -1px;
height: 2px;
overflow: hidden;
}.as-step__bar i {
position: absolute;
inset: 0;
background: var(--dc-lime);
transform: scaleX(var(--p, 0));
transform-origin: left;
}.as-step__num {
grid-row: span 2;
padding-top: 5px;
color: var(--accent);
}.as-step__name {
font-family: var(--font-heading);
font-size: var(--fs-h3);
line-height: 1;
text-transform: uppercase;
}.as-step__copy {
margin-top: 10px;
max-width: 30em;
color: var(--fg-2);
font-size: 0.975rem;
line-height: 1.55;
}.as-step__vis {
grid-column: 1 / -1;
margin-top: 22px;
}.as-flow__note {
display: flex;
}.as-flow__fig {
display: none;
margin: 0;
}.as-flow__svg {
width: 100%;
height: auto;
max-height: calc(100svh - var(--header-h) - 80px);
overflow: visible;
}@media (min-width: 1024px) {
.as-flow {
display: flex;
align-items: center;
min-height: 100vh;
min-height: 100svh;
padding-block: calc(var(--header-h) + 20px) 28px;
}.as-flow__inner {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
align-items: center;
column-gap: clamp(32px, 4vw, 72px);
}.as-flow__fig {
display: block;
}.as-step__vis {
display: none;
}.as-step {
padding: 18px 0 20px;
}.as-flow.is-live .as-step:not(.is-active) {
opacity: 0.42;
}.as-flow.is-live .as-step.is-done .as-step__bar i {
background: rgba(197, 244, 61, 0.45);
}.as-flow__title .line {
white-space: nowrap;
}
}@media (min-width: 1280px) {
.as-flow__inner {
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
}
}@media (min-width: 1024px) and (max-height: 820px) {
.as-flow__copy {
gap: 18px;
}.as-step {
padding: 12px 0 14px;
}.as-step__copy {
margin-top: 6px;
font-size: 0.9rem;
line-height: 1.45;
}
}.as-fb {
fill: color-mix(in srgb, var(--dc-purple) 5%, transparent);
stroke: var(--line-2);
stroke-dasharray: 6 6;
}.as-fb__tagbg {
fill: var(--bg);
}.as-fb__tag {
font-family: var(--font-mono);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
fill: var(--accent);
}.as-fw {
fill: none;
stroke: var(--line-2);
stroke-width: 1.2;
}.as-fw--lit {
stroke: var(--dc-lime);
stroke-width: 1.6;
stroke-dasharray: 100;
stroke-dashoffset: calc(100 - var(--draw, 1) * 100);
}.as-fn rect {
fill: color-mix(in srgb, var(--bg) 92%, transparent);
stroke: var(--dc-lime);
transition: stroke 0.45s var(--ease-out), opacity 0.45s var(--ease-out);
}.as-fn {
transition: opacity 0.45s var(--ease-out);
}.as-fn .as-fn__code {
fill: var(--as-lime-a);
stroke: none;
}.as-fn__codet {
font-family: var(--font-mono);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.1em;
fill: var(--dc-lime);
}.as-fn__label {
font-family: var(--font-body);
font-size: 15px;
font-weight: 500;
fill: var(--fg);
}.as-fn__who {
font-family: var(--font-heading);
font-size: 18px;
text-transform: uppercase;
fill: var(--fg);
}.as-fn__ans {
font-family: var(--font-mono);
font-size: 10.5px;
letter-spacing: 0.04em;
fill: var(--dc-lime);
transition: opacity 0.5s var(--ease-out);
}.is-live .as-fn:not(.is-on) rect {
stroke: var(--line-2);
}.is-live .as-fn:not(.is-on) {
opacity: 0.5;
}.is-live .as-fn--person:not(.is-on) .as-fn__ans {
opacity: 0;
}.as-fcore {
--heat: 1;
}.as-fcore__state {
font-family: var(--font-mono);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
fill: var(--dc-lime);
}.as-fcore__orbit {
fill: none;
stroke: var(--line-2);
stroke-dasharray: 2 6;
}.as-fcore__ring {
fill: none;
stroke: var(--dc-lime);
stroke-width: 1.5;
stroke-dasharray: 22 8 6 14;
transform-origin: 430px 318px;
transform: rotate(calc(var(--heat) * 180deg)) scale(calc(0.9 + var(--heat) * 0.1));
opacity: calc(0.35 + var(--heat) * 0.65);
}.as-fcore__disc {
transform-origin: 430px 318px;
transform: scale(calc(0.85 + var(--heat) * 0.15));
filter: drop-shadow(0 0 calc(8px + var(--heat) * 26px) rgba(123, 44, 240, 0.85));
}.as-fcore__name {
font-family: var(--font-heading);
font-size: 22px;
text-transform: uppercase;
fill: var(--fg);
}.as-fcore__sub {
font-family: var(--font-mono);
font-size: 10.5px;
letter-spacing: 0.16em;
text-transform: uppercase;
fill: var(--fg-3);
}.as-fpub rect {
fill: none;
stroke: var(--line-2);
stroke-dasharray: 4 4;
}.as-fpkts circle {
fill: var(--dc-lime);
filter: drop-shadow(0 0 5px rgba(197, 244, 61, 0.9));
}.as-mini-src {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}.as-mini-src li,
.as-mini-people li {
display: flex;
align-items: center;
gap: 10px;
min-height: 42px;
padding: 8px 12px;
border: 1px solid var(--line-2);
border-radius: var(--radius-sm);
font-size: 0.875rem;
color: var(--fg-2);
transition: opacity 0.6s var(--ease-out), transform 0.8s var(--ease-expo), border-color 0.6s var(--ease-out);
transition-delay: calc(var(--d, 0) * 60ms);
}.as-mini-src b {
font-family: var(--font-mono);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.1em;
color: var(--dc-lime);
min-width: 2.6em;
}.as-mini-src__off {
grid-column: 1 / -1;
border-style: dashed !important;
color: var(--fg-3) !important;
}.as-mini-src__off b {
color: var(--fg);
font-size: 1rem;
min-width: 0;
}.as-mini-core {
display: flex;
align-items: center;
gap: 18px;
}.as-mini-core__orb {
position: relative;
width: 92px;
height: 92px;
flex-shrink: 0;
}.as-mini-core__orb i {
position: absolute;
inset: 0;
border-radius: 50%;
border: 1px dashed var(--line-2);
}.as-mini-core__orb i:nth-child(2) {
inset: 14px;
border: 1.5px solid var(--dc-lime);
border-right-color: transparent;
animation: asSpin 6s linear infinite;
}.as-mini-core__orb i:nth-child(3) {
inset: 28px;
border: 0;
background: radial-gradient(circle at 50% 42%, #7b2cf0, #3a1670 70%);
box-shadow: 0 0 30px rgba(123, 44, 240, 0.7);
}.as-mini-core__txt {
display: grid;
gap: 4px;
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fg-3);
}.as-mini-core__txt b {
font-family: var(--font-heading);
font-size: 1.3rem;
font-weight: 900;
letter-spacing: 0;
color: var(--fg);
}.as-mini-people {
display: grid;
gap: 8px;
}.as-mini-people li {
justify-content: space-between;
border-color: color-mix(in srgb, var(--dc-lime) 45%, transparent);
}.as-mini-people b {
font-family: var(--font-heading);
font-weight: 900;
text-transform: uppercase;
color: var(--fg);
}.as-mini-people span {
font-family: var(--font-mono);
font-size: 0.6875rem;
color: var(--dc-lime);
text-align: right;
}.as-flow.is-seq .as-step:not(.is-on) .as-step__vis li {
opacity: 0;
transform: translateY(12px);
}.as-flow.is-seq .as-step:not(.is-on) .as-step__bar i {
transform: scaleX(0);
}.as-flow.is-seq .as-step .as-step__bar i {
transition: transform 1.2s var(--ease-expo);
}.as-flow.is-seq .as-step.is-on .as-step__bar i {
transform: scaleX(1);
}.as-vs__q {
display: grid;
justify-items: center;
gap: 16px;
margin-bottom: clamp(32px, 4vw, 56px);
text-align: center;
}.as-vs__qlabel {
color: var(--fg-3);
}.as-vs__qtext {
max-width: 22em;
font-family: var(--font-heading);
font-size: clamp(1.5rem, 1rem + 1.9vw, 2.9rem);
line-height: 1.02;
text-transform: uppercase;
color: var(--fg);
text-wrap: balance;
}.as-vs__split {
display: grid;
gap: 20px;
}.as-vs__side {
position: relative;
display: grid;
align-content: start;
gap: 22px;
padding: clamp(22px, 2.6vw, 38px);
border-radius: 16px;
}.as-vs__side--generic {
border: 1px dashed var(--line-2);
background: var(--panel);
}.as-vs__head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 20px;
padding-bottom: 18px;
border-bottom: 1px solid var(--line);
}.as-vs__tag {
color: var(--fg-3);
}.as-vs__side--custom .as-vs__tag {
color: var(--dc-lime);
}.as-vs__knows {
display: inline-flex;
align-items: center;
gap: 9px;
font-size: 0.875rem;
font-weight: 700;
color: var(--fg-2);
}.as-vs__answer {
min-height: 4.2em;
font-size: clamp(1.1rem, 0.95rem + 0.55vw, 1.45rem);
line-height: 1.45;
color: var(--fg);
text-wrap: pretty;
}.as-vs__side--generic .as-vs__answer {
color: var(--fg-2);
}.as-sup {
display: inline-grid;
place-items: center;
min-width: 1.35em;
height: 1.35em;
margin-left: 3px;
padding: 0 3px;
border-radius: 4px;
background: var(--dc-lime);
color: var(--as-dark);
font-family: var(--font-mono);
font-size: 0.6em;
font-weight: 500;
line-height: 1;
vertical-align: 0.5em;
}.as-vs__cites,
.as-ask__cites {
display: flex;
flex-wrap: wrap;
gap: 8px;
}.as-vs__cites li,
.as-ask__cites li {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px 6px 6px;
border: 1px solid var(--line-2);
border-radius: var(--radius-sm);
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.06em;
color: var(--fg-2);
}.as-vs__cites li span,
.as-ask__cites li span {
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 4px;
background: var(--as-lime-a);
color: var(--dc-lime);
}.as-vs__foot {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
font-family: var(--font-mono);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fg-3);
}.as-vs__mark {
display: grid;
place-items: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--dc-lime);
color: var(--as-dark);
flex-shrink: 0;
}.as-vs__mark .icon {
width: 14px;
height: 14px;
}.as-vs__mark--no {
background: transparent;
border: 1px solid var(--line-2);
color: var(--fg-2);
font-family: var(--font-body);
font-size: 1rem;
}.as-vs__mid {
display: none;
}.as-vs__side.is-typing .as-vs__answer::after,
.as-ask__text.is-typing::after {
content: "";
display: inline-block;
width: 0.5em;
height: 1em;
margin-left: 3px;
vertical-align: -0.12em;
background: var(--dc-lime);
animation: asBlink 0.9s steps(1) infinite;
}.as-vs__side--generic.is-typing .as-vs__answer::after {
background: var(--fg-3);
}.as-vs__side--custom.is-pending:not(.is-typing) .as-vs__answer::before {
content: "Searching approved sources";
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--dc-lime);
}.as-vs__side--generic.is-pending:not(.is-typing) .as-vs__answer::before {
content: "\2026";
color: var(--fg-3);
}.as-vs__side .as-vs__cites li,
.as-vs__side .as-vs__foot {
transition: opacity 0.6s var(--ease-out), transform 0.8s var(--ease-expo);
}.as-vs__side.is-pending .as-vs__cites li,
.as-vs__side.is-pending .as-vs__foot {
opacity: 0;
transform: translateY(8px);
}.as-vs__table {
width: 100%;
margin-top: clamp(40px, 5vw, 72px);
border-collapse: collapse;
text-align: left;
}.as-vs__table thead th {
padding: 0 16px 14px 0;
font-family: var(--font-mono);
font-size: var(--fs-mono);
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--fg-3);
border-bottom: 1px solid var(--line-2);
}.as-vs__table thead th:last-child {
color: var(--accent);
}.as-vs__table tbody th,
.as-vs__table td {
padding: 20px 16px 20px 0;
border-bottom: 1px solid var(--line);
vertical-align: top;
}.as-vs__table tbody th {
font-weight: 700;
color: var(--fg);
}.as-vs__rn {
display: inline-block;
width: 3.2em;
color: var(--accent);
}.as-vs__g {
color: var(--fg-3);
}.as-vs__c {
color: var(--fg);
font-weight: 500;
}.as-vs__ic {
display: inline-grid;
place-items: center;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
border: 1px solid var(--line-2);
font-size: 0.8rem;
line-height: 1;
vertical-align: -3px;
}.as-vs__c .as-vs__ic {
border-color: var(--accent);
background: var(--accent);
color: var(--bg);
}.as-vs__ic .icon {
width: 12px;
height: 12px;
}.as-vs__table tbody tr {
transition: background-color 0.3s var(--ease-out);
}.as-vs__table tbody tr:hover {
background-color: var(--panel);
}@media (min-width: 1024px) {
.as-vs__split {
grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr);
gap: 0;
}.as-vs__mid {
position: relative;
display: grid;
place-items: center;
}.as-vs__mid::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
background: var(--line-2);
}.as-vs__mid span {
position: relative;
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid var(--line-2);
background: var(--bg);
font-size: 1.5rem;
color: var(--accent);
}.as-vs__table thead th:first-child {
width: 30%;
}
}@media (max-width: 767px) {
.as-vs__table thead {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}.as-vs__table tbody tr {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 16px;
padding: 18px 0;
border-bottom: 1px solid var(--line);
}.as-vs__table tbody th {
grid-column: 1 / -1;
padding: 0 0 12px;
border: 0;
}.as-vs__table td {
padding: 0;
border: 0;
font-size: 0.9375rem;
}.as-vs__table td::before {
content: attr(data-label);
display: block;
margin-bottom: 6px;
font-family: var(--font-mono);
font-size: 0.625rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fg-3);
}.as-vs__ic {
display: none;
}
}.as-arch__body {
display: grid;
gap: clamp(32px, 4vw, 64px);
}.as-arch__tabs {
display: grid;
border-top: 1px solid var(--line);
}.as-arch__tab {
position: relative;
display: grid;
grid-template-columns: 3.2em minmax(0, 1fr) 20px;
align-items: center;
gap: 10px;
min-height: 54px;
padding: 10px 4px 10px 16px;
border-bottom: 1px solid var(--line);
text-align: left;
color: var(--fg-3);
transition: color 0.35s var(--ease-out), background-color 0.35s var(--ease-out);
}.as-arch__tab::before {
content: "";
position: absolute;
left: 0;
top: 10px;
bottom: 10px;
width: 2px;
background: var(--dc-lime);
transform: scaleY(0);
transition: transform 0.5s var(--ease-expo);
}.as-arch__tnum {
color: inherit;
font-size: 0.6875rem;
}.as-arch__tname {
font-family: var(--font-heading);
font-size: clamp(1.05rem, 0.9rem + 0.5vw, 1.4rem);
line-height: 1.05;
text-transform: uppercase;
transition: transform 0.5s var(--ease-expo);
}.as-arch__tarrow {
opacity: 0;
color: var(--dc-lime);
transform: translateX(-8px);
transition: opacity 0.35s var(--ease-out), transform 0.5s var(--ease-expo);
}.as-arch__tarrow .icon {
width: 18px;
height: 18px;
}.as-arch__tab:hover {
color: var(--fg-2);
}.as-arch__tab:hover .as-arch__tname {
transform: translateX(4px);
}.as-arch__tab[aria-selected="true"] {
color: var(--fg);
background: linear-gradient(90deg, var(--as-lime-a), transparent 70%);
}.as-arch__tab[aria-selected="true"] .as-arch__tnum {
color: var(--dc-lime);
}.as-arch__tab[aria-selected="true"]::before {
transform: none;
}.as-arch__tab[aria-selected="true"] .as-arch__tarrow {
opacity: 1;
transform: none;
}.as-arch__panels {
margin-top: 28px;
}.as-arch__panel {
display: grid;
gap: 16px;
border-radius: 4px;
}.as-arch__panel + .as-arch__panel {
margin-top: 40px;
}.is-motion .as-arch__panel + .as-arch__panel,
.as-arch__panel[hidden] {
display: none;
}.is-ready .as-arch__panel + .as-arch__panel:not([hidden]) {
display: grid;
margin-top: 0;
}.as-arch__pname {
font-family: var(--font-heading);
font-size: var(--fs-h3);
line-height: 1;
text-transform: uppercase;
}.as-arch__pname .t-mono {
font-family: var(--font-mono);
color: var(--dc-lime);
vertical-align: 0.3em;
}.as-arch__pcopy {
max-width: 32em;
color: var(--fg-2);
}.as-arch__panel.is-in > * {
animation: asRise 0.8s var(--ease-expo) both;
}.as-arch__panel.is-in > :nth-child(2) { animation-delay: 0.05s; }
.as-arch__panel.is-in > :nth-child(3) { animation-delay: 0.1s; }@keyframes asRise {
from { opacity: 0; transform: translateY(10px); }
}.as-arch__spec {
display: grid;
border-top: 1px solid var(--line);
}.as-arch__spec > div {
display: grid;
grid-template-columns: 6.5em minmax(0, 1fr);
gap: 16px;
align-items: baseline;
padding-block: 12px;
border-bottom: 1px solid var(--line);
}.as-arch__spec dt {
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fg-3);
}.as-arch__spec dd {
display: flex;
flex-wrap: wrap;
gap: 6px;
color: var(--fg-2);
}.as-arch__chip {
padding: 5px 9px;
border: 1px solid var(--line);
border-radius: var(--radius-sm);
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fg-3);
text-decoration: line-through;
text-decoration-color: var(--line-2);
}.as-arch__chip.is-on {
border-color: color-mix(in srgb, var(--dc-lime) 60%, transparent);
color: var(--fg);
text-decoration: none;
}.as-stack {
position: relative;
display: grid;
gap: 24px;
margin: 0;
min-width: 0;
}.as-stack__scene {
--tx: 0;
--ty: 0;
display: grid;
place-items: center;
height: clamp(340px, 60vw, 560px);
perspective: 2200px;
overflow: hidden;
}.as-stack__iso {
--gap-max: 62px;
--gap: var(--gap-max);
--s: clamp(190px, 26vw, 300px);
position: relative;
width: var(--s);
height: var(--s);
margin-top: calc(var(--gap-max) * 2.6);
transform-style: preserve-3d;
transform: rotateX(calc(58deg + var(--ty) * 4deg)) rotateZ(calc(-44deg + var(--tx) * 6deg));
transition: transform 1.2s var(--ease-expo);
}.as-slab {
position: absolute;
inset: 0;
border: 1px solid var(--line-2);
border-radius: 12px;
background:
linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 25% 25%,
linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 25% 25%,
color-mix(in srgb, var(--bg) 78%, transparent);
transform: translateZ(calc(var(--i) * var(--gap)));
opacity: 0.22;
transition:
transform 0.9s var(--ease-expo),
opacity 0.6s var(--ease-out),
border-color 0.6s var(--ease-out),
box-shadow 0.6s var(--ease-out);
}.as-slab.is-on {
opacity: 1;
border-color: var(--dc-lime);
box-shadow: 0 0 0 1px rgba(197, 244, 61, 0.15), 0 0 60px -10px rgba(197, 244, 61, 0.28);
transform: translateZ(calc(var(--i) * var(--gap) + 8px));
}.as-slab--guard {
background:
repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 12px),
color-mix(in srgb, var(--bg) 78%, transparent);
}.as-slab--model,
.as-slab--app {
background: color-mix(in srgb, var(--dc-purple) 22%, color-mix(in srgb, var(--bg) 80%, transparent));
}.as-slab__name {
position: absolute;
left: 14px;
bottom: 12px;
font-family: var(--font-mono);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--fg);
}.as-slab__name b {
font-weight: 500;
color: var(--dc-lime);
}.as-slab__art {
position: absolute;
inset: 18% 18% 26%;
}.as-slab--sources .as-slab__art {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10%;
}.as-slab--sources .as-slab__art i {
border: 1px solid var(--line-2);
border-radius: 3px;
background: var(--panel);
}.as-slab--sources.is-on .as-slab__art i:nth-child(3n + 1) {
border-color: var(--dc-lime);
background: var(--as-lime-a);
}.as-slab--retrieval .as-slab__art {
background: repeating-linear-gradient(0deg, var(--line-2) 0 1px, transparent 1px 14%);
-webkit-mask: linear-gradient(90deg, #000 60%, transparent);
mask: linear-gradient(90deg, #000 60%, transparent);
}.as-slab--model .as-slab__art i {
position: absolute;
inset: 0;
margin: auto;
width: 70%;
aspect-ratio: 1;
border-radius: 50%;
border: 1px solid var(--line-2);
}.as-slab--model .as-slab__art i:nth-child(2) {
width: 46%;
border-color: var(--dc-lime);
border-style: dashed;
}.as-slab--model .as-slab__art i:nth-child(3) {
width: 22%;
border: 0;
background: radial-gradient(circle, #7b2cf0, #3a1670);
box-shadow: 0 0 24px rgba(123, 44, 240, 0.9);
}.as-slab--guard .as-slab__art {
inset: 12%;
border: 1.5px dashed var(--dc-lime);
border-radius: 8px;
opacity: 0.8;
}.as-slab--app .as-slab__art {
border: 1px solid var(--line-2);
border-radius: 6px;
background:
linear-gradient(var(--line-2), var(--line-2)) 0 16% / 100% 1px no-repeat,
linear-gradient(var(--dc-lime), var(--dc-lime)) 12% 40% / 48% 6% no-repeat,
linear-gradient(var(--line-2), var(--line-2)) 12% 58% / 70% 5% no-repeat,
linear-gradient(var(--line-2), var(--line-2)) 12% 74% / 56% 5% no-repeat;
}.as-stack__legend {
display: grid;
gap: 2px;
align-content: center;
}.as-stack__legend li {
display: grid;
grid-template-columns: 2.6em minmax(0, 1fr);
column-gap: 12px;
padding: 10px 0;
border-bottom: 1px solid var(--line);
transition: opacity 0.5s var(--ease-out);
}.as-stack__legend li:not(.is-on) {
opacity: 0.34;
}.as-stack__legend .t-mono {
grid-row: span 2;
color: var(--dc-lime);
}.as-stack__legend b {
font-weight: 700;
color: var(--fg);
}.as-stack__legend span:last-child {
font-size: 0.875rem;
color: var(--fg-3);
}.no-js .as-arch__tabs {
display: none;
}@media (min-width: 1024px) {
.as-arch__body {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
align-items: start;
}.as-stack {
grid-template-columns: minmax(0, 1fr) minmax(200px, 250px);
align-items: center;
position: sticky;
top: calc(var(--header-h) + 24px);
}
}@media (max-width: 599px) {
.as-stack__iso {
--gap-max: 44px;
}.as-slab__name {
font-size: 10px;
left: 10px;
bottom: 8px;
}
}.as-ask {
overflow: clip;
}.as-ask__glow {
position: absolute;
left: 50%;
bottom: -20%;
width: min(1400px, 140vw);
height: 70%;
translate: -50% 0;
background: radial-gradient(closest-side, rgba(20, 13, 29, 0.55), transparent);
pointer-events: none;
}.as-ask .container {
position: relative;
}.as-ask__console {
position: relative;
overflow: hidden;
}.as-ask__bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 16px;
min-height: 48px;
padding: 10px 18px;
border-bottom: 1px solid var(--line);
font-family: var(--font-mono);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fg-3);
}.as-ask__state {
display: inline-flex;
align-items: center;
gap: 8px;
margin-left: auto;
color: var(--dc-lime);
}.as-ask__state:not(.is-running) .pulse::after {
animation: none;
}.as-ask__grid {
display: grid;
grid-template-areas: "main" "pass" "src";
}.as-ask__main {
grid-area: main;
min-width: 0;
padding: clamp(18px, 2.2vw, 32px);
}.as-ask__src {
grid-area: src;
display: grid;
align-content: start;
gap: 14px;
padding: 22px clamp(18px, 2vw, 24px);
border-top: 1px solid var(--line);
background: rgba(255, 255, 255, 0.02);
}.as-ask__pass {
grid-area: pass;
display: grid;
align-content: start;
gap: 14px;
min-width: 0;
padding: 22px clamp(18px, 2vw, 24px);
border-top: 1px solid var(--line);
}.as-ask__label {
color: var(--fg-3);
font-size: 0.6875rem;
}.as-ask__qs {
display: grid;
gap: 8px;
margin-top: 14px;
}.as-ask__q {
display: flex;
align-items: center;
gap: 12px;
min-height: 48px;
padding: 10px 16px 10px 12px;
border: 1px solid var(--line-2);
border-radius: 10px;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.3;
text-align: left;
color: var(--fg-2);
transition: border-color 0.3s var(--ease-out), background-color 0.3s var(--ease-out), color 0.3s var(--ease-out);
}.as-ask__qn {
display: grid;
place-items: center;
width: 28px;
height: 28px;
border-radius: 6px;
border: 1px solid var(--line-2);
font-size: 0.625rem;
letter-spacing: 0.06em;
flex-shrink: 0;
transition: background-color 0.3s var(--ease-out), color 0.3s var(--ease-out), border-color 0.3s var(--ease-out);
}.as-ask__q:hover {
border-color: rgba(255, 255, 255, 0.45);
color: var(--fg);
}.as-ask__q[aria-pressed="true"] {
border-color: var(--dc-lime);
background: var(--as-lime-a);
color: var(--fg);
}.as-ask__q[aria-pressed="true"] .as-ask__qn {
border-color: var(--dc-lime);
background: var(--dc-lime);
color: var(--as-dark);
}.as-ask__chat {
display: grid;
gap: 18px;
margin-top: 28px;
padding-top: 24px;
border-top: 1px dashed var(--line-2);
}.as-ask__user {
justify-self: end;
max-width: 85%;
padding: 12px 16px;
border-radius: 14px 14px 4px 14px;
background: var(--dc-purple);
color: #fff;
font-weight: 500;
line-height: 1.4;
}.as-ask__run {
display: grid;
gap: 6px;
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fg-3);
}.as-ask__run li {
display: flex;
align-items: center;
gap: 10px;
transition: color 0.3s var(--ease-out), opacity 0.3s var(--ease-out);
}.as-ask__run i {
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid var(--line-2);
flex-shrink: 0;
}.as-ask__run li.is-active {
color: var(--fg);
}.as-ask__run li.is-active i {
border-color: var(--dc-lime);
animation: asBlink 0.7s steps(1) infinite;
background: var(--dc-lime);
}.as-ask__run li.is-done i {
border-color: var(--dc-lime);
background: var(--dc-lime);
}.as-ask__run li:not(.is-done):not(.is-active) {
opacity: 0.45;
}.as-ask__answer {
display: flex;
flex-direction: column;
gap: 16px;
padding: 18px 20px;
border: 1px solid var(--line-2);
border-radius: 14px 14px 14px 4px;
background: rgba(255, 255, 255, 0.03);
}.as-ask__text {
font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem);
line-height: 1.45;
color: var(--fg);
}.as-ask__meta {
margin-top: auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 10px 20px;
padding-top: 14px;
border-top: 1px solid var(--line);
}.as-ask__meta dt {
font-family: var(--font-mono);
font-size: 0.625rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--fg-3);
}.as-ask__meta dd {
margin-top: 4px;
font-size: 0.875rem;
color: var(--fg);
}.as-ask__answer {
position: relative;
}.as-ask__answer.is-empty .as-ask__cites,
.as-ask__answer.is-empty .as-ask__meta {
opacity: 0;
}.as-ask__skel {
position: absolute;
top: 22px;
left: 20px;
right: 30%;
display: none;
gap: 12px;
}.as-ask__skel i {
height: 12px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06)) 0 0 / 200% 100%;
animation: asShimmer 1.4s linear infinite;
}.as-ask__skel i:nth-child(2) { width: 86%; }
.as-ask__skel i:nth-child(3) { width: 58%; }.as-ask__answer.is-wait .as-ask__skel {
display: grid;
}@keyframes asShimmer {
to { background-position: -200% 0; }
}.as-ask__cites,
.as-ask__meta {
transition: opacity 0.6s var(--ease-out);
}.as-ask__srclist {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 6px;
}.as-src {
position: relative;
display: grid;
grid-template-columns: 3.2em minmax(0, 1fr) 8px;
align-items: center;
gap: 10px;
min-height: 40px;
padding: 6px 10px 6px 6px;
border: 1px solid var(--line);
border-radius: 8px;
font-size: 0.8125rem;
color: var(--fg-3);
transition: border-color 0.35s var(--ease-out), color 0.35s var(--ease-out), background-color 0.35s var(--ease-out);
}.as-src__code {
display: grid;
place-items: center;
height: 26px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.06);
font-size: 0.625rem;
letter-spacing: 0.08em;
color: var(--fg-2);
transition: background-color 0.35s var(--ease-out), color 0.35s var(--ease-out);
}.as-src__file {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}.as-src__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--line-2);
transition: background-color 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out);
}.as-src.is-scan {
border-color: var(--line-2);
color: var(--fg-2);
}.as-src.is-scan .as-src__dot {
background: #fff;
}.as-src.is-hit {
border-color: var(--dc-lime);
background: rgba(197, 244, 61, 0.06);
color: var(--fg);
}.as-src.is-hit .as-src__code {
background: var(--dc-lime);
color: var(--as-dark);
}.as-src.is-hit .as-src__dot {
background: var(--dc-lime);
box-shadow: 0 0 10px rgba(197, 244, 61, 0.8);
}.as-ask__private {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.625rem;
color: var(--dc-lime);
}.as-ask__private svg {
width: 14px;
height: 14px;
}.as-ask__passages {
display: grid;
gap: 10px;
align-content: start;
}.as-pass {
display: grid;
gap: 8px;
padding: 14px 14px 14px 16px;
border-left: 2px solid var(--dc-lime);
border-radius: 0 8px 8px 0;
background: rgba(255, 255, 255, 0.035);
transition: opacity 0.5s var(--ease-out), transform 0.7s var(--ease-expo);
}.as-pass.is-pre {
opacity: 0;
transform: translateX(14px);
}.as-pass__ref {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.625rem;
letter-spacing: 0.08em;
color: var(--fg-3);
}.as-pass__ref b {
font-weight: 500;
color: var(--dc-lime);
}.as-pass__text {
font-size: 0.9375rem;
line-height: 1.5;
color: var(--fg-2);
}.as-pass mark {
padding: 0 2px;
border-radius: 3px;
color: var(--as-dark);
background: linear-gradient(var(--dc-lime), var(--dc-lime)) 0 0 / 100% 100% no-repeat;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
transition: background-size 0.8s var(--ease-expo), color 0.4s var(--ease-out);
}.as-pass.is-pre mark,
.as-pass.is-unmarked mark {
color: inherit;
background-size: 0 100%;
}.as-pass.is-old {
border-left-color: var(--line-2);
}.as-pass.is-old .as-pass__text {
text-decoration: line-through;
text-decoration-color: rgba(255, 255, 255, 0.4);
color: var(--fg-3);
}.as-pass__old {
font-size: 0.625rem;
color: var(--dc-lime);
}.as-pass--none {
border-left-color: var(--line-2);
color: var(--fg-3);
font-size: 0.9375rem;
}.no-js .as-ask__q:not([aria-pressed="true"]) {
display: none;
}@media (min-width: 768px) {
.as-ask__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas: "main main" "src pass";
}.as-ask__src {
border-right: 1px solid var(--line);
}.as-ask__srclist {
grid-template-columns: 1fr;
}
}@media (min-width: 1200px) {
.as-ask__grid {
grid-template-columns: 280px minmax(0, 1fr) 320px;
grid-template-areas: "src main pass";
}.as-ask__src,
.as-ask__pass {
border-top: 0;
}.as-ask__pass {
border-left: 1px solid var(--line);
}.as-ask__qs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}.as-ask__q:last-child {
grid-column: 1 / -1;
}
}.as-gov__body {
display: grid;
gap: 48px;
}.as-gov__list {
display: grid;
border-top: 1px solid var(--line);
}.as-gov__item {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: clamp(18px, 2vw, 32px);
padding-block: clamp(28px, 3vw, 44px);
border-bottom: 1px solid var(--line);
transition: opacity 0.6s var(--ease-out);
}.as-gov__num {
grid-row: span 2;
font-family: var(--font-heading);
font-size: clamp(2.6rem, 1.6rem + 3vw, 5rem);
line-height: 0.8;
color: transparent;
-webkit-text-stroke: 1px var(--accent);
transition: color 0.5s var(--ease-out);
}.as-gov__item.is-on .as-gov__num {
color: var(--accent);
}.as-gov__name {
font-family: var(--font-heading);
font-size: var(--fs-h3);
line-height: 1;
text-transform: uppercase;
}.as-gov__copy {
margin-top: 12px;
max-width: 30em;
color: var(--fg-2);
}.as-gov__ui {
overflow: hidden;
}.as-gov__bar {
display: flex;
align-items: center;
gap: 12px;
min-height: 44px;
padding: 8px 16px;
border-bottom: 1px solid var(--line);
font-family: var(--font-mono);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fg-3);
}.as-gov__bar .illus {
margin-left: auto;
}.as-pane {
position: relative;
padding: 18px 20px 20px;
border-bottom: 1px solid var(--line);
transition: opacity 0.5s var(--ease-out), background-color 0.5s var(--ease-out);
}.as-pane:last-child {
border-bottom: 0;
}.as-pane::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: var(--dc-lime);
transform: scaleY(0);
transform-origin: top;
transition: transform 0.6s var(--ease-expo);
}.as-gov__body.is-live .as-pane:not(.is-on) {
opacity: 0.32;
}.as-gov__body.is-live .as-gov__item:not(.is-on) {
opacity: 0.4;
}.as-gov__body.is-live .as-pane.is-on {
background: rgba(197, 244, 61, 0.035);
}.as-gov__body.is-live .as-pane.is-on::before {
transform: none;
}.as-pane__head {
display: flex;
gap: 10px;
margin-bottom: 12px;
font-size: 0.6875rem;
color: var(--fg-2);
}.as-pane__head span {
color: var(--dc-lime);
}.as-pane__src {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 4px 16px;
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.04em;
color: var(--fg-2);
}.as-pane__src li {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
white-space: nowrap;
}.as-pane__ok {
display: grid;
place-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--as-lime-a);
color: var(--dc-lime);
flex-shrink: 0;
}.as-pane__ok .icon {
width: 11px;
height: 11px;
}.as-pane__no {
display: grid;
place-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid var(--line-2);
font-family: var(--font-body);
flex-shrink: 0;
}.as-pane__src .is-blocked {
grid-column: 1 / -1;
color: var(--fg-3);
}.as-pane__matrix {
width: 100%;
border-collapse: collapse;
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}.as-pane__matrix th {
padding: 7px 8px 7px 0;
font-weight: 500;
text-align: left;
color: var(--fg-3);
}.as-pane__matrix tbody th {
color: var(--fg);
}.as-pane__matrix td {
padding: 7px 8px;
border-top: 1px solid var(--line);
}.as-pane__matrix tbody th {
border-top: 1px solid var(--line);
}.as-pane__matrix td i {
display: block;
width: 26px;
height: 14px;
border-radius: 7px;
border: 1px solid var(--line-2);
position: relative;
}.as-pane__matrix td i::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--fg-3);
}.as-pane__matrix td.is-yes i {
border-color: var(--dc-lime);
background: var(--as-lime-a);
}.as-pane__matrix td.is-yes i::after {
left: auto;
right: 2px;
background: var(--dc-lime);
}.as-pane__log {
display: grid;
font-family: var(--font-mono);
font-size: 0.6875rem;
letter-spacing: 0.03em;
}.as-pane__log li {
display: grid;
grid-template-columns: 3.4em 5.4em minmax(0, 1fr);
gap: 4px 10px;
padding: 7px 0;
border-top: 1px dashed var(--line);
color: var(--fg-2);
}.as-pane__log time {
color: var(--fg-3);
}.as-pane__log b {
font-weight: 500;
color: var(--fg);
}.as-pane__log em {
grid-column: 3;
font-style: normal;
color: var(--dc-lime);
}.as-pane__log .is-blocked em {
color: #ffb4b4;
}.as-pane__review {
display: grid;
gap: 10px;
padding: 14px;
border: 1px dashed var(--line-2);
border-radius: 10px;
}.as-pane__rq {
font-size: 0.9375rem;
font-weight: 500;
}.as-pane__rn {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.625rem;
color: var(--fg-3);
}.as-pane__acts {
display: flex;
gap: 8px;
}.as-pane__acts span {
padding: 7px 12px;
border: 1px solid var(--line-2);
border-radius: var(--radius-pill);
font-size: 0.75rem;
font-weight: 700;
color: var(--fg-2);
}.as-pane__acts .is-primary {
border-color: var(--dc-lime);
background: var(--dc-lime);
color: var(--as-dark);
}@media (min-width: 1024px) {
.as-gov__body {
grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
column-gap: clamp(40px, 6vw, 110px);
align-items: start;
}.as-gov__item {
min-height: 44vh;
align-content: center;
}.as-gov__aside {
position: sticky;
top: calc(var(--header-h) + 28px);
}
}.as-start__track {
--p: 1;
position: relative;
}.as-start__line {
position: absolute;
left: 7px;
top: 8px;
bottom: 8px;
width: 1px;
background: var(--line-2);
}.as-start__line i {
position: absolute;
inset: 0;
background: var(--dc-lime);
transform: scaleY(var(--p));
transform-origin: top;
}.as-start__steps {
display: grid;
gap: 36px;
}.as-start__step {
position: relative;
display: grid;
gap: 10px;
padding-left: 40px;
transition: opacity 0.6s var(--ease-out);
}.as-start__dot {
position: absolute;
left: 0;
top: 2px;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid var(--dc-lime);
background: var(--bg);
transition: background-color 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
}.as-start__step.is-on .as-start__dot,
.as-start__track:not(.is-live) .as-start__dot {
background: var(--dc-lime);
box-shadow: 0 0 0 5px rgba(197, 244, 61, 0.14);
}.as-start__track.is-live .as-start__step:not(.is-on) {
opacity: 0.45;
}.as-start__num {
color: var(--accent);
}.as-start__name {
font-family: var(--font-heading);
font-size: var(--fs-h3);
line-height: 1;
text-transform: uppercase;
}.as-start__copy {
max-width: 22em;
color: var(--fg-2);
}.as-start__proof {
display: grid;
gap: 32px;
margin-top: clamp(64px, 8vw, 120px);
padding-top: clamp(32px, 4vw, 48px);
border-top: 1px solid var(--line);
}.as-start__ptext {
max-width: 28em;
font-size: var(--fs-lead);
line-height: 1.5;
color: var(--fg-2);
}@media (min-width: 1024px) {
.as-start__line {
left: 0;
right: 0;
top: 7px;
bottom: auto;
width: auto;
height: 1px;
}.as-start__line i {
transform: scaleX(var(--p));
transform-origin: left;
}.as-start__steps {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(24px, 3vw, 48px);
}.as-start__step {
padding-left: 0;
padding-top: 40px;
}.as-start__proof {
grid-template-columns: minmax(0, 1fr) minmax(0, 460px);
align-items: start;
justify-content: space-between;
}
}@media (prefers-reduced-motion: reduce) {
.as-core__arc,
.as-core__spin,
.as-ask__skel i,
.as-mini-core__orb i {
animation: none;
}.as-core__pkts {
display: none;
}
}