/* =========================================================
   GRUPO SEINTO · DESARROLLO WEB
   Landing principal de Web corporativa, eCommerce y Marketing
   ========================================================= */

.gsdw-page {
    --gsdw-bg: var(--gs-theme-bg, #fff);
    --gsdw-surface: var(--gs-theme-surface, #fff);
    --gsdw-soft: var(--gs-theme-surface-2, #f7f9fb);
    --gsdw-text: var(--gs-theme-text, #111827);
    --gsdw-muted: var(--gs-theme-muted, #667085);
    --gsdw-line: var(--gs-theme-line, rgba(17,24,39,.12));
    --gsdw-dash: var(--gs-theme-dash, rgba(17,24,39,.14));
    --gsdw-blue: var(--gs-blue, #0872be);
    --gsdw-orange: var(--gs-orange, #ff9418);
    position: relative;
    overflow: clip;
    color: var(--gsdw-text);
    background: var(--gsdw-bg);
}

.gsdw-page::before,
.gsdw-page::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 1px;
    pointer-events: none;
    background: repeating-linear-gradient(to bottom, var(--gsdw-dash) 0 5px, transparent 5px 11px);
}
.gsdw-page::before { left: max(24px, calc((100% - var(--gs-container)) / 2)); }
.gsdw-page::after { right: max(24px, calc((100% - var(--gs-container)) / 2)); }

.gsdw-container {
    position: relative;
    width: min(var(--gs-container), calc(100% - 48px));
    margin-inline: auto;
}

.gsdw-page section { margin: 0; }

.gsdw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gsdw-blue);
    font-size: 10px;
    font-weight: 720;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
}
.gsdw-eyebrow i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gsdw-orange);
    box-shadow: 0 0 0 3px rgba(255,148,24,.09);
}

/* HERO --------------------------------------------------- */
.gsdw-hero {
    position: relative;
    overflow: hidden;
    padding: calc(var(--gs-header-height, 68px) + 54px) 0 72px;
    background: var(--gsdw-bg);
    border-bottom: 1px dashed var(--gsdw-dash);
}
.gsdw-hero__dots {
    position: absolute;
    inset: 0;
    opacity: .72;
    pointer-events: none;
    background-image: radial-gradient(circle, color-mix(in srgb, var(--gsdw-blue) 15%, transparent) .75px, transparent .8px);
    background-size: 16px 16px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.96), rgba(0,0,0,.84));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.96), rgba(0,0,0,.84));
}
.gsdw-hero__frame {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.gsdw-hero__frame-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: repeating-linear-gradient(to bottom, color-mix(in srgb, var(--gsdw-blue) 20%, transparent) 0 4px, transparent 4px 10px);
}
.gsdw-hero__frame-line--left { left: max(24px, calc((100% - var(--gs-container)) / 2)); }
.gsdw-hero__frame-line--right { right: max(24px, calc((100% - var(--gs-container)) / 2)); }
.gsdw-hero__shell { position: relative; }
.gsdw-hero__intro {
    max-width: 1080px;
    margin: 0 auto;
    padding: 14px 0 56px;
    text-align: center;
}
.gsdw-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid color-mix(in srgb, var(--gsdw-orange) 34%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--gsdw-orange) 9%, transparent);
    color: var(--gsdw-orange);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .02em;
}
.gsdw-hero h1 {
    max-width: 1080px;
    margin: 26px auto 0;
    color: var(--gsdw-text);
    font-size: clamp(3rem, 5.3vw, 5.3rem);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.055em;
    text-wrap: balance;
}
.gsdw-hero__intro p {
    max-width: 1050px;
    margin: 28px auto 0;
    color: var(--gsdw-muted);
    font-size: clamp(1rem, 1.3vw, 1.14rem);
    line-height: 1.6;
    text-wrap: balance;
}
.gsdw-hero__highlights {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--gsdw-line);
    background: color-mix(in srgb, var(--gsdw-surface) 94%, transparent);
}
.gsdw-hero__highlight {
    position: relative;
    min-height: 224px;
    display: flex;
    flex-direction: column;
    padding: 36px 32px 30px;
    color: var(--gsdw-text);
    text-decoration: none;
    transition: background .2s ease;
}
.gsdw-hero__highlight:not(:last-of-type) { border-right: 1px solid var(--gsdw-line); }
.gsdw-hero__highlight:hover { background: color-mix(in srgb, var(--gsdw-blue) 4%, var(--gsdw-surface)); }
.gsdw-hero__highlight:nth-of-type(2):hover { background: color-mix(in srgb, var(--gsdw-orange) 5%, var(--gsdw-surface)); }
.gsdw-hero__highlight-meta {
    display: block;
    margin-bottom: 17px;
    color: var(--gsdw-blue);
    font-size: 10px;
    font-weight: 730;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.gsdw-hero__highlight-meta--orange { color: var(--gsdw-orange); }
.gsdw-hero__highlight h3 {
    margin: 0;
    color: var(--gsdw-text);
    font-size: clamp(1.15rem, 1.45vw, 1.35rem);
    font-weight: 650;
    line-height: 1.24;
    letter-spacing: -.026em;
}
.gsdw-hero__highlight p {
    margin: 13px 0 24px;
    color: var(--gsdw-muted);
    font-size: 13px;
    line-height: 1.65;
}
.gsdw-hero__highlight-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: auto;
    color: var(--gsdw-text);
    font-size: 11px;
    font-weight: 680;
}
.gsdw-hero__highlight-link b { color: var(--gsdw-blue); font-weight: 500; }
.gsdw-hero__highlight:nth-of-type(2) .gsdw-hero__highlight-link b { color: var(--gsdw-orange); }
.gsdw-hero__junction {
    position: absolute;
    z-index: 3;
    left: var(--x);
    top: var(--y);
    width: 9px;
    height: 9px;
    border: 1px solid color-mix(in srgb, var(--gsdw-muted) 34%, transparent);
    border-radius: 1.5px;
    background: var(--gsdw-surface);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* HEADS -------------------------------------------------- */
.gsdw-section-head { padding: 66px 72px 46px; text-align: center; }
.gsdw-section-head--left { text-align: left; }
.gsdw-section-head--compact { padding-bottom: 36px; }
.gsdw-section-head h2,
.gsdw-process__intro h2,
.gsdw-projects h2 {
    margin: 15px auto 0;
    color: var(--gsdw-text);
    font-size: clamp(2.5rem, 4vw, 4.45rem);
    font-weight: 610;
    line-height: 1;
    letter-spacing: -.056em;
    text-wrap: balance;
}
.gsdw-section-head--left h2 { max-width: 1050px; margin-inline: 0; }
.gsdw-section-head > p { max-width: 780px; margin: 20px auto 0; color: var(--gsdw-muted); font-size: 14px; line-height: 1.72; }
.gsdw-section-head--left > p { margin-inline: 0; }

/* INTRO -------------------------------------------------- */
.gsdw-intro .gsdw-container { border-bottom: 1px dashed var(--gsdw-dash); }
.gsdw-intro__grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border-top: 1px dashed var(--gsdw-dash); }
.gsdw-intro__grid article { min-height: 190px; padding: 34px 30px 32px; }
.gsdw-intro__grid article:not(:last-child) { border-right: 1px dashed var(--gsdw-dash); }
.gsdw-intro__grid article > span { color: var(--gsdw-blue); font-size: 10px; font-weight: 740; letter-spacing: .11em; }
.gsdw-intro__grid h3 { margin: 26px 0 8px; color: var(--gsdw-text); font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.gsdw-intro__grid p { margin: 0; color: var(--gsdw-muted); font-size: 12px; line-height: 1.65; }

/* AREAS -------------------------------------------------- */
.gsdw-areas .gsdw-container { border-bottom: 1px dashed var(--gsdw-dash); }
.gsdw-areas__list { border-top: 1px dashed var(--gsdw-dash); }
.gsdw-area { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); min-height: 500px; }
.gsdw-area + .gsdw-area { border-top: 1px dashed var(--gsdw-dash); }
.gsdw-area:nth-child(even) .gsdw-area__content { order: 2; border-left: 1px dashed var(--gsdw-dash); border-right: 0; }
.gsdw-area:nth-child(even) .gsdw-area__visual { order: 1; }
.gsdw-area__content { display: flex; flex-direction: column; justify-content: center; padding: 58px 62px; border-right: 1px dashed var(--gsdw-dash); }
.gsdw-area__meta { display: flex; gap: 12px; align-items: center; color: var(--gsdw-blue); font-size: 10px; font-weight: 740; letter-spacing: .12em; }
.gsdw-area__meta span { color: var(--gsdw-orange); }
.gsdw-area h3 { max-width: 680px; margin: 18px 0 0; color: var(--gsdw-text); font-size: clamp(2.25rem, 3.2vw, 3.8rem); font-weight: 610; line-height: 1.02; letter-spacing: -.052em; text-wrap: balance; }
.gsdw-area__content > p { max-width: 660px; margin: 22px 0 0; color: var(--gsdw-muted); font-size: 14px; line-height: 1.75; }
.gsdw-area__chips { display: flex; flex-wrap: wrap; gap: 7px 17px; margin-top: 28px; }
.gsdw-area__chips span { position: relative; color: var(--gsdw-muted); font-size: 10px; font-weight: 600; }
.gsdw-area__chips span:not(:last-child)::after { content: ""; position: absolute; right: -10px; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: var(--gsdw-orange); transform: translateY(-50%); }
.gsdw-text-link { display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin-top: 32px; color: var(--gsdw-text); font-size: 12px; font-weight: 680; text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--gsdw-blue) 45%, transparent); padding-bottom: 3px; }
.gsdw-text-link:hover { color: var(--gsdw-blue); }
.gsdw-area__visual { position: relative; display: grid; place-items: center; min-width: 0; overflow: hidden; padding: 54px; background: color-mix(in srgb, var(--gsdw-soft) 56%, transparent); }
.gsdw-area__visual::before { content:""; position:absolute; inset:0; opacity:.52; background-image: linear-gradient(var(--gsdw-line) 1px, transparent 1px), linear-gradient(90deg,var(--gsdw-line) 1px,transparent 1px); background-size: 36px 36px; -webkit-mask-image: radial-gradient(circle at center,#000,transparent 76%); mask-image: radial-gradient(circle at center,#000,transparent 76%); }

/* CSS demos */
.gsdw-browser,
.gsdw-shop-demo,
.gsdw-growth-demo { position: relative; z-index: 1; width: min(100%, 620px); border: 1px solid var(--gsdw-line); border-radius: 13px; background: color-mix(in srgb, var(--gsdw-surface) 96%, transparent); box-shadow: 0 28px 80px rgba(17,24,39,.08); }
.gsdw-browser { overflow: hidden; }
.gsdw-browser__bar { height: 42px; display:flex; align-items:center; gap:6px; padding:0 14px; border-bottom:1px solid var(--gsdw-line); }
.gsdw-browser__bar i { width:7px; height:7px; border-radius:50%; background: color-mix(in srgb, var(--gsdw-muted) 38%, transparent); }
.gsdw-browser__bar i:nth-child(2) { background: color-mix(in srgb, var(--gsdw-orange) 55%, transparent); }
.gsdw-browser__bar i:nth-child(3) { background: color-mix(in srgb, var(--gsdw-blue) 55%, transparent); }
.gsdw-browser__bar span { width:42%; height:8px; margin-left:auto; border-radius:99px; background: color-mix(in srgb, var(--gsdw-muted) 10%, transparent); }
.gsdw-browser__page { padding: 20px; }
.gsdw-browser__nav { width: 54%; height: 10px; border-radius: 99px; background: color-mix(in srgb, var(--gsdw-blue) 17%, transparent); }
.gsdw-browser__hero { height: 160px; display:flex; flex-direction:column; justify-content:center; gap:10px; margin-top:18px; padding:28px; border-radius:9px; background: linear-gradient(120deg,color-mix(in srgb,var(--gsdw-blue) 12%,var(--gsdw-surface)),color-mix(in srgb,var(--gsdw-orange) 12%,var(--gsdw-surface))); }
.gsdw-browser__hero b { display:block; height:10px; width:68%; border-radius:99px; background: color-mix(in srgb,var(--gsdw-text) 20%,transparent); }
.gsdw-browser__hero b:nth-child(2) { width:84%; height:17px; background: color-mix(in srgb,var(--gsdw-text) 38%,transparent); }
.gsdw-browser__hero b:nth-child(3) { width:45%; }
.gsdw-browser__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:10px; }
.gsdw-browser__cards span { height:82px; border:1px solid var(--gsdw-line); border-radius:8px; background:color-mix(in srgb,var(--gsdw-soft) 68%,transparent); }

.gsdw-shop-demo { padding: 18px; }
.gsdw-shop-demo__search { min-height: 46px; display:flex; align-items:center; gap:11px; padding:0 14px; border:1px solid color-mix(in srgb,var(--gsdw-blue) 32%,var(--gsdw-line)); border-radius:9px; color:var(--gsdw-muted); font-size:11px; }
.gsdw-shop-demo__search i { color:var(--gsdw-blue); }
.gsdw-shop-demo__search span { flex:1; }
.gsdw-shop-demo__search b { font-size:9px; font-weight:650; border:1px solid var(--gsdw-line); border-radius:5px; padding:3px 5px; }
.gsdw-shop-demo__row { min-height:78px; display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:12px; margin-top:10px; padding:11px; border:1px solid var(--gsdw-line); border-radius:9px; }
.gsdw-shop-demo__thumb { width:46px; height:46px; border-radius:7px; background:linear-gradient(145deg,color-mix(in srgb,var(--gsdw-blue) 16%,var(--gsdw-soft)),color-mix(in srgb,var(--gsdw-orange) 12%,var(--gsdw-soft))); }
.gsdw-shop-demo__row b { display:block; color:var(--gsdw-text); font-size:11px; font-weight:670; }
.gsdw-shop-demo__row small { display:block; margin-top:3px; color:var(--gsdw-muted); font-size:8px; }
.gsdw-shop-demo__row strong { color:var(--gsdw-text); font-size:13px; }
.gsdw-shop-demo__footer { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; }
.gsdw-shop-demo__footer span { padding:8px 6px; border-radius:6px; background:var(--gsdw-soft); color:var(--gsdw-muted); font-size:8px; text-align:center; }

.gsdw-growth-demo { padding: 24px; }
.gsdw-growth-demo__top { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.gsdw-growth-demo__top span { color:var(--gsdw-blue); font-size:9px; font-weight:750; letter-spacing:.12em; }
.gsdw-growth-demo__top strong { color:var(--gsdw-text); font-size:18px; font-weight:650; }
.gsdw-growth-demo__chart { height:190px; display:flex; align-items:flex-end; gap:12px; margin-top:26px; padding:18px 18px 0; border-left:1px dashed var(--gsdw-dash); border-bottom:1px dashed var(--gsdw-dash); }
.gsdw-growth-demo__chart i { flex:1; height:var(--h); min-width:15px; border-radius:5px 5px 0 0; background:linear-gradient(to top,var(--gsdw-blue),color-mix(in srgb,var(--gsdw-orange) 78%,var(--gsdw-blue))); opacity:.78; }
.gsdw-growth-demo__metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:22px; border-top:1px dashed var(--gsdw-dash); }
.gsdw-growth-demo__metrics span { padding:16px 10px 0 0; }
.gsdw-growth-demo__metrics span:not(:last-child) { border-right:1px dashed var(--gsdw-dash); margin-right:12px; }
.gsdw-growth-demo__metrics b { display:block; color:var(--gsdw-text); font-size:11px; }
.gsdw-growth-demo__metrics small { display:block; margin-top:3px; color:var(--gsdw-muted); font-size:8px; }

/* CAPABILITIES ------------------------------------------- */
.gsdw-capabilities .gsdw-container { border-bottom: 1px dashed var(--gsdw-dash); }
.gsdw-capabilities__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px dashed var(--gsdw-dash); }
.gsdw-capability { min-height: 220px; padding: 34px 34px 30px; }
.gsdw-capability:not(:nth-child(3n)) { border-right:1px dashed var(--gsdw-dash); }
.gsdw-capability:nth-child(n+4) { border-top:1px dashed var(--gsdw-dash); }
.gsdw-capability__icon { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--gsdw-line); border-radius:8px; color:var(--gsdw-blue); background:var(--gsdw-soft); font-size:12px; }
.gsdw-capability:nth-child(3n+2) .gsdw-capability__icon { color:var(--gsdw-orange); }
.gsdw-capability h3 { margin:34px 0 8px; color:var(--gsdw-text); font-size:16px; font-weight:650; letter-spacing:-.025em; }
.gsdw-capability p { margin:0; color:var(--gsdw-muted); font-size:12px; line-height:1.65; }

