/* MindShot Web V2.4 — complete interior redesign system */
:root{
  --v24-ink:#07101f;
  --v24-paper:#f1efe7;
  --v24-blue:#2457ff;
  --v24-cyan:#22d3ee;
  --v24-violet:#8b5cf6;
  --v24-magenta:#d90097;
  --v24-acid:#e7ff37;
  --v24-orange:#ff6a3d;
  --v24-line:color-mix(in srgb,var(--text) 14%,transparent);
  --v24-max:1240px;
}
body.v24-page{font-family:"Arial Nova","Helvetica Neue",Helvetica,Arial,sans-serif}
body.v24-page main{overflow:hidden}
body.v24-page .container{width:min(calc(100% - 48px),var(--v24-max));margin-inline:auto}
body.v24-page .site-header{border-bottom:1px solid var(--border)}
body.v24-page .site-header.is-scrolled{background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(16px) saturate(1.1)}
body.v24-page .header-cta{position:relative;overflow:hidden}
body.v24-page .header-cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--v24-cyan),var(--v24-violet),var(--v24-magenta));transform-origin:left;transform:scaleX(.18);transition:.3s var(--ease)}
body.v24-page .header-cta:hover::after{transform:scaleX(1)}

/* Shared editorial language */
.v24-kicker{display:inline-flex;align-items:center;gap:10px;font:700 .58rem/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--subtle)}
.v24-kicker::before{content:"";width:30px;height:1px;background:currentColor;opacity:.65}
.v24-display{font-size:clamp(3.2rem,7.5vw,7.5rem);line-height:.84;letter-spacing:-.085em;margin:0;text-wrap:balance}
.v24-title{font-size:clamp(2.4rem,4.4vw,4.6rem);line-height:.9;letter-spacing:-.07em;margin:0}
.v24-lead{font-size:1.02rem;line-height:1.75;color:var(--muted);max-width:670px;margin:0}
.v24-index{font:700 .56rem/1 var(--font-mono);letter-spacing:.13em;color:var(--subtle)}
.v24-rule{border-top:1px solid var(--v24-line)}
.v24-section{padding:92px 0}
.v24-section--tight{padding:60px 0}
.v24-section--paper{background:var(--v24-paper);color:var(--v24-ink)}
.v24-section--ink{background:var(--v24-ink);color:#fff}
.v24-section--blue{background:var(--v24-blue);color:#fff}
.v24-section--acid{background:var(--v24-acid);color:var(--v24-ink)}
.v24-section--magenta{background:var(--v24-magenta);color:#fff}
.v24-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.64fr);gap:30px;align-items:end;margin-bottom:42px}
.v24-section-head p{margin:0;color:var(--muted);line-height:1.72}
.v24-section--paper .v24-section-head p{color:#56616d}
.v24-section--ink .v24-section-head p,.v24-section--blue .v24-section-head p,.v24-section--magenta .v24-section-head p{color:rgba(255,255,255,.72)}
.v24-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}
.v24-link span{transition:transform .2s var(--ease)}
.v24-link:hover span{transform:translateX(4px)}

/* Interior hero */
.v24-hero{position:relative;min-height:min(86vh,900px);display:flex;align-items:flex-end;border-bottom:1px solid var(--border);isolation:isolate;overflow:hidden}
.v24-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 49.95%,var(--v24-line) 50%,transparent 50.05%),linear-gradient(180deg,transparent 73.95%,var(--v24-line) 74%,transparent 74.05%);opacity:.55}
.v24-hero::after{content:"";position:absolute;z-index:-1;right:-10vw;top:-16vw;width:42vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--v24-accent-glow,rgba(36,87,255,.16)),transparent 63%);filter:blur(8px)}
.v24-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:44px;align-items:end;padding:150px 0 66px}
.v24-hero-copy{display:grid;gap:22px}
.v24-hero-copy p{max-width:620px}
.v24-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.v24-hero-media{position:relative;min-height:470px;display:flex;align-items:stretch}
.v24-photo{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);background:#111;min-height:100%;width:100%}
.v24-photo img{display:block;width:100%;height:100%;object-fit:cover}
.v24-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(7,16,31,.34))}
.v24-photo figcaption{position:absolute;z-index:2;left:14px;bottom:14px;padding:7px 9px;background:rgba(7,16,31,.54);backdrop-filter:blur(8px);color:#fff;font:700 .52rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.v24-media-note{position:absolute;z-index:3;right:-14px;top:28px;max-width:210px;padding:14px 16px;background:var(--v24-acid);color:var(--v24-ink);font-size:.74rem;line-height:1.45;font-weight:760;box-shadow:0 14px 34px rgba(7,16,31,.16)}

/* Capability / service lists */
.v24-service-list{border-top:1px solid var(--v24-line)}
.v24-service-row{display:grid;grid-template-columns:52px 1.15fr 1.1fr 34px;gap:18px;align-items:center;min-height:106px;padding:18px 0;border-bottom:1px solid var(--v24-line);text-decoration:none;color:inherit;transition:padding .25s var(--ease),background .25s var(--ease)}
.v24-service-row>span{font:700 .56rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-service-row h2,.v24-service-row h3{margin:0;font-size:clamp(1.35rem,2.2vw,2.1rem);letter-spacing:-.05em;line-height:1}
.v24-service-row p{margin:0;color:var(--muted);line-height:1.5;font-size:.88rem}
.v24-service-row b{font-size:1.1rem;font-weight:500;transition:transform .2s}
.v24-service-row:hover{padding-left:14px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
.v24-service-row:hover b{transform:translate(4px,-2px)}

/* Editorial cards kept intentionally sparse */
.v24-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v24-example{min-height:230px;padding:22px;border:1px solid var(--v24-line);background:linear-gradient(155deg,rgba(var(--ms-blue-rgb),.045),transparent 62%);display:flex;flex-direction:column}
.v24-example span{font:700 .54rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-example h3{margin:56px 0 10px;font-size:1.4rem;letter-spacing:-.045em;line-height:1.02}
.v24-example p{margin:auto 0 0;color:var(--muted);line-height:1.58;font-size:.82rem}
.v24-section--paper .v24-example{border-color:rgba(7,16,31,.16);background:rgba(255,255,255,.35)}
.v24-section--paper .v24-example p{color:#596573}

/* Platforms */
.v24-platforms{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--v24-line);border-left:1px solid var(--v24-line)}
.v24-platform{min-height:76px;padding:16px;border-right:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line);display:flex;align-items:flex-end;font-size:.87rem;font-weight:750}
.v24-platform small{display:block;margin-left:auto;color:var(--subtle);font:700 .48rem var(--font-mono);letter-spacing:.1em}

/* Process */
.v24-process{border-top:1px solid var(--v24-line)}
.v24-process-step{display:grid;grid-template-columns:54px minmax(180px,.72fr) 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--v24-line);align-items:start}
.v24-process-step span{font:700 .56rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-process-step strong{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.04em}
.v24-process-step p{margin:0;color:var(--muted);line-height:1.62}

/* Service family visuals */
.v24-tech-visual{position:relative;min-height:470px;border:1px solid #23344a;background:#07101f;color:#dbe7f5;overflow:hidden}
.v24-tech-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:44px 44px;opacity:.55}
.v24-tech-stack{position:absolute;inset:12% 10%;display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.v24-tech-card{position:relative;z-index:1;border:1px solid #263b55;background:#0b1829;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.v24-tech-card span{font:700 .52rem var(--font-mono);letter-spacing:.12em;color:#7dd3fc}
.v24-tech-card strong{font-size:1.3rem;letter-spacing:-.04em}
.v24-tech-card i{height:4px;background:linear-gradient(90deg,var(--v24-blue),var(--v24-violet),var(--v24-magenta));width:72%;font-style:normal}
.v24-tech-card:nth-child(2){margin-top:52px}
.v24-tech-card:nth-child(3){grid-column:1 / span 2;width:62%;margin-left:auto}

.v24-security-visual{position:relative;min-height:470px;border:1px solid var(--v24-line);background:linear-gradient(145deg,#0a1727,#0e2137);overflow:hidden}
.v24-security-visual::before{content:"";position:absolute;left:8%;top:14%;width:66%;height:58%;border:2px solid rgba(125,211,252,.55);clip-path:polygon(0 0,100% 0,100% 68%,58% 68%,58% 100%,0 100%)}
.v24-security-visual::after{content:"";position:absolute;right:12%;bottom:12%;width:132px;height:132px;border:1px solid rgba(231,255,55,.6);border-radius:50%;box-shadow:0 0 0 30px rgba(231,255,55,.03),0 0 0 60px rgba(231,255,55,.02)}
.v24-security-label{position:absolute;z-index:2;left:9%;bottom:10%;font:800 clamp(2.2rem,4vw,4rem)/.85 sans-serif;letter-spacing:-.07em;color:#fff}
.v24-security-label small{display:block;margin-top:14px;font:700 .52rem var(--font-mono);letter-spacing:.12em;color:#9db1c8}

/* Integrated band */
.v24-integrated{position:relative;overflow:hidden;padding:96px 0;background:var(--v24-blue);color:#fff}
.v24-integrated::before{content:"IDEA → SISTEMA";position:absolute;left:-3vw;bottom:-4vw;font:900 clamp(6rem,19vw,18rem)/.75 sans-serif;letter-spacing:-.1em;color:rgba(255,255,255,.055);white-space:nowrap}
.v24-integrated-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:42px;align-items:end}
.v24-integrated h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.84;letter-spacing:-.08em;margin:0}
.v24-integrated p{color:rgba(255,255,255,.75);line-height:1.7}
.v24-integrated-list{border-top:1px solid rgba(255,255,255,.24)}
.v24-integrated-list div{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.v24-integrated-list span{font:700 .52rem var(--font-mono);letter-spacing:.12em;color:var(--v24-acid)}
.v24-integrated-list b{font-size:.9rem}

/* Product pages */
.v24-product-hero{--v24-accent-glow:rgba(139,92,246,.18)}
.v24-product-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--v24-line);font:700 .55rem var(--font-mono);letter-spacing:.11em;color:var(--muted)}
.v24-product-status i{width:7px;height:7px;border-radius:50%;background:var(--v24-acid)}
.v24-product-ui{min-height:470px;border:1px solid #24394f;background:#07101f;position:relative;overflow:hidden;color:#dbe8f4}
.v24-product-ui::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:44px 44px}
.v24-product-window{position:absolute;inset:10% 8%;border:1px solid #28415c;background:#0a1626;padding:18px;display:grid;grid-template-rows:auto 1fr;gap:14px}
.v24-product-window header{display:flex;justify-content:space-between;border-bottom:1px solid #24384f;padding-bottom:12px;font:700 .52rem var(--font-mono);letter-spacing:.11em;color:#7891ad}
.v24-product-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.v24-product-grid div{border:1px solid #20344c;padding:14px;background:#0c1b2e}
.v24-product-grid strong{display:block;font-size:1.2rem;margin-top:40px}
.v24-product-grid span{font:700 .5rem var(--font-mono);letter-spacing:.1em;color:#7dd3fc}
.v24-product-list{border-top:1px solid var(--v24-line)}
.v24-product-row{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--v24-line);text-decoration:none;color:inherit}
.v24-product-row span{font:700 .54rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-product-row h2{font-size:clamp(1.8rem,3.6vw,3.2rem);letter-spacing:-.06em;margin:0}
.v24-product-row p{color:var(--muted);margin:7px 0 0}
.v24-product-row b{font-size:1.3rem;font-weight:500}

/* Projects */
.v24-project-index-hero{--v24-accent-glow:rgba(217,0,151,.16)}
.v24-project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.v24-project-card{display:block;text-decoration:none;color:inherit;grid-column:span 6;border-top:1px solid var(--v24-line);padding-top:12px}
.v24-project-card--wide{grid-column:span 8}.v24-project-card--small{grid-column:span 4}
.v24-project-art{position:relative;min-height:360px;overflow:hidden;background:#091526;border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.v24-project-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.v24-project-card:hover img{transform:scale(1.025)}
.v24-project-art--graphic{display:flex;align-items:flex-end;padding:26px;background:radial-gradient(circle at 22% 18%,rgba(36,87,255,.45),transparent 28%),radial-gradient(circle at 76% 62%,rgba(217,0,151,.33),transparent 28%),#07101f}
.v24-project-art--graphic strong{font-size:clamp(3rem,7vw,6.2rem);line-height:.78;letter-spacing:-.09em;color:#fff}
.v24-project-meta{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px 0}
.v24-project-meta span{font:700 .52rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-project-meta h2{margin:6px 0 0;font-size:1.7rem;letter-spacing:-.05em}
.v24-project-meta b{font-weight:500}
.v24-case-hero{min-height:min(86vh,900px);padding-top:110px;display:grid;align-items:end;border-bottom:1px solid var(--v24-line)}
.v24-case-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:44px;align-items:end;padding-bottom:54px}
.v24-case-meta{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--v24-line);margin-top:30px}
.v24-case-meta div{padding:14px 0;border-bottom:1px solid var(--v24-line)}
.v24-case-meta span{display:block;font:700 .5rem var(--font-mono);letter-spacing:.12em;color:var(--subtle);margin-bottom:5px}
.v24-case-visual{min-height:500px}
.v24-case-body{display:grid;grid-template-columns:minmax(220px,.4fr) 1fr;gap:46px}
.v24-case-nav{position:sticky;top:110px;align-self:start;border-top:1px solid var(--v24-line)}
.v24-case-nav span{display:block;padding:12px 0;border-bottom:1px solid var(--v24-line);font:700 .54rem var(--font-mono);letter-spacing:.1em;color:var(--subtle)}
.v24-case-content section{padding:0 0 62px;border-bottom:1px solid var(--v24-line);margin-bottom:62px}
.v24-case-content h2{font-size:clamp(2rem,3.8vw,3.7rem);letter-spacing:-.06em;line-height:.94;margin:0 0 18px}
.v24-case-content p{color:var(--muted);line-height:1.75;max-width:760px}

/* About */
.v24-about-hero{--v24-accent-glow:rgba(231,255,55,.12)}
.v24-origin-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(320px,1.16fr);gap:36px;align-items:stretch}
.v24-origin-number{display:flex;flex-direction:column;justify-content:space-between;background:var(--v24-acid);color:var(--v24-ink);padding:30px;min-height:520px}
.v24-origin-number strong{font-size:clamp(7rem,15vw,14rem);line-height:.7;letter-spacing:-.1em}
.v24-origin-number span{font-size:1.6rem;font-weight:850;letter-spacing:-.04em}
.v24-origin-copy{display:grid;gap:22px;align-content:center}
.v24-origin-copy p{line-height:1.78;color:var(--muted)}
.v24-principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--v24-line);border-left:1px solid var(--v24-line)}
.v24-principle{padding:24px;min-height:220px;border-right:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line)}
.v24-principle span{font:700 .52rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-principle h3{margin:52px 0 10px;font-size:1.55rem;letter-spacing:-.045em}
.v24-principle p{color:var(--muted);line-height:1.6;margin:0}

/* Contact */
.v24-contact-hero{--v24-accent-glow:rgba(217,0,151,.15)}
.v24-channel-list{border-top:1px solid var(--v24-line)}
.v24-channel{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--v24-line)}
.v24-channel span{font:700 .54rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-channel h3{margin:0;font-size:1.35rem;letter-spacing:-.04em}.v24-channel p{margin:5px 0 0;color:var(--muted)}
.v24-contact-layout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:46px;align-items:start}
.v24-contact-intro{position:sticky;top:110px}.v24-contact-intro h2{font-size:clamp(2.6rem,4.8vw,4.7rem);line-height:.9;letter-spacing:-.07em;margin:8px 0 18px}.v24-contact-intro p{color:var(--muted);line-height:1.7}
body.v24-page .quote-builder{border-radius:0!important;box-shadow:none!important;border:1px solid var(--v24-line)!important;background:linear-gradient(180deg,rgba(var(--ms-blue-rgb),.04),transparent)!important;padding:28px!important}
body.v24-page .choice-card{border-radius:0!important}
body.v24-page .quote-step-head>span{border-radius:0!important}

/* Blog */
.v24-blog-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.v24-blog-feature{display:grid;gap:18px}.v24-blog-feature .v24-photo{min-height:520px}
.v24-blog-list{border-top:1px solid var(--v24-line)}
.v24-blog-item{padding:22px 0;border-bottom:1px solid var(--v24-line)}
.v24-blog-item span{font:700 .52rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
.v24-blog-item h3{margin:10px 0 8px;font-size:1.45rem;letter-spacing:-.045em}.v24-blog-item p{color:var(--muted);margin:0;line-height:1.58}

/* Legal */
.v24-legal-hero{min-height:48vh;display:flex;align-items:flex-end;border-bottom:1px solid var(--v24-line);padding:128px 0 52px}
.v24-legal-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:46px;justify-content:center}
.v24-legal-aside{position:sticky;top:110px;align-self:start;border-top:1px solid var(--v24-line)}
.v24-legal-aside a,.v24-legal-aside span{display:block;padding:11px 0;border-bottom:1px solid var(--v24-line);font:700 .52rem var(--font-mono);letter-spacing:.1em;color:var(--subtle);text-decoration:none}
.v24-legal-copy h2{margin:42px 0 12px;font-size:1.65rem;letter-spacing:-.035em}.v24-legal-copy p,.v24-legal-copy li{color:var(--muted);line-height:1.78}.v24-legal-copy ul{padding-left:20px}

/* CTA */
.v24-cta{position:relative;padding:110px 0;overflow:hidden;background:#090d19;color:#fff}
.v24-cta::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 210deg at 53% 55%,#07101f 0 23%,#2457ff 31%,#8b5cf6 46%,#d90097 59%,#ff6a3d 67%,#e7ff37 69%,#07101f 76%);opacity:.72;filter:saturate(1.1)}
.v24-cta .container{position:relative}.v24-cta h2{font-size:clamp(4rem,9vw,9rem);line-height:.78;letter-spacing:-.09em;margin:0 0 30px;max-width:1000px}.v24-cta h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--v24-acid);text-transform:none}.v24-cta p{color:rgba(255,255,255,.72);max-width:650px}.v24-cta a{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding:16px 18px;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-weight:800}.v24-cta a:hover{background:var(--v24-acid);color:var(--v24-ink);border-color:var(--v24-acid)}

@media(max-width:1000px){
  .v24-hero-grid,.v24-section-head,.v24-integrated-grid,.v24-case-grid,.v24-origin-grid,.v24-contact-layout,.v24-blog-grid{grid-template-columns:1fr}
  .v24-hero{min-height:auto}.v24-hero-grid{padding-top:132px}.v24-hero-media{min-height:420px}
  .v24-service-row{grid-template-columns:42px 1fr 32px}.v24-service-row p{grid-column:2}.v24-service-row b{grid-column:3;grid-row:1 / span 2}
  .v24-examples{grid-template-columns:1fr 1fr}.v24-platforms{grid-template-columns:repeat(2,1fr)}
  .v24-project-card,.v24-project-card--wide,.v24-project-card--small{grid-column:span 6}
  .v24-case-body{grid-template-columns:1fr}.v24-case-nav{position:static;display:none}
  .v24-contact-intro{position:static}
  .v24-legal-layout{grid-template-columns:1fr}.v24-legal-aside{position:static;display:flex;gap:18px;overflow:auto;border-top:0}.v24-legal-aside a,.v24-legal-aside span{white-space:nowrap;border-bottom:0}
}
@media(max-width:700px){
  body.v24-page .container{width:min(calc(100% - 30px),var(--v24-max))}
  .v24-section{padding:72px 0}.v24-section--tight{padding:48px 0}
  .v24-display{font-size:clamp(3.2rem,16vw,5.2rem)}
  .v24-title{font-size:clamp(2.3rem,11vw,3.5rem)}
  .v24-hero-grid{padding-top:110px;padding-bottom:42px}.v24-hero-media{min-height:330px}.v24-media-note{right:8px;top:8px;max-width:170px}
  .v24-examples,.v24-platforms,.v24-principles{grid-template-columns:1fr}
  .v24-process-step{grid-template-columns:42px 1fr}.v24-process-step p{grid-column:2}
  .v24-tech-stack{inset:9% 6%;grid-template-columns:1fr}.v24-tech-card:nth-child(2){margin-top:0}.v24-tech-card:nth-child(3){grid-column:auto;width:auto;margin:0}
  .v24-project-grid{display:block}.v24-project-card{margin-bottom:42px}.v24-project-art{min-height:300px}
  .v24-case-visual{min-height:360px}.v24-case-meta{grid-template-columns:1fr}
  .v24-origin-number{min-height:380px}.v24-origin-number strong{font-size:8rem}
  .v24-cta{padding:86px 0}.v24-cta h2{font-size:clamp(3.8rem,17vw,6.2rem)}
}
@media(prefers-reduced-motion:reduce){.v24-photo img,.v24-service-row,.v24-service-row b,.v24-link span{transition:none}}
.v24-tech-visual,.v24-security-visual,.v24-product-ui{width:100%}

/* V2.5 — navigation stability, marketing digital unique page */
body.v24-page .site-header{z-index:1400;background:color-mix(in srgb,var(--header) 92%, rgba(7,16,31,.32));}
body.v24-page .site-header.is-scrolled{background:color-mix(in srgb,var(--bg) 96%, rgba(7,16,31,.18));box-shadow:0 16px 40px rgba(2,8,23,.18)}
body.v24-page .mega-menu{z-index:1450;max-width:min(700px,calc(100vw - 40px))}
body.v24-page .nav-item.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto}

body.v24-page.v24-service-marketing-digital{--v24-accent-glow:rgba(217,0,151,.16)}
.v24-md-hero .v24-hero-grid{padding-bottom:58px}
.v24-md-microproof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line)}
.v24-md-microproof div{padding:14px 12px 14px 0;display:grid;gap:4px;border-right:1px solid var(--v24-line)}
.v24-md-microproof div:last-child{border-right:0}
.v24-md-microproof span{font:700 .54rem var(--font-mono);letter-spacing:.12em;color:#7f8ea1}
.v24-md-microproof strong{font-size:1rem;letter-spacing:-.03em}
.v24-md-microproof small{font-size:.74rem;color:var(--muted)}
.v24-md-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:36px;align-items:start}
.v24-md-story-copy{display:grid;gap:18px}
.v24-md-story-copy p{max-width:690px;margin:0;line-height:1.78;color:#56616d}
.v24-md-story-side{display:grid;gap:14px}
.v24-md-accent-card{padding:22px;border:1px solid rgba(7,16,31,.14);min-height:170px;display:grid;align-content:start;gap:14px}
.v24-md-accent-card small{font:700 .58rem var(--font-mono);letter-spacing:.13em;color:#5f6977}
.v24-md-accent-card strong{font-size:1.5rem;line-height:1.02;letter-spacing:-.05em}
.v24-md-accent-card.is-acid{background:linear-gradient(180deg,#f8ffd3,#eff7b6);color:#07101f}
.v24-md-accent-card.is-magenta{background:linear-gradient(180deg,#d90097,#8e0b75);color:#fff;border-color:transparent}
.v24-md-accent-card.is-magenta small{color:rgba(255,255,255,.72)}
.v24-md-capability-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.v24-md-capability{min-height:238px;padding:20px;border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--v24-cyan),var(--v24-violet),var(--v24-magenta),var(--v24-acid)) 1;background:linear-gradient(180deg,rgba(var(--ms-blue-rgb),.045),transparent 65%);border-left:1px solid var(--v24-line);border-right:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line);display:grid;align-content:start;gap:10px}
.v24-md-capability:nth-child(5n+1){border-top-color:var(--v24-cyan)}
.v24-md-capability span{font:700 .56rem var(--font-mono);letter-spacing:.12em;color:#77879a}
.v24-md-capability h3{margin:12px 0 0;font-size:1.42rem;line-height:1.02;letter-spacing:-.045em}
.v24-md-capability p{margin:0;color:var(--muted);line-height:1.62;font-size:.84rem}
.v24-md-band{position:relative;overflow:hidden}
.v24-md-band::before{content:"MARKETING";position:absolute;left:-1vw;bottom:-2vw;font:900 clamp(5rem,13vw,12rem)/.8 sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.05)}
.v24-md-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v24-md-journey article{min-height:220px;padding:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);display:grid;align-content:start;gap:10px}
.v24-md-journey span{font:700 .55rem var(--font-mono);letter-spacing:.12em;color:#9dc8ff}
.v24-md-journey strong{font-size:1.5rem;line-height:1.02;letter-spacing:-.045em}
.v24-md-journey p{margin:0;color:rgba(255,255,255,.72);line-height:1.62;font-size:.84rem}
.v24-md-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v24-md-platform{min-height:120px;padding:18px;border:1px solid rgba(7,16,31,.14);background:rgba(255,255,255,.55);display:grid;gap:8px;align-content:end;font-size:1.06rem;font-weight:800;letter-spacing:-.03em;color:#07101f}
.v24-md-platform small{display:block;color:#5a6674;font-size:.76rem;font-weight:600;letter-spacing:normal}
.v24-md-process .v24-process-step strong{font-size:clamp(1.3rem,2.1vw,1.8rem)}
.v24-md-cta-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:30px;padding:26px;border:1px solid rgba(7,16,31,.14);background:linear-gradient(135deg,rgba(231,255,55,.18),rgba(255,255,255,.86) 38%,rgba(217,0,151,.07) 100%)}
.v24-md-cta-panel h2{margin:10px 0 14px;font-size:clamp(2.4rem,4vw,4.2rem);line-height:.9;letter-spacing:-.07em}
.v24-md-cta-panel p{margin:0;color:#586473;line-height:1.72;max-width:640px}
.v24-md-cta-links{display:grid;gap:14px;align-content:center}

/* Home mobile readability improvements */
@media(max-width:680px){
  .home-v22 .v2-service-list>a{grid-template-columns:56px 1fr 30px;gap:16px}
  .home-v22 .v2-service-list span{font-size:.62rem;letter-spacing:.11em;color:#7f8ea1}
  .home-v22 .v2-service-list h3{font-size:1.6rem;line-height:.98}
  .home-v22 .v2-service-list>a p{font-size:.78rem;line-height:1.55;margin-top:-2px}
  .home-v22 .v2-process li{grid-template-columns:56px 1fr;gap:14px;padding:24px 0}
  .home-v22 .v2-process li span{font-size:.68rem;letter-spacing:.12em;color:#8090a2}
  .home-v22 .v2-process li strong{font-size:clamp(1.95rem,7vw,2.35rem)}
  .home-v22 .v2-process li p{font-size:.94rem;line-height:1.62}
}

@media(max-width:1100px){
  .v24-md-capability-grid{grid-template-columns:repeat(2,1fr)}
  .v24-md-journey{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1000px){
  .v24-md-story-grid,.v24-md-cta-panel{grid-template-columns:1fr}
  .v24-md-microproof{grid-template-columns:1fr}
  .v24-md-microproof div{padding:12px 0;border-right:0;border-bottom:1px solid var(--v24-line)}
  .v24-md-microproof div:last-child{border-bottom:0}
}
@media(max-width:700px){
  .v24-md-capability-grid,.v24-md-platform-grid,.v24-md-journey{grid-template-columns:1fr}
  .v24-md-capability{min-height:auto}
  .v24-md-platform{min-height:92px}
}

/* V2.5.1 — readable labels, indexes and light FAQ contrast */
.v24-kicker{font-size:.68rem;line-height:1.15;letter-spacing:.13em}
.v24-index{font-size:.66rem;line-height:1.15}
.v24-service-row>span{font-size:.68rem;line-height:1.2}
.v24-process-step span{font-size:.68rem;line-height:1.2}
.v24-example span{font-size:.64rem}
.v24-md-capability span{font-size:.66rem}
.v24-md-journey span{font-size:.65rem}
.v24-md-microproof span{font-size:.64rem}
.v24-section--paper .faq-item{border-color:rgba(7,16,31,.42)}
.v24-section--paper .faq-item summary{color:#07101f;font-size:1rem;font-weight:780}
.v24-section--paper .faq-item summary span{color:#34465c}
.v24-section--paper .faq-item p{color:#4a596b;font-size:.94rem;line-height:1.72}
.v24-section--paper .v24-kicker{color:#40536b}
@media(max-width:700px){
  .v24-kicker{font-size:.66rem}
  .v24-index{font-size:.64rem}
  .v24-service-row>span,.v24-process-step span{font-size:.68rem}
  .v24-section--paper .faq-item p{font-size:.92rem}
}

/* V2.6 — SIGECO case study */
.v26-sigeco-case{--v26-sigeco-cyan:#22d3ee;--v26-sigeco-blue:#2457ff;--v26-sigeco-violet:#8b5cf6;--v26-sigeco-magenta:#d90097;--v26-sigeco-acid:#e7ff37}
.v26-sigeco-hero{position:relative;overflow:hidden}
.v26-sigeco-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(34,211,238,.12),transparent 26%),radial-gradient(circle at 62% 82%,rgba(139,92,246,.11),transparent 30%);pointer-events:none}
.v26-sigeco-intro{position:relative;z-index:1}
.v26-sigeco-browser{position:relative;margin:0;border:1px solid #2b415d;background:#07101f;box-shadow:0 32px 80px rgba(2,8,23,.28);overflow:hidden}
.v26-sigeco-browser::before{content:"SIGECO / HOME";display:block;padding:11px 14px;border-bottom:1px solid #263b55;background:#0c1829;color:#8da1b9;font:700 .55rem var(--font-mono);letter-spacing:.12em}
.v26-sigeco-browser img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}
.v26-sigeco-browser figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;background:rgba(7,16,31,.72);border:1px solid rgba(125,211,252,.22);backdrop-filter:blur(8px);color:#dbe7f5;font:700 .54rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.v26-sigeco-overview-grid,.v26-proof-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:54px;align-items:start}
.v26-sigeco-copy,.v26-proof-copy{display:grid;gap:18px}
.v26-sigeco-copy p,.v26-proof-copy p{margin:0;max-width:760px;color:var(--muted);font-size:1rem;line-height:1.78}
.v26-architecture-section{position:relative;overflow:hidden}
.v26-architecture-section::after{content:"SYSTEM";position:absolute;right:-1vw;bottom:-4vw;font:900 clamp(7rem,18vw,16rem)/.7 sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.035);pointer-events:none}
.v26-architecture{position:relative;z-index:1;display:grid;grid-template-columns:1fr 110px 1fr 110px 1fr;gap:0;align-items:stretch}
.v26-architecture-node{min-height:300px;padding:24px;border:1px solid #263b55;background:linear-gradient(160deg,#0b1829,#07101f);display:flex;flex-direction:column}
.v26-architecture-node span{font:700 .62rem var(--font-mono);letter-spacing:.12em;color:#89a0b7}
.v26-architecture-node strong{margin:64px 0 12px;font-size:1.75rem;line-height:.98;letter-spacing:-.05em;color:#fff}
.v26-architecture-node p{margin:auto 0 0;color:#94a9bf;line-height:1.62;font-size:.86rem}
.v26-architecture-node.is-front{box-shadow:inset 0 3px var(--v26-sigeco-cyan)}
.v26-architecture-node.is-back{box-shadow:inset 0 3px var(--v26-sigeco-violet)}
.v26-architecture-node.is-docker{box-shadow:inset 0 3px var(--v26-sigeco-acid)}
.v26-architecture-link{display:grid;place-items:center;align-content:center;gap:12px;color:#7187a0}
.v26-architecture-link i{display:block;width:100%;height:1px;background:linear-gradient(90deg,#2c4667,#22d3ee,#8b5cf6,#2c4667)}
.v26-architecture-link b{font:700 .5rem var(--font-mono);letter-spacing:.1em;font-weight:700}
.v26-build-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(7,16,31,.16);border-left:1px solid rgba(7,16,31,.16)}
.v26-build-grid article{min-height:260px;padding:24px;border-right:1px solid rgba(7,16,31,.16);border-bottom:1px solid rgba(7,16,31,.16);background:rgba(255,255,255,.34)}
.v26-build-grid span,.v26-sigeco-flow span{font:700 .65rem var(--font-mono);letter-spacing:.12em;color:#657487}
.v26-build-grid h3{margin:66px 0 12px;font-size:1.8rem;line-height:.98;letter-spacing:-.05em;color:#07101f}
.v26-build-grid p{margin:0;color:#586573;line-height:1.68}
.v26-sigeco-flow{border-top:1px solid var(--v24-line)}
.v26-sigeco-flow>div{display:grid;grid-template-columns:70px minmax(220px,.8fr) 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--v24-line);align-items:start}
.v26-sigeco-flow strong{font-size:1.45rem;line-height:1.05;letter-spacing:-.04em}
.v26-sigeco-flow p{margin:0;color:var(--muted);line-height:1.62}
.v26-tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.v26-tech-tags span{padding:9px 11px;border:1px solid rgba(7,16,31,.18);background:rgba(255,255,255,.55);font:700 .62rem var(--font-mono);letter-spacing:.09em;color:#31445a}
.v26-screenshot-note{background:linear-gradient(135deg,#07101f,#0c2140 58%,#27113e);color:#fff}
.v26-screenshot-note-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:42px;align-items:end}
.v26-screenshot-note h2{margin:10px 0 0;font-size:clamp(2.8rem,5vw,5rem);line-height:.88;letter-spacing:-.07em}
.v26-screenshot-note p{margin:0;color:#9eb1c7;line-height:1.72;max-width:760px}

/* SIGECO cards in Home and Projects */
.v26-sigeco-home-card{position:relative;min-height:560px;display:block;overflow:hidden;border:1px solid var(--v2-line);background:#07101f;text-decoration:none;color:#fff}
.v26-sigeco-home-card img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.v26-sigeco-home-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(7,16,31,.74) 100%)}
.v26-sigeco-home-card:hover img{transform:scale(1.02)}
.v26-sigeco-home-label{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:18px}
.v26-sigeco-home-label span{font:700 .62rem var(--font-mono);letter-spacing:.12em;color:#a7bed5}
.v26-sigeco-home-label strong{display:block;margin-top:8px;font-size:clamp(2.3rem,4vw,4.5rem);line-height:.82;letter-spacing:-.07em;color:#fff}
.v26-sigeco-home-label b{font-size:2rem;font-weight:400;color:#e7ff37}
.v24-project-card--sigeco .v24-project-art{background:#07101f}
.v24-project-card--sigeco .v24-project-art img{object-fit:cover}
.v24-project-card--sigeco .v24-project-meta{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#22d3ee,#2457ff,#8b5cf6,#d90097) 1}

@media(max-width:1000px){
  .v26-sigeco-overview-grid,.v26-proof-grid,.v26-screenshot-note-grid{grid-template-columns:1fr}
  .v26-architecture{grid-template-columns:1fr;gap:12px}
  .v26-architecture-link{grid-template-columns:36px 1fr 36px;min-height:40px}
  .v26-architecture-link i{grid-column:1/-1;width:1px;height:40px;background:linear-gradient(180deg,#2c4667,#22d3ee,#8b5cf6,#2c4667)}
  .v26-architecture-link b{display:none}
}
@media(max-width:700px){
  .v26-sigeco-browser img{min-height:330px}
  .v26-build-grid{grid-template-columns:1fr}
  .v26-build-grid article{min-height:auto}
  .v26-build-grid h3{margin-top:34px}
  .v26-sigeco-flow>div{grid-template-columns:52px 1fr;gap:14px}
  .v26-sigeco-flow p{grid-column:2}
  .v26-architecture-node{min-height:240px}
  .v26-architecture-node strong{margin-top:38px}
  .v26-sigeco-home-card,.v26-sigeco-home-card img{min-height:420px}
}

/* V2.6.1 — SIGECO case grounded in the actual application */
.v261-sigeco-operation{position:relative;overflow:hidden}
.v261-sigeco-module-list{border-top:1px solid rgba(7,16,31,.16)}
.v261-sigeco-module-list article{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid rgba(7,16,31,.16)}
.v261-sigeco-module-list article>span{font:700 .68rem var(--font-mono);letter-spacing:.12em;color:#637286;padding-top:4px}
.v261-sigeco-module-list h3{margin:0 0 8px;font-size:clamp(1.45rem,2.3vw,2.1rem);line-height:1;letter-spacing:-.045em;color:#07101f}
.v261-sigeco-module-list p{margin:0;max-width:840px;color:#5b6775;line-height:1.68}
.v261-sigeco-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v261-sigeco-stack article{min-height:310px;padding:24px;border:1px solid #263b55;background:linear-gradient(160deg,#0b1829,#07101f);display:flex;flex-direction:column}
.v261-sigeco-stack article>span{font:700 .65rem var(--font-mono);letter-spacing:.12em;color:#91a5bb}
.v261-sigeco-stack h3{margin:52px 0 12px;font-size:1.75rem;line-height:.98;letter-spacing:-.05em;color:#fff}
.v261-sigeco-stack p{margin:0;color:#9eb0c4;line-height:1.65}
.v261-sigeco-stack small{margin-top:auto;padding-top:24px;color:#7187a0;font:700 .56rem/1.5 var(--font-mono);letter-spacing:.08em}
.v261-sigeco-stack article.is-front{box-shadow:inset 0 3px var(--v26-sigeco-cyan)}
.v261-sigeco-stack article.is-back{box-shadow:inset 0 3px var(--v26-sigeco-violet)}
.v261-sigeco-stack article.is-infra{box-shadow:inset 0 3px var(--v26-sigeco-acid)}
.v261-sigeco-flow{border-top:1px solid var(--v24-line)}
.v261-sigeco-flow>div{display:grid;grid-template-columns:70px minmax(220px,.8fr) 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--v24-line);align-items:start}
.v261-sigeco-flow span{font:700 .68rem var(--font-mono);letter-spacing:.12em;color:#718195}
.v261-sigeco-flow strong{font-size:1.5rem;line-height:1.04;letter-spacing:-.04em}
.v261-sigeco-flow p{margin:0;color:var(--muted);line-height:1.65}
.v261-sigeco-growth-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:54px;align-items:start}
.v261-sigeco-growth-copy{display:grid;gap:18px}
.v261-sigeco-growth-copy p{margin:0;color:#586573;line-height:1.78}
.v261-sigeco-integrations{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.v261-sigeco-integrations span{padding:9px 11px;border:1px solid rgba(7,16,31,.16);background:rgba(255,255,255,.48);color:#304052;font:700 .62rem var(--font-mono);letter-spacing:.06em}
.v261-sigeco-role-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:50px;padding:34px;border-top:3px solid var(--v26-sigeco-cyan);border-left:1px solid var(--v24-line);border-right:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line);background:linear-gradient(135deg,rgba(34,211,238,.05),transparent 42%,rgba(139,92,246,.05))}
.v261-sigeco-role-panel h2{margin:10px 0 0;font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:.9;letter-spacing:-.07em}
.v261-sigeco-role-panel>div:last-child{display:grid;gap:16px;align-content:center}
.v261-sigeco-role-panel p{margin:0;color:var(--muted);line-height:1.75}
.v26-sigeco-browser img{min-height:500px;object-fit:cover;background:#f8fafc}

@media(max-width:1000px){
  .v261-sigeco-stack{grid-template-columns:1fr}
  .v261-sigeco-growth-grid,.v261-sigeco-role-panel{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v261-sigeco-module-list article{grid-template-columns:48px 1fr;gap:12px;padding:18px 0}
  .v261-sigeco-module-list article>span,.v261-sigeco-flow span{font-size:.72rem}
  .v261-sigeco-flow>div{grid-template-columns:48px 1fr;gap:12px}
  .v261-sigeco-flow p{grid-column:2}
  .v261-sigeco-role-panel{padding:22px}
  .v26-sigeco-browser img{min-height:300px}
}

/* ==========================================================
   V2.7 — Naya Fácil case study
   Distinct visual language: high-demand commerce / operations
   ========================================================== */
.v27-naya-case{--naya-pink:#ff4fc3;--naya-gold:#e6c567;--naya-cream:#f3efe7;--naya-ink:#070b13;--naya-line:rgba(7,11,19,.16)}
.v27-naya-hero{position:relative;overflow:hidden;padding:142px 0 0;background:#070b13;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.v27-naya-hero::before{content:"";position:absolute;inset:-22% -8% auto auto;width:48vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,79,195,.16),transparent 62%);pointer-events:none}
.v27-naya-hero::after{content:"";position:absolute;left:-8vw;bottom:13%;width:54vw;height:1px;background:linear-gradient(90deg,transparent,var(--naya-gold),var(--naya-pink),transparent);transform:rotate(-7deg);opacity:.75;pointer-events:none}
.v27-naya-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:52px;align-items:end;padding-bottom:48px}
.v27-naya-hero-copy{display:grid;gap:22px;align-content:end}
.v27-naya-hero-copy h1{margin:0;font-size:clamp(5rem,9.5vw,10rem);line-height:.73;letter-spacing:-.09em;color:#fff}
.v27-naya-hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--naya-pink);letter-spacing:-.075em}
.v27-naya-hero-copy p{margin:0;max-width:690px;color:#aeb9c8;font-size:1rem;line-height:1.74}
.v27-naya-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:6px}
.v27-naya-site-link{display:inline-flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-weight:800;background:rgba(255,255,255,.035)}
.v27-naya-site-link span{color:var(--naya-gold);font-size:1.05rem}
.v27-naya-home{position:relative;border:1px solid rgba(255,255,255,.16);background:#0e131d;box-shadow:0 38px 90px rgba(0,0,0,.34);overflow:hidden}
.v27-naya-browser-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.12);background:#111722}
.v27-naya-browser-bar>span{width:7px;height:7px;border-radius:50%;background:#445063}.v27-naya-browser-bar>span:nth-child(2){background:#6d7787}.v27-naya-browser-bar>span:nth-child(3){background:#9a7b33}
.v27-naya-browser-bar b{margin-left:auto;font:700 .55rem var(--font-mono);letter-spacing:.1em;color:#7f8da0}
.v27-naya-live-home{position:relative;min-height:500px;background:linear-gradient(145deg,#f6f0e9,#f9f7f3);overflow:hidden}
.v27-naya-live-home::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(7,11,19,.26) 100%);pointer-events:none}
.v27-naya-live-home img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v27-naya-live-copy{position:absolute;z-index:2;left:22px;top:22px;max-width:320px;padding:18px 18px 20px;background:rgba(255,255,255,.9);color:#080b12;backdrop-filter:blur(10px);box-shadow:0 18px 38px rgba(0,0,0,.12)}
.v27-naya-live-copy small{display:block;margin-bottom:8px;font:800 .55rem var(--font-mono);letter-spacing:.13em;color:#8f6a19}
.v27-naya-live-copy strong{display:block;font-size:1.5rem;line-height:1.02;letter-spacing:-.05em}
.v27-naya-live-copy p{margin:10px 0 0;color:#58616d;font-size:.76rem;line-height:1.55}
.v27-naya-browser-foot{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;background:#0d131d;color:#8492a4;font:700 .52rem var(--font-mono);letter-spacing:.1em}
.v27-naya-browser-foot b{color:var(--naya-pink)}
.v27-naya-metrics{position:relative;display:grid;grid-template-columns:1.05fr 1.35fr 1.15fr .85fr;border-top:1px solid rgba(255,255,255,.13)}
.v27-naya-metrics>div{min-height:112px;padding:20px 20px 20px 0;border-right:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:flex-end}
.v27-naya-metrics>div+div{padding-left:20px}.v27-naya-metrics>div:last-child{border-right:0}
.v27-naya-metrics strong{display:block;font-size:clamp(1.8rem,3vw,3rem);line-height:.9;letter-spacing:-.06em;color:#fff}
.v27-naya-metrics span{margin-top:8px;color:#8795a9;font-size:.73rem;line-height:1.45}
.v27-naya-metrics>div:first-child strong{color:var(--naya-gold)}

.v27-naya-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:62px;align-items:start}
.v27-naya-intro-copy{display:grid;gap:18px}
.v27-naya-intro-copy p{margin:0;color:#56616d;line-height:1.8;font-size:1rem}
.v27-naya-inline-url{width:max-content;display:inline-flex;gap:10px;align-items:center;margin-top:6px;padding-bottom:4px;border-bottom:1px solid currentColor;color:#07101f;text-decoration:none;font-weight:850}.v27-naya-inline-url span{color:#b57900}

.v27-naya-scale{position:relative;overflow:hidden;padding:104px 0;background:var(--naya-gold);color:#07101f}
.v27-naya-scale::before{content:"SCALE";position:absolute;left:-2vw;bottom:-4vw;font:900 clamp(8rem,24vw,22rem)/.7 sans-serif;letter-spacing:-.1em;color:rgba(7,11,19,.055)}
.v27-naya-scale-grid{position:relative;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
.v27-naya-scale-number{min-height:430px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(7,11,19,.22);border-bottom:1px solid rgba(7,11,19,.22)}
.v27-naya-scale-number small{font:800 .65rem var(--font-mono);letter-spacing:.14em;color:#6f5515}
.v27-naya-scale-number strong{font-size:clamp(7rem,14vw,13rem);line-height:.72;letter-spacing:-.1em;margin-top:18px}
.v27-naya-scale-number span{font-size:1.4rem;font-weight:850;letter-spacing:-.04em}
.v27-naya-scale-copy h2{margin:10px 0 22px;font-size:clamp(3rem,5.3vw,5.5rem);line-height:.88;letter-spacing:-.075em;max-width:900px}
.v27-naya-scale-copy p{margin:0 0 14px;max-width:780px;color:#3c3522;line-height:1.76}

.v27-naya-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v27-naya-stack article{min-height:340px;padding:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#0c1522,#070b13);display:flex;flex-direction:column}
.v27-naya-stack article>span{font:800 .62rem var(--font-mono);letter-spacing:.13em;color:#8ca0b7}
.v27-naya-stack h3{margin:58px 0 12px;font-size:1.85rem;line-height:.96;letter-spacing:-.055em;color:#fff}
.v27-naya-stack p{margin:0;color:#a2b0c2;line-height:1.65;font-size:.88rem}
.v27-naya-stack small{margin-top:auto;padding-top:24px;color:#6f8299;font:700 .57rem/1.5 var(--font-mono);letter-spacing:.08em}
.v27-naya-stack .is-public{box-shadow:inset 0 3px var(--naya-pink)}
.v27-naya-stack .is-core{box-shadow:inset 0 3px var(--naya-gold)}
.v27-naya-stack .is-admin{box-shadow:inset 0 3px #5ea5ff}

.v27-naya-flow{border-top:1px solid var(--v24-line)}
.v27-naya-flow>div{display:grid;grid-template-columns:64px minmax(170px,.62fr) 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--v24-line);align-items:start}
.v27-naya-flow span{font:800 .66rem var(--font-mono);letter-spacing:.13em;color:#77889b}
.v27-naya-flow strong{font-size:1.55rem;line-height:1.02;letter-spacing:-.045em}
.v27-naya-flow p{margin:0;color:var(--muted);line-height:1.65}

.v27-naya-payments{background:linear-gradient(180deg,#fff 0%,#f4f0e8 100%);color:#07101f}
.v27-naya-payments-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:56px;align-items:start}
.v27-naya-payments h2{color:#07101f}.v27-naya-payments p{margin:14px 0 0;color:#596471;line-height:1.78}
.v27-naya-payment-board{border-top:1px solid var(--naya-line);border-left:1px solid var(--naya-line)}
.v27-naya-payment-board>div{min-height:104px;padding:18px;border-right:1px solid var(--naya-line);border-bottom:1px solid var(--naya-line);display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.52)}
.v27-naya-payment-board span{font:800 .62rem var(--font-mono);letter-spacing:.12em;color:#687482}
.v27-naya-payment-board b{font-size:1rem;line-height:1.42;letter-spacing:-.02em}
.v27-naya-payment-board .is-accent{background:#070b13;color:#fff}.v27-naya-payment-board .is-accent span{color:var(--naya-gold)}


.v27-naya-ops-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:56px;align-items:start}
.v27-naya-ops-grid>div:first-child p{color:#9faec0;line-height:1.75;max-width:700px}
.v27-naya-ops-list{border-top:1px solid rgba(255,255,255,.15)}
.v27-naya-ops-list>div{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.v27-naya-ops-list span{font:800 .64rem var(--font-mono);letter-spacing:.13em;color:var(--naya-gold)}
.v27-naya-ops-list b{font-size:1.05rem;line-height:1.4;color:#fff}

.v27-naya-integrations{display:flex;flex-wrap:wrap;gap:9px}
.v27-naya-integrations span{padding:11px 13px;border:1px solid rgba(7,11,19,.16);background:rgba(255,255,255,.52);color:#293747;font:800 .64rem var(--font-mono);letter-spacing:.07em}
.v27-naya-integrations span:nth-child(1),.v27-naya-integrations span:nth-child(2){border-color:rgba(217,0,151,.24);background:rgba(255,79,195,.09)}

.v27-naya-role{padding:94px 0;background:#fff;color:#07101f;border-top:1px solid rgba(7,11,19,.12);border-bottom:1px solid rgba(7,11,19,.12)}
.v27-naya-role-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:58px;padding:34px 0;border-top:4px solid var(--naya-pink)}
.v27-naya-role h2{margin:10px 0 0;font-size:clamp(2.8rem,5vw,5rem);line-height:.88;letter-spacing:-.075em}
.v27-naya-role p{margin:0 0 16px;color:#586471;line-height:1.78}

.v27-naya-cta{position:relative;overflow:hidden;padding:104px 0;background:#070b13;color:#fff}
.v27-naya-cta::before{content:"";position:absolute;right:-8vw;top:-15vw;width:46vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,79,195,.22),transparent 64%)}
.v27-naya-cta::after{content:"";position:absolute;left:-12vw;bottom:-20vw;width:54vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(230,197,103,.18),transparent 64%)}
.v27-naya-cta .container{position:relative}.v27-naya-cta h2{margin:10px 0 24px;max-width:1080px;font-size:clamp(3.6rem,7vw,7.4rem);line-height:.82;letter-spacing:-.085em}.v27-naya-cta p{max-width:650px;color:#9dabbd;line-height:1.7}.v27-naya-cta a{display:inline-flex;gap:18px;align-items:center;margin-top:22px;padding:15px 17px;border:1px solid rgba(255,255,255,.22);text-decoration:none;color:#fff;font-weight:850}.v27-naya-cta a span{color:var(--naya-gold)}

/* Naya project cards */
.v27-naya-home-art{position:relative;overflow:hidden;background:#090d15!important}
.v27-naya-home-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.02)}
.v27-naya-home-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,19,.06),rgba(7,11,19,.78))}
.v27-naya-home-stat{position:absolute;z-index:3;left:18px;bottom:18px;display:grid;gap:2px;color:#fff}.v27-naya-home-stat strong{font-size:clamp(2rem,4vw,4rem);line-height:.85;letter-spacing:-.07em;color:var(--naya-gold)}.v27-naya-home-stat span{font:800 .6rem var(--font-mono);letter-spacing:.12em;color:#fff}
.v27-naya-url{display:inline-flex!important;width:max-content;align-items:center;gap:7px;margin-top:8px!important;padding-bottom:2px;border-bottom:1px solid currentColor;color:#e0b95d!important;font:800 .62rem var(--font-mono)!important;letter-spacing:.08em!important}
.v24-project-card--naya .v24-project-meta{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--naya-gold),var(--naya-pink)) 1}
.v24-project-card--naya .v24-project-art{background:#090d15}

@media(max-width:1050px){
  .v27-naya-hero-grid,.v27-naya-intro,.v27-naya-scale-grid,.v27-naya-payments-grid,.v27-naya-ops-grid,.v27-naya-role-grid{grid-template-columns:1fr}
  .v27-naya-home{max-width:780px}.v27-naya-live-home{min-height:430px}
  .v27-naya-stack{grid-template-columns:1fr}.v27-naya-metrics{grid-template-columns:1fr 1fr}.v27-naya-metrics>div:nth-child(2){border-right:0}.v27-naya-metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}
}
@media(max-width:700px){
  .v27-naya-hero{padding-top:104px}.v27-naya-hero-grid{gap:32px;padding-bottom:34px}.v27-naya-hero-copy h1{font-size:clamp(4.4rem,22vw,6.7rem)}
  .v27-naya-live-home{min-height:340px}.v27-naya-live-copy{left:12px;top:12px;right:12px;max-width:none;padding:14px}.v27-naya-live-copy strong{font-size:1.25rem}.v27-naya-live-copy p{display:none}
  .v27-naya-metrics{grid-template-columns:1fr}.v27-naya-metrics>div,.v27-naya-metrics>div+div{padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13);min-height:auto}.v27-naya-metrics>div:last-child{border-bottom:0}
  .v27-naya-scale{padding:76px 0}.v27-naya-scale-number{min-height:260px}.v27-naya-scale-number strong{font-size:7.8rem}.v27-naya-scale-copy h2{font-size:clamp(2.8rem,13vw,4.3rem)}
  .v27-naya-flow>div{grid-template-columns:48px 1fr;gap:12px}.v27-naya-flow p{grid-column:2}.v27-naya-flow strong{font-size:1.35rem}
  .v27-naya-role{padding:72px 0}.v27-naya-cta{padding:82px 0}.v27-naya-cta h2{font-size:clamp(3.5rem,16vw,5.6rem)}
}

/* V2.8 — La Tómbola case */
.v28-tombola-case{--v28-cream:#fff7e8;--v28-ink:#201a1d;--v28-red:#ef5037;--v28-pink:#d92b5f;--v28-yellow:#ffd84a;--v28-line:rgba(32,26,29,.18)}
.v28-tombola-case .site-header{background:color-mix(in srgb,var(--header) 94%,transparent)}
.v28-tombola-hero{min-height:min(92vh,930px);display:flex;align-items:flex-end;padding:140px 0 64px;background:var(--v28-cream);color:var(--v28-ink);border-bottom:1px solid var(--v28-line);overflow:hidden;position:relative}
.v28-tombola-hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-120px;background:var(--v28-yellow);opacity:.9}
.v28-tombola-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:46px;align-items:end;position:relative;z-index:1}
.v28-tombola-hero-copy{display:grid;gap:22px}
.v28-tombola-hero-copy .v24-kicker{color:#6b5860}
.v28-tombola-hero h1{margin:0;font-size:clamp(5rem,10vw,10rem);line-height:.72;letter-spacing:-.095em;font-weight:900}
.v28-tombola-hero h1 em{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--v28-pink);font-style:italic;letter-spacing:-.07em}
.v28-tombola-hero-copy>p{max-width:650px;margin:0;color:#67575d;font-size:1.05rem;line-height:1.72}
.v28-tombola-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.v28-tombola-hero .button-primary{background:var(--v28-ink);color:#fff;border-color:var(--v28-ink);box-shadow:none}
.v28-tombola-hero .button-secondary{background:transparent;color:var(--v28-ink);border-color:var(--v28-line)}
.v28-tombola-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v28-line);border-bottom:1px solid var(--v28-line);margin-top:8px}
.v28-tombola-meta div{padding:14px 12px 14px 0;border-right:1px solid var(--v28-line);display:grid;gap:5px}
.v28-tombola-meta div:last-child{border-right:0}
.v28-tombola-meta span{font:800 .58rem var(--font-mono);letter-spacing:.13em;color:#806f75}
.v28-tombola-meta b{font-size:.82rem;line-height:1.35}
.v28-tombola-ticket-stage{min-height:560px;display:flex;align-items:center;justify-content:center;position:relative}
.v28-tombola-ticket-stage img{width:100%;height:auto;display:block;filter:drop-shadow(0 34px 50px rgba(69,34,39,.14));transform:rotate(-1.5deg)}

.v28-tombola-intro{background:var(--bg)}
.v28-tombola-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:58px;align-items:start}
.v28-tombola-copy{display:grid;gap:18px}
.v28-tombola-copy p{margin:0;font-size:1rem;line-height:1.8}

.v28-tombola-dual{padding:90px 0 100px;background:#201a1d;color:#fff;position:relative;overflow:hidden}
.v28-tombola-dual::before{content:"07 14 21 28 35";position:absolute;left:-2vw;bottom:-4vw;color:rgba(255,255,255,.035);font:900 clamp(7rem,20vw,19rem)/.75 sans-serif;letter-spacing:-.09em;white-space:nowrap}
.v28-tombola-dual-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px;position:relative}
.v28-tombola-dual-head span{font:800 .62rem var(--font-mono);letter-spacing:.14em;color:#f1bcb2}
.v28-tombola-dual-head h2{margin:0;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.88;letter-spacing:-.07em;max-width:760px}
.v28-tombola-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}
.v28-tombola-dual article{min-height:390px;padding:28px;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:flex-end}
.v28-tombola-dual article.is-public{background:linear-gradient(150deg,rgba(239,80,55,.28),transparent 58%)}
.v28-tombola-dual article.is-admin{background:linear-gradient(150deg,rgba(255,216,74,.12),transparent 58%)}
.v28-tombola-dual small{font:800 .58rem var(--font-mono);letter-spacing:.13em;color:#f0b9af;margin-bottom:auto}
.v28-tombola-dual h3{font-size:clamp(2rem,3.5vw,3.7rem);line-height:.9;letter-spacing:-.065em;margin:0 0 14px;max-width:560px}
.v28-tombola-dual p{max-width:580px;color:rgba(255,255,255,.7);line-height:1.7;margin:0}
.v28-tombola-ticket-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-top:28px;font:800 .54rem var(--font-mono);letter-spacing:.12em;color:#fff}
.v28-tombola-ticket-line i{height:1px;background:rgba(255,255,255,.22)}

.v28-builder-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:44px;align-items:center}
.v28-builder-copy{display:grid;gap:18px}
.v28-builder-copy p{margin:0;color:#59636f;line-height:1.75}
.v28-builder-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.v28-builder-list span{padding:8px 10px;border:1px solid rgba(7,16,31,.16);font-size:.72rem;font-weight:750;background:rgba(255,255,255,.4)}
.v28-builder-preview{border:1px solid rgba(7,16,31,.18);background:#171a21;box-shadow:0 28px 70px rgba(32,26,29,.14)}
.v28-builder-toolbar{min-height:50px;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid #2d323c;color:#9fa8b7;font:700 .55rem var(--font-mono);letter-spacing:.12em}
.v28-builder-toolbar b{margin-right:auto;color:#fff}
.v28-builder-canvas{display:grid;grid-template-columns:138px 1fr;min-height:430px}
.v28-builder-sidebar{padding:18px 12px;border-right:1px solid #2d323c;display:grid;align-content:start;gap:6px}
.v28-builder-sidebar span{padding:10px;border:1px solid #333946;color:#b9c1ce;font:700 .5rem var(--font-mono);letter-spacing:.1em}
.v28-builder-page{margin:28px;background:#fff7e8;min-height:350px;padding:22px;display:grid;grid-template-rows:115px 28px 1fr 44px;gap:12px}
.v28-builder-page .hero{background:linear-gradient(120deg,#ef5037,#d92b5f)}
.v28-builder-page .headline{width:62%;background:#201a1d}
.v28-builder-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v28-builder-page .cards i{display:block;background:#eed9c3}
.v28-builder-page .cta{width:34%;background:#ffd84a}

.v28-flow-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.14)}
.v28-flow-list li{display:grid;grid-template-columns:62px minmax(170px,.75fr) 1.25fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:start}
.v28-flow-list span{font:800 .6rem var(--font-mono);letter-spacing:.13em;color:#f0a798}
.v28-flow-list strong{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.04em}
.v28-flow-list p{margin:0;color:rgba(255,255,255,.68);line-height:1.65}

.v28-rules-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--v24-line);border-top:1px solid var(--v24-line)}
.v28-rules-grid>div{padding:22px;min-height:235px;border-right:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line);display:flex;flex-direction:column}
.v28-rules-grid strong{font:900 2.6rem/1 sans-serif;letter-spacing:-.06em;color:var(--v28-pink)}
.v28-rules-grid h3{margin:auto 0 9px;font-size:1.35rem;letter-spacing:-.04em}
.v28-rules-grid p{margin:0;font-size:.82rem;line-height:1.6}

.v28-ops-strip{padding:92px 0;background:var(--v28-red);color:#fff}
.v28-ops-strip-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center}
.v28-ops-strip h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.88;letter-spacing:-.075em;margin:10px 0 0}
.v28-ops-strip .v24-kicker{color:rgba(255,255,255,.78)}
.v28-ops-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3)}
.v28-ops-list span{padding:18px;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);font-weight:800}

.v28-stack-list{border-top:1px solid rgba(7,16,31,.16)}
.v28-stack-list>div{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid rgba(7,16,31,.16)}
.v28-stack-list span{font:800 .57rem var(--font-mono);letter-spacing:.13em;color:#6d7681}
.v28-stack-list b{font-size:1rem;line-height:1.5;color:#201a1d}

.v28-tombola-role{padding:100px 0;background:#fff7e8;color:#201a1d}
.v28-tombola-role-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:54px;align-items:start}
.v28-tombola-role h2{margin:10px 0 0;font-size:clamp(3rem,5.5vw,5.8rem);line-height:.84;letter-spacing:-.08em}
.v28-tombola-role p{margin:0 0 18px;color:#665a5e;line-height:1.78}

.v28-tombola-cta{padding:110px 0;background:#201a1d;color:#fff;position:relative;overflow:hidden}
.v28-tombola-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:440px;height:440px;border-radius:50%;background:#ffd84a}
.v28-tombola-cta::after{content:"TICKET";position:absolute;right:4vw;bottom:-.1em;font:900 clamp(7rem,18vw,17rem)/.7 sans-serif;color:rgba(255,255,255,.035);letter-spacing:-.08em}
.v28-tombola-cta .container{position:relative;z-index:1}
.v28-tombola-cta h2{max-width:1050px;margin:10px 0 24px;font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.09em}
.v28-tombola-cta p{max-width:680px;color:rgba(255,255,255,.7);line-height:1.7}
.v28-tombola-cta a{display:inline-flex;align-items:center;gap:16px;margin-top:22px;padding:15px 18px;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-weight:800}
.v28-tombola-cta a:hover{background:#ffd84a;color:#201a1d;border-color:#ffd84a}

.v24-project-card--tombola .v24-project-art{background:#fff7e8}
.v24-project-card--tombola .v24-project-art img{width:100%;height:100%;object-fit:cover}
.v28-home-tombola-art{position:relative;overflow:hidden;background:#fff7e8!important}
.v28-home-tombola-art img{width:100%;height:100%;object-fit:cover}
.v28-home-tombola-tag{position:absolute;left:18px;bottom:18px;padding:7px 9px;background:#201a1d;color:#fff7e8;font:800 .55rem var(--font-mono);letter-spacing:.12em}

@media(max-width:1000px){
  .v28-tombola-hero-grid,.v28-tombola-intro-grid,.v28-builder-grid,.v28-ops-strip-grid,.v28-tombola-role-grid{grid-template-columns:1fr}
  .v28-tombola-hero{padding-top:120px}.v28-tombola-ticket-stage{min-height:auto}.v28-tombola-ticket-stage img{max-width:900px}
  .v28-tombola-dual-grid{grid-template-columns:1fr}.v28-tombola-dual article{min-height:310px}
  .v28-rules-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .v28-tombola-hero{padding:108px 0 46px}
  .v28-tombola-hero h1{font-size:clamp(4.4rem,22vw,7rem)}
  .v28-tombola-meta{grid-template-columns:1fr}.v28-tombola-meta div{border-right:0;border-bottom:1px solid var(--v28-line);padding:11px 0}.v28-tombola-meta div:last-child{border-bottom:0}
  .v28-builder-canvas{grid-template-columns:88px 1fr}.v28-builder-sidebar{padding:12px 8px}.v28-builder-sidebar span{padding:7px;font-size:.43rem}.v28-builder-page{margin:14px;padding:12px;min-height:290px}
  .v28-flow-list li{grid-template-columns:44px 1fr;gap:12px}.v28-flow-list p{grid-column:2}
  .v28-rules-grid{grid-template-columns:1fr}
  .v28-ops-list{grid-template-columns:1fr}
  .v28-stack-list>div{grid-template-columns:1fr;gap:8px}
  .v28-tombola-cta{padding:88px 0}.v28-tombola-cta h2{font-size:clamp(3.8rem,17vw,6.4rem)}
}

/* V2.9 — Kiyozumi CF case */
.v29-kiyo-case{--v29-red:#c30010;--v29-ink:#17191d;--v29-paper:#f1eee6;--v29-line:#d2cbc0;--v29-muted:#69717c}
.v29-kiyo-hero{padding:138px 0 68px;background:var(--v29-paper);color:var(--v29-ink);overflow:hidden}
.v29-kiyo-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:54px;align-items:center}
.v29-kiyo-hero-copy{display:grid;gap:18px;align-content:start}
.v29-kiyo-hero .v24-kicker{color:#6d737c}
.v29-kiyo-hero h1{margin:0;font-size:clamp(4.8rem,8.6vw,9rem);line-height:.75;letter-spacing:-.095em;font-weight:900}
.v29-kiyo-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:var(--v29-red);letter-spacing:-.07em}
.v29-kiyo-hero h2{margin:10px 0 0;max-width:680px;font-size:clamp(2rem,3.5vw,3.7rem);line-height:.92;letter-spacing:-.06em}
.v29-kiyo-hero-copy>p{margin:0;max-width:670px;color:#5b626b;line-height:1.72;font-size:1.02rem}
.v29-kiyo-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.v29-kiyo-hero .button-primary{background:var(--v29-red);border-color:var(--v29-red);color:#fff;box-shadow:none}
.v29-kiyo-hero .button-primary:hover{background:#a5000d;border-color:#a5000d}
.v29-kiyo-hero .button-secondary{background:transparent;color:var(--v29-ink);border-color:#aaa297}
.v29-kiyo-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v29-line);border-bottom:1px solid var(--v29-line);margin-top:6px}
.v29-kiyo-meta div{padding:13px 12px 13px 0;border-right:1px solid var(--v29-line);display:grid;gap:4px}
.v29-kiyo-meta div:last-child{border-right:0}
.v29-kiyo-meta span{font:800 .59rem var(--font-mono);letter-spacing:.13em;color:#777a7f}
.v29-kiyo-meta b{font-size:.8rem;line-height:1.4}
.v29-kiyo-hero-art{position:relative}
.v29-kiyo-hero-art::before{content:"";position:absolute;inset:8% -14% -10% 12%;border:1px solid rgba(195,0,16,.25);transform:rotate(3deg)}
.v29-kiyo-hero-art img{position:relative;z-index:1;width:100%;height:auto;display:block;box-shadow:0 30px 70px rgba(45,35,34,.13)}

.v29-kiyo-intro{color:var(--v29-ink)}
.v29-kiyo-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:58px;align-items:start}
.v29-kiyo-copy{display:grid;gap:18px}
.v29-kiyo-copy p{margin:0;line-height:1.8;color:#59616b}
.v29-kiyo-note{margin-top:8px;padding:18px 0;border-top:2px solid var(--v29-red);border-bottom:1px solid rgba(23,25,29,.16);display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}
.v29-kiyo-note strong{font-size:1.05rem;letter-spacing:-.03em}.v29-kiyo-note span{color:#5c6570;line-height:1.6}

.v29-kiyo-flow{padding:90px 0 100px;background:var(--v29-ink);color:#fff;overflow:hidden}
.v29-kiyo-flow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.v29-kiyo-flow-head span{font:800 .62rem var(--font-mono);letter-spacing:.14em;color:#f0838c}
.v29-kiyo-flow-head h2{margin:0;font-size:clamp(3rem,5vw,5.1rem);line-height:.86;letter-spacing:-.075em}
.v29-kiyo-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.v29-kiyo-flow-grid article{min-height:410px;padding:24px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;position:relative;overflow:hidden}
.v29-kiyo-flow-grid article>span{font:800 .62rem var(--font-mono);letter-spacing:.14em;color:#e98089}
.v29-kiyo-flow-grid h3{margin:auto 0 10px;font-size:clamp(2rem,3.3vw,3.3rem);line-height:.9;letter-spacing:-.06em}
.v29-kiyo-flow-grid p{margin:0;color:rgba(255,255,255,.66);line-height:1.65;max-width:360px}
.v29-kiyo-machine-icon{position:absolute;left:50%;top:42%;width:170px;height:150px;transform:translate(-50%,-50%)}
.v29-kiyo-machine-icon i,.v29-kiyo-machine-icon b,.v29-kiyo-machine-icon em{position:absolute;display:block;border:7px solid var(--v29-red);border-radius:999px}
.v29-kiyo-machine-icon i{left:28px;bottom:5px;width:70px;height:105px;border-right:0;border-bottom:0;border-radius:0}
.v29-kiyo-machine-icon b{left:74px;top:18px;width:76px;height:12px;border-width:6px}
.v29-kiyo-machine-icon em{right:18px;top:54px;width:42px;height:42px}
.v29-mini-qr{position:absolute;left:50%;top:40%;width:144px;height:144px;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;padding:14px;background:#fff}
.v29-mini-qr i{background:var(--v29-ink)}.v29-mini-qr i:nth-child(2),.v29-mini-qr i:nth-child(4),.v29-mini-qr i:nth-child(6),.v29-mini-qr i:nth-child(8){background:var(--v29-red)}
.v29-mini-phone{position:absolute;left:50%;top:40%;width:116px;height:190px;transform:translate(-50%,-50%);border:5px solid #fff;border-radius:18px}
.v29-mini-phone i{position:absolute;left:16px;right:16px;top:24px;height:72px;background:var(--v29-red)}
.v29-mini-phone b{position:absolute;left:16px;right:50px;top:112px;height:8px;background:#fff}.v29-mini-phone em{position:absolute;left:16px;right:28px;top:132px;height:34px;border-top:1px solid #777;border-bottom:1px solid #777}

.v29-kiyo-content-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--v24-line);border-left:1px solid var(--v24-line)}
.v29-kiyo-content-grid article{min-height:250px;padding:22px;border-right:1px solid var(--v24-line);border-bottom:1px solid var(--v24-line);display:flex;flex-direction:column}
.v29-kiyo-content-grid span{font:800 .6rem var(--font-mono);letter-spacing:.13em;color:var(--v29-red)}
.v29-kiyo-content-grid h3{margin:auto 0 10px;font-size:1.45rem;line-height:1;letter-spacing:-.045em}
.v29-kiyo-content-grid p{margin:0;font-size:.83rem;line-height:1.6;color:var(--muted)}

.v29-kiyo-panel{padding:100px 0;background:#ece7dd;color:var(--v29-ink)}
.v29-kiyo-panel-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:54px;align-items:center}
.v29-kiyo-panel-copy h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.86;letter-spacing:-.075em;margin:10px 0 18px;max-width:780px}
.v29-kiyo-panel-copy>p{margin:0;color:#5e646c;line-height:1.75;max-width:680px}
.v29-kiyo-panel-list{margin-top:28px;border-top:1px solid rgba(23,25,29,.18)}
.v29-kiyo-panel-list>div{display:grid;grid-template-columns:46px 135px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid rgba(23,25,29,.18);align-items:start}
.v29-kiyo-panel-list span{font:800 .58rem var(--font-mono);letter-spacing:.12em;color:var(--v29-red)}
.v29-kiyo-panel-list b{font-size:.92rem}.v29-kiyo-panel-list p{margin:0;color:#666c74;font-size:.78rem;line-height:1.55}
.v29-kiyo-panel-visual{background:#191b1f;border:1px solid #2e3137;box-shadow:0 28px 70px rgba(23,25,29,.14)}
.v29-panel-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #30333a;color:#fff}
.v29-panel-top b{color:var(--v29-red);letter-spacing:.08em}.v29-panel-top span{font:700 .54rem var(--font-mono);letter-spacing:.12em;color:#8e96a2}
.v29-panel-shell{display:grid;grid-template-columns:132px 1fr;min-height:420px}
.v29-panel-shell aside{padding:18px 10px;border-right:1px solid #30333a;display:grid;align-content:start;gap:7px}
.v29-panel-shell aside span,.v29-panel-shell aside strong{padding:10px 9px;font-size:.66rem;color:#aab0b9}.v29-panel-shell aside strong{background:var(--v29-red);color:#fff}
.v29-panel-main{padding:22px;display:grid;align-content:start;gap:10px}
.v29-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.v29-panel-title b{color:#fff;font-size:1.4rem}.v29-panel-title i{padding:8px 9px;background:var(--v29-red);color:#fff;font:700 .55rem var(--font-mono);font-style:normal}
.v29-panel-row{display:grid;grid-template-columns:1fr 72px 38px;gap:10px;align-items:center;padding:14px;background:#23262c;border:1px solid #31343b}.v29-panel-row strong{color:#fff;font-size:.78rem}.v29-panel-row span{font:800 .49rem var(--font-mono);letter-spacing:.08em;color:#78d28e}.v29-panel-row:last-child span{color:#d77f87}.v29-panel-row b{color:#fff;font-size:.6rem;text-align:center;border:1px solid #555b65;padding:6px 0}

.v29-kiyo-stack-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:54px;align-items:start}
.v29-kiyo-stack-grid>div:first-child p{color:#5f6873;line-height:1.75;max-width:570px}
.v29-kiyo-stack-list{border-top:1px solid rgba(23,25,29,.17)}
.v29-kiyo-stack-list>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid rgba(23,25,29,.17)}
.v29-kiyo-stack-list span{font:800 .57rem var(--font-mono);letter-spacing:.13em;color:#767d86}.v29-kiyo-stack-list b{font-size:.97rem;color:var(--v29-ink);line-height:1.5}

.v29-kiyo-role{padding:98px 0;background:#fff;color:var(--v29-ink)}
.v29-kiyo-role-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:56px;align-items:start}
.v29-kiyo-role h2{margin:10px 0 0;font-size:clamp(3rem,5.2vw,5.4rem);line-height:.85;letter-spacing:-.08em}
.v29-kiyo-role p{margin:0 0 18px;color:#59616a;line-height:1.78}
.v29-kiyo-role-line{margin-top:28px!important;padding:18px 0;border-top:2px solid var(--v29-red);border-bottom:1px solid #d6d6d6;color:var(--v29-ink)!important;font-weight:800;font-size:1.05rem}

.v29-kiyo-cta{padding:110px 0;background:var(--v29-red);color:#fff;position:relative;overflow:hidden}
.v29-kiyo-cta::after{content:"QR";position:absolute;right:-.05em;bottom:-.18em;font:900 clamp(10rem,27vw,27rem)/.72 sans-serif;letter-spacing:-.1em;color:rgba(255,255,255,.07)}
.v29-kiyo-cta .container{position:relative;z-index:1}.v29-kiyo-cta .v24-kicker{color:rgba(255,255,255,.72)}
.v29-kiyo-cta h2{max-width:1100px;margin:10px 0 24px;font-size:clamp(3.8rem,7.4vw,7.5rem);line-height:.8;letter-spacing:-.09em}.v29-kiyo-cta h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.v29-kiyo-cta p{max-width:700px;color:rgba(255,255,255,.78);line-height:1.7}
.v29-kiyo-cta a{display:inline-flex;align-items:center;gap:16px;margin-top:22px;padding:15px 18px;border:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;font-weight:800}.v29-kiyo-cta a:hover{background:#fff;color:var(--v29-red)}

.v24-project-card--kiyo .v24-project-art{background:var(--v29-paper,#f1eee6)}
.v24-project-card--kiyo .v24-project-art img{width:100%;height:100%;object-fit:cover}

@media(max-width:1000px){
  .v29-kiyo-hero-grid,.v29-kiyo-intro-grid,.v29-kiyo-panel-grid,.v29-kiyo-stack-grid,.v29-kiyo-role-grid{grid-template-columns:1fr}
  .v29-kiyo-hero-art img{max-width:900px;margin-inline:auto}
  .v29-kiyo-flow-grid{grid-template-columns:1fr}.v29-kiyo-flow-grid article{min-height:330px}
  .v29-kiyo-content-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .v29-kiyo-hero{padding:108px 0 46px}.v29-kiyo-hero h1{font-size:clamp(4.3rem,20vw,6.4rem)}.v29-kiyo-hero h2{font-size:clamp(2rem,10vw,3rem)}
  .v29-kiyo-meta{grid-template-columns:1fr}.v29-kiyo-meta div{border-right:0;border-bottom:1px solid var(--v29-line);padding:11px 0}.v29-kiyo-meta div:last-child{border-bottom:0}
  .v29-kiyo-note{grid-template-columns:1fr;gap:7px}.v29-kiyo-flow{padding:78px 0}.v29-kiyo-flow-head{display:grid;gap:12px}
  .v29-kiyo-flow-grid article{min-height:300px}.v29-kiyo-content-grid{grid-template-columns:1fr}
  .v29-kiyo-panel{padding:80px 0}.v29-kiyo-panel-list>div{grid-template-columns:38px 1fr}.v29-kiyo-panel-list p{grid-column:2}
  .v29-panel-shell{grid-template-columns:82px 1fr}.v29-panel-shell aside{padding:12px 6px}.v29-panel-shell aside span,.v29-panel-shell aside strong{font-size:.5rem;padding:8px 5px}.v29-panel-main{padding:12px}.v29-panel-row{grid-template-columns:1fr 56px 32px;padding:10px 8px}.v29-panel-row strong{font-size:.65rem}.v29-panel-title i{font-size:.45rem}
  .v29-kiyo-stack-list>div{grid-template-columns:1fr;gap:7px}.v29-kiyo-cta{padding:88px 0}.v29-kiyo-cta h2{font-size:clamp(3.6rem,16vw,6rem)}
}

/* v2.9.1 — Kiyozumi as one project with two connected fronts */
.v29-kiyo-dual{padding:96px 0;background:#f7f4ed;color:var(--v29-ink)}
.v29-kiyo-dual-head{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:30px}
.v29-kiyo-dual-head span{font:800 .62rem var(--font-mono);letter-spacing:.14em;color:#8b3d44}
.v29-kiyo-dual-head h2{margin:0;font-size:clamp(3rem,5.2vw,5.4rem);line-height:.86;letter-spacing:-.075em;max-width:900px}
.v29-kiyo-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v29-kiyo-dual-card{min-height:520px;padding:24px;border:1px solid #d8d0c5;display:flex;flex-direction:column;background:#fff}
.v29-kiyo-dual-card>span{font:800 .6rem var(--font-mono);letter-spacing:.13em;color:#8a6d70}
.v29-kiyo-dual-card h3{margin:auto 0 10px;font-size:clamp(2rem,3vw,3rem);line-height:.94;letter-spacing:-.06em}
.v29-kiyo-dual-card p{margin:0;color:#5d6670;line-height:1.7;max-width:620px}
.v29-kiyo-dual-card.is-system{background:#17191d;color:#fff;border-color:#25282e}
.v29-kiyo-dual-card.is-system>span{color:#e68790}.v29-kiyo-dual-card.is-system p{color:rgba(255,255,255,.66)}
.v29-kiyo-browser{margin-top:28px;height:230px;background:#191b1f;position:relative;border:1px solid #2e3238;overflow:hidden}
.v29-kiyo-browser>i{position:absolute;top:12px;width:7px;height:7px;border-radius:50%;background:#5a6068}.v29-kiyo-browser>i:nth-child(1){left:14px;background:#c30010}.v29-kiyo-browser>i:nth-child(2){left:28px}.v29-kiyo-browser>i:nth-child(3){left:42px}
.v29-kiyo-browser>div{position:absolute;inset:38px 14px 14px;padding:20px;background:linear-gradient(145deg,#22252b,#111317);display:grid;align-content:center;gap:8px}
.v29-kiyo-browser b{font-size:.72rem;letter-spacing:.12em;color:#fff}.v29-kiyo-browser strong{font-size:clamp(1.8rem,3vw,3.2rem);line-height:.9;letter-spacing:-.06em;color:#fff}.v29-kiyo-browser em{font:400 1rem Georgia,serif;color:#e7505d}
.v29-kiyo-system-mark{margin-top:28px;min-height:230px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;place-items:center;padding:24px;background:linear-gradient(145deg,#202329,#121417)}
.v29-kiyo-system-mark b,.v29-kiyo-system-mark strong,.v29-kiyo-system-mark em{font-style:normal;font-size:clamp(1rem,2vw,1.7rem);letter-spacing:-.04em}.v29-kiyo-system-mark strong{color:#fff;background:#c30010;padding:16px 12px}.v29-kiyo-system-mark i{font-style:normal;color:#737b86}
@media(max-width:900px){.v29-kiyo-dual-head,.v29-kiyo-dual-grid{grid-template-columns:1fr}.v29-kiyo-dual-card{min-height:430px}}
@media(max-width:560px){.v29-kiyo-dual{padding:76px 0}.v29-kiyo-dual-card{min-height:auto}.v29-kiyo-browser,.v29-kiyo-system-mark{min-height:190px;height:190px}.v29-kiyo-system-mark{grid-template-columns:1fr;gap:6px}.v29-kiyo-system-mark i{transform:rotate(90deg)}}

/* =========================================================
   V2.13 — HATT case study
   Existing platform evolution + 100% MindShot certificates
   ========================================================= */
.v213-hatt-case{--hatt-orange:#f05a42;--hatt-blue:#173e73;--hatt-paper:#f1ece2;--hatt-ink:#09111f;--hatt-muted:#687386}
.v213-hatt-case .v24-kicker{letter-spacing:.13em}
.v213-hatt-hero{position:relative;overflow:hidden;background:#09111f;color:#eef4ff;border-bottom:1px solid rgba(255,255,255,.12)}
.v213-hatt-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.v213-hatt-hero::after{content:"";position:absolute;right:-8vw;top:-18vw;width:48vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,90,66,.18),transparent 62%);filter:blur(10px)}
.v213-hatt-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:46px;align-items:end;padding-top:128px;padding-bottom:70px}
.v213-hatt-hero-copy{display:grid;gap:18px}
.v213-hatt-hero-copy h1{margin:0;font-size:clamp(4.8rem,10vw,9.4rem);line-height:.78;letter-spacing:-.09em}
.v213-hatt-hero-copy h2{margin:0;max-width:760px;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:.91;letter-spacing:-.07em}
.v213-hatt-hero-copy h2 em{font-family:var(--v21-serif,Georgia,serif);font-weight:400;color:var(--hatt-orange)}
.v213-hatt-hero-copy>p{max-width:690px;margin:2px 0 0;color:#aebbd0;font-size:1rem;line-height:1.75}
.v213-hatt-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);margin-top:10px}
.v213-hatt-meta div{padding:15px 14px 15px 0;border-right:1px solid rgba(255,255,255,.14);display:grid;gap:4px}
.v213-hatt-meta div:last-child{border-right:0;padding-left:14px}
.v213-hatt-meta div:nth-child(2){padding-left:14px}
.v213-hatt-meta span,.v213-hatt-shot-note span,.v213-hatt-caption span{font:800 .58rem var(--font-mono);letter-spacing:.13em;color:#8699b8}
.v213-hatt-meta b{font-size:.88rem;line-height:1.35}
.v213-hatt-hero-media{display:grid;gap:12px}
.v213-hatt-shot,.v213-hatt-wide-shot{margin:0;border:1px solid rgba(255,255,255,.15);overflow:hidden;background:#10192a}
.v213-hatt-shot img,.v213-hatt-wide-shot img{display:block;width:100%;height:auto}
.v213-hatt-shot-note{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}
.v213-hatt-shot-note b{font-size:.88rem}
.v213-hatt-shot-note small{grid-column:2;color:#8190a9;font-size:.72rem;line-height:1.5}
.v213-hatt-shot-note.is-light{border-color:rgba(9,17,31,.14)}
.v213-hatt-shot-note.is-light span{color:#667388}
.v213-hatt-shot-note.is-light small{color:#677282}

.v213-hatt-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:start}
.v213-hatt-prose{display:grid;gap:16px}
.v213-hatt-prose p{margin:0;color:#55616f;line-height:1.8;font-size:1rem}
.v213-hatt-callout{padding:18px 20px;border-left:4px solid var(--hatt-orange);background:rgba(240,90,66,.07);color:#263447!important}

.v213-hatt-evolution{position:relative;overflow:hidden}
.v213-hatt-evolution::after{content:"EVOLVE";position:absolute;right:-2vw;bottom:-2vw;font:900 clamp(7rem,18vw,17rem)/.75 sans-serif;letter-spacing:-.11em;color:rgba(255,255,255,.035);pointer-events:none}
.v213-hatt-evolution-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.v213-hatt-evolution-grid article{min-height:250px;padding:22px 20px;border-right:1px solid rgba(255,255,255,.14);display:grid;align-content:start;gap:12px}
.v213-hatt-evolution-grid article:last-child{border-right:0}
.v213-hatt-evolution-grid span{font:800 .6rem var(--font-mono);letter-spacing:.13em;color:#f28a77}
.v213-hatt-evolution-grid h3{margin:28px 0 0;font-size:1.55rem;line-height:1.03;letter-spacing:-.05em}
.v213-hatt-evolution-grid p{margin:0;color:rgba(255,255,255,.67);font-size:.85rem;line-height:1.65}

.v213-hatt-cert-intro{background:var(--hatt-orange);color:#07101f;padding:92px 0}
.v213-hatt-cert-intro-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:52px;align-items:end}
.v213-hatt-cert-intro .v24-kicker{color:#35211f}
.v213-hatt-cert-intro h2{margin:10px 0 0;font-size:clamp(4rem,8vw,8rem);line-height:.78;letter-spacing:-.09em}
.v213-hatt-cert-intro h2 em{font-family:var(--v21-serif,Georgia,serif);font-weight:400;color:#fff3ea}
.v213-hatt-cert-intro p{margin:0 0 14px;max-width:700px;font-size:1.02rem;line-height:1.78;color:#35211f}

.v213-hatt-wide-shot{border-color:rgba(9,17,31,.13);background:#fff}
.v213-hatt-caption{display:grid;grid-template-columns:auto auto 1fr;gap:10px 16px;align-items:baseline;padding:14px 0 28px;border-bottom:1px solid rgba(9,17,31,.14)}
.v213-hatt-caption b{font-size:.9rem}
.v213-hatt-caption small{color:#66717f;font-size:.74rem}
.v213-hatt-flow{display:grid;grid-template-columns:repeat(6,1fr);margin-top:30px;border-top:1px solid rgba(9,17,31,.16);border-bottom:1px solid rgba(9,17,31,.16)}
.v213-hatt-flow div{padding:18px 14px;border-right:1px solid rgba(9,17,31,.14);display:grid;gap:7px}
.v213-hatt-flow div:last-child{border-right:0}
.v213-hatt-flow span{font:800 .58rem var(--font-mono);letter-spacing:.12em;color:#a24739}
.v213-hatt-flow b{font-size:1rem}
.v213-hatt-flow small{font-size:.72rem;color:#677282;line-height:1.45}

.v213-hatt-designer-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:50px;align-items:start}
.v213-hatt-designer-grid>.reveal{display:grid;gap:16px}
.v213-hatt-designer-grid .v24-lead{max-width:650px}
.v213-hatt-detail-list{display:grid;gap:0;margin-top:14px;border-top:1px solid var(--v24-line)}
.v213-hatt-detail-list div{display:grid;grid-template-columns:52px 170px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--v24-line);align-items:start}
.v213-hatt-detail-list span{font:800 .58rem var(--font-mono);letter-spacing:.12em;color:#8c594f}
.v213-hatt-detail-list b{font-size:.9rem}
.v213-hatt-detail-list p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}
.v213-hatt-designer-grid .v213-hatt-shot{border-color:var(--v24-line)}
.v213-hatt-designer-grid .v213-hatt-shot-note{border-color:var(--v24-line)}
.v213-hatt-designer-grid .v213-hatt-shot-note small{color:var(--muted)}

.v213-hatt-public-grid{display:grid;grid-template-columns:minmax(480px,1fr) minmax(0,.85fr);gap:48px;align-items:center}
.v213-hatt-public-grid .v213-hatt-shot{border-color:rgba(9,17,31,.13);background:#ede7dc}
.v213-hatt-public-items{display:grid;gap:12px;margin:22px 0}
.v213-hatt-public-items article{display:grid;grid-template-columns:42px 1fr;gap:5px 14px;padding:16px 0;border-top:1px solid rgba(9,17,31,.14)}
.v213-hatt-public-items article:last-child{border-bottom:1px solid rgba(9,17,31,.14)}
.v213-hatt-public-items span{grid-row:1/3;font:800 .7rem var(--font-mono);color:#b24b39}
.v213-hatt-public-items h3{margin:0;font-size:1.35rem;letter-spacing:-.04em}
.v213-hatt-public-items p{margin:0;color:#5d6775;line-height:1.62;font-size:.88rem}

.v213-hatt-stack{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.v213-hatt-stack div{min-height:190px;padding:20px 16px;border-right:1px solid rgba(255,255,255,.14);display:grid;align-content:start;gap:10px}
.v213-hatt-stack div:last-child{border-right:0}
.v213-hatt-stack span{font:800 .56rem var(--font-mono);letter-spacing:.13em;color:#f08a76}
.v213-hatt-stack b{font-size:1.22rem;line-height:1.05;letter-spacing:-.035em;margin-top:22px}
.v213-hatt-stack small{color:rgba(255,255,255,.64);font-size:.74rem;line-height:1.5}

.v213-hatt-role{display:grid;gap:32px}
.v213-hatt-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v213-hatt-role-grid article{min-height:280px;padding:28px;border:1px solid rgba(9,17,31,.14);background:#f8f5ee;display:grid;align-content:start;gap:12px}
.v213-hatt-role-grid article.is-cert{background:#173e73;color:#f4f7fc;border-color:#173e73}
.v213-hatt-role-grid span{font:800 .58rem var(--font-mono);letter-spacing:.12em;color:#a35143}
.v213-hatt-role-grid .is-cert span{color:#ff9f89}
.v213-hatt-role-grid h3{margin:28px 0 0;font-size:clamp(1.8rem,3vw,3rem);line-height:.94;letter-spacing:-.06em}
.v213-hatt-role-grid p{margin:0;max-width:620px;color:#5e6875;line-height:1.7}
.v213-hatt-role-grid .is-cert p{color:rgba(255,255,255,.72)}
.v213-hatt-cta{background:linear-gradient(120deg,#0d1b33 0%,#163f75 55%,#f05a42 140%)}

/* HATT card + five-case project rhythm */
.home-v22 .v210-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-v22 .v210-project-card:last-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr}
.home-v22 .v210-project-card:last-child .v210-card-media{aspect-ratio:4/3;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
.home-v22 .v210-card-media--hatt{background:linear-gradient(140deg,#111b31,#183f75 70%,#f05a42)}
.home-v22 .v210-card-media--hatt img{object-fit:cover}
.v24-project-card--hatt .v24-project-art{background:linear-gradient(145deg,#0d1729,#173e73 72%,#f05a42)}

@media(max-width:1100px){
  .v213-hatt-hero-grid{grid-template-columns:1fr;align-items:start}
  .v213-hatt-hero-media{max-width:900px}
  .v213-hatt-evolution-grid{grid-template-columns:repeat(2,1fr)}
  .v213-hatt-evolution-grid article:nth-child(2){border-right:0}
  .v213-hatt-evolution-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
  .v213-hatt-flow{grid-template-columns:repeat(3,1fr)}
  .v213-hatt-flow div:nth-child(3n){border-right:0}
  .v213-hatt-flow div:nth-child(-n+3){border-bottom:1px solid rgba(9,17,31,.14)}
  .v213-hatt-designer-grid,.v213-hatt-public-grid{grid-template-columns:1fr}
  .v213-hatt-stack{grid-template-columns:repeat(2,1fr)}
  .v213-hatt-stack div{border-bottom:1px solid rgba(255,255,255,.14)}
  .v213-hatt-stack div:nth-child(2n){border-right:0}
  .v213-hatt-stack div:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:800px){
  .v213-hatt-hero-grid{padding-top:104px;padding-bottom:54px}
  .v213-hatt-meta,.v213-hatt-split,.v213-hatt-cert-intro-grid,.v213-hatt-role-grid{grid-template-columns:1fr}
  .v213-hatt-meta div,.v213-hatt-meta div:nth-child(2),.v213-hatt-meta div:last-child{padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .v213-hatt-meta div:last-child{border-bottom:0}
  .v213-hatt-cert-intro{padding:74px 0}
  .v213-hatt-caption{grid-template-columns:1fr;gap:4px}
  .v213-hatt-flow{grid-template-columns:1fr 1fr}
  .v213-hatt-flow div{border-bottom:1px solid rgba(9,17,31,.14)}
  .v213-hatt-flow div:nth-child(3n){border-right:1px solid rgba(9,17,31,.14)}
  .v213-hatt-flow div:nth-child(2n){border-right:0}
  .v213-hatt-flow div:nth-last-child(-n+2){border-bottom:0}
  .v213-hatt-detail-list div{grid-template-columns:44px 1fr}
  .v213-hatt-detail-list p{grid-column:2}
  .v213-hatt-stack{grid-template-columns:1fr}
  .v213-hatt-stack div,.v213-hatt-stack div:nth-child(2n){border-right:0}
  .v213-hatt-stack div:last-child{grid-column:auto}
  .home-v22 .v210-projects-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .v213-hatt-hero-copy h1{font-size:clamp(4.4rem,24vw,6.4rem)}
  .v213-hatt-evolution-grid,.v213-hatt-flow{grid-template-columns:1fr}
  .v213-hatt-evolution-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)!important}
  .v213-hatt-evolution-grid article:last-child{border-bottom:0!important}
  .v213-hatt-flow div,.v213-hatt-flow div:nth-child(3n),.v213-hatt-flow div:nth-child(2n){border-right:0;border-bottom:1px solid rgba(9,17,31,.14)}
  .v213-hatt-flow div:last-child{border-bottom:0}
}

/* v2.13.1 — métricas Naya confirmadas */
.v215-naya-sales{display:inline-flex;width:max-content;margin-top:26px;padding:9px 12px;border:1px solid rgba(7,11,19,.28);font:800 .62rem var(--font-mono);letter-spacing:.08em;color:#6f5515;background:rgba(255,255,255,.28)}
@media(max-width:680px){.v215-naya-sales{margin-top:20px;font-size:.56rem}}