/* Leadcrest v2: dark, premium, glass. Original design; brand purple = hsl(263 68% 48%) */
:root{
  --bg:#07060b; --bg-2:#0c0a14; --surface:rgba(255,255,255,.04); --surface-2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --text:#f5f4f8; --muted:#a6a3b3; --dim:#76728a;
  --brand:#6b2bd9; --brand-600:#5a22bd; --brand-400:#8f5cf0; --brand-300:#b28cff; --brand-glow:rgba(124,58,237,.45);
  --radius:20px; --radius-lg:28px; --max:1200px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
section{position:relative}
.sec{padding:120px 0}
@media(max-width:768px){.sec{padding:80px 0}}

/* Type scale (disciplined: 12 / 16 / 18 / 24 / 40 / 56 / 76) */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-300)}
.h1{font-size:clamp(44px,7vw,84px);line-height:1.02;font-weight:700;letter-spacing:-.04em}
.h2{font-size:clamp(34px,4.6vw,56px);line-height:1.06;font-weight:700;letter-spacing:-.035em}
.h3{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.015em}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--muted);line-height:1.7;font-weight:400}
.body{font-size:15.5px;color:var(--muted);line-height:1.75}
.sec-head{max-width:760px}
.sec-head .h2{margin-top:18px}
.sec-head .lead{margin-top:20px}
.center{text-align:center;margin-left:auto;margin-right:auto}
.grad-text{background:linear-gradient(100deg,#c4a6ff 0%,#8f5cf0 45%,#6b2bd9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;transition:all .25s ease;white-space:nowrap}
.btn svg{width:16px;height:16px;transition:transform .25s}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 30px -10px var(--brand-glow)}
.btn-primary:hover{background:var(--brand-400);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 40px -8px var(--brand-glow)}
.btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line-2);color:var(--text);backdrop-filter:blur(10px)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-sm{height:40px;padding:0 18px;font-size:14px}
.link{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--brand-300)}
.link svg{width:15px;height:15px;transition:transform .2s}.link:hover svg{transform:translateX(3px)}

/* Glass */
.glass{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 30px 60px -40px rgba(0,0,0,.8)}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s}
.nav.scrolled{background:rgba(7,6,11,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-in{height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.02em}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:14.5px;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:12px}
.burger{display:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--line-2);align-items:center;justify-content:center}
.mnav{display:none}
@media(max-width:860px){
  .nav-links{display:none}.burger{display:inline-flex}
  .mnav.open{display:flex;flex-direction:column;gap:4px;padding:12px 24px 24px;background:rgba(7,6,11,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
  .mnav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--line)}
}

