/* Avinya Grid: offerings, benefits, expertise, case studies, testimonials, audit */

.offerings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;margin-top:36px}
.offer{background:var(--surface);padding:30px 26px}
.offer h3{margin:0 0 10px}
.offer p{margin:0 0 14px;color:var(--ink-2);font-size:.95rem;line-height:1.62}
.offer ul{margin:0;padding:0;list-style:none}
.offer li{position:relative;padding-left:18px;margin:0 0 8px;font-size:.88rem;line-height:1.55;color:var(--ink-soft)}
.offer li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--cyan)}
.offer-idx{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--accent);display:block;margin-bottom:8px}

.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;margin-top:36px}
.benefit{border-top:2px solid var(--cyan);padding-top:18px}
.benefit h3{margin:0 0 8px}
.benefit p{margin:0;color:var(--ink-2);font-size:.93rem;line-height:1.62}
.sec--deep .benefit p,.sec--deep2 .benefit p{color:var(--on-deep-soft)}

.expertise{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin-top:34px}
.exp-item h3{margin:0 0 9px;font-size:.98rem}
.exp-item p{margin:0;font-size:.91rem;line-height:1.62;color:var(--ink-2)}
.sec--deep .exp-item p,.sec--deep2 .exp-item p{color:var(--on-deep-soft)}

.cases{display:grid;gap:26px;margin-top:36px}
.case{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:32px 28px}
.case h3{font-size:1.2rem;margin:0 0 7px}
.case-meta{margin:0 0 24px;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;margin:0 0 26px}
.metric{background:var(--bg);padding:18px 20px}
.metric-label{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 9px}
.metric-move{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.metric-before{font-family:var(--mono);font-size:.95rem;color:var(--ink-soft);text-decoration:line-through}
.metric-arrow{color:var(--cyan);font-family:var(--mono)}
.metric-after{font-family:var(--mono);font-size:1.45rem;font-weight:600;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.case-block{margin:0 0 20px}
.case-block h4{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 7px}
.case-block p{margin:0;color:var(--ink-2);line-height:1.68;font-size:.95rem}
.case-shot{margin:24px 0 16px}
.case-shot img{border:1px solid var(--rule);border-radius:var(--r)}
.case-shot figcaption{margin-top:9px;font-family:var(--mono);font-size:.74rem;color:var(--ink-soft)}
.case-source{margin:18px 0 0;padding-top:15px;border-top:1px solid var(--rule);font-size:.84rem;color:var(--ink-soft)}
.case-note{margin:28px 0 0;font-size:.85rem;color:var(--ink-soft);max-width:64ch}

.voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:26px;margin-top:36px}
.voice{margin:0;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:30px 26px;display:flex;flex-direction:column}
.sec--deep .voice,.sec--deep2 .voice{background:rgba(255,255,255,.03);border-color:var(--deep-rule)}
.voice blockquote{margin:0 0 22px;padding:0;border:0;flex:1}
.voice blockquote p{margin:0 0 12px;color:var(--ink-2);line-height:1.7;font-size:.97rem}
.sec--deep .voice blockquote p,.sec--deep2 .voice blockquote p{color:var(--on-deep-soft)}
.voice blockquote p:first-child:before{content:"\201C";color:var(--cyan);font-family:var(--display);font-weight:700;font-size:1.6em;line-height:0;margin-right:3px;vertical-align:-.2em}
.voice blockquote p:last-child{margin-bottom:0}
.voice figcaption{display:flex;align-items:center;gap:13px;padding-top:18px;border-top:1px solid var(--rule)}
.sec--deep .voice figcaption,.sec--deep2 .voice figcaption{border-color:var(--deep-rule)}
.voice-pic img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.voice-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.voice-who strong{font-family:var(--display);font-size:.95rem;font-weight:700;letter-spacing:-.01em}
.voice-who span{font-size:.82rem;color:var(--ink-soft)}
.sec--deep .voice-who span,.sec--deep2 .voice-who span{color:var(--on-deep-soft)}
.voice-link{font-family:var(--mono);font-size:.78rem;color:var(--accent);margin-top:4px}
.sec--deep .voice-link,.sec--deep2 .voice-link{color:var(--cyan)}

.audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--deep-rule);border:1px solid var(--deep-rule);border-radius:var(--r);overflow:hidden;margin-top:36px}
.audit-item{background:var(--deep-2);padding:26px 24px}
.audit-item h3{margin:0 0 8px;font-size:1rem}
.audit-item p{margin:0;font-size:.9rem;color:var(--on-deep-soft);line-height:1.6}
.audit-num{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--cyan);display:block;margin-bottom:9px}