/* PROCESS ------------------------------------------------ */
.gsdw-process__layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); border-bottom:1px dashed var(--gsdw-dash); }
.gsdw-process__intro { display:flex; flex-direction:column; justify-content:center; padding:64px 68px; border-right:1px dashed var(--gsdw-dash); }
.gsdw-process__intro h2 { margin-inline:0; font-size:clamp(2.4rem,3.6vw,4rem); }
.gsdw-process__intro > p { max-width:600px; margin:20px 0 0; color:var(--gsdw-muted); font-size:13px; line-height:1.72; }
.gsdw-process__steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.gsdw-step { min-height:220px; display:grid; grid-template-columns:42px 1fr; gap:18px; padding:38px 32px; }
.gsdw-step:nth-child(odd) { border-right:1px dashed var(--gsdw-dash); }
.gsdw-step:nth-child(n+3) { border-top:1px dashed var(--gsdw-dash); }
.gsdw-step > span { color:var(--gsdw-orange); font-size:10px; font-weight:740; letter-spacing:.1em; }
.gsdw-step h3 { margin:0; color:var(--gsdw-text); font-size:18px; font-weight:650; letter-spacing:-.03em; }
.gsdw-step p { margin:10px 0 0; color:var(--gsdw-muted); font-size:12px; line-height:1.65; }