/* Hero */
.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 90px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 72% 30%,rgba(107,43,217,.28),transparent 70%),radial-gradient(40% 40% at 15% 90%,rgba(107,43,217,.12),transparent 70%)}
.hero-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(transparent,var(--bg))}
.streaks{position:absolute;right:-10%;top:-10%;width:85%;height:120%;opacity:.95}
.streaks path{fill:none;stroke-linecap:round}
.streak-anim{animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-2%,1.5%,0) rotate(-1.5deg)}}
.grid-fade{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 30% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(70% 60% at 30% 40%,#000 20%,transparent 75%)}
.badge{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);font-size:13px;color:var(--muted)}
.badge b{height:22px;padding:0 10px;border-radius:999px;background:rgba(107,43,217,.25);border:1px solid rgba(143,92,240,.45);color:#dccbff;font-size:11px;letter-spacing:.12em;display:inline-flex;align-items:center;font-weight:600}
.hero h1{margin-top:28px;max-width:900px}
.hero .lead{margin-top:28px;max-width:640px}
.hero-ctas{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.compliance{margin-top:56px;display:flex;flex-wrap:wrap;gap:14px}
.comp{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:14px}
.comp img{width:34px;height:34px}
.comp strong{display:block;font-size:13px;letter-spacing:.06em}
.comp span{display:block;font-size:12px;color:var(--dim)}
.pillars{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.pillar{padding:24px 24px 0 0;display:flex;flex-direction:column;gap:10px}
.pillar+.pillar{padding-left:24px;border-left:1px solid var(--line)}
.pillar svg{width:22px;height:22px;color:var(--brand-300)}
.pillar div{font-size:15px;font-weight:600}.pillar p{font-size:13.5px;color:var(--dim)}
@media(max-width:860px){.pillars{grid-template-columns:1fr 1fr}.pillar:nth-child(3){padding-left:0;border-left:0}.pillar{padding-bottom:20px}}

/* Cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1000px){.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.grid-3{grid-template-columns:1fr}}
@media(max-width:560px){.grid-4{grid-template-columns:1fr}}
.card{padding:32px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}
.card:hover{border-color:var(--line-2)}
.icon-chip{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(107,43,217,.18);border:1px solid rgba(143,92,240,.35);color:var(--brand-300)}
.icon-chip svg{width:20px;height:20px}
.card .h3{margin-top:22px}.card .body{margin-top:12px}

/* Flip */
.flip{perspective:1600px;height:520px}
.flip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.flip.is-flipped .flip-in{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:28px}
.face.back{transform:rotateY(180deg)}
.flip.uc{height:440px;cursor:pointer}
.stage{height:160px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(80% 90% at 50% 100%,rgba(107,43,217,.28),transparent 70%),rgba(255,255,255,.02);position:relative;overflow:hidden}
.checklist{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#d9d6e3}
.checklist li::before{content:"";flex:none;margin-top:7px;width:8px;height:8px;border-radius:50%;background:var(--brand-400);box-shadow:0 0 12px var(--brand-glow)}
.face-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:24px}
.back-btn{font-size:13.5px;color:var(--dim)}.back-btn:hover{color:var(--text)}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:rgba(107,43,217,.2);border:1px solid rgba(143,92,240,.4);color:#dccbff}
.uc .h3{font-size:20px;margin-top:12px}
.uc-foot{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--brand-300);display:inline-flex;gap:6px;align-items:center}
.uc-vis{height:150px;border-radius:14px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.uc-vis .glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--brand);filter:blur(60px);opacity:.35;left:50%;top:60%;transform:translate(-50%,-50%)}
.vis-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.9)}
.vis-word small{font-size:12px}
.note{margin-top:40px;text-align:center;color:var(--dim);font-size:15px}

/* Marquee */
.marquee{margin-top:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track{display:flex;gap:12px;width:max-content;animation:scroll 40s linear infinite}
.marquee:hover .track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.chip{height:44px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:#dcd9e6;border:1px solid var(--line);background:rgba(255,255,255,.03);white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-400)}
.logos{display:flex;gap:72px;width:max-content;animation:scroll 32s linear infinite;align-items:center}
.logos img{height:34px;width:auto;filter:brightness(0) invert(1);opacity:.7}

/* About */
.about{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:start;margin-top:56px}
.portrait{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line-2);position:relative}
.portrait img{width:100%;height:100%;object-fit:cover}
.about .body{font-size:17px;line-height:1.85}.about .body+.body{margin-top:22px}
@media(max-width:860px){.about{grid-template-columns:1fr;gap:32px}.portrait{max-width:320px}}

/* Battlecards */
.stories{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
@media(max-width:960px){.stories{grid-template-columns:1fr}}
.story{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-2);min-height:720px;display:flex;flex-direction:column;isolation:isolate;background:#0c0a14}
.story-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.02);transition:transform 1.2s ease;filter:saturate(.85)}
.story:hover .story-bg{transform:scale(1.06)}
.story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,6,11,.55) 0%,rgba(7,6,11,.82) 38%,rgba(7,6,11,.96) 70%,#07060b 100%)}
.story-mark{position:absolute;top:28px;right:28px;z-index:-1;opacity:.22;height:130px;width:auto;pointer-events:none}
.story-mark.word{height:auto;font-size:52px;font-weight:800;letter-spacing:-.04em;opacity:.16;line-height:1}
.story-top{padding:32px 32px 0}
.story-kpi{font-size:clamp(30px,3.4vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin-top:18px;max-width:420px}
.story-client{margin-top:10px;font-size:14px;color:var(--muted)}
.story-body{margin-top:auto;padding:32px}
.story-quote{font-size:16.5px;line-height:1.75;color:#e6e3ee}
.proof{margin-top:24px;padding:16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(12px)}
.proof-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600}
.proof-imgs{margin-top:12px;display:flex;gap:10px}
.proof-imgs img{border-radius:10px;flex:1;min-width:0;height:74px;object-fit:cover;object-position:left center;border:1px solid var(--line)}
.people{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.person{display:flex;align-items:center;gap:12px}
.avatar{width:42px;height:42px;border-radius:50%;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:rgba(107,43,217,.25);border:1px solid rgba(143,92,240,.4);color:#dccbff}
.avatar img{width:100%;height:100%;object-fit:cover}
.person .n{font-size:14.5px;font-weight:600}.person .r{font-size:12.5px;color:var(--dim)}
.person .li{margin-left:auto;color:var(--dim)}.person .li:hover{color:var(--text)}
.person .li svg{width:18px;height:18px}

/* Contact */
.contact{overflow:hidden}
.contact-glow{position:absolute;left:50%;bottom:-260px;transform:translateX(-50%);width:1000px;height:520px;border-radius:50%;background:var(--brand);filter:blur(160px);opacity:.28;pointer-events:none}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:36px}}
.form{padding:28px;display:flex;flex-direction:column;gap:12px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.form .row{grid-template-columns:1fr}}
.input{width:100%;height:50px;border-radius:14px;padding:0 16px;background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:var(--text);font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}
textarea.input{height:130px;padding:14px 16px;resize:none}
.input::placeholder{color:var(--dim)}
.input:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 4px rgba(107,43,217,.25)}
.form .btn{width:100%;margin-top:4px}
.or-email{margin-top:6px;font-size:14px;color:var(--dim);text-align:center}.or-email a{color:var(--text);font-weight:600}

