/* =========================================================
   DESIGNALOT — EXPRESS DESIGN
========================================================= */

.da-express-page {
    background:#050506;
}

.da-express-main {
    min-height:calc(100vh - var(--da-navbar-height));
    background:
        radial-gradient(circle at 82% 7%,rgba(205,17,22,.09),transparent 26%),
        linear-gradient(180deg,#050506 0%,#09090b 54%,#050506 100%);
}

.da-express-hero {
    position:relative;
    overflow:hidden;
    min-height:min(820px,calc(100vh - var(--da-navbar-height)));
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.065);
}

.da-express-hero::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:var(--da-hex-texture);
    background-size:66px auto;
    opacity:.055;
    mask-image:linear-gradient(90deg,transparent 4%,rgba(0,0,0,.3) 38%,#000 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 4%,rgba(0,0,0,.3) 38%,#000 100%);
}

.da-express-hero__grid {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);
    gap:clamp(48px,7vw,92px);
    align-items:center;
    padding-block:clamp(80px,9vw,132px);
}

.da-express-breadcrumbs {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:22px;
    color:#6f6f75;
    font-family:Consolas,"Courier New",monospace;
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.da-express-breadcrumbs a {
    color:#9c9ca2;
    text-decoration:none;
}

.da-express-breadcrumbs a:hover,
.da-express-breadcrumbs a:focus-visible {
    color:#ff666b;
}

.da-express-hero h1 {
    margin-top:12px;
    color:#f2f2f3;
    font-size:clamp(3.25rem,7vw,7rem);
    line-height:.88;
    letter-spacing:-.06em;
    text-transform:uppercase;
}

.da-express-hero h1 span {
    color:#ff4c51;
    text-shadow:0 0 18px rgba(255,49,54,.14),0 0 46px rgba(194,13,18,.08);
}

.da-express-hero__lead {
    max-width:700px;
    margin-top:27px;
    color:#a0a0a7;
    font-size:clamp(1rem,1.45vw,1.14rem);
    line-height:1.76;
}

.da-express-hero__actions {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    align-items:center;
    margin-top:34px;
}

.da-express-text-link {
    color:#99999f;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
    text-decoration:none;
}

.da-express-text-link:hover,
.da-express-text-link:focus-visible {
    color:#fff;
}

.da-express-hero__note {
    max-width:610px;
    margin-top:17px;
    color:#66666d;
    font-size:.74rem;
    line-height:1.55;
}

/* Status panel */

.da-express-status {
    width:100%;
    max-width:540px;
    justify-self:end;
    padding:10px;
    background:linear-gradient(145deg,#4a4b50,#1a1b1e 11%,#09090b 50%,#292a2e 89%,#494a4f);
    border:1px solid rgba(255,255,255,.2);
    border-radius:17px;
    box-shadow:inset 0 1px rgba(255,255,255,.2),0 28px 62px rgba(0,0,0,.43),0 0 42px rgba(207,18,22,.07);
}

.da-express-status__header,
.da-express-status__footer {
    min-height:42px;
    padding-inline:15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    color:#7e7e84;
    font-family:Consolas,"Courier New",monospace;
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.095em;
}

.da-express-status__header i {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#67d66d;
    box-shadow:0 0 6px rgba(103,214,109,.72),0 0 15px rgba(103,214,109,.22);
}

.da-express-status__screen {
    position:relative;
    overflow:hidden;
    padding:24px;
    background:#040505;
    border:1px solid #202522;
    border-radius:9px;
    box-shadow:inset 0 0 38px rgba(0,0,0,.78);
}

.da-express-status__screen::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.08;
    background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 4px);
}

.da-express-status__screen > p,
.da-express-status__row,
.da-express-status__message {
    position:relative;
    z-index:1;
}

.da-express-status__screen > p {
    margin-bottom:13px;
    color:#777f79;
    font-family:Consolas,"Courier New",monospace;
    font-size:.61rem;
    font-weight:800;
    letter-spacing:.09em;
}