/* STACK -------------------------------------------------- */
.gsdw-stack .gsdw-container { border-bottom:1px dashed var(--gsdw-dash); }
.gsdw-stack__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px dashed var(--gsdw-dash); }
.gsdw-stack__grid > span { min-height:145px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:26px; }
.gsdw-stack__grid > span:not(:last-child) { border-right:1px dashed var(--gsdw-dash); }
.gsdw-stack__grid i { margin-bottom:19px; color:var(--gsdw-blue); font-size:20px; }
.gsdw-stack__grid span:nth-child(even) i { color:var(--gsdw-orange); }
.gsdw-stack__grid b { color:var(--gsdw-text); font-size:13px; font-weight:650; }
.gsdw-stack__grid small { margin-top:4px; color:var(--gsdw-muted); font-size:10px; }

/* PROJECTS ----------------------------------------------- */
.gsdw-projects__layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); border-bottom:1px dashed var(--gsdw-dash); }
.gsdw-projects__layout > div:first-child { padding:60px 62px; border-right:1px dashed var(--gsdw-dash); }
.gsdw-projects h2 { margin-inline:0; font-size:clamp(2.35rem,3.4vw,3.75rem); }
.gsdw-projects__links { display:flex; flex-direction:column; }
.gsdw-projects__links a { flex:1; min-height:130px; display:grid; grid-template-columns:1fr auto; align-content:center; column-gap:18px; padding:28px 34px; color:var(--gsdw-text); text-decoration:none; transition:background .18s ease; }
.gsdw-projects__links a + a { border-top:1px dashed var(--gsdw-dash); }
.gsdw-projects__links a:hover { background:color-mix(in srgb,var(--gsdw-blue) 4%,transparent); }
.gsdw-projects__links span { font-size:15px; font-weight:650; letter-spacing:-.025em; }
.gsdw-projects__links small { display:block; margin-top:4px; color:var(--gsdw-muted); font-size:10px; grid-column:1; }
.gsdw-projects__links b { grid-column:2; grid-row:1 / span 2; color:var(--gsdw-blue); font-size:14px; }