/* Footer */
footer{border-top:1px solid var(--line);padding:72px 0 36px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
@media(max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
.foot h4{font-size:12px;letter-spacing:.14em;color:var(--dim);font-weight:600}
.foot ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:12px}
.foot ul a{font-size:14.5px;color:var(--muted)}.foot ul a:hover{color:var(--text)}
.foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--dim)}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}
/* fixes */
.uc-foot svg,.link svg{width:15px;height:15px;flex:none}
.uc-vis,.stage{flex:none}
.story::before{background:linear-gradient(180deg,rgba(7,6,11,.30) 0%,rgba(7,6,11,.55) 28%,rgba(7,6,11,.9) 52%,rgba(7,6,11,.97) 72%,#07060b 100%)}
.story-bg{background-position:center top;height:62%;bottom:auto}
.story-mark{opacity:.32}
.story-mark.word{opacity:.22}
.story-top{min-height:280px}
.story-kpi{text-shadow:0 2px 24px rgba(0,0,0,.5)}
.badge b{white-space:nowrap}
@media(max-width:560px){.badge .badge-sub{display:none}.badge{padding-right:6px}.hero{padding-top:120px}.story{min-height:0}.story-top{min-height:240px}.proof-imgs{flex-direction:column}.proof-imgs img{height:auto;object-fit:contain}}
@media(max-width:560px){.story-mark{height:72px;top:18px;right:18px;opacity:.22}.story-mark.word{font-size:30px}.story-top{padding-top:96px}}

/* ===================== v3 overrides: restrained purple ===================== */
.grad-text{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
.badge{padding:0 14px;gap:8px}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-400);flex:none}
.hero-bg::before{background:none}
.hero .h1{max-width:820px}
.hero .lead{max-width:600px}
.accent-line{height:2px;width:56px;background:var(--brand-400);border-radius:2px}
.icon-chip{background:var(--chip-bg);border:1px solid var(--line);color:var(--brand-400)}
.stage,.uc-vis{background:var(--stage-bg)}
.uc-vis .glow,.contact-glow{display:none}
.vis-word{color:var(--vis-word)}
.tag{background:var(--tag-bg);border:1px solid var(--line-2);color:var(--tag-text)}
.checklist li::before{box-shadow:none;background:var(--brand-400)}
.chip::before{background:var(--brand-400)}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:none}
.pillar svg{color:var(--brand-400)}
.eyebrow{color:var(--brand-400)}
.link{color:var(--brand-400)}
.avatar{background:var(--chip-bg);border:1px solid var(--line-2);color:var(--text)}
.story .tag{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.story .avatar{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.input:focus{box-shadow:0 0 0 4px var(--focus)}
/* ===================== v3-light: inverted, clean, generous whitespace ===================== */
:root{--bg:#ffffff;--bg-alt:#f6f7f9;--text:#0f1115;--muted:#4b5160;--dim:#6b7180;--line:rgba(15,17,21,.08);--line-2:rgba(15,17,21,.14);
--brand:#6b2bd9;--brand-400:#6b2bd9;--streak-a:#9aa0ad;--streak-b:#b7aee0;--logo-a:#6b2bd9;--logo-b:#8f5cf0;
--chip-bg:#f3f0fb;--stage-bg:linear-gradient(180deg,#f7f8fa,#eef0f4);--vis-word:#2a2d35;
--tag-bg:#f2f3f6;--tag-text:#3b3f4a;--focus:rgba(107,43,217,.15)}
body{background:var(--bg);color:var(--text)}
.glass{background:#fff;border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 2px rgba(15,17,21,.04),0 12px 32px -18px rgba(15,17,21,.14)}
.card:hover,.flip .glass:hover{border-color:var(--line-2)}
.nav.scrolled{background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);box-shadow:0 6px 24px -18px rgba(15,17,21,.2)}
.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}
.burger{border-color:var(--line-2)}
.mnav.open{background:rgba(255,255,255,.96)}
.hero{background:linear-gradient(180deg,#fbfbfd 0%,#f4f5f8 100%)}
.hero-bg::after{background:linear-gradient(rgba(255,255,255,0),#fff)}
.grid-fade{background-image:linear-gradient(rgba(15,17,21,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,17,21,.05) 1px,transparent 1px)}
.streaks{opacity:.45}
.streaks g[filter="url(#blur8)"]{opacity:.25}
.badge{background:#fff;border:1px solid var(--line-2);color:var(--muted);box-shadow:0 1px 2px rgba(15,17,21,.04)}
.btn-ghost{background:#fff;border:1px solid var(--line-2);color:var(--text);backdrop-filter:none}
.btn-ghost:hover{background:#f4f5f8}
.btn-primary:hover{background:#5a22bd}
.comp span{color:var(--dim)}
.pillars{border-top-color:var(--line)}
.checklist li{color:#2b2f38}
.chip{color:#2b2f38;background:#fff;border-color:var(--line-2)}
.logos img{filter:grayscale(1);opacity:.75}
.divider{background:linear-gradient(90deg,transparent,var(--line-2),transparent)}
.alt{background:var(--bg-alt)}
.alt .glass{box-shadow:0 1px 2px rgba(15,17,21,.04)}
.portrait{border-color:var(--line)}
.input{background:#fff;border-color:var(--line-2);color:var(--text)}
.input:focus{border-color:var(--brand)}
.contact{background:var(--bg-alt)}
.or-email a{color:var(--text)}
footer{background:#fff}
.back-btn:hover{color:var(--text)}
/* customer story battlecards stay dark photo cards for contrast */
.story{border-color:transparent;box-shadow:0 24px 48px -28px rgba(15,17,21,.45)}
.story,.story .story-quote,.story .person .n{color:#f4f4f6}
.story .story-client,.story .person .r,.story .proof-label{color:rgba(255,255,255,.66)}
.story .person .li{color:rgba(255,255,255,.6)}
.story .proof{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.story .people{border-top-color:rgba(255,255,255,.12)}
/* v3 polish: icon tiles instead of keyword placeholders; tighter cards */
.flip.uc{height:380px}
.flip.svc{height:500px}
.uc-vis,.stage{height:128px}
.uc-dots{position:absolute;inset:0;background-image:radial-gradient(var(--line-2) 1px,transparent 1px);background-size:16px 16px;mask-image:radial-gradient(60% 70% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000,transparent)}
.uc-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:16px;background:var(--bg);box-shadow:0 8px 24px -12px rgba(0,0,0,.35)}
.uc-icon svg{width:22px;height:22px}
.stage .icon-chip{background:var(--bg)!important;box-shadow:0 8px 24px -12px rgba(0,0,0,.35)}
.stage::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line-2) 1px,transparent 1px);background-size:16px 16px;mask-image:radial-gradient(60% 70% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000,transparent);pointer-events:none}
@media(max-width:860px){.flip.uc,.flip.svc{height:auto;min-height:340px}.flip .face{position:relative}.flip .face.back{position:absolute}}
@media(max-width:860px){.flip.svc{height:500px;min-height:0}.flip.uc{height:400px;min-height:0}.flip .face{position:absolute}}
.flip.svc{height:460px}@media(max-width:860px){.flip.svc{height:480px}}