/* ============================================================
   KUSHIM 3.11 · DISEÑO WEB QUILPUÉ
   Fase 2D SEO Local · Landing distintiva
   ============================================================ */

.quilpue-page{
    --quilpue-jade:#00d6a2;
    --quilpue-jade-soft:#57e6c4;
    --quilpue-gold:#e0b45a;
    --quilpue-blue:#38554a;
    --quilpue-blue-soft:#7a6a3d;
    --quilpue-ink:#07110f;
    --quilpue-ink-2:#0b1713;
    --quilpue-line:rgba(255,255,255,.09);
    background:var(--quilpue-ink);
    overflow:clip;
}
.quilpue-page .sec-title{max-width:1080px}
.quilpue-page .sec-intro{max-width:800px}
.quilpue-page strong{color:#f5f8f6}

/* ============================================================
   HERO · PUERTO / CONTROL DE FLUJO
   ============================================================ */
.quilpue-hero{
    position:relative;
    min-height:100svh;
    display:flex;
    align-items:center;
    padding:clamp(7.6rem,9vh,9.4rem) 0 clamp(4.8rem,7vh,6.4rem);
    isolation:isolate;
    overflow:hidden;
    background:#061014;
}
.quilpue-hero-media{
    position:absolute;
    inset:0;
    z-index:-3;
    overflow:hidden;
}
.quilpue-hero-photo{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
    transform:translate3d(0,var(--quilpue-photo-shift,0px),0) scale(1.045);
    filter:saturate(.88) contrast(1.06) brightness(.55) sepia(.05);
    will-change:transform;
}
.quilpue-hero-veil{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(4,12,10,.96) 0%,rgba(5,17,14,.84) 36%,rgba(14,42,32,.38) 63%,rgba(12,14,9,.68) 100%),
        linear-gradient(180deg,rgba(4,10,9,.88) 0%,rgba(8,18,14,.30) 48%,rgba(5,11,9,.94) 100%),
        radial-gradient(circle at 72% 28%,rgba(0,214,162,.14),transparent 30%),
        radial-gradient(circle at 84% 17%,rgba(224,180,90,.15),transparent 26%);
}
.quilpue-hero-gridlines{
    position:absolute;
    inset:0;
    opacity:.2;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
    background-size:74px 74px;
    mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.7) 62%,transparent 100%);
}
.quilpue-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:28%;
    z-index:-1;
    background:linear-gradient(180deg,transparent,#061014 94%);
    pointer-events:none;
}
.quilpue-hero-shell{
    position:relative;
    z-index:2;
    width:min(calc(100% - 2.5rem),2020px);
    max-width:none;
    margin-inline:auto;
}
.quilpue-breadcrumb{margin-bottom:1.65rem}
.quilpue-breadcrumb a,.quilpue-breadcrumb strong{color:rgba(229,239,235,.58)}
.quilpue-breadcrumb a:hover{color:var(--quilpue-jade)}
.quilpue-breadcrumb span{color:rgba(0,214,162,.58)}

.quilpue-hero-layout{
    display:grid;
    grid-template-columns:minmax(0,1.38fr) minmax(420px,.62fr);
    gap:clamp(2.4rem,4vw,5rem);
    align-items:center;
}
.quilpue-hero-copy{max-width:1320px}
.quilpue-hero-copy h1{
    margin:1.05rem 0 1.45rem;
    max-width:1290px;
    color:#fff;
    font:900 clamp(4.25rem,6.15vw,7.35rem)/.9 var(--font-display);
    letter-spacing:-.068em;
    text-wrap:pretty;
}
.quilpue-hero-copy h1 span{
    color:var(--quilpue-jade);
    font-weight:300;
    font-style:italic;
}
.quilpue-lead{
    max-width:900px;
    color:rgba(230,239,236,.74);
    font-size:clamp(1rem,1.22vw,1.18rem);
    line-height:1.8;
}
.quilpue-lead strong{color:#fff;font-weight:600}
.quilpue-hero .dw-btn-ghost{
    color:#edf5f2;
    border-color:rgba(255,255,255,.18);
    background:rgba(4,12,15,.34);
    backdrop-filter:blur(12px);
}
.quilpue-hero-proof{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.6rem .78rem;
    margin-top:2rem;
    color:rgba(230,238,235,.55);
    font:500 .64rem/1.4 var(--font-mono);
    letter-spacing:.09em;
    text-transform:uppercase;
}
.quilpue-hero-proof i{font-style:normal;color:var(--quilpue-jade)}

.quilpue-growth{
    position:relative;
    margin-left:auto;
    width:min(100%,560px);
    padding:1.2rem;
    border:1px solid rgba(0,214,162,.22);
    border-radius:30px;
    background:
        radial-gradient(circle at 85% 5%,rgba(18,63,82,.24),transparent 32%),
        linear-gradient(145deg,rgba(10,22,25,.91),rgba(4,9,11,.95));
    box-shadow:0 38px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
    overflow:hidden;
}
.quilpue-growth::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.24;
    background-image:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:38px 38px;
    pointer-events:none;
}
.quilpue-growth-head,.quilpue-growth-foot{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    color:#708083;
    font:500 .58rem/1.3 var(--font-mono);
    letter-spacing:.11em;
}
.quilpue-growth-head{padding:.28rem .38rem 1rem}
.quilpue-growth-head span{display:flex;align-items:center;gap:.5rem}
.quilpue-growth-head i{width:7px;height:7px;border-radius:50%;background:var(--quilpue-jade);box-shadow:0 0 15px rgba(0,214,162,.72)}
.quilpue-growth-head b,.quilpue-growth-foot b{color:#889795;font-weight:500}
.quilpue-growth-core{
    position:relative;
    z-index:2;
    padding:1.2rem 1.15rem 1.25rem;
    border:1px solid rgba(255,255,255,.07);
    border-radius:17px;
    background:rgba(255,255,255,.02);
}
.quilpue-growth-core small{color:var(--quilpue-gold);font:600 .54rem var(--font-mono);letter-spacing:.12em}
.quilpue-growth-core strong{display:block;margin-top:.5rem;color:#f1f6f4;font:800 clamp(1.6rem,2vw,2rem)/1.05 var(--font-display)}
.quilpue-growth-rail{
    position:relative;
    z-index:2;
    height:34px;
    margin:0 1.2rem;
}
.quilpue-growth-rail::before{
    content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(0,214,162,.1),rgba(0,214,162,.5),rgba(0,214,162,.1));
}
.quilpue-growth-rail i{
    position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#0c191c;border:1px solid rgba(0,214,162,.55);transform:translate(-50%,-50%);
}
.quilpue-growth-rail i:nth-child(1){left:8%}.quilpue-growth-rail i:nth-child(2){left:36%}.quilpue-growth-rail i:nth-child(3){left:64%}.quilpue-growth-rail i:nth-child(4){left:92%}
.quilpue-growth-rail i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(0,214,162,.1)}
.quilpue-growth-steps{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.72rem;
}
.quilpue-growth-steps article{
    position:relative;
    min-height:135px;
    padding:1rem 1rem .9rem;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:rgba(255,255,255,.018);
}
.quilpue-growth-steps article>span{display:block;color:rgba(255,255,255,.08);font:900 1.85rem/1 var(--font-display)}
.quilpue-growth-steps small{display:block;margin-top:.48rem;color:var(--quilpue-jade);font:600 .53rem var(--font-mono);letter-spacing:.1em}
.quilpue-growth-steps strong{display:block;margin:.35rem 0;color:#eaf2ef;font:700 .86rem var(--font-display)}
.quilpue-growth-steps p{margin:0;color:#6f7c7e;font-size:.66rem;line-height:1.48}
.quilpue-growth-foot{margin-top:.8rem;padding:1rem .4rem .28rem;border-top:1px solid rgba(255,255,255,.06)}
.quilpue-growth-foot b{color:var(--quilpue-jade)}

.quilpue-scroll{
    position:absolute;left:50%;bottom:1.8rem;z-index:4;transform:translateX(-50%);
    display:flex;align-items:center;gap:.65rem;color:rgba(255,255,255,.42);text-decoration:none;font:500 .56rem var(--font-mono);letter-spacing:.13em;
}
.quilpue-scroll i{position:relative;width:1px;height:26px;background:rgba(255,255,255,.15);overflow:hidden}
.quilpue-scroll i::after{content:"";position:absolute;left:0;top:-100%;width:1px;height:100%;background:var(--quilpue-jade);animation:quilpueScroll 1.8s ease-in-out infinite}
@keyframes quilpueScroll{0%{top:-100%}55%,100%{top:100%}}

/* ============================================================
   ESCENAS BASE
   ============================================================ */
.quilpue-scene{
    position:relative;
    min-height:88svh;
    display:flex;
    align-items:center;
    padding:clamp(6rem,8vw,9rem) 0;
    isolation:isolate;
}
.quilpue-scene::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none}
.quilpue-scene::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6}
.quilpue-head-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);gap:clamp(2.5rem,5vw,6rem);align-items:end;margin-bottom:clamp(3rem,5vw,5rem)}
.quilpue-head-split .sec-intro{margin-left:auto}