/* Reutilización componentes Home ------------------------- */
.gsdw-page .gs-home-trusted { background:var(--gsdw-bg); }
.gsdw-page .gs-home-trusted__container { width:min(var(--gs-container),calc(100% - 48px)); }
.gsdw-final-cta { background:var(--gsdw-bg); }
.gsdw-final-cta .gs-home-final-cta__container { width:min(var(--gs-container),calc(100% - 48px)); }

/* DARK MODE refinements ---------------------------------- */
html[data-gs-theme="dark"] .gsdw-hero__dots { opacity:.42; }
html[data-gs-theme="dark"] .gsdw-hero__highlights { background:color-mix(in srgb,var(--gsdw-surface) 92%,transparent); }
html[data-gs-theme="dark"] .gsdw-hero__highlight:hover { background:color-mix(in srgb,var(--gsdw-blue) 9%,var(--gsdw-surface)); }
html[data-gs-theme="dark"] .gsdw-hero__highlight:nth-of-type(2):hover { background:color-mix(in srgb,var(--gsdw-orange) 8%,var(--gsdw-surface)); }
html[data-gs-theme="dark"] .gsdw-browser,
html[data-gs-theme="dark"] .gsdw-shop-demo,
html[data-gs-theme="dark"] .gsdw-growth-demo { box-shadow:0 22px 66px rgba(0,0,0,.22); }

