/* Shared proof layout for the homepage and selected-work page. */
#case-study.proof-section, .case-list-section.proof-section { background: #fff; }
.proof-section { color: var(--ink); }
.proof-section .section-header { max-width: 760px; margin-left: auto; margin-right: auto; }
.proof-section .section-header h2, .proof-hub-intro h2 { letter-spacing: -.045em; }
.proof-section .section-header p { max-width: 630px; margin-left: auto; margin-right: auto; }
.proof-grid, .proof-legacy { max-width: 1176px; margin-left: auto; margin-right: auto; }
.proof-feature { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); min-height: 600px; overflow:hidden; border-radius:30px; background:#100d20; box-shadow:0 30px 70px -45px rgba(13,7,38,.38); }
.proof-feature-copy { display:flex; flex-direction:column; align-items:flex-start; padding:clamp(2rem,4vw,4.2rem); color:#fff; background:radial-gradient(circle at 0 100%,rgba(91,61,245,.25),transparent 45%),linear-gradient(145deg,#130e2c,#0e1020); }
.proof-feature-top { width:100%; display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:2.2rem; }
.proof-kicker,.proof-feature-index { color:#c4baff; font:700 .7rem/1.4 'Sora',sans-serif; text-transform:uppercase; letter-spacing:.13em; }
.proof-kicker { display:inline-flex; align-items:center; gap:.6rem; }.proof-dot {width:7px;height:7px;border-radius:50%;background:#a98bff;box-shadow:0 0 14px #8e73ff;}
.proof-feature-index { color:#817d96; }
.proof-scale-logo { display:block; width:180px; height:auto; max-height:62px; object-fit:contain; object-position:left center; margin-bottom:1rem; }
.proof-sector { color:var(--electric); font:700 .72rem/1.4 'Sora',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.proof-feature .proof-sector { color:#ad9eff; }
.proof-feature h3 { max-width:690px; color:#fff; font:500 clamp(2rem,3.1vw,3.3rem)/1.12 'Fraunces',Georgia,serif; letter-spacing:-.045em; margin:.7rem 0 1.15rem; }
.proof-feature-desc { max-width:580px; color:#c9c5d6; font-size:.98rem; line-height:1.7; margin:0 0 1.5rem; }
.proof-metric { display:flex; align-items:baseline; gap:clamp(.5rem,1.4vw,1.2rem); flex-wrap:wrap; font:600 clamp(1.8rem,3.15vw,3rem)/1 'Sora',sans-serif; letter-spacing:-.08em; margin-top:auto; }
.proof-metric > span { color:#d6d0e4; }.proof-metric strong { color:#fff; font-weight:800; }.proof-metric > i { color:#a892ff; font-size:.8em; align-self:center; }
.proof-metric-unit { font-size:.43em; letter-spacing:-.03em; font-weight:500; color:#aaa3bb; }
.proof-metric-caption { color:#aaa5bb; max-width:530px; margin:.85rem 0 1.4rem; font-size:.77rem; line-height:1.6; }
.proof-feature-actions { display:flex; flex-wrap:wrap; gap:1.2rem; }
.proof-text-link { display:inline-flex; align-items:center; gap:.65rem; color:var(--electric); font:700 .84rem/1.4 'Sora',sans-serif; text-decoration:none; transition:gap .25s ease,color .25s ease; }
.proof-text-link:hover { gap:.95rem; color:#3d28ba; }.proof-text-link--light { color:#fff; }.proof-text-link--light:hover { color:#c5b8ff; }
.proof-feature-media { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; isolation:isolate; overflow:hidden; padding:2.5rem 1.5rem; background:radial-gradient(circle at 50% 42%,#6351b8 0,#332861 35%,#1b1934 76%); }
.proof-feature-media:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(150deg,rgba(255,255,255,.11),transparent 40%); }
.proof-media-orbit { position:absolute; width:540px; height:540px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 110px rgba(255,255,255,.025),0 0 0 220px rgba(255,255,255,.025); }
.proof-phone { position:relative; width:min(230px,80%); aspect-ratio:9/17.5; border:7px solid #0b0d17; border-radius:35px; background:#131322; box-shadow:0 26px 55px rgba(1,0,17,.48),inset 0 0 0 1px #777682; overflow:hidden; transform:rotate(-3deg); }
.proof-phone-camera { position:absolute; z-index:2; top:7px; left:50%; transform:translateX(-50%); width:40%; height:14px; border-radius:20px; background:#07070d; }
.proof-phone-screen { position:absolute; inset:0; display:grid; place-items:center; padding:2.4rem 1.2rem; color:#fff; background:#15151b; text-align:center; }.proof-phone-screen > strong { max-width:13ch; font:600 1.2rem/1.35 'Sora',sans-serif; letter-spacing:-.035em; }
.proof-video-label,.proof-video-bottom { font:700 .53rem/1.4 'Sora',sans-serif; letter-spacing:.15em; color:#d8d1ed; }
.proof-video-centre { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.65rem; }.proof-video-centre strong { font:500 1.45rem/1.2 'Fraunces',Georgia,serif; }.proof-video-centre span { color:#c3bdd2; font-size:.69rem; }.proof-video-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:50%; color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.4); }
.proof-video-bottom { display:flex; justify-content:space-between; color:#b8b1ce; }.proof-media-caption { margin:0; color:#d0cae0; font:600 .68rem/1.4 'Sora',sans-serif; letter-spacing:.06em; }
.proof-upcoming-intro,.proof-legacy-head { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin:4rem 0 1.4rem; }
.proof-upcoming-intro h3,.proof-legacy-head h3 { max-width:580px; color:var(--ink); font:500 clamp(1.65rem,2.35vw,2.5rem)/1.2 'Fraunces',Georgia,serif; letter-spacing:-.04em; margin:.45rem 0 0; }
.proof-upcoming-intro p,.proof-legacy-head p { max-width:350px; color:var(--text-light); font-size:.9rem; line-height:1.65; margin:0; }
.proof-small-label { color:var(--electric); font:700 .68rem/1.4 'Sora',sans-serif; text-transform:uppercase; letter-spacing:.16em; }
.proof-upcoming-grid,.proof-legacy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.proof-upcoming-card { position:relative; min-height:275px; display:flex; flex-direction:column; justify-content:space-between; padding:1.65rem; overflow:hidden; border:1px solid #dcd9e9; border-radius:23px; background:#fbfbfd; }
.proof-upcoming-card:after { content:''; position:absolute; right:-54px; bottom:-115px; width:260px; height:260px; border:1px solid #e7e3f3; border-radius:50%; box-shadow:0 0 0 42px rgba(91,61,245,.025),0 0 0 82px rgba(91,61,245,.02); }
.proof-upcoming-card--dream { background:#f7f8fc; }.proof-upcoming-head,.proof-upcoming-foot { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.proof-identity { display:grid; place-items:center; width:52px; height:52px; border-radius:13px; font:800 1rem 'Sora',sans-serif; }.proof-identity--tp { color:#152428; background:#cceee1; }.proof-identity--dream { color:#fff; background:#1f295b; }
.proof-status { color:#797387; border:1px solid #e3e0e9; background:#fff; border-radius:99px; padding:.38rem .65rem; font:700 .65rem/1.2 'Sora',sans-serif; }
.proof-upcoming-body { position:relative; z-index:1; margin:1.3rem 0; }.proof-upcoming-body h4 { font:500 clamp(1.7rem,2.2vw,2.25rem)/1.2 'Fraunces',Georgia,serif; letter-spacing:-.04em; margin:.35rem 0 .55rem; }.proof-upcoming-body p { max-width:390px; color:var(--text-light); font-size:.88rem; line-height:1.65; margin:0; }
.proof-upcoming-foot { color:#8d8799; font:700 .7rem 'Sora',sans-serif; }.proof-upcoming-foot i { color:#bbb5cb; }
.proof-legacy { border-top:1px solid var(--hairline-strong); margin-top:4.8rem; }.proof-legacy-head { margin-top:3rem; }
.proof-legacy-card { display:grid; grid-template-columns:35% minmax(0,1fr); min-height:225px; overflow:hidden; border:1px solid #e4e1eb; border-radius:22px; background:#fff; }.proof-legacy-visual { position:relative; min-height:100%; overflow:hidden; }.proof-legacy-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.proof-legacy-visual:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(10,7,30,.7)); }.proof-legacy-visual > span { position:absolute; z-index:1; left:.9rem; bottom:.9rem; color:#fff; font:700 .6rem/1.3 'Sora',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.proof-legacy-body { display:flex; flex-direction:column; align-items:flex-start; padding:1.3rem; }.proof-legacy-name { display:flex; align-items:center; gap:.65rem; }.proof-legacy-name img { width:33px; height:33px; border-radius:8px; object-fit:cover; }.proof-legacy-name h4 { font:700 1rem/1.25 'Sora',sans-serif; margin:0; }.proof-legacy-body > p { color:var(--text-light); font-size:.79rem; line-height:1.5; margin:.6rem 0; }.proof-legacy-stat { display:flex; align-items:baseline; gap:.45rem; margin:auto 0 .8rem; }.proof-legacy-stat strong { font:700 1.8rem/1 'Sora',sans-serif; color:var(--electric); }.proof-legacy-stat span { color:#777184; font-size:.69rem; }.proof-legacy-body .proof-text-link { font-size:.72rem; }
.proof-section .case-studies-footer { margin-top:2rem; }
.proof-hub-intro { max-width:760px; margin:0 auto 2.4rem; text-align:center; }.proof-hub-intro h2 { font:500 clamp(2rem,3.5vw,3.2rem)/1.15 'Fraunces',Georgia,serif; margin:.6rem 0; }.proof-hub-intro p { color:var(--text-light); line-height:1.7; }
/* Keep the lower page white, with colour reserved for the cards and dark CTA. */
#case-study, .quick-fit-section, .services-section, .faq-section { background:#fff; }
.form-section { background:linear-gradient(180deg,#100731 0%,#1b0f56 36%,#fff 36%,#fff 100%); }
@media (max-width:900px) { .proof-feature { grid-template-columns:1fr; }.proof-feature-media { min-height:440px; }.proof-feature-copy { min-height:510px; }.proof-upcoming-intro,.proof-legacy-head { align-items:start; flex-direction:column; gap:.7rem; }.proof-upcoming-intro p,.proof-legacy-head p { max-width:620px; } }
@media (max-width:640px) { .proof-feature { border-radius:22px; }.proof-feature-copy { min-height:0; padding:1.55rem 1.25rem 2rem; }.proof-feature-top { margin-bottom:1.5rem; }.proof-scale-logo { width:150px; }.proof-feature h3 { font-size:2rem; }.proof-feature-desc { font-size:.88rem; }.proof-metric { margin-top:1.5rem; gap:.45rem; font-size:1.7rem; }.proof-metric-caption { font-size:.69rem; }.proof-feature-media { min-height:340px; padding:1.25rem; }.proof-phone { width:155px; border-width:5px; border-radius:26px; }.proof-phone-camera { height:9px; }.proof-phone-screen { padding:1.7rem .8rem; }.proof-phone-screen > strong { font-size:.95rem; }.proof-video-centre strong { font-size:1.1rem; }.proof-video-centre span { font-size:.58rem; }.proof-video-icon { width:37px; height:37px; }.proof-video-label,.proof-video-bottom { font-size:.42rem; }.proof-upcoming-intro,.proof-legacy-head { margin-top:2.7rem; }.proof-upcoming-grid,.proof-legacy-grid { grid-template-columns:1fr; gap:.85rem; }.proof-upcoming-card { min-height:250px; padding:1.3rem; }.proof-legacy { margin-top:2.7rem; }.proof-legacy-head { margin-top:2rem; }.proof-legacy-card { grid-template-columns:36% minmax(0,1fr); min-height:210px; }.proof-legacy-body { padding:.9rem; }.proof-legacy-name h4 { font-size:.85rem; }.proof-legacy-name img { width:28px; height:28px; }.proof-legacy-stat strong { font-size:1.45rem; }.proof-legacy-stat span { font-size:.62rem; }.proof-legacy-body .proof-text-link { font-size:.65rem; }.proof-legacy-visual > span { font-size:.5rem; left:.55rem; bottom:.65rem; }.proof-hub-intro { margin-bottom:1.5rem; } }
@media (max-width:370px) { .proof-legacy-card { grid-template-columns:1fr; }.proof-legacy-visual { min-height:125px; }.proof-metric { font-size:1.48rem; } }
.pricing-section { background:#fff; }
@media (min-width:641px) { .proof-legacy-card:last-child:nth-child(3) { grid-column:1 / -1; grid-template-columns:22% minmax(0,1fr); min-height:190px; } }
.proof-other-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.proof-other-grid .proof-upcoming-card { min-height:225px; }
.proof-phone-screen > strong { display:flex; flex-direction:column; gap:.8rem; }
.proof-phone-screen > strong span { color:#c3bdd2; font:500 .65rem/1.45 'Sora',sans-serif; letter-spacing:0; }
@media (max-width:640px) { .proof-other-grid { grid-template-columns:1fr; gap:.85rem; } }