/* scene 1 */
.quilpue-growth-story{background:#071114}
.quilpue-growth-story::before{
    background:
        radial-gradient(circle at 63% 42%,rgba(0,214,162,.08),transparent 28%),
        linear-gradient(135deg,rgba(18,63,82,.09),transparent 42%);
}
.quilpue-growth-story::after{
    background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 24px);
    mask-image:linear-gradient(90deg,#000,transparent 85%);
}
.quilpue-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.quilpue-story-card{
    position:relative;min-height:360px;padding:clamp(1.7rem,2.5vw,2.5rem);border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(150deg,rgba(255,255,255,.032),rgba(255,255,255,.012));overflow:hidden;
}
.quilpue-story-card::after{content:"";position:absolute;left:2rem;right:2rem;bottom:1.6rem;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}
.quilpue-story-card>span{display:block;color:rgba(255,255,255,.08);font:900 clamp(3rem,5vw,5.2rem)/1 var(--font-display)}
.quilpue-story-card small{display:block;margin:2rem 0 .75rem;color:var(--quilpue-jade);font:600 .58rem var(--font-mono);letter-spacing:.11em}
.quilpue-story-card h3{margin:0 0 .8rem;color:#eef4f2;font:800 clamp(1.6rem,2.2vw,2.2rem)/1.05 var(--font-display)}
.quilpue-story-card p{color:#788688;line-height:1.7}
.quilpue-story-card.is-accent{border-color:rgba(0,214,162,.28);background:radial-gradient(circle at 80% 10%,rgba(0,214,162,.12),transparent 36%),linear-gradient(150deg,rgba(9,38,35,.65),rgba(5,14,16,.75))}
.quilpue-story-card.is-accent::after{background:linear-gradient(90deg,var(--quilpue-jade),transparent)}

/* ============================================================
   MARQUEE
   ============================================================ */
.quilpue-marquee{
    position:relative;z-index:3;width:100%;overflow:hidden;border-block:1px solid rgba(0,214,162,.16);background:#0a1b1c;padding:1.15rem 0;
}
.quilpue-marquee::before,.quilpue-marquee::after{content:"";position:absolute;top:0;bottom:0;width:14vw;z-index:2;pointer-events:none}
.quilpue-marquee::before{left:0;background:linear-gradient(90deg,#0a1b1c,transparent)}
.quilpue-marquee::after{right:0;background:linear-gradient(-90deg,#0a1b1c,transparent)}
.quilpue-marquee-track{display:flex;width:max-content;animation:quilpueMarquee 38s linear infinite}
.quilpue-marquee-track.is-reverse{animation-direction:reverse;animation-duration:42s}
.quilpue-marquee p{margin:0;padding-right:3.4rem;white-space:nowrap;color:#748483;font:500 .72rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.quilpue-marquee p strong{color:var(--quilpue-jade)}
.quilpue-marquee p i{font-style:normal;margin:0 1rem;color:rgba(202,169,107,.75)}
.quilpue-marquee.is-dark{background:#061013;border-color:rgba(255,255,255,.08)}
.quilpue-marquee.is-dark::before{background:linear-gradient(90deg,#061013,transparent)}
.quilpue-marquee.is-dark::after{background:linear-gradient(-90deg,#061013,transparent)}
@keyframes quilpueMarquee{to{transform:translateX(-50%)}}


.quilpue-text-button{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;text-align:left}
/* ============================================================
   ROUTE BOARD
   ============================================================ */
.quilpue-route{background:#0a1216}
.quilpue-route::before{
    background:
        radial-gradient(circle at 50% 54%,rgba(18,63,82,.2),transparent 34%),
        radial-gradient(circle at 68% 32%,rgba(0,214,162,.05),transparent 25%);
}
.quilpue-route::after{
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:54px 54px;
}
.quilpue-route .sec-head{margin-bottom:4rem}
.quilpue-route-board{position:relative;padding:2rem 0 1rem}
.quilpue-route-line{position:absolute;left:3%;right:3%;top:49%;height:1px;background:rgba(255,255,255,.08);overflow:visible}
.quilpue-route-line i{display:block;width:0;height:1px;background:linear-gradient(90deg,var(--quilpue-jade),rgba(0,214,162,.25));box-shadow:0 0 18px rgba(0,214,162,.28);transition:width 1.5s cubic-bezier(.22,.8,.28,1)}
.quilpue-route-board.is-animated .quilpue-route-line i{width:100%}
.quilpue-route-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative;z-index:2}
.quilpue-route-grid article{
    min-height:330px;padding:1.5rem 1.25rem;border:1px solid rgba(255,255,255,.08);background:rgba(8,17,20,.88);backdrop-filter:blur(10px);
}
.quilpue-route-grid article:first-child{border-radius:24px 0 0 24px}.quilpue-route-grid article:last-child{border-radius:0 24px 24px 0}
.quilpue-route-grid article.is-core{border-color:rgba(0,214,162,.36);background:radial-gradient(circle at 70% 8%,rgba(0,214,162,.12),transparent 32%),rgba(8,26,25,.92);transform:translateY(-12px)}
.quilpue-route-grid article>span{display:block;color:rgba(255,255,255,.075);font:900 2.6rem/1 var(--font-display)}
.quilpue-route-grid small{display:block;margin-top:2.5rem;color:var(--quilpue-jade);font:600 .55rem var(--font-mono);letter-spacing:.1em}
.quilpue-route-grid h3{margin:.45rem 0 .65rem;color:#eef4f2;font:800 1.25rem/1.05 var(--font-display)}
.quilpue-route-grid p{color:#748083;line-height:1.65;font-size:.9rem}
.quilpue-route-cycle{margin:2.6rem auto 0;width:max-content;max-width:100%;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08);color:#7e898b;font:600 .61rem var(--font-mono);letter-spacing:.08em;text-align:center}
.quilpue-route-cycle i{font-style:normal;color:var(--quilpue-jade);margin:0 .55rem}

/* ============================================================
   IMPLEMENTATION
   ============================================================ */
.quilpue-implementation{background:#071313}
.quilpue-implementation::before{background:radial-gradient(circle at 22% 40%,rgba(0,214,162,.075),transparent 28%),radial-gradient(circle at 82% 56%,rgba(202,169,107,.06),transparent 25%)}
.quilpue-implementation::after{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 68px)}
.quilpue-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.quilpue-product{position:relative;min-height:650px;padding:clamp(2rem,3vw,3rem);border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}
.quilpue-product.is-commerce{border-color:rgba(202,169,107,.22);background:radial-gradient(circle at 85% 8%,rgba(202,169,107,.11),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.01))}
.quilpue-product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}
.quilpue-product-top>span{color:rgba(255,255,255,.08);font:900 3.1rem/1 var(--font-display)}
.quilpue-product-top>b{color:var(--quilpue-jade);font:600 .62rem var(--font-mono);letter-spacing:.12em}
.quilpue-product.is-commerce .quilpue-product-top>b{color:var(--quilpue-gold)}
.quilpue-product h3{max-width:600px;margin:0 0 1rem;color:#f0f5f3;font:800 clamp(1.8rem,2.5vw,2.5rem)/1.05 var(--font-display)}
.quilpue-product>p{max-width:670px;color:#7b888a;line-height:1.72}
.quilpue-price{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap;margin:2.3rem 0 1.8rem;padding-block:1.35rem;border-block:1px solid rgba(255,255,255,.07)}
.quilpue-price small{width:100%;color:#748082;font-size:.76rem}.quilpue-price strong{color:#fff;font:900 clamp(2.4rem,3.5vw,3.55rem)/1 var(--font-display);letter-spacing:-.05em}.quilpue-price span{padding-bottom:.35rem;color:#788486;font-size:.85rem}
.quilpue-product ul{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.75rem}.quilpue-product li{position:relative;padding-left:1.4rem;color:#a2aeac;font-size:.9rem}.quilpue-product li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--quilpue-jade)}
.quilpue-product.is-commerce li::before{background:var(--quilpue-gold)}
.quilpue-plan-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;margin-top:1.2rem;padding:1.3rem 1.5rem;border:1px solid rgba(0,214,162,.14);border-radius:18px;background:rgba(0,214,162,.035)}
.quilpue-plan-note>span{color:var(--quilpue-jade);font:600 .58rem var(--font-mono);letter-spacing:.1em}.quilpue-plan-note p{margin:0;color:#768486;line-height:1.55}.quilpue-plan-note a{color:#cdd8d5;text-decoration:none;font-weight:600;font-size:.82rem}.quilpue-plan-note a:hover{color:var(--quilpue-jade)}

/* ============================================================
   SEO LOCAL
   ============================================================ */
.quilpue-seo{background:#0b1414}
.quilpue-seo::before{background:radial-gradient(circle at 20% 42%,rgba(0,214,162,.11),transparent 30%),radial-gradient(circle at 80% 62%,rgba(18,63,82,.13),transparent 26%)}
.quilpue-seo::after{background-image:radial-gradient(rgba(0,214,162,.11) .8px,transparent .8px);background-size:24px 24px;opacity:.32;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.quilpue-seo-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(3rem,6vw,7rem);align-items:center}
.quilpue-seo-copy .sec-title{margin-top:1rem}
.quilpue-seo-equation{display:flex;flex-wrap:wrap;gap:.55rem .75rem;margin:2rem 0;color:#738280;font:600 .58rem var(--font-mono);letter-spacing:.08em}.quilpue-seo-equation i{font-style:normal;color:var(--quilpue-jade)}
.quilpue-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.quilpue-seo-grid article{min-height:260px;padding:1.6rem;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(4,14,15,.6);backdrop-filter:blur(10px)}
.quilpue-seo-grid article>span{color:rgba(255,255,255,.075);font:900 2.6rem/1 var(--font-display)}.quilpue-seo-grid small{display:block;margin-top:1.8rem;color:var(--quilpue-jade);font:600 .55rem var(--font-mono);letter-spacing:.1em}.quilpue-seo-grid h3{margin:.4rem 0 .6rem;color:#eef5f2;font:800 1.18rem var(--font-display)}.quilpue-seo-grid p{color:#748083;font-size:.86rem;line-height:1.65}

/* ============================================================
   SYSTEM
   ============================================================ */
.quilpue-system{background:#061014}
.quilpue-system::before{background:radial-gradient(circle at 50% 48%,rgba(0,214,162,.06),transparent 32%)}
.quilpue-system::after{background-image:linear-gradient(90deg,transparent 49.8%,rgba(0,214,162,.055) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(0,214,162,.035) 50%,transparent 50.2%);background-size:160px 160px}
.quilpue-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.quilpue-system-grid article{position:relative;min-height:330px;padding:1.7rem;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.027),rgba(255,255,255,.008))}
.quilpue-system-grid article>span{display:block;color:rgba(255,255,255,.075);font:900 3rem/1 var(--font-display)}.quilpue-system-grid small{display:block;margin-top:2.7rem;color:var(--quilpue-jade);font:600 .54rem var(--font-mono);letter-spacing:.1em}.quilpue-system-grid h3{margin:.45rem 0 .7rem;color:#eef4f2;font:800 1.35rem var(--font-display)}.quilpue-system-grid p{color:#758285;line-height:1.65;font-size:.88rem}
.quilpue-system-link{margin-top:2rem;text-align:center}.quilpue-system-link a{color:#c9d4d1;text-decoration:none;font-weight:600}.quilpue-system-link a:hover{color:var(--quilpue-jade)}

/* ============================================================
   AUDIT
   ============================================================ */
.quilpue-audit{background:#0d1515}
.quilpue-audit::before{background:radial-gradient(circle at 28% 45%,rgba(202,169,107,.07),transparent 28%),radial-gradient(circle at 72% 55%,rgba(0,214,162,.07),transparent 30%)}
.quilpue-audit::after{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 18px)}
.quilpue-audit-layout{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr);gap:clamp(3rem,7vw,8rem);align-items:center}
.quilpue-audit-console{padding:1.25rem;border:1px solid rgba(202,169,107,.2);border-radius:26px;background:linear-gradient(145deg,rgba(15,23,23,.94),rgba(6,11,13,.94));box-shadow:0 30px 90px rgba(0,0,0,.28)}
.quilpue-audit-head{display:flex;justify-content:space-between;gap:1rem;padding:.35rem .3rem 1.1rem;color:#788481;font:500 .58rem var(--font-mono);letter-spacing:.1em}.quilpue-audit-head span{display:flex;align-items:center;gap:.5rem}.quilpue-audit-head i{width:7px;height:7px;border-radius:50%;background:var(--quilpue-gold);box-shadow:0 0 14px rgba(202,169,107,.55)}
.quilpue-audit-main{display:flex;align-items:end;gap:.45rem;padding:1.8rem;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.018)}
.quilpue-audit-main strong{font:900 5rem/1 var(--font-display);letter-spacing:-.07em}.quilpue-audit-main>span{padding-bottom:.6rem;color:#6e7b7d}.quilpue-audit-main small{margin-left:auto;padding-bottom:.6rem;color:var(--quilpue-jade);font:600 .57rem var(--font-mono);letter-spacing:.1em}
.quilpue-audit-list{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.8rem}.quilpue-audit-list>span{display:flex;align-items:center;gap:.6rem;padding:.85rem .95rem;border:1px solid rgba(255,255,255,.065);border-radius:12px;color:#9ca8a6;font-size:.8rem}.quilpue-audit-list i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:.68rem}.quilpue-audit-list .ok i{background:rgba(0,214,162,.12);color:var(--quilpue-jade)}.quilpue-audit-list .warn i{background:rgba(202,169,107,.14);color:var(--quilpue-gold)}.quilpue-audit-list .bad i{background:rgba(219,91,91,.12);color:#dd7474}.quilpue-audit-console>p{margin:.9rem .25rem .15rem;color:#627072;font-size:.68rem}
.quilpue-audit-copy .sec-title{margin-top:1rem}.quilpue-audit-note{margin-top:1rem;color:#687779;font-size:.76rem}

/* ============================================================
   SPECIAL SOLUTIONS
   ============================================================ */
.quilpue-special{background:#071417}
.quilpue-special::before{background:radial-gradient(circle at 50% 18%,rgba(18,63,82,.18),transparent 32%),radial-gradient(circle at 50% 70%,rgba(0,214,162,.05),transparent 28%)}
.quilpue-special::after{background-image:linear-gradient(60deg,rgba(255,255,255,.015) 25%,transparent 25% 75%,rgba(255,255,255,.015) 75%),linear-gradient(-60deg,rgba(255,255,255,.01) 25%,transparent 25% 75%,rgba(255,255,255,.01) 75%);background-size:70px 120px}
.quilpue-special .sec-head{margin-bottom:4rem}
.quilpue-special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.quilpue-special-grid article{min-height:320px;padding:1.65rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(6,16,20,.78)}
.quilpue-special-grid article>span{color:rgba(255,255,255,.07);font:900 3rem/1 var(--font-display)}.quilpue-special-grid h3{margin:3rem 0 .7rem;color:#eef4f2;font:800 1.32rem/1.08 var(--font-display)}.quilpue-special-grid p{color:#728083;line-height:1.65;font-size:.88rem}
.quilpue-special-cta{text-align:center;margin-top:2rem}

/* ============================================================
   FIT
   ============================================================ */
.quilpue-fit{background:#091311}
.quilpue-fit::before{background:radial-gradient(circle at 15% 50%,rgba(0,214,162,.075),transparent 28%),radial-gradient(circle at 88% 35%,rgba(202,169,107,.05),transparent 23%)}
.quilpue-fit::after{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 34px)}
.quilpue-fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quilpue-fit-grid article{min-height:265px;padding:1.6rem;border-top:1px solid rgba(0,214,162,.24);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(0,214,162,.025),transparent)}.quilpue-fit-grid span{color:rgba(255,255,255,.075);font:900 2.7rem/1 var(--font-display)}.quilpue-fit-grid h3{margin:2.4rem 0 .7rem;color:#edf4f1;font:800 1.22rem var(--font-display)}.quilpue-fit-grid p{color:#748083;line-height:1.6;font-size:.87rem}

/* ============================================================
   REGIONAL LINKS
   ============================================================ */
.quilpue-nearby{background:#071013}
.quilpue-nearby::before{background:radial-gradient(circle at 68% 48%,rgba(18,63,82,.17),transparent 30%)}
.quilpue-nearby::after{background-image:radial-gradient(transparent 0 62px,rgba(0,214,162,.03) 63px 64px,transparent 65px 110px,rgba(0,214,162,.022) 111px 112px,transparent 113px);background-position:80% 50%;background-repeat:no-repeat}
.quilpue-nearby-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:clamp(3rem,7vw,8rem);align-items:center}
.quilpue-nearby-links{display:grid;gap:.8rem}.quilpue-nearby-links>a,.quilpue-nearby-links>span{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:1rem;padding:1.35rem 1.4rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.018);text-decoration:none}.quilpue-nearby-links>a:hover{border-color:rgba(0,214,162,.28);background:rgba(0,214,162,.035)}.quilpue-nearby-links span>span,.quilpue-nearby-links a>span{color:var(--quilpue-jade);font:600 .55rem var(--font-mono);letter-spacing:.1em}.quilpue-nearby-links strong{color:#dbe4e1;font:700 1rem var(--font-display)}.quilpue-nearby-links i{font-style:normal;color:#667477}.quilpue-nearby-links .is-next{opacity:.5}

/* ============================================================
   FAQ + FINAL
   ============================================================ */
.quilpue-faq{background:#0a1214}
.quilpue-faq::before{background:radial-gradient(circle at 15% 24%,rgba(0,214,162,.06),transparent 26%)}
.quilpue-faq::after{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 46px)}
.quilpue-faq-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:clamp(3rem,7vw,8rem);align-items:start}
.quilpue-faq-head .sec-title{margin-top:1rem}

.quilpue-final{position:relative;min-height:85svh;display:flex;align-items:center;padding:7rem 0;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(0,214,162,.1),transparent 31%),linear-gradient(145deg,#071516,#050b0e 70%)}
.quilpue-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 35%,rgba(202,169,107,.06),transparent 22%);pointer-events:none}
.quilpue-final-lines{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.quilpue-final-shell{position:relative;z-index:2;width:min(calc(100% - 2.5rem),1700px);max-width:none;text-align:center}
.quilpue-final-shell .dw-kicker{justify-content:center}.quilpue-final-shell h2{max-width:1400px;margin:1.35rem auto 1.3rem;color:#fff;font:900 clamp(3.3rem,6vw,7rem)/.92 var(--font-display);letter-spacing:-.065em}.quilpue-final-shell h2 span{color:var(--quilpue-jade);font-weight:300;font-style:italic}.quilpue-final-shell>p{max-width:800px;margin:0 auto;color:#7e8b8b;font-size:1.05rem;line-height:1.75}.quilpue-final-shell .dw-actions{justify-content:center}

/* ============================================================
   MOTION
   ============================================================ */
.quilpue-motion-ready .quilpue-stagger > *{
    opacity:0;
    transform:translateY(22px) scale(.992);
    filter:blur(7px);
    transition:
        opacity .72s ease var(--quilpue-delay,0ms),
        transform .82s cubic-bezier(.22,.8,.25,1) var(--quilpue-delay,0ms),
        filter .72s ease var(--quilpue-delay,0ms);
}
.quilpue-motion-ready .quilpue-stagger.is-inview > *{opacity:1;transform:none;filter:none}
.quilpue-motion-ready .quilpue-hero-layout .quilpue-growth{transform:translateX(24px) scale(.99)}
.quilpue-motion-ready .quilpue-hero-layout.is-inview .quilpue-growth{transform:none}
.quilpue-product,.quilpue-story-card,.quilpue-seo-grid article,.quilpue-system-grid article,.quilpue-special-grid article,.quilpue-fit-grid article,.quilpue-nearby-links>a{transition:border-color .28s ease,transform .28s ease,box-shadow .28s ease,background-color .28s ease}
@media (hover:hover){
    .quilpue-product:hover,.quilpue-story-card:hover,.quilpue-seo-grid article:hover,.quilpue-system-grid article:hover,.quilpue-special-grid article:hover,.quilpue-fit-grid article:hover{transform:translateY(-5px);border-color:rgba(0,214,162,.24);box-shadow:0 22px 60px rgba(0,0,0,.2)}
}

/* ============================================================
   LIGHT MODE
   Hero y final permanecen cinematográficos. Escenas interiores cambian.
   ============================================================ */
html[data-theme="light"] .quilpue-page{background:#f2f5f1;color:#15211d}
html[data-theme="light"] .quilpue-page strong{color:#15211d}
html[data-theme="light"] .quilpue-hero strong,html[data-theme="light"] .quilpue-final strong{color:#fff}
html[data-theme="light"] .quilpue-scene{color:#15211d}
html[data-theme="light"] .quilpue-growth-story{background:#eef4ef}
html[data-theme="light"] .quilpue-route{background:#f7f7f2}
html[data-theme="light"] .quilpue-implementation{background:#edf4f1}
html[data-theme="light"] .quilpue-seo{background:#f5f0e6}
html[data-theme="light"] .quilpue-system{background:#edf3f1}
html[data-theme="light"] .quilpue-audit{background:#f5f4ef}
html[data-theme="light"] .quilpue-special{background:#edf4f3}
html[data-theme="light"] .quilpue-fit{background:#f6f4ee}
html[data-theme="light"] .quilpue-nearby{background:#edf4f2}
html[data-theme="light"] .quilpue-faq{background:#f6f7f4}
html[data-theme="light"] .quilpue-page .sec-title,html[data-theme="light"] .quilpue-story-card h3,html[data-theme="light"] .quilpue-product h3,html[data-theme="light"] .quilpue-seo-grid h3,html[data-theme="light"] .quilpue-system-grid h3,html[data-theme="light"] .quilpue-special-grid h3,html[data-theme="light"] .quilpue-fit-grid h3{color:#14211d}
html[data-theme="light"] .quilpue-page .sec-intro,html[data-theme="light"] .quilpue-story-card p,html[data-theme="light"] .quilpue-product>p,html[data-theme="light"] .quilpue-seo-grid p,html[data-theme="light"] .quilpue-system-grid p,html[data-theme="light"] .quilpue-special-grid p,html[data-theme="light"] .quilpue-fit-grid p{color:#66736e}
html[data-theme="light"] .quilpue-story-card,html[data-theme="light"] .quilpue-product,html[data-theme="light"] .quilpue-seo-grid article,html[data-theme="light"] .quilpue-system-grid article,html[data-theme="light"] .quilpue-special-grid article{border-color:rgba(20,40,33,.11);background:rgba(255,255,255,.62);box-shadow:0 18px 50px rgba(35,65,53,.05)}
html[data-theme="light"] .quilpue-story-card>span,html[data-theme="light"] .quilpue-product-top>span,html[data-theme="light"] .quilpue-seo-grid article>span,html[data-theme="light"] .quilpue-system-grid article>span,html[data-theme="light"] .quilpue-special-grid article>span,html[data-theme="light"] .quilpue-fit-grid span{color:rgba(19,41,33,.08)}
html[data-theme="light"] .quilpue-route-grid article{border-color:rgba(20,40,33,.1);background:rgba(255,255,255,.78)}
html[data-theme="light"] .quilpue-route-grid article.is-core{border-color:rgba(0,166,126,.24);background:rgba(225,246,239,.9)}
html[data-theme="light"] .quilpue-route-grid h3{color:#15211d}
html[data-theme="light"] .quilpue-route-grid p{color:#69756f}
html[data-theme="light"] .quilpue-route-line{background:rgba(20,40,33,.1)}
html[data-theme="light"] .quilpue-product li{color:#65716c}
html[data-theme="light"] .quilpue-price{border-color:rgba(20,40,33,.1)}
html[data-theme="light"] .quilpue-price strong{color:#15211d}
html[data-theme="light"] .quilpue-plan-note{border-color:rgba(0,166,126,.16);background:rgba(0,166,126,.045)}
html[data-theme="light"] .quilpue-plan-note p{color:#66736e}
html[data-theme="light"] .quilpue-plan-note a{color:#244037}
html[data-theme="light"] .quilpue-audit-console{border-color:rgba(128,100,47,.18);background:#17211f}
html[data-theme="light"] .quilpue-audit-copy strong{color:#15211d}
html[data-theme="light"] .quilpue-nearby-links>a,html[data-theme="light"] .quilpue-nearby-links>span{border-color:rgba(20,40,33,.1);background:rgba(255,255,255,.62)}
html[data-theme="light"] .quilpue-nearby-links strong{color:#23332d}
html[data-theme="light"] .quilpue-marquee{background:#dfeae5;border-color:rgba(0,166,126,.15)}
html[data-theme="light"] .quilpue-marquee::before{background:linear-gradient(90deg,#dfeae5,transparent)}
html[data-theme="light"] .quilpue-marquee::after{background:linear-gradient(-90deg,#dfeae5,transparent)}
html[data-theme="light"] .quilpue-marquee p{color:#61716b}
html[data-theme="light"] .quilpue-marquee.is-dark{background:#16211f}
html[data-theme="light"] .quilpue-marquee.is-dark::before{background:linear-gradient(90deg,#16211f,transparent)}
html[data-theme="light"] .quilpue-marquee.is-dark::after{background:linear-gradient(-90deg,#16211f,transparent)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1500px){
    .quilpue-hero-layout{grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);gap:2.5rem}
    .quilpue-hero-copy h1{font-size:clamp(3.8rem,6vw,6.3rem)}
    .quilpue-system-grid,.quilpue-special-grid,.quilpue-fit-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:1180px){
    .quilpue-hero{min-height:auto;padding-top:8rem}
    .quilpue-hero-layout{grid-template-columns:1fr}
    .quilpue-growth{width:100%;max-width:900px;margin:1.5rem 0 0}
    .quilpue-growth-steps{grid-template-columns:repeat(4,1fr)}
    .quilpue-growth-steps article{min-height:150px}
    .quilpue-head-split,.quilpue-seo-layout,.quilpue-audit-layout,.quilpue-nearby-layout,.quilpue-faq-layout{grid-template-columns:1fr;gap:2.5rem}
    .quilpue-head-split .sec-intro{margin-left:0}
    .quilpue-seo-grid{max-width:980px}
    .quilpue-route-grid{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin}
    .quilpue-route-line{display:none}
    .quilpue-route-grid article{border-radius:18px!important;min-height:300px}
    .quilpue-route-grid article.is-core{transform:none}
    .quilpue-product-grid{grid-template-columns:1fr}
    .quilpue-product{min-height:auto}
    .quilpue-plan-note{grid-template-columns:1fr;gap:.75rem}
    .quilpue-audit-console{max-width:760px}
    .quilpue-nearby-links{max-width:820px}
}

@media (max-width:820px){
    .quilpue-hero-shell,.quilpue-final-shell{width:min(calc(100% - 2rem),2020px)}
    .quilpue-hero{padding:7.2rem 0 4.6rem;align-items:flex-start}
    .quilpue-breadcrumb{margin-bottom:1.2rem}
    .quilpue-hero-copy h1{font-size:clamp(3.05rem,12vw,5.4rem);line-height:.92;letter-spacing:-.06em}
    .quilpue-lead{font-size:.98rem;line-height:1.7}
    .quilpue-growth{display:none}
    .quilpue-scroll{display:none}
    .quilpue-hero-photo{object-position:58% 50%;filter:saturate(.88) contrast(1.08) brightness(.48)}
    .quilpue-hero-veil{background:linear-gradient(90deg,rgba(4,11,14,.95),rgba(4,11,14,.68)),linear-gradient(180deg,rgba(3,9,12,.7),rgba(3,9,12,.93))}
    .quilpue-scene{min-height:auto;padding:5.5rem 0}
    .quilpue-story-grid,.quilpue-seo-grid,.quilpue-system-grid,.quilpue-special-grid,.quilpue-fit-grid{grid-template-columns:1fr}
    .quilpue-story-card,.quilpue-system-grid article,.quilpue-special-grid article,.quilpue-fit-grid article{min-height:auto}
    .quilpue-story-card small,.quilpue-system-grid small{margin-top:1.4rem}
    .quilpue-product{padding:1.6rem}
    .quilpue-route-board{padding-top:.5rem}
    .quilpue-route-grid{display:grid;grid-template-columns:1fr;overflow:visible}
    .quilpue-route-grid article{min-height:auto}
    .quilpue-route-grid small{margin-top:1.2rem}
    .quilpue-route-cycle{width:100%;line-height:1.8}
    .quilpue-audit-list{grid-template-columns:1fr}
    .quilpue-audit-main strong{font-size:4rem}
    .quilpue-nearby-links>a,.quilpue-nearby-links>span{grid-template-columns:1fr auto;gap:.45rem 1rem}
    .quilpue-nearby-links a>span,.quilpue-nearby-links span>span{grid-column:1/-1}
    .quilpue-final{min-height:auto;padding:6rem 0}
    .quilpue-final-shell h2{font-size:clamp(3rem,12vw,5.4rem)}
}

@media (max-width:560px){
    .quilpue-hero-shell,.quilpue-final-shell{width:calc(100% - 1.4rem)}
    .quilpue-hero{padding-top:6.4rem}
    .quilpue-breadcrumb{font-size:.58rem;gap:.35rem}
    .quilpue-hero-copy h1{font-size:clamp(2.85rem,14.5vw,4.45rem)}
    .quilpue-hero-copy h1 span{display:block;margin-top:.08em}
    .quilpue-hero-proof{font-size:.56rem}
    .quilpue-head-split{margin-bottom:2.5rem}
    .quilpue-story-card{padding:1.4rem;border-radius:20px}
    .quilpue-product{border-radius:21px}
    .quilpue-price strong{font-size:2.6rem}
    .quilpue-plan-note{padding:1.1rem}
    .quilpue-marquee{padding:.95rem 0}.quilpue-marquee p{font-size:.62rem}
    .quilpue-audit-console{padding:1rem;border-radius:20px}.quilpue-audit-main{padding:1.2rem}.quilpue-audit-main small{display:none}
    .quilpue-nearby-links>a,.quilpue-nearby-links>span{padding:1.1rem}
    .quilpue-final-shell h2{font-size:clamp(2.8rem,14vw,4.6rem)}
}

@media (prefers-reduced-motion:reduce){
    .quilpue-marquee-track,.quilpue-scroll i::after{animation:none!important}
    .quilpue-hero-photo{transform:scale(1.03)!important}
    .quilpue-motion-ready .quilpue-stagger>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
    .quilpue-route-line i{width:100%!important;transition:none!important}
}


/* ============================================================
   KUSHIM 3.11 · AJUSTES PROPIOS QUILPUÉ
   Identidad: crecimiento ordenado · Marga Marga · jade + solar
   ============================================================ */
.quilpue-page{
    background:
        radial-gradient(circle at 82% 3%,rgba(224,180,90,.035),transparent 22%),
        var(--quilpue-ink);
}
.quilpue-page .sec-tag{color:var(--quilpue-jade)}
.quilpue-hero-shell{
    width:min(calc(100% - 2.5rem),2020px);
    max-width:none;
}
.quilpue-hero-layout{
    grid-template-columns:minmax(0,1.5fr) minmax(390px,.5fr);
    gap:clamp(2.25rem,3.8vw,5rem);
}
.quilpue-hero-copy{max-width:1380px}
.quilpue-hero-copy h1{max-width:1350px}
.quilpue-growth{
    width:min(100%,535px);
    border-color:rgba(224,180,90,.22);
    background:
        radial-gradient(circle at 80% 7%,rgba(224,180,90,.14),transparent 28%),
        radial-gradient(circle at 18% 88%,rgba(0,214,162,.10),transparent 30%),
        linear-gradient(145deg,rgba(12,24,20,.94),rgba(5,11,9,.97));
}
.quilpue-growth-head i{background:var(--quilpue-gold);box-shadow:0 0 16px rgba(224,180,90,.6)}
.quilpue-growth-meter{
    position:relative;z-index:2;padding:1.3rem 1.15rem 1.4rem;margin-bottom:1rem;
    border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(0,0,0,.14);
}
.quilpue-growth-meter small{display:block;color:var(--quilpue-gold);font:600 .55rem var(--font-mono);letter-spacing:.11em}
.quilpue-growth-meter strong{display:block;margin:.7rem 0 1.15rem;color:#eef5f1;font:800 clamp(1.45rem,2vw,2rem)/1.05 var(--font-display)}
.quilpue-meter-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quilpue-meter-line i{height:5px;border-radius:99px;background:rgba(255,255,255,.08)}
.quilpue-meter-line i:nth-child(1){background:var(--quilpue-jade);box-shadow:0 0 14px rgba(0,214,162,.24)}
.quilpue-meter-line i:nth-child(2){background:linear-gradient(90deg,var(--quilpue-jade),var(--quilpue-gold))}
.quilpue-meter-line i:nth-child(3){background:var(--quilpue-gold);box-shadow:0 0 14px rgba(224,180,90,.22)}
.quilpue-growth-steps{
    position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:.65rem;
}
.quilpue-growth-steps article{
    display:grid;grid-template-columns:42px 74px 1fr;grid-template-areas:"num key title" "num key text";
    column-gap:.65rem;align-items:center;padding:.85rem .9rem;border:1px solid rgba(255,255,255,.065);
    border-radius:14px;background:rgba(255,255,255,.018);
}
.quilpue-growth-steps article>span{grid-area:num;color:rgba(255,255,255,.12);font:900 1.55rem var(--font-display)}
.quilpue-growth-steps small{grid-area:key;color:var(--quilpue-jade);font:600 .52rem var(--font-mono);letter-spacing:.09em}
.quilpue-growth-steps strong{grid-area:title;color:#eaf1ee;font:700 .85rem var(--font-display)}
.quilpue-growth-steps p{grid-area:text;margin:.15rem 0 0;color:#65736f;font-size:.72rem;line-height:1.45}
.quilpue-growth-foot{margin-top:1rem;padding:.9rem .4rem .2rem;border-top:1px solid rgba(255,255,255,.07)}
.quilpue-growth-foot b{color:var(--quilpue-gold)}

.quilpue-photo-credit{
    position:absolute;right:1.35rem;bottom:1rem;z-index:3;margin:0;
    color:rgba(236,242,238,.28);font:500 .48rem/1.4 var(--font-mono);letter-spacing:.04em;
}
.quilpue-photo-credit a{color:inherit;text-decoration:none}
.quilpue-photo-credit a:hover{color:rgba(236,242,238,.6)}

.quilpue-growth-story::before{
    background:
        radial-gradient(circle at 18% 22%,rgba(0,214,162,.085),transparent 26%),
        radial-gradient(circle at 78% 62%,rgba(224,180,90,.065),transparent 25%);
}
.quilpue-growth-story::after{
    background-image:
        linear-gradient(30deg,rgba(255,255,255,.018) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.018) 87.5%),
        linear-gradient(150deg,rgba(255,255,255,.018) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.018) 87.5%);
    background-size:70px 122px;
}
.quilpue-story-card.is-accent{
    border-color:rgba(224,180,90,.28);
    background:
        radial-gradient(circle at 82% 10%,rgba(224,180,90,.12),transparent 34%),
        linear-gradient(150deg,rgba(18,34,28,.72),rgba(6,14,11,.82));
}
.quilpue-story-card.is-accent small{color:var(--quilpue-gold)}
.quilpue-story-card.is-accent::after{background:linear-gradient(90deg,var(--quilpue-gold),transparent)}

.quilpue-route::before{background:radial-gradient(circle at 48% 46%,rgba(0,214,162,.08),transparent 34%),radial-gradient(circle at 75% 55%,rgba(224,180,90,.06),transparent 26%)}
.quilpue-route::after{
    background-image:radial-gradient(circle,rgba(255,255,255,.032) 1px,transparent 1.2px);
    background-size:24px 24px;
}
.quilpue-route-grid article.is-core{
    border-color:rgba(224,180,90,.35);
    background:radial-gradient(circle at 70% 8%,rgba(224,180,90,.12),transparent 32%),rgba(12,27,21,.94);
}
.quilpue-route-line i{background:linear-gradient(90deg,var(--quilpue-jade),var(--quilpue-gold),rgba(0,214,162,.28))}
.quilpue-route-cycle i{color:var(--quilpue-gold)}

.quilpue-seo::after{
    background-image:
        linear-gradient(60deg,rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(-60deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:54px 94px;
}
.quilpue-audit{
    background:
        radial-gradient(circle at 16% 42%,rgba(224,180,90,.075),transparent 28%),
        radial-gradient(circle at 78% 48%,rgba(0,214,162,.065),transparent 30%),
        #0a1210;
}
.quilpue-audit-console{order:2}
.quilpue-audit-copy{order:1}
.quilpue-special::after{
    background-image:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.015) 0 1px,transparent 1px 34px);
}
.quilpue-nearby{background:#071311}
.quilpue-final{
    background:
        radial-gradient(circle at 66% 24%,rgba(224,180,90,.11),transparent 27%),
        radial-gradient(circle at 36% 68%,rgba(0,214,162,.12),transparent 31%),
        #06100e;
}
.quilpue-final-lines{
    opacity:.22;
    background-image:
        linear-gradient(90deg,transparent 0 49.9%,rgba(224,180,90,.18) 50%,transparent 50.1%),
        radial-gradient(circle at 50% 50%,transparent 0 21%,rgba(0,214,162,.18) 21.2% 21.35%,transparent 21.55% 34%,rgba(224,180,90,.12) 34.2% 34.35%,transparent 34.55%);
}

html[data-theme="light"] .quilpue-page{background:#f2f5f0}
html[data-theme="light"] .quilpue-hero{background:#06100e}
html[data-theme="light"] .quilpue-photo-credit{color:rgba(255,255,255,.35)}
html[data-theme="light"] .quilpue-growth-story{
    background:
        radial-gradient(circle at 16% 22%,rgba(0,166,126,.09),transparent 28%),
        radial-gradient(circle at 82% 64%,rgba(196,143,45,.08),transparent 25%),
        #f5f7f2;
}
html[data-theme="light"] .quilpue-route{background:#eef4ef}
html[data-theme="light"] .quilpue-implementation{background:#f7f5ee}
html[data-theme="light"] .quilpue-seo{background:#eff6f2}
html[data-theme="light"] .quilpue-system{background:#f8faf7}
html[data-theme="light"] .quilpue-audit{
    background:
        radial-gradient(circle at 16% 42%,rgba(196,143,45,.08),transparent 28%),
        radial-gradient(circle at 78% 48%,rgba(0,166,126,.08),transparent 30%),
        #f3f5ef;
}
html[data-theme="light"] .quilpue-special{background:#edf4f0}
html[data-theme="light"] .quilpue-fit{background:#f8f7f2}
html[data-theme="light"] .quilpue-nearby{background:#edf5f0}
html[data-theme="light"] .quilpue-faq{background:#f7f9f5}
html[data-theme="light"] .quilpue-final{background:#06100e}
html[data-theme="light"] .quilpue-final h2,
html[data-theme="light"] .quilpue-final p,
html[data-theme="light"] .quilpue-final .dw-kicker{color:#f4f7f5}
html[data-theme="light"] .quilpue-final h2 span{color:var(--quilpue-jade)}

@media(max-width:1180px){
    .quilpue-hero-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.52fr)}
    .quilpue-growth{width:min(100%,470px)}
    .quilpue-growth-steps{grid-template-columns:1fr}
    .quilpue-growth-steps article{min-height:0}
}
@media(max-width:900px){
    .quilpue-hero-layout{grid-template-columns:1fr}
    .quilpue-growth{display:none}
    .quilpue-hero-copy{max-width:100%}
    .quilpue-hero-copy h1{max-width:100%}
    .quilpue-photo-credit{right:.8rem;bottom:.55rem;font-size:.42rem}
    .quilpue-audit-console,.quilpue-audit-copy{order:initial}
}