.readout{border:1px solid var(--deep-rule);border-radius:var(--r);background:var(--deep-2);padding:26px 24px}
.readout-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--deep-rule);margin-bottom:18px}
.readout-head h3{margin:0;font-size:1rem}
.readout-tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--cyan)}
.readout-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}
.readout-row:last-child{border-bottom:0}
.readout-row span:first-child{color:var(--on-deep-soft)}
.readout-row span:last-child{font-family:var(--mono);color:var(--on-deep);font-variant-numeric:tabular-nums}

@media (max-width:640px){
  .case{padding:26px 20px}
  .voice{padding:26px 20px}
  .offer{padding:26px 20px}
  .metric-after{font-size:1.25rem}
}

.calc{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;margin-top:36px;align-items:start}
.calc-in{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:28px 26px}
.calc-in h3{margin:0 0 10px}
.calc-hint{font-size:.86rem;color:var(--ink-soft);margin:0 0 22px;line-height:1.6}
.calc-in .field input{font-family:var(--mono);font-variant-numeric:tabular-nums}
.calc-out .readout{background:var(--deep-2);border-color:var(--deep-rule)}
.calc-out .readout h3{color:var(--on-deep)}
.calc-note{margin:18px 0 0;font-size:.9rem;line-height:1.65;color:var(--ink-2);border-left:2px solid var(--cyan);padding-left:16px}
@media (max-width:900px){.calc{grid-template-columns:1fr;gap:26px}}

.proof-case{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:32px 28px;margin-top:28px}
.proof-case h3{font-size:1.2rem;margin:0 0 6px}
.proof-meta{margin:0 0 24px;font-family:var(--mono);font-size:.74rem;letter-spacing:.09em;color:var(--ink-soft);text-transform:uppercase;line-height:1.75}
.proof-shots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 0}
.proof-shots figure{margin:0}
.proof-shots img{border:1px solid var(--rule);border-radius:var(--r);width:100%;display:block}
.proof-shots figcaption{margin-top:9px;font-family:var(--mono);font-size:.72rem;line-height:1.6;color:var(--ink-soft)}
.proof-note{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--rule);font-size:.88rem;line-height:1.7;color:var(--ink-soft);max-width:76ch}
.proof-note strong{color:var(--ink-2)}
@media (max-width:820px){.proof-shots{grid-template-columns:1fr}.proof-case{padding:26px 20px}}

.proof-shots{grid-template-columns:1fr;gap:34px}
.proof-shots img{border:1px solid var(--rule);border-radius:var(--r);width:100%;display:block}
.proof-shots figcaption{margin-top:11px;font-family:var(--mono);font-size:.73rem;line-height:1.7;color:var(--ink-soft);max-width:86ch}
.proof-case{padding:36px 32px}
@media (max-width:820px){.proof-shots{grid-template-columns:1fr;gap:26px}.proof-case{padding:26px 18px}.proof-shots figcaption{font-size:.7rem}}

.sec--deep2 .metrics,.sec--deep .metrics{background:var(--deep-rule);border-color:var(--deep-rule)}
.sec--deep2 .metric,.sec--deep .metric{background:var(--deep)}
.sec--deep2 .metric-label,.sec--deep .metric-label{color:var(--on-deep-soft)}
.sec--deep2 .metric-before,.sec--deep .metric-before{color:var(--on-deep-soft)}
.sec--deep2 .metric-after,.sec--deep .metric-after{color:var(--on-deep)}
.sec--deep2 .proof-meta,.sec--deep .proof-meta{color:var(--on-deep-soft)}
.sec--deep2 .proof-shots img,.sec--deep .proof-shots img{border-color:var(--deep-rule)}
.sec--deep2 .proof-shots figcaption,.sec--deep .proof-shots figcaption{color:var(--on-deep-soft)}
.sec--deep2 .proof-note,.sec--deep .proof-note{border-color:var(--deep-rule);color:var(--on-deep-soft)}
.sec--deep2 .proof-note strong,.sec--deep .proof-note strong{color:var(--on-deep)}
.sec--deep2 .case-note,.sec--deep .case-note{color:var(--on-deep-soft)}
.proof-lead{margin:0 0 30px}
.proof-shots{margin-top:34px}