.da-express-status__row {
    min-height:60px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    padding:12px 5px;
    border-bottom:1px solid rgba(103,214,109,.08);
    font-family:Consolas,"Courier New",monospace;
}

.da-express-status__row span {
    display:flex;
    align-items:center;
    gap:10px;
    color:#a8afa9;
    font-size:.67rem;
    font-weight:800;
}

.da-express-status__row span i {
    width:8px;
    height:8px;
    border-radius:50%;
}

.da-express-status__row strong {
    color:#8d938e;
    font-size:.58rem;
    text-align:right;
    letter-spacing:.04em;
}

.da-express-status__row.is-green span i {
    background:#67d66d;
    box-shadow:0 0 6px rgba(103,214,109,.7);
}
.da-express-status__row.is-green strong { color:#78d67f; }

.da-express-status__row.is-amber span i {
    background:#ffb13b;
    box-shadow:0 0 6px rgba(255,177,59,.72);
}
.da-express-status__row.is-amber strong { color:#e7b35e; }

.da-express-status__row.is-red span i {
    background:#ff555a;
    box-shadow:0 0 6px rgba(255,85,90,.68);
}
.da-express-status__row.is-red strong { color:#dd7377; }

.da-express-status__message {
    margin-top:17px;
    padding:15px;
    display:flex;
    gap:8px;
    color:#78b47d;
    background:#020303;
    border:1px solid rgba(103,214,109,.08);
    border-radius:5px;
    font-family:Consolas,"Courier New",monospace;
    font-size:.61rem;
    line-height:1.5;
}

.da-express-status__message span { color:#5fd36b; }
.da-express-status__message strong { font-size:.61rem; }

.da-express-status__footer {
    min-height:37px;
    color:#626268;
    font-size:.53rem;
}

/* Services */

.da-express-services,
.da-express-process {
    position:relative;
    padding-block:clamp(82px,9vw,124px);
}

.da-express-services {
    background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 18%),#08080a;
}

.da-express-section-heading {
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(300px,.55fr);
    gap:clamp(30px,7vw,86px);
    align-items:end;
    margin-bottom:clamp(38px,5vw,58px);
}

.da-express-section-heading h2 {
    margin-top:10px;
    color:#f0f0f1;
    font-size:clamp(2.2rem,4.5vw,4.25rem);
    line-height:.97;
    letter-spacing:-.05em;
}

.da-express-section-heading > p {
    color:#8b8b92;
    line-height:1.72;
}

.da-express-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px;
}

.da-express-card {
    position:relative;
    overflow:hidden;
    min-height:280px;
    padding:28px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    color:inherit;
    background:
        linear-gradient(145deg,rgba(255,255,255,.035),transparent 35%),
        #0d0d10;
    border:1px solid rgba(255,255,255,.07);
    border-radius:13px;
    cursor:pointer;
    transition:transform 240ms ease,border-color 240ms ease,box-shadow 240ms ease,background-color 240ms ease;
}

.da-express-card:nth-child(1),
.da-express-card:nth-child(2),
.da-express-card:nth-child(3) {
    grid-column:span 2;
}

.da-express-card:nth-child(4),
.da-express-card:nth-child(5) {
    grid-column:span 3;
}

.da-express-card::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(circle at 80% 18%,rgba(207,18,22,.12),transparent 28%);
    transition:opacity 240ms ease;
}

.da-express-card:hover,
.da-express-card:focus-visible {
    transform:translateY(-4px);
    border-color:rgba(255,76,81,.24);
    box-shadow:0 20px 40px rgba(0,0,0,.26),0 0 24px rgba(196,15,19,.05);
}

.da-express-card:hover::after,
.da-express-card:focus-visible::after {
    opacity:1;
}

.da-express-card:focus-visible {
    outline:2px solid rgba(255,177,59,.52);
    outline-offset:3px;
}

.da-express-card__number {
    color:#5d5d64;
    font-family:Consolas,"Courier New",monospace;
    font-size:.61rem;
    font-weight:800;
    letter-spacing:.1em;
}

.da-express-card__lamp {
    position:absolute;
    top:28px;
    right:28px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#5a5b60;
    box-shadow:inset 0 1px rgba(255,255,255,.12);
    transition:background-color 240ms ease,box-shadow 240ms ease;
}

.da-express-card:hover .da-express-card__lamp,
.da-express-card:focus-visible .da-express-card__lamp {
    background:#ffb13b;
    box-shadow:0 0 7px rgba(255,177,59,.72),0 0 17px rgba(255,126,17,.2);
}

.da-express-card--rush:hover .da-express-card__lamp,
.da-express-card--rush:focus-visible .da-express-card__lamp {
    background:#ff5257;
    box-shadow:0 0 7px rgba(255,82,87,.72),0 0 17px rgba(255,46,51,.18);
}

/* Express service schematic illustrations */
.da-express-card__visual {
    position:relative;
    z-index:1;
    width:min(100%,220px);
    height:124px;
    margin-top:20px;
    display:flex;
    align-items:center;
}

.da-express-card__badge {
    position:absolute;
    z-index:3;
    top:7px;
    left:0;
    min-width:42px;
    height:31px;
    padding:0 9px;
    display:grid;
    place-items:center;
    color:#ff5a5f;
    background:#171013;
    border:1px solid rgba(255,78,83,.22);
    border-radius:7px;
    box-shadow:
        inset 0 1px rgba(255,255,255,.025),
        0 0 0 1px rgba(0,0,0,.28);
    font-family:Consolas,"Courier New",monospace;
    font-size:.59rem;
    font-weight:900;
    letter-spacing:.08em;
    transition:
        color 260ms ease,
        border-color 260ms ease,
        box-shadow 260ms ease,
        transform 260ms ease;
}

.da-express-schematic {
    position:absolute;
    inset:2px 0 0 26px;
    width:190px;
    height:112px;
    overflow:visible;
    color:#d82c31;
    filter:drop-shadow(0 0 3px rgba(207,28,34,.08));
}

.da-express-schematic g,
.da-express-schematic path,
.da-express-schematic rect,
.da-express-schematic circle,
.da-express-schematic polyline,
.da-express-schematic line {
    vector-effect:non-scaling-stroke;
}

.da-express-schematic g {
    fill:none;
    stroke:currentColor;
    stroke-width:1.35;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.da-express-schematic .da-schematic__construction {
    opacity:.19;
    stroke-width:1;
    stroke-dasharray:2.5 3.5;
}

.da-express-schematic .da-schematic__main,
.da-express-schematic .da-schematic__gauge {
    opacity:.78;
}

.da-express-schematic .da-schematic__nodes,
.da-express-schematic .da-schematic__crop,
.da-express-schematic .da-schematic__selection,
.da-express-schematic .da-schematic__spark,
.da-express-schematic .da-schematic__pen,
.da-express-schematic .da-schematic__repair-piece,
.da-express-schematic .da-schematic__qr,
.da-express-schematic .da-schematic__chart,
.da-express-schematic .da-schematic__social,
.da-express-schematic .da-schematic__bolt {
    opacity:.56;
}

.da-express-schematic text {
    fill:#8c363a;
    stroke:none;
    font-family:Consolas,"Courier New",monospace;
    font-size:5.6px;
    font-weight:700;
    letter-spacing:.75px;
}

.da-express-schematic *,
.da-express-card__badge {
    transition:
        opacity 320ms ease,
        stroke 320ms ease,
        fill 320ms ease,
        transform 420ms cubic-bezier(.2,.75,.2,1),
        filter 320ms ease;
}

/* Shared hover illumination */
.da-express-card:hover .da-express-schematic,
.da-express-card:focus-visible .da-express-schematic {
    color:#ff4f54;
    filter:
        drop-shadow(0 0 4px rgba(255,54,60,.23))
        drop-shadow(0 0 11px rgba(201,14,20,.08));
}

.da-express-card:hover .da-schematic__construction,
.da-express-card:focus-visible .da-schematic__construction {
    opacity:.34;
}

.da-express-card:hover .da-schematic__main,
.da-express-card:hover .da-schematic__gauge,
.da-express-card:focus-visible .da-schematic__main,
.da-express-card:focus-visible .da-schematic__gauge {
    opacity:1;
}

.da-express-card:hover .da-express-card__badge,
.da-express-card:focus-visible .da-express-card__badge {
    color:#ff7579;
    border-color:rgba(255,85,90,.42);
    box-shadow:
        inset 0 1px rgba(255,255,255,.035),
        0 0 7px rgba(255,66,71,.18);
    transform:translateY(-1px);
}

/* 01 — Fix My Artwork: repair piece snaps into place */
.da-express-schematic--repair .da-schematic__repair-piece {
    transform-origin:124px 74px;
    transform:translate(4px,-3px) rotate(5deg);
}

.da-express-card:hover .da-express-schematic--repair .da-schematic__repair-piece,
.da-express-card:focus-visible .da-express-schematic--repair .da-schematic__repair-piece {
    opacity:1;
    transform:translate(0,0) rotate(0deg);
}

/* 02 — Create Something: blueprint lines draw in */
.da-express-schematic--build .da-schematic__main path,
.da-express-schematic--build .da-schematic__crop {
    stroke-dasharray:120;
    stroke-dashoffset:0;
}

.da-express-card:hover .da-express-schematic--build .da-schematic__main path,
.da-express-card:focus-visible .da-express-schematic--build .da-schematic__main path {
    animation:da-express-draw-line 520ms ease both;
}

.da-express-card:hover .da-express-schematic--build .da-schematic__pen,
.da-express-card:focus-visible .da-express-schematic--build .da-schematic__pen {
    opacity:1;
    transform:translate(-3px,3px);
}

/* 03 — Photo Help: mask path traces and sparkle brightens */
.da-express-schematic--photo .da-schematic__selection path {
    stroke-dasharray:90;
    stroke-dashoffset:0;
}

.da-express-card:hover .da-express-schematic--photo .da-schematic__selection path,
.da-express-card:focus-visible .da-express-schematic--photo .da-schematic__selection path {
    animation:da-express-trace-mask 620ms ease both;
}

.da-express-card:hover .da-express-schematic--photo .da-schematic__spark,
.da-express-card:focus-visible .da-express-schematic--photo .da-schematic__spark {
    opacity:1;
    transform:scale(1.08);
    transform-origin:145px 48px;
}

/* 04 — Business Graphics: chart rises and QR comes online */
.da-express-schematic--business .da-schematic__chart {
    transform-origin:48px 50px;
}

.da-express-card:hover .da-express-schematic--business .da-schematic__chart,
.da-express-card:focus-visible .da-express-schematic--business .da-schematic__chart {
    opacity:1;
    transform:translateY(-3px);
}

.da-express-card:hover .da-express-schematic--business .da-schematic__qr,
.da-express-card:focus-visible .da-express-schematic--business .da-schematic__qr {
    opacity:1;
}

/* 05 — Rush Design: gauge needle sweeps toward redline */
.da-express-schematic--rush .da-schematic__needle {
    transform-origin:72px 78px;
    transform:rotate(-16deg);
}

.da-express-card:hover .da-express-schematic--rush .da-schematic__needle,
.da-express-card:focus-visible .da-express-schematic--rush .da-schematic__needle {
    transform:rotate(33deg);
}

.da-express-schematic--rush .da-schematic__redline {
    stroke:#ff5b60;
    opacity:.72;
    stroke-width:2;
}

.da-express-card:hover .da-express-schematic--rush .da-schematic__bolt,
.da-express-card:focus-visible .da-express-schematic--rush .da-schematic__bolt {
    opacity:1;
    transform:translateY(-2px) scale(1.05);
    transform-origin:140px 47px;
}

@keyframes da-express-draw-line {
    0% { stroke-dashoffset:120; opacity:.25; }
    100% { stroke-dashoffset:0; opacity:1; }
}

@keyframes da-express-trace-mask {
    0% { stroke-dashoffset:90; opacity:.25; }
    100% { stroke-dashoffset:0; opacity:1; }
}

.da-express-card strong {
    position:relative;
    z-index:1;
    margin-top:20px;
    color:#eeeeef;
    font-size:1.28rem;
    letter-spacing:-.02em;
}

.da-express-card p {
    position:relative;
    z-index:1;
    margin-top:11px;
    color:#86868d;
    line-height:1.65;
}

.da-express-card__cta {
    position:relative;
    z-index:1;
    margin-top:auto;
    padding-top:20px;
    color:#c47b7f;
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

/* Process */

.da-express-process {
    border-top:1px solid rgba(255,255,255,.055);
    background:
        radial-gradient(circle at 16% 45%,rgba(205,16,21,.055),transparent 26%),
        #050506;
}

.da-express-process__rail {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.da-express-process__rail article {
    min-height:225px;
    padding:25px 20px;
    background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 55%),#0b0b0e;
    border:1px solid rgba(255,255,255,.065);
    border-radius:11px;
}

.da-express-process__rail span {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    color:#ffb13b;
    border:1px solid rgba(255,177,59,.25);
    border-radius:50%;
    font-family:Consolas,"Courier New",monospace;
    font-size:.62rem;
    font-weight:900;
}

.da-express-process__rail strong {
    display:block;
    margin-top:22px;
    color:#e9e9eb;
    font-size:1.06rem;
}

.da-express-process__rail p {
    margin-top:10px;
    color:#7e7e85;
    line-height:1.62;
}

.da-express-process__cta {
    display:flex;
    justify-content:center;
    margin-top:42px;
}

/* Modal */

.da-express-modal {
    position:fixed;
    z-index:5000;
    inset:0;
    display:none;
}

.da-express-modal.is-open {
    display:block;
}

.da-express-modal__backdrop {
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

.da-express-modal__panel {
    position:relative;
    z-index:1;
    width:min(calc(100% - 36px),860px);
    max-height:calc(100vh - 44px);
    margin:22px auto;
    padding:clamp(26px,4vw,42px);
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:
        linear-gradient(145deg,rgba(255,255,255,.035),transparent 35%),
        #0a0a0d;
    border:1px solid rgba(255,255,255,.09);
    border-top:2px solid #b30f14;
    border-radius:15px;
    box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 40px rgba(177,14,18,.08);
}

.da-express-modal__close {
    position:absolute;
    top:16px;
    right:16px;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    color:#bbb;
    background:#111216;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    cursor:pointer;
    font-size:1.45rem;
    line-height:1;
}

.da-express-modal__close:hover,
.da-express-modal__close:focus-visible {
    color:#fff;
    border-color:rgba(255,82,87,.4);
}

.da-express-modal__header {
    padding-right:50px;
    margin-bottom:28px;
}

.da-express-modal__header h2 {
    margin-top:8px;
    color:#f1f1f2;
    font-size:clamp(2rem,4vw,3.45rem);
    line-height:1;
    letter-spacing:-.045em;
}

.da-express-modal__header > p:last-child {
    max-width:690px;
    margin-top:13px;
    color:#8b8b91;
    line-height:1.62;
}

.da-express-form__grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.da-express-field {
    display:block;
}

.da-express-field--full {
    grid-column:1 / -1;
}

.da-express-field > span {
    display:block;
    margin-bottom:8px;
    color:#cfcfd2;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.045em;
    text-transform:uppercase;
}

.da-express-field b {
    color:#ff5b60;
}

.da-express-field input,
.da-express-field select,
.da-express-field textarea {
    width:100%;
    color:#ededee;
    background:#08090b;
    border:1px solid rgba(255,255,255,.11);
    border-radius:8px;
    outline:none;
    transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}

.da-express-field input,
.da-express-field select {
    height:48px;
    padding:0 13px;
}

.da-express-field textarea {
    min-height:150px;
    padding:13px;
    resize:vertical;
    line-height:1.55;
}

.da-express-field input:focus,
.da-express-field select:focus,
.da-express-field textarea:focus {
    border-color:rgba(255,177,59,.47);
    box-shadow:0 0 0 3px rgba(255,177,59,.06);
    background:#0b0c0f;
}

.da-express-field.is-invalid input,
.da-express-field.is-invalid select,
.da-express-field.is-invalid textarea {
    border-color:#d68c2f;
    box-shadow:0 0 0 3px rgba(214,140,47,.07);
}

.da-express-field small {
    display:block;
    margin-top:7px;
    color:#626269;
    font-size:.65rem;
    line-height:1.4;
}

.da-express-upload {
    position:relative;
    min-height:190px;
    padding:28px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#9d9da3;
    background:#07080a;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:11px;
    cursor:pointer;
    transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}

.da-express-upload:hover,
.da-express-upload.is-dragover {
    border-color:rgba(255,177,59,.44);
    background:#0b0c0f;
    box-shadow:inset 0 0 30px rgba(255,177,59,.025);
}

.da-express-upload input[type=file] {
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}

.da-express-upload__icon {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    color:#ff5b60;
    border:1px solid rgba(255,91,96,.2);
    border-radius:50%;
    font-size:1.35rem;
}

.da-express-upload strong {
    margin-top:13px;
    color:#e8e8ea;
}

.da-express-upload > span:not(.da-express-upload__icon) {
    margin-top:6px;
    font-size:.72rem;
}

.da-express-upload > small {
    margin-top:6px;
    color:#5f5f66;
    font-size:.62rem;
}

.da-express-upload__files {
    width:100%;
    margin-top:13px;
    display:grid;
    gap:6px;
}

.da-express-upload__file {
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:7px 10px;
    color:#a9a9af;
    background:rgba(255,255,255,.025);
    border-radius:5px;
    font-family:Consolas,"Courier New",monospace;
    font-size:.6rem;
}

.da-express-form__notice {
    margin-top:20px;
    padding:14px 15px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    background:rgba(255,177,59,.03);
    border:1px solid rgba(255,177,59,.12);
    border-radius:8px;
}

.da-express-form__notice > span {
    width:22px;
    height:22px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    color:#ffb13b;
    border:1px solid rgba(255,177,59,.28);
    border-radius:50%;
    font-size:.69rem;
    font-weight:900;
}

.da-express-form__notice p {
    color:#8f8f95;
    font-size:.72rem;
    line-height:1.5;
}

.da-express-form__notice strong {
    color:#d7d7da;
}

.da-express-form__status {
    min-height:20px;
    margin-top:15px;
    color:#d9993e;
    font-size:.72rem;
    line-height:1.45;
}

.da-express-submit {
    width:100%;
    margin-top:5px;
}

.da-express-success {
    padding:36px 14px 16px;
    text-align:center;
}

.da-express-success__lamp {
    width:16px;
    height:16px;
    display:block;
    margin:0 auto 18px;
    border-radius:50%;
    background:#67d66d;
    box-shadow:0 0 8px rgba(103,214,109,.84),0 0 22px rgba(103,214,109,.25);
}

.da-express-success h3 {
    margin-top:9px;
    color:#f0f0f2;
    font-size:clamp(2rem,4vw,3.25rem);
    letter-spacing:-.04em;
}

.da-express-success > p:not(.da-eyebrow) {
    max-width:600px;
    margin:15px auto 0;
    color:#909097;
    line-height:1.65;
}

.da-express-success > strong {
    display:block;
    margin:18px auto 24px;
    color:#74c87b;
    font-family:Consolas,"Courier New",monospace;
    font-size:.68rem;
    letter-spacing:.075em;
}

/* Nav spacing with extra top-level item */
@media (min-width:1081px) and (max-width:1380px) {
    .da-nav-list { gap:14px; }
    .da-nav-link { font-size:.69rem; }
    .da-client-login__label { display:none; }
}

/* Responsive */

@media(max-width:1080px) {
    .da-express-hero { min-height:auto; }
    .da-express-hero__grid {
        grid-template-columns:1fr;
        gap:48px;
    }
    .da-express-status {
        width:min(100%,680px);
        max-width:none;
        justify-self:center;
    }
    .da-express-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .da-express-card:nth-child(n) {
        grid-column:auto;
    }
    .da-express-card:last-child {
        grid-column:1 / -1;
    }
    .da-express-process__rail {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .da-express-process__rail article:last-child {
        grid-column:1 / -1;
    }
}

@media(max-width:760px) {
    .da-express-hero__grid {
        padding-block:70px 76px;
    }
    .da-express-hero h1 {
        font-size:clamp(3rem,15vw,5.1rem);
    }
    .da-express-hero__actions {
        align-items:stretch;
        flex-direction:column;
    }
    .da-express-hero__actions .da-button {
        width:100%;
    }
    .da-express-text-link {
        text-align:center;
    }
    .da-express-section-heading {
        grid-template-columns:1fr;
        gap:18px;
    }
    .da-express-grid,
    .da-express-process__rail,
    .da-express-form__grid {
        grid-template-columns:1fr;
    }
    .da-express-card:last-child,
    .da-express-process__rail article:last-child,
    .da-express-field--full {
        grid-column:auto;
    }
    .da-express-modal__panel {
        width:100%;
        height:100dvh;
        max-height:100dvh;
        margin:0;
        border-radius:0;
        padding:26px 18px max(34px,env(safe-area-inset-bottom));
        touch-action:pan-y;
    }
    .da-express-modal__header {
        padding-right:44px;
    }
    .da-express-status__row {
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }
    .da-express-status__row strong {
        padding-left:18px;
        text-align:left;
    }
}

@media(max-width:500px) {
    .da-express-card {
        min-height:260px;
        padding:24px;
    }
    .da-express-status__screen {
        padding:19px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .da-express-card,
    .da-express-upload {
        transition:none!important;
    }
}


/* =========================================================
   EXPRESS SUCCESS — UNIFIED CENTERED CONFIRMATION
========================================================= */
.da-express-modal__panel.is-success .da-express-modal__header {
    padding-right: 0;
    text-align: center;
}

.da-express-modal__panel.is-success .da-express-modal__header .da-eyebrow,
.da-express-modal__panel.is-success .da-express-modal__header h2,
.da-express-modal__panel.is-success .da-express-modal__header > p:last-child {
    text-align: center;
}

.da-express-modal__panel.is-success .da-express-modal__header > p:last-child {
    margin-left: auto;
    margin-right: auto;
}

.da-express-modal__panel.is-success .da-express-success {
    width: 100%;
    text-align: center;
}

.da-express-modal__panel.is-success .da-express-success .da-eyebrow,
.da-express-modal__panel.is-success .da-express-success h3,
.da-express-modal__panel.is-success .da-express-success > p,
.da-express-modal__panel.is-success .da-express-success > strong {
    text-align: center;
}


/* =========================================================
   EXPRESS DESIGN — PAGE ENTRY + SCROLL REVEALS
========================================================= */

/*
   Uses the site's existing [data-reveal] IntersectionObserver in main.js.
   These rules only change the starting motion/delay on Express Design.
*/

.da-express-page [data-reveal][data-express-reveal="left"] {
    transform: translate3d(-32px, 0, 0);
}

.da-express-page [data-reveal][data-express-reveal="right"] {
    transform: translate3d(32px, 0, 0);
}

.da-express-page [data-reveal][data-express-reveal="up"] {
    transform: translate3d(0, 28px, 0);
}

.da-express-page [data-reveal][data-express-reveal="card"] {
    transform: translate3d(0, 30px, 0) scale(.985);
}

.da-express-page [data-reveal][data-express-reveal="step"] {
    transform: translate3d(0, 24px, 0);
}

.da-express-page [data-reveal].is-visible {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Gentle stagger for groups that enter the viewport together. */
.da-express-page [data-express-delay="1"] { transition-delay: 60ms; }
.da-express-page [data-express-delay="2"] { transition-delay: 150ms; }
.da-express-page [data-express-delay="3"] { transition-delay: 240ms; }
.da-express-page [data-express-delay="4"] { transition-delay: 330ms; }
.da-express-page [data-express-delay="5"] { transition-delay: 420ms; }

/* Hero status panel gets a subtle "power-on" sequence after it enters. */
.da-express-status[data-reveal] .da-express-status__header,
.da-express-status[data-reveal] .da-express-status__screen > p,
.da-express-status[data-reveal] .da-express-status__row,
.da-express-status[data-reveal] .da-express-status__message,
.da-express-status[data-reveal] .da-express-status__footer {
    opacity: 0;
    transform: translateY(7px);
    transition:
        opacity 420ms ease,
        transform 420ms cubic-bezier(.2,.75,.2,1);
}

.da-express-status[data-reveal].is-visible .da-express-status__header {
    opacity: 1;
    transform: none;
    transition-delay: 260ms;
}

.da-express-status[data-reveal].is-visible .da-express-status__screen > p {
    opacity: 1;
    transform: none;
    transition-delay: 340ms;
}

.da-express-status[data-reveal].is-visible .da-express-status__row:nth-of-type(1) {
    opacity: 1;
    transform: none;
    transition-delay: 430ms;
}

.da-express-status[data-reveal].is-visible .da-express-status__row:nth-of-type(2) {
    opacity: 1;
    transform: none;
    transition-delay: 520ms;
}

.da-express-status[data-reveal].is-visible .da-express-status__row:nth-of-type(3) {
    opacity: 1;
    transform: none;
    transition-delay: 610ms;
}

.da-express-status[data-reveal].is-visible .da-express-status__message {
    opacity: 1;
    transform: none;
    transition-delay: 700ms;
}

.da-express-status[data-reveal].is-visible .da-express-status__footer {
    opacity: 1;
    transform: none;
    transition-delay: 790ms;
}

/* Keep card hover lift after the reveal has completed. */
.da-express-card[data-reveal].is-visible:hover,
.da-express-card[data-reveal].is-visible:focus-visible {
    transform: translateY(-4px) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .da-express-page [data-reveal],
    .da-express-status[data-reveal] .da-express-status__header,
    .da-express-status[data-reveal] .da-express-status__screen > p,
    .da-express-status[data-reveal] .da-express-status__row,
    .da-express-status[data-reveal] .da-express-status__message,
    .da-express-status[data-reveal] .da-express-status__footer {
        opacity: 1 !important;
        transform: none !important;
        transition-delay: 0ms !important;
    }
}


@media(max-width:760px) {
    .da-express-card__visual {
        width:min(100%,205px);
        height:116px;
    }

    .da-express-schematic {
        width:178px;
        height:105px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .da-express-card:hover .da-express-schematic--build .da-schematic__main path,
    .da-express-card:focus-visible .da-express-schematic--build .da-schematic__main path,
    .da-express-card:hover .da-express-schematic--photo .da-schematic__selection path,
    .da-express-card:focus-visible .da-express-schematic--photo .da-schematic__selection path {
        animation:none!important;
    }

    .da-express-schematic--repair .da-schematic__repair-piece,
    .da-express-schematic--rush .da-schematic__needle {
        transform:none!important;
    }
}