/* RESPONSIVE --------------------------------------------- */
@media (max-width: 1180px) {
    .gsdw-area__content { padding:50px 46px; }
    .gsdw-area__visual { padding:40px; }
    .gsdw-process__intro, .gsdw-projects__layout > div:first-child { padding:52px 46px; }
}

@media (max-width: 960px) {
    .gsdw-hero { padding:calc(var(--gs-header-height,68px) + 46px) 0 64px; }
    .gsdw-hero h1 { font-size:clamp(2.7rem,6vw,4.4rem); }
    .gsdw-hero__highlights { grid-template-columns:1fr; }
    .gsdw-hero__highlight { min-height:0; }
    .gsdw-hero__highlight:not(:last-of-type) { border-right:0; border-bottom:1px solid var(--gsdw-line); }
    .gsdw-hero__junction { display:none; }
    .gsdw-intro__grid { grid-template-columns:repeat(2,1fr); }
    .gsdw-intro__grid article:nth-child(2) { border-right:0; }
    .gsdw-intro__grid article:nth-child(n+3) { border-top:1px dashed var(--gsdw-dash); }
    .gsdw-area { grid-template-columns:1fr; }
    .gsdw-area__content,
    .gsdw-area:nth-child(even) .gsdw-area__content { order:1; border-right:0; border-left:0; border-bottom:1px dashed var(--gsdw-dash); }
    .gsdw-area__visual,
    .gsdw-area:nth-child(even) .gsdw-area__visual { order:2; min-height:430px; }
    .gsdw-capabilities__grid { grid-template-columns:repeat(2,1fr); }
    .gsdw-capability:not(:nth-child(3n)) { border-right:0; }
    .gsdw-capability:nth-child(n+4) { border-top:0; }
    .gsdw-capability:nth-child(odd) { border-right:1px dashed var(--gsdw-dash); }
    .gsdw-capability:nth-child(n+3) { border-top:1px dashed var(--gsdw-dash); }
    .gsdw-process__layout, .gsdw-projects__layout { grid-template-columns:1fr; }
    .gsdw-process__intro, .gsdw-projects__layout > div:first-child { border-right:0; border-bottom:1px dashed var(--gsdw-dash); }
    .gsdw-stack__grid { grid-template-columns:repeat(3,1fr); }
    .gsdw-stack__grid > span { border-bottom:1px dashed var(--gsdw-dash); }
    .gsdw-stack__grid > span:nth-child(3) { border-right:0; }
    .gsdw-stack__grid > span:nth-child(n+4) { border-bottom:0; }
}

@media (max-width: 680px) {
    .gsdw-page::before { left:16px; }
    .gsdw-page::after { right:16px; }
    .gsdw-container,
    .gsdw-page .gs-home-trusted__container,
    .gsdw-final-cta .gs-home-final-cta__container { width:calc(100% - 32px); }
    .gsdw-hero { padding:calc(var(--gs-header-height,68px) + 34px) 0 48px; }
    .gsdw-hero__frame-line--left { left:16px; }
    .gsdw-hero__frame-line--right { right:16px; }
    .gsdw-hero__intro { padding-bottom:34px; }
    .gsdw-hero__eyebrow { min-height:34px; padding:0 13px; font-size:11px; }
    .gsdw-hero h1 { font-size:clamp(2.35rem,11.2vw,3.25rem); line-height:1.03; }
    .gsdw-hero__intro p { font-size:1rem; line-height:1.55; }
    .gsdw-hero__highlight { padding:28px 22px 26px; }
    .gsdw-section-head { padding:52px 22px 36px; text-align:left; }
    .gsdw-section-head h2, .gsdw-section-head > p { margin-inline:0; }
    .gsdw-intro__grid { grid-template-columns:1fr; }
    .gsdw-intro__grid article:not(:last-child),
    .gsdw-intro__grid article:nth-child(odd) { border-right:0; border-bottom:1px dashed var(--gsdw-dash); }
    .gsdw-intro__grid article:nth-child(n+3) { border-top:0; }
    .gsdw-intro__grid article { min-height:150px; padding:28px 22px; }
    .gsdw-area__content { padding:42px 22px 38px; }
    .gsdw-area__visual { min-height:350px; padding:24px 20px; }
    .gsdw-area h3 { font-size:clamp(2.15rem,10vw,3rem); }
    .gsdw-browser__hero { height:125px; }
    .gsdw-growth-demo__chart { height:150px; gap:7px; }
    .gsdw-capabilities__grid { grid-template-columns:1fr; }
    .gsdw-capability, .gsdw-capability:nth-child(odd) { min-height:175px; border-right:0; border-bottom:1px dashed var(--gsdw-dash); border-top:0; padding:28px 22px; }
    .gsdw-capability:last-child { border-bottom:0; }
    .gsdw-capability h3 { margin-top:24px; }
    .gsdw-process__intro, .gsdw-projects__layout > div:first-child { padding:48px 22px; }
    .gsdw-process__steps { grid-template-columns:1fr; }
    .gsdw-step, .gsdw-step:nth-child(odd) { min-height:160px; border-right:0; border-top:1px dashed var(--gsdw-dash); padding:30px 22px; }
    .gsdw-step:first-child { border-top:0; }
    .gsdw-stack__grid { grid-template-columns:1fr; }
    .gsdw-stack__grid > span, .gsdw-stack__grid > span:nth-child(3), .gsdw-stack__grid > span:nth-child(n+4) { min-height:110px; border-right:0; border-bottom:1px dashed var(--gsdw-dash); padding:22px; }
    .gsdw-stack__grid > span:last-child { border-bottom:0; }
    .gsdw-stack__grid i { margin-bottom:12px; }
    .gsdw-projects__links a { min-height:120px; padding:24px 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .gsdw-hero__highlight { transition:none; }
}