/* ═══════════════════════════════════════════════════════════════════
   Social Wiiv — Shared Stylesheet
   Used by: index.html, trust.html
═══════════════════════════════════════════════════════════════════ */

/* ── FONTS ──────────────────────────────────────────────────────── */
@font-face{font-family:'Barlow';font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3f-8s6FospT4.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3a-4s6FospT4.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3t-ws6FospT4.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B497y_3HcuKECcrs.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B49Lw_3HcuKECcrs.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B4-bx_3HcuKECcrs.woff2) format('woff2')}

/* ── DESIGN TOKENS ──────────────────────────────────────────────── */
:root{
  --cp:#00d4ff; --cs:#0055d3;
  --cg:#2adb5c; --cd:#fa2424; --cw:#ffab00; --co:#ff5630; --pu:#635bff;
  --bg:#080808; --bgc:#000000;
  --cb:#202020; --ch:#ffffff; --ct:#9aa8b4;
  --nb:#080808; --ns:rgba(8,8,8,.96);
  --fh:'Barlow Condensed',sans-serif; --fb:'Barlow',sans-serif;
  --r1:8px; --r2:14px; --r3:20px;
}
[data-theme="light"]{
  --cp:#0055d3; --cs:#00d4ff;
  --bg:#f0f4f8; --bgc:#ffffff;
  --cb:#d0dae6; --ch:#0a1628; --ct:#4a5a6e;
  --nb:#ffffff; --ns:rgba(255,255,255,.97);
}

/* ── RESET ──────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ct);font-family:var(--fb);font-size:1rem;line-height:1.7;overflow-x:hidden;transition:background .3s,color .3s}
h1,h2,h3,h4,h5,h6{font-family:var(--fh);color:var(--ch);line-height:1.2}
a{text-decoration:none;color:inherit}
img{max-width:100%}
p{margin-bottom:0}

/* ── NOISE OVERLAY ──────────────────────────────────────────────── */
.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}
[data-theme="light"] .noise-overlay{opacity:.06}

/* ── NAVBAR ─────────────────────────────────────────────────────── */
.navbar-custom{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.1rem 0;background:var(--nb);border-bottom:1px solid transparent;transition:background .4s,padding .4s,border-color .4s,box-shadow .4s}
.navbar-custom.scrolled{background:var(--ns);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.7rem 0;border-bottom:1px solid var(--cb);box-shadow:0 2px 24px rgba(0,0,0,.18)}
.nav-brand{font-family:var(--fh);font-weight:800;font-size:1.5rem;color:var(--ch);letter-spacing:-.02em}
.nav-brand span{color:var(--cp)}
.mob-tog{border:1px solid var(--cb);padding:.4rem .6rem;color:var(--ch);background:none;border-radius:var(--r1);cursor:pointer}
.nav-item-dd{position:relative}
.nav-lnk{font-family:var(--fh);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ct);padding:.35rem .8rem;transition:color .2s;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;white-space:nowrap;background:none;border:none}
.nav-lnk:hover,.nav-lnk.open{color:var(--cp)}
.nav-lnk .chev{font-size:.55rem;transition:transform .25s;display:inline-block}
.nav-lnk.open .chev{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + .6rem);left:50%;transform:translateX(-50%) translateY(-8px);min-width:240px;background:var(--ns);border:1px solid var(--cb);border-radius:var(--r2);padding:.4rem;box-shadow:0 16px 48px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1100;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dd-panel.open{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
[data-theme="light"] .dd-panel{box-shadow:0 8px 28px rgba(0,0,0,.1);background:rgba(255,255,255,.98)}
.dd-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:var(--r1);font-family:var(--fh);font-size:.78rem;font-weight:600;letter-spacing:.03em;color:var(--ct);transition:background .15s,color .15s;white-space:nowrap}
.dd-link:hover{background:rgba(0,212,255,.07);color:var(--cp)}
[data-theme="light"] .dd-link:hover{background:rgba(0,85,211,.06);color:var(--cp)}
.dd-ico{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;transition:background .15s}
.dd-link:hover .dd-ico{background:rgba(0,212,255,.14);color:var(--cp)}
.dd-sep{height:1px;background:var(--cb);margin:.3rem .4rem}
.mob-nav{display:none;padding:.75rem 0 .5rem}
.mob-nav.open{display:block}
.mob-section{border-top:1px solid var(--cb);padding-top:.65rem;margin-top:.65rem}
.mob-section:first-child{border-top:none;padding-top:0;margin-top:0}
.mob-sec-label{font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ch);padding:.3rem .25rem .4rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.mob-sec-label .chev{font-size:.55rem;transition:transform .2s}
.mob-sec-label.open .chev{transform:rotate(180deg)}
.mob-links{display:none;flex-direction:column;gap:.1rem;padding-bottom:.35rem}
.mob-links.open{display:flex}
.mob-link{font-family:var(--fh);font-size:.82rem;font-weight:600;color:var(--ct);padding:.45rem .6rem;border-radius:var(--r1);transition:background .15s,color .15s}
.mob-link:hover{background:rgba(0,212,255,.07);color:var(--cp)}
.mob-actions{display:flex;align-items:center;gap:.85rem;padding:.75rem 0 .25rem;border-top:1px solid var(--cb);margin-top:.65rem;flex-wrap:wrap}
.mob-tog-lbl{font-family:var(--fh);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ct)}

/* ── THEME TOGGLE ───────────────────────────────────────────────── */
.theme-toggle{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0}
.tog-track{position:relative;width:52px;height:28px;background:var(--cb);border-radius:50px;border:1px solid var(--cb);display:flex;align-items:center;transition:background .35s,border-color .35s;overflow:hidden}
[data-theme="light"] .tog-track{background:rgba(0,85,211,.12);border-color:rgba(0,85,211,.3)}
.tog-thumb{position:absolute;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--cp),var(--cs));transition:transform .35s cubic-bezier(.34,1.56,.64,1);z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.3)}
[data-theme="light"] .tog-thumb{transform:translateX(24px)}
.tog-icon{position:absolute;display:flex;align-items:center;justify-content:center;font-size:.65rem;z-index:1;transition:opacity .25s}
.tog-icon.moon{left:6px;color:#9aa8b4}
.tog-icon.sun{right:6px;color:var(--cw);opacity:0}
[data-theme="light"] .tog-icon.moon{opacity:0}
[data-theme="light"] .tog-icon.sun{opacity:1}

/* ── BUTTONS ────────────────────────────────────────────────────── */
.btn-primary-custom{background:linear-gradient(135deg,var(--cp),var(--cs));color:#fff;font-family:var(--fh);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border:none;padding:.75rem 2rem;border-radius:var(--r1);transition:opacity .25s,transform .25s;display:inline-block}
.btn-primary-custom:hover{opacity:.85;transform:translateY(-2px);color:#fff}
.btn-ghost{border:1px solid var(--cb);color:var(--ch);font-family:var(--fh);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 2rem;border-radius:var(--r1);background:transparent;transition:border-color .25s,color .25s;display:inline-block}
.btn-ghost:hover{border-color:var(--cp);color:var(--cp)}
[data-theme="light"] .btn-ghost{color:var(--ch);border-color:var(--cb)}
[data-theme="light"] .btn-ghost:hover{border-color:var(--cp);color:var(--cp)}

/* ── SECTION UTILITIES ──────────────────────────────────────────── */
.section-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cp);margin-bottom:1.25rem}
.section-tag::before{content:'';display:block;width:24px;height:1px;background:var(--cp)}
.section-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}
.section{padding:6rem 0}

/* ── REVEAL ANIMATION ───────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ── FOOTER ─────────────────────────────────────────────────────── */
.footer{background:var(--bgc);border-top:1px solid var(--cb);padding:4rem 0 2rem}
.f-logo{font-family:var(--fh);font-size:1.4rem;font-weight:800;color:var(--ch);letter-spacing:-.02em;margin-bottom:.5rem}
.f-logo span{color:var(--cp)}
.f-tag{font-size:.8rem;color:var(--ct)}
.f-col-ttl{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ch);margin-bottom:1.25rem}
.f-links{list-style:none;padding:0;margin:0}
.f-links li{margin-bottom:.5rem}
.f-links a{font-size:.85rem;color:var(--ct);transition:color .2s}
.f-links a:hover{color:var(--cp)}
.f-bot{border-top:1px solid var(--cb);margin-top:3rem;padding-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.f-bot p{font-size:.78rem;color:var(--ct);margin:0}
.soc-links{display:flex;gap:.5rem}
.soc-btn{width:36px;height:36px;border:1px solid var(--cb);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;color:var(--ct);font-size:.9rem;transition:border-color .2s,color .2s}
.soc-btn:hover{border-color:var(--cp);color:var(--cp)}

/* ── NEWSLETTER ─────────────────────────────────────────────────── */
.nl-grp{max-width:460px;display:flex;border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r1);overflow:hidden}
.nl-grp input{flex:1;background:transparent;border:none;color:var(--ch);padding:.85rem 1.25rem;font-family:var(--fb);font-size:.9rem;outline:none}
.nl-grp input::placeholder{color:rgba(154,168,180,.5)}
.nl-grp button{background:var(--cp);border:none;color:var(--bg);font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 1.5rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}
.nl-grp button:hover{opacity:.85}


/* ═══════════════════════════════════════════════════════════════════
   INDEX.HTML — PAGE-SPECIFIC STYLES
═══════════════════════════════════════════════════════════════════ */

/* light overrides — index */
[data-theme="light"] .hero-bg{background:radial-gradient(ellipse 70% 60% at 65% 50%,rgba(0,85,211,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid{background-image:linear-gradient(rgba(0,85,211,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,211,.1) 1px,transparent 1px)}
[data-theme="light"] .hero-orb{background:radial-gradient(circle,rgba(0,85,211,.1) 0%,transparent 65%)}
[data-theme="light"] .hero-tag{background:rgba(0,85,211,.08);border-color:rgba(0,85,211,.25)}
[data-theme="light"] blockquote{color:var(--ch)}
[data-theme="light"] .invest-card.featured{border-color:var(--cp)}
[data-theme="light"] .ent-num{color:rgba(10,22,40,.05)}
[data-theme="light"] .cta-bg{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,85,211,.08) 0%,rgba(99,91,255,.05) 55%,transparent 80%),var(--bg)}
[data-theme="light"] .feat-plt-vis{background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,85,211,.08) 0%,transparent 70%),var(--bgc)}
[data-theme="light"] .plt-mock{background:rgba(0,0,0,0)}
[data-theme="light"] .tstrip{background:radial-gradient(ellipse 80% 120% at 50% 50%,rgba(0,85,211,.05) 0%,transparent 70%),var(--bg)}
[data-theme="light"] .inv-section{background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(0,85,211,.07) 0%,transparent 70%),var(--bg)}
[data-theme="light"] .cli-section{background:radial-gradient(ellipse 100% 80% at 50% 50%,rgba(99,91,255,.05) 0%,transparent 70%),var(--bg)}
[data-theme="light"] #entities{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,85,211,.06) 0%,transparent 70%),var(--bg) !important}
[data-theme="light"] .feat-plt{background:radial-gradient(ellipse 80% 80% at 30% 50%,rgba(0,85,211,.05) 0%,transparent 70%),var(--bg)}
[data-theme="light"] .svc-card:nth-child(1) .svc-icon{background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(0,212,255,.05))}
[data-theme="light"] .svc-card:nth-child(2) .svc-icon{background:linear-gradient(135deg,rgba(0,85,211,.12),rgba(0,85,211,.05))}
[data-theme="light"] .svc-card:nth-child(3) .svc-icon{background:linear-gradient(135deg,rgba(99,91,255,.12),rgba(99,91,255,.05))}
[data-theme="light"] .svc-card:nth-child(4) .svc-icon{background:linear-gradient(135deg,rgba(255,171,0,.12),rgba(255,171,0,.05))}
[data-theme="light"] .svc-card:nth-child(5) .svc-icon{background:linear-gradient(135deg,rgba(154,168,180,.12),rgba(154,168,180,.05))}
[data-theme="light"] .svc-card:nth-child(6) .svc-icon{background:linear-gradient(135deg,rgba(255,86,48,.12),rgba(255,86,48,.05))}
[data-theme="light"] .svc-card:nth-child(7) .svc-icon{background:linear-gradient(135deg,rgba(42,219,92,.12),rgba(42,219,92,.05))}
[data-theme="light"] .svc-card:nth-child(8) .svc-icon{background:linear-gradient(135deg,rgba(250,36,36,.12),rgba(250,36,36,.05))}

/* hero */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 0 6rem}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 65% 50%,rgba(0,85,211,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(0,212,255,.08) 0%,transparent 60%),var(--bg)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(32,32,32,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,32,.6) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);animation:gridPan 30s linear infinite}
@keyframes gridPan{from{transform:translateY(0)}to{transform:translateY(60px)}}
.hero-orb{position:absolute;width:600px;height:600px;right:-100px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,85,211,.25) 0%,rgba(0,212,255,.08) 40%,transparent 70%);animation:orb 6s ease-in-out infinite}
@keyframes orb{0%,100%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-52%) scale(1.06)}}
.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.25);border-radius:50px;padding:.35rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cp);margin-bottom:2rem}
.hero-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--cg);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hero h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.hero h1 .accent{background:linear-gradient(135deg,var(--cp),var(--cs));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:1.1rem;color:var(--ct);max-width:520px;margin-bottom:2.5rem;font-weight:300}
.stats-bar{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--cb)}
.stat-item .num{font-family:var(--fh);font-size:2rem;font-weight:800;color:var(--ch);line-height:1}
.stat-item .num span{color:var(--cp)}
.stat-item .lbl{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ct);margin-top:.3rem}
.hero-ticker{position:absolute;bottom:0;left:0;right:0;background:rgba(0,212,255,.06);border-top:1px solid rgba(0,212,255,.15);padding:.7rem 0;overflow:hidden}
.ticker-inner{display:flex;white-space:nowrap;animation:ticker 35s linear infinite}
.ticker-inner span{font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cp);padding:0 3rem}
.ticker-inner span.sep{color:var(--cb)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* hero composite */
.hero-composite{position:relative;width:100%;height:0;padding-bottom:88%}
.hc-monitor{position:absolute;width:80%;left:9%;top:10%;height:auto;z-index:1;filter:drop-shadow(0 8px 40px rgba(0,85,211,.4))}
.hc-phone{position:absolute;width:45%;left:46%;top:6%;height:auto;z-index:2;filter:drop-shadow(0 6px 30px rgba(0,0,0,.7))}
.hc-card{position:absolute;width:30%;height:auto;z-index:3;filter:drop-shadow(0 4px 18px rgba(0,0,0,.6));transition:transform .3s ease}
.hc-card:hover{transform:scale(1.08) translateY(-3px)}
.hc-c1{left:-8%;top:2%}
.hc-c2{left:-8%;top:28%}
.hc-c3{left:-8%;top:54%}
.hc-c4{left:-8%;top:80%}
.hc-c5{right:-8%;top:0%}
.hc-c6{right:-8%;top:22%}
.hc-c7{right:-8%;top:44%}
.hc-c8{right:-8%;top:66%}
.hc-c9{right:-8%;top:88%}
@keyframes hcFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes hcFloatB{0%,100%{transform:translateY(-5px)}50%{transform:translateY(6px)}}
@keyframes hcFloatC{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}
@keyframes hcFloatD{0%,100%{transform:translateY(-3px)}50%{transform:translateY(8px)}}
@keyframes hcFloatE{0%,100%{transform:translateY(3px)}50%{transform:translateY(-10px)}}
.hc-fa{animation:hcFloatA 4s ease-in-out infinite}
.hc-fb{animation:hcFloatB 5.2s ease-in-out infinite}
.hc-fc{animation:hcFloatC 4.6s ease-in-out infinite}
.hc-fd{animation:hcFloatD 5.8s ease-in-out infinite}
.hc-fe{animation:hcFloatE 3.9s ease-in-out infinite}

/* testimonial */
.tstrip{background:radial-gradient(ellipse 80% 120% at 50% 50%,rgba(42,219,92,.07) 0%,transparent 70%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:3rem 0}
.qmark{font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--cp);opacity:.4}
blockquote{font-size:1.15rem;font-weight:300;font-style:italic;color:var(--ch);border:none;padding:0;margin:0}
.t-author{display:flex;align-items:center;gap:1rem;margin-top:1.25rem}
.t-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cp),var(--cs));display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}
.t-name{font-weight:600;color:var(--ch);font-size:.9rem}
.t-role{font-size:.78rem;color:var(--ct)}

/* services */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}
.svc-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);padding:2rem 1.75rem;position:relative;overflow:hidden;transition:background .3s,border-color .3s;display:flex;flex-direction:column}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cp),var(--cs));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.svc-card:hover{background:var(--bg);border-color:rgba(0,212,255,.25)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-icon{width:48px;height:48px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.25rem}
.svc-card:nth-child(1) .svc-icon{background:linear-gradient(135deg,rgba(0,212,255,.15),rgba(0,212,255,.06));border:1px solid rgba(0,212,255,.3);color:var(--cp)}
.svc-card:nth-child(2) .svc-icon{background:linear-gradient(135deg,rgba(0,85,211,.15),rgba(0,85,211,.06));border:1px solid rgba(0,85,211,.3);color:var(--cs)}
.svc-card:nth-child(3) .svc-icon{background:linear-gradient(135deg,rgba(99,91,255,.15),rgba(99,91,255,.06));border:1px solid rgba(99,91,255,.3);color:var(--pu)}
.svc-card:nth-child(4) .svc-icon{background:linear-gradient(135deg,rgba(255,171,0,.15),rgba(255,171,0,.06));border:1px solid rgba(255,171,0,.3);color:var(--cw)}
.svc-card:nth-child(5) .svc-icon{background:linear-gradient(135deg,rgba(154,168,180,.15),rgba(154,168,180,.06));border:1px solid rgba(154,168,180,.3);color:var(--ct)}
.svc-card:nth-child(6) .svc-icon{background:linear-gradient(135deg,rgba(255,86,48,.15),rgba(255,86,48,.06));border:1px solid rgba(255,86,48,.3);color:var(--co)}
.svc-card:nth-child(7) .svc-icon{background:linear-gradient(135deg,rgba(42,219,92,.15),rgba(42,219,92,.06));border:1px solid rgba(42,219,92,.3);color:var(--cg)}
.svc-card:nth-child(8) .svc-icon{background:linear-gradient(135deg,rgba(250,36,36,.15),rgba(250,36,36,.06));border:1px solid rgba(250,36,36,.3);color:var(--cd)}
.svc-card h5{font-size:1rem;font-weight:700;color:var(--ch);margin-bottom:.5rem}
.svc-card p{font-size:.875rem;color:var(--ct);margin-bottom:1rem}
.svc-metric{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--cb);padding-top:1rem;margin-top:auto}
.svc-card:nth-child(1) .svc-metric{color:var(--cp)}
.svc-card:nth-child(2) .svc-metric{color:var(--cs)}
.svc-card:nth-child(3) .svc-metric{color:var(--pu)}
.svc-card:nth-child(4) .svc-metric{color:var(--cw)}
.svc-card:nth-child(5) .svc-metric{color:var(--ct)}
.svc-card:nth-child(6) .svc-metric{color:var(--co)}
.svc-card:nth-child(7) .svc-metric{color:var(--cg)}
.svc-card:nth-child(8) .svc-metric{color:var(--cd)}

/* invest */
.inv-section{background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(0,85,211,.18) 0%,rgba(99,91,255,.08) 55%,transparent 80%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb)}
.inv-card{border:1px solid var(--cb);border-radius:var(--r2);padding:2rem;text-align:center;position:relative;overflow:hidden;height:100%;transition:transform .3s,border-color .3s}
.inv-card.feat{border-color:var(--cp)}
.inv-card.feat::after{content:'POPULAR';position:absolute;top:1rem;right:-2rem;background:var(--cp);color:var(--bg);font-family:var(--fh);font-size:.65rem;font-weight:800;letter-spacing:.15em;padding:.25rem 2.5rem;transform:rotate(45deg)}
.inv-card .bnum{font-family:var(--fh);font-size:1.8rem;font-weight:800;color:var(--ch);line-height:1;margin-bottom:.25rem}
.inv-card .ilbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ct);margin-bottom:1.5rem}
.inv-card ul{list-style:none;padding:0;margin:0 0 1.5rem}
.inv-card ul li{font-size:.875rem;color:var(--ct);padding:.4rem 0;border-bottom:1px solid var(--cb);display:flex;align-items:center;gap:.5rem}
.inv-card ul li:last-child{border-bottom:none}
.inv-card ul li i{color:var(--cg)}

/* platforms */
.plt-card{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;transition:border-color .3s,transform .3s;height:100%}
.plt-card:hover{border-color:var(--cp);transform:translateY(-4px)}
.plt-badge{display:inline-block;font-family:var(--fh);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cp);border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.06);padding:.25rem .6rem;border-radius:var(--r1);margin-bottom:1rem}
.plt-card h5{font-size:.95rem;margin-bottom:.4rem}
.plt-card p{font-size:.82rem;color:var(--ct);margin:0}

/* feature platform */
.feat-plt{background:radial-gradient(ellipse 80% 80% at 30% 50%,rgba(99,91,255,.1) 0%,rgba(0,85,211,.08) 50%,transparent 80%),var(--bg);border:1px solid var(--cb);border-radius:var(--r2);overflow:hidden}
.feat-plt-vis{background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,85,211,.3) 0%,rgba(99,91,255,.12) 50%,transparent 100%),var(--bgc);min-height:360px;display:flex;align-items:center;justify-content:center;padding:2rem}
.plt-mock{width:300px;border:1px solid var(--cb);background:rgba(0,0,0,.7);border-radius:var(--r2);padding:1.25rem;backdrop-filter:blur(10px)}
[data-theme="light"] .plt-mock{background:var(--bgc)}
.mstat-row{display:flex;gap:.75rem}
.mstat{flex:1;background:rgba(0,212,255,.05);border:1px solid rgba(0,212,255,.15);border-radius:var(--r1);padding:.5rem;text-align:center}
.mstat .v{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--cp)}
.mstat .l{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ct)}
.pml{list-style:none;padding:0;margin:0}
.pml li{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--cb)}
.pml li:last-child{border-bottom:none}
.pml-ico{width:36px;height:36px;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;color:var(--cp);flex-shrink:0}
.pml-txt{font-size:.875rem;color:var(--ct)}
.pml-val{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--ch);margin-left:auto}

/* entities */
.ent-card{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s;position:relative;overflow:hidden}
.ent-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.col-lg:nth-child(1) .ent-card::after{background:linear-gradient(90deg,var(--cp),var(--cs))}
.col-lg:nth-child(2) .ent-card::after{background:linear-gradient(90deg,var(--pu),var(--cp))}
.col-lg:nth-child(3) .ent-card::after{background:linear-gradient(90deg,var(--cg),var(--cp))}
.col-lg:nth-child(4) .ent-card::after{background:linear-gradient(90deg,var(--cw),var(--co))}
.col-lg:nth-child(5) .ent-card::after{background:linear-gradient(90deg,var(--cp),var(--pu))}
.ent-card:hover::after{transform:scaleX(1)}
.ent-card:hover{border-color:rgba(0,212,255,.3)}
.ent-num{font-family:var(--fh);font-size:3rem;font-weight:800;color:rgba(255,255,255,.04);position:absolute;top:.75rem;right:1rem;line-height:1}
.ent-card h5{font-size:1rem;margin-bottom:.3rem}
.ent-sub{font-size:.78rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.col-lg:nth-child(1) .ent-sub{color:var(--cp)}
.col-lg:nth-child(2) .ent-sub{color:var(--pu)}
.col-lg:nth-child(3) .ent-sub{color:var(--cg)}
.col-lg:nth-child(4) .ent-sub{color:var(--cw)}
.col-lg:nth-child(5) .ent-sub{color:var(--cp)}
.ent-card p{font-size:.85rem}

/* clients */
.cli-section{background:radial-gradient(ellipse 100% 80% at 50% 50%,rgba(99,91,255,.1) 0%,rgba(0,85,211,.08) 50%,transparent 80%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb)}
.cli-wrap{display:flex;overflow:hidden}
.cli-track{display:flex;gap:1px;animation:cliScroll 25s linear infinite;flex-shrink:0}
@keyframes cliScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cli-pill{background:var(--bgc);border:1px solid var(--cb);padding:.8rem 1.75rem;white-space:nowrap;font-family:var(--fh);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--ct);transition:color .2s;flex-shrink:0}
.cli-pill:hover{color:var(--ch)}

/* client logo grid */
.cli-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media(max-width:991px){.cli-logo-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:575px){.cli-logo-grid{grid-template-columns:repeat(3,1fr)}}
.cli-logo-card{position:relative;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;aspect-ratio:2.2/1;overflow:hidden;text-decoration:none;transition:background .3s,border-color .3s}
.cli-logo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cp),var(--pu));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.cli-logo-card:hover{background:var(--bg);border-color:rgba(0,212,255,.25)}
.cli-logo-card:hover::before{transform:scaleX(1)}
.cli-logo-card img{max-width:150px;max-height:60px;width:100%;object-fit:contain;filter:invert(1);opacity:.85;transition:opacity .3s ease;display:block;pointer-events:none;position:relative;z-index:1}
.cli-logo-card:hover img{opacity:.55}
.cli-logo-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00D4FF,#0055D3);mix-blend-mode:multiply;pointer-events:none;z-index:2}
[data-theme="light"] .cli-logo-card img{filter:invert(1);opacity:.85}
[data-theme="light"] .cli-logo-card:hover img{opacity:.55}
.cli-logo-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);opacity:0;transition:opacity .3s ease;z-index:3}
.cli-logo-hover span{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:.3rem;white-space:nowrap}
.cli-logo-card:hover .cli-logo-hover{opacity:1}

/* cta */
.cta-sec{position:relative;overflow:hidden;padding:7rem 0;text-align:center}
.cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,85,211,.22) 0%,rgba(99,91,255,.1) 55%,transparent 80%),var(--bg)}
.cta-sec h2{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}
.cta-sec p{font-size:1.1rem;max-width:500px;margin:0 auto 2.5rem}

/* index — responsive */
@media(max-width:991px){
  .hero-composite{padding-bottom:62%}
}
@media(max-width:768px){
  .hero{padding:7rem 0 5rem}
  .hero h1{font-size:2.4rem}
  .stats-bar{gap:1.5rem}
  .svc-grid{grid-template-columns:1fr}
  .hero-composite{padding-bottom:72%}
}


/* ═══════════════════════════════════════════════════════════════════
   TRUST.HTML — PAGE-SPECIFIC STYLES
═══════════════════════════════════════════════════════════════════ */

/* light overrides — trust */
[data-theme="light"] .hero-bg-t{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,85,211,.09) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-t{background-image:linear-gradient(rgba(0,85,211,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,211,.08) 1px,transparent 1px)}
[data-theme="light"] .sc-body{background:var(--bgc)}
[data-theme="light"] .sr{background:rgba(0,0,0,0)}
[data-theme="light"] .env-m{background:rgba(0,0,0,0)}
[data-theme="light"] .doc-row{background:rgba(0,0,0,0)}
[data-theme="light"] .pillar-card.pc-cyan{background:rgba(0,85,211,.05);border-color:rgba(0,85,211,.2)}
[data-theme="light"] .pillar-card.pc-purple{background:rgba(99,91,255,.05);border-color:rgba(99,91,255,.15)}
[data-theme="light"] .pillar-card.pc-green{background:rgba(42,219,92,.05);border-color:rgba(42,219,92,.15)}
[data-theme="light"] .pillar-card.pc-amber{background:rgba(255,171,0,.05);border-color:rgba(255,171,0,.15)}
[data-theme="light"] .esg-card.cyan{background:rgba(0,85,211,.04);border-color:rgba(0,85,211,.15)}
[data-theme="light"] .esg-card.green{background:rgba(42,219,92,.04);border-color:rgba(42,219,92,.15)}
[data-theme="light"] .esg-card.purple{background:rgba(99,91,255,.05);border-color:rgba(99,91,255,.15)}
[data-theme="light"] .stat-tile.cyan{background:rgba(0,85,211,.05);border-color:rgba(0,85,211,.15)}
[data-theme="light"] .stat-tile.green{background:rgba(42,219,92,.05);border-color:rgba(42,219,92,.15)}
[data-theme="light"] .stat-tile.purple{background:rgba(99,91,255,.06);border-color:rgba(99,91,255,.15)}
[data-theme="light"] .stat-tile.amber{background:rgba(255,171,0,.05);border-color:rgba(255,171,0,.15)}
[data-theme="light"] .contact-card.cyan{background:rgba(0,85,211,.04);border-color:rgba(0,85,211,.15)}
[data-theme="light"] .contact-card.green{background:rgba(42,219,92,.04);border-color:rgba(42,219,92,.15)}
[data-theme="light"] .contact-card.purple{background:rgba(99,91,255,.05);border-color:rgba(99,91,255,.15)}
[data-theme="light"] .ibox.cyan{background:rgba(0,85,211,.04)}
[data-theme="light"] .ibox.green{background:rgba(42,219,92,.04)}
[data-theme="light"] .ibox.amber{background:rgba(255,171,0,.04)}
[data-theme="light"] .ibox.purple{background:rgba(99,91,255,.04)}
[data-theme="light"] .cl-dot.cyan{background:rgba(0,85,211,.1)}
[data-theme="light"] .cl-dot.green{background:rgba(42,219,92,.1)}
[data-theme="light"] .cl-dot.purple{background:rgba(99,91,255,.1)}
[data-theme="light"] .cl-dot.amber{background:rgba(255,171,0,.1)}

/* trust hero */
.trust-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-t{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,85,211,.25) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 85% 70%,rgba(99,91,255,.12) 0%,transparent 55%),var(--bg)}
.hero-grid-t{position:absolute;inset:0;background-image:linear-gradient(rgba(32,32,32,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,32,.55) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);animation:gridPan 30s linear infinite}
.hero-tag-t{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cp);margin-bottom:1.75rem}
.hero-tag-t .dot{width:6px;height:6px;border-radius:50%;background:var(--cg);animation:blink 2s ease-in-out infinite}
.trust-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.trust-hero h1 .accent{background:linear-gradient(135deg,var(--cp),var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.trust-hero .sub{font-size:1.05rem;color:var(--ct);max-width:640px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}

/* trust hero stat tiles */
.trust-stats{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--cb);border-radius:var(--r2);overflow:hidden;margin-top:3rem}
.trust-stat{flex:1;min-width:140px;padding:1.25rem 1.4rem;border-right:1px solid var(--cb);background:var(--bgc);transition:background .2s}
.trust-stat:last-child{border-right:none}
.trust-stat:hover{background:var(--bg)}
.trust-stat .tnum{font-family:var(--fh);font-size:2rem;font-weight:800;color:var(--ch);line-height:1;margin-bottom:.2rem}
.trust-stat .tnum span{color:var(--cp)}
.trust-stat .tlbl{font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ct);margin-bottom:.1rem}
.trust-stat .tsub{font-size:.7rem;color:var(--ct);opacity:.65}

/* TOC bar */
.toc-bar{background:var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:.85rem 0}
.toc-inner{display:flex;flex-wrap:wrap;gap:.4rem}
.toc-link{display:inline-flex;align-items:center;font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ct);text-decoration:none;padding:.3rem .85rem;border:1px solid var(--cb);border-radius:50px;background:transparent;transition:color .2s,background .2s,border-color .2s}
.toc-link:hover{color:var(--cp);background:rgba(0,212,255,.07);border-color:rgba(0,212,255,.25)}

/* section wrappers */
.s-dark{background:var(--bgc);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:4rem 0 2rem}
.s-grad-green{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(42,219,92,.07) 0%,rgba(0,212,255,.04) 55%,transparent 80%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:4rem 0}
.s-grad-purple{background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(99,91,255,.1) 0%,rgba(0,85,211,.06) 55%,transparent 80%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:4rem 0}
.s-grad-cyan{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,85,211,.18) 0%,rgba(0,212,255,.06) 50%,transparent 80%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:4rem 0}
.s-grad-amber{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,171,0,.07) 0%,rgba(255,86,48,.04) 55%,transparent 80%),var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:4rem 0}
[data-theme="light"] .s-dark,[data-theme="light"] .s-grad-green,[data-theme="light"] .s-grad-purple,[data-theme="light"] .s-grad-cyan,[data-theme="light"] .s-grad-amber{background:var(--bg)}

/* icon badges */
.ico-badge{width:56px;height:56px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;margin-bottom:1.25rem}
.ico-cyan{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,85,211,.15));border:1px solid rgba(0,212,255,.3);color:var(--cp)}
.ico-green{background:linear-gradient(135deg,rgba(42,219,92,.18),rgba(0,212,255,.08));border:1px solid rgba(42,219,92,.3);color:var(--cg)}
.ico-purple{background:linear-gradient(135deg,rgba(99,91,255,.2),rgba(0,85,211,.12));border:1px solid rgba(99,91,255,.35);color:var(--pu)}
.ico-amber{background:linear-gradient(135deg,rgba(255,171,0,.18),rgba(255,86,48,.1));border:1px solid rgba(255,171,0,.3);color:var(--cw)}
.ico-red{background:linear-gradient(135deg,rgba(250,36,36,.15),rgba(255,86,48,.1));border:1px solid rgba(250,36,36,.25);color:var(--cd)}
.ico-sm{width:38px;height:38px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}

/* pillar cards */
.pillar-card{border-radius:var(--r2);padding:1.75rem;position:relative;overflow:hidden;height:100%}
.pillar-card.pc-cyan{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(0,85,211,.06) 100%);border:1px solid rgba(0,212,255,.2)}
.pillar-card.pc-purple{background:linear-gradient(135deg,rgba(99,91,255,.12) 0%,rgba(0,85,211,.06) 100%);border:1px solid rgba(99,91,255,.25)}
.pillar-card.pc-green{background:linear-gradient(135deg,rgba(42,219,92,.1) 0%,rgba(0,212,255,.05) 100%);border:1px solid rgba(42,219,92,.22)}
.pillar-card.pc-amber{background:linear-gradient(135deg,rgba(255,171,0,.1) 0%,rgba(255,86,48,.05) 100%);border:1px solid rgba(255,171,0,.22)}
.pillar-num{font-family:var(--fh);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.4rem}
.pillar-num.cyan{color:var(--cp)}
.pillar-num.purple{color:var(--pu)}
.pillar-num.green{color:var(--cg)}
.pillar-num.amber{color:var(--cw)}
.pillar-card h5{font-size:1rem;color:var(--ch);margin-bottom:.4rem}
.pillar-card p{font-size:.83rem;color:var(--ct);margin:0}

/* status rows */
.sr{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--cb);border-radius:var(--r1);background:rgba(0,0,0,.25);margin-bottom:.5rem}
[data-theme="light"] .sr{background:var(--bgc)}
.sr-label{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--ch);flex:1;letter-spacing:.04em}
.sr-desc{font-size:.78rem;color:var(--ct);flex:2}
.sr-val{font-family:var(--fh);font-size:.8rem;font-weight:800;letter-spacing:.05em;white-space:nowrap}
.sr-val.cyan{color:var(--cp)}
.sr-val.green{color:var(--cg)}
.sr-val.amber{color:var(--cw)}
.sr-val.purple{color:var(--pu)}

/* check lists */
.cl{list-style:none;padding:0;margin:0}
.cl li{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--cb);font-size:.9rem;color:var(--ct);line-height:1.6}
.cl li:last-child{border-bottom:none}
.cl li strong{color:var(--ch)}
.cl-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;flex-shrink:0;margin-top:.2rem}
.cl-dot.cyan{background:rgba(0,212,255,.12);color:var(--cp);border:1px solid rgba(0,212,255,.3)}
.cl-dot.green{background:rgba(42,219,92,.12);color:var(--cg);border:1px solid rgba(42,219,92,.3)}
.cl-dot.purple{background:rgba(99,91,255,.12);color:var(--pu);border:1px solid rgba(99,91,255,.3)}
.cl-dot.amber{background:rgba(255,171,0,.12);color:var(--cw);border:1px solid rgba(255,171,0,.3)}

/* info boxes */
.ibox{border-radius:var(--r1);padding:1.1rem 1.4rem;display:flex;gap:.85rem;align-items:flex-start;margin:1rem 0}
.ibox.cyan{background:rgba(0,212,255,.05);border:1px solid rgba(0,212,255,.2)}
.ibox.green{background:rgba(42,219,92,.05);border:1px solid rgba(42,219,92,.2)}
.ibox.amber{background:rgba(255,171,0,.05);border:1px solid rgba(255,171,0,.2)}
.ibox.purple{background:rgba(99,91,255,.06);border:1px solid rgba(99,91,255,.2)}
.ibox i{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}
.ibox.cyan i{color:var(--cp)}
.ibox.green i{color:var(--cg)}
.ibox.amber i{color:var(--cw)}
.ibox.purple i{color:var(--pu)}
.ibox p{font-size:.875rem;color:var(--ct);margin:0}

/* stat tiles */
.stat-tile{border-radius:var(--r2);padding:1.5rem;text-align:center;border:1px solid var(--cb);transition:transform .3s,border-color .3s}
.stat-tile:hover{transform:translateY(-3px)}
.stat-tile.cyan{background:linear-gradient(135deg,rgba(0,212,255,.08),rgba(0,85,211,.05));border-color:rgba(0,212,255,.2)}
.stat-tile.green{background:linear-gradient(135deg,rgba(42,219,92,.08),rgba(0,212,255,.04));border-color:rgba(42,219,92,.2)}
.stat-tile.purple{background:linear-gradient(135deg,rgba(99,91,255,.1),rgba(0,85,211,.05));border-color:rgba(99,91,255,.22)}
.stat-tile.amber{background:linear-gradient(135deg,rgba(255,171,0,.08),rgba(255,86,48,.04));border-color:rgba(255,171,0,.2)}
.stat-tile .big{font-family:var(--fh);font-size:2.6rem;font-weight:800;line-height:1;margin-bottom:.3rem}
.stat-tile.cyan .big{color:var(--cp)}
.stat-tile.green .big{color:var(--cg)}
.stat-tile.purple .big{color:var(--pu)}
.stat-tile.amber .big{color:var(--cw)}
.stat-tile .slbl{font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ct)}
.stat-tile .sdesc{font-size:.78rem;color:var(--ct);margin-top:.3rem;opacity:.75}

/* timeline */
.timeline{position:relative;padding-left:2rem}
.timeline::before{content:'';position:absolute;left:.5rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg,var(--cp),var(--pu),transparent)}
.tl-item{position:relative;padding-bottom:2rem}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:-1.65rem;top:.35rem;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg)}
.tl-dot.done{background:var(--cg);box-shadow:0 0 10px rgba(42,219,92,.4)}
.tl-dot.active{background:var(--cp);box-shadow:0 0 10px rgba(0,212,255,.4)}
.tl-dot.planned{background:var(--cb);box-shadow:none}
.tl-label{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}
.tl-label.done{color:var(--cg)}
.tl-label.active{color:var(--cp)}
.tl-label.planned{color:var(--ct)}
.tl-title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:var(--ch);margin-bottom:.3rem}
.tl-body{font-size:.875rem;color:var(--ct);line-height:1.65}

/* progress bars */
.prog-wrap{margin-bottom:1.1rem}
.prog-hdr{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ct);margin-bottom:.4rem}
.prog-track{background:var(--cb);border-radius:50px;height:5px}
.prog-bar{height:100%;border-radius:50px;transition:width 1s ease}
.prog-bar.cyan{background:linear-gradient(90deg,var(--cp),var(--cs))}
.prog-bar.green{background:linear-gradient(90deg,var(--cg),var(--cp))}
.prog-bar.purple{background:linear-gradient(90deg,var(--pu),var(--cp))}
.prog-bar.amber{background:linear-gradient(90deg,var(--cw),var(--co))}

/* badge pills */
.bpill{display:inline-block;font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .75rem;border-radius:50px;margin:.2rem .2rem 0 0}
.bpill.cyan{border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.07);color:var(--cp)}
.bpill.green{border:1px solid rgba(42,219,92,.3);background:rgba(42,219,92,.07);color:var(--cg)}
.bpill.amber{border:1px solid rgba(255,171,0,.3);background:rgba(255,171,0,.07);color:var(--cw)}
.bpill.purple{border:1px solid rgba(99,91,255,.3);background:rgba(99,91,255,.08);color:var(--pu)}
.bpill.gray{border:1px solid var(--cb);background:transparent;color:var(--ct)}

/* ESG cards */
.esg-card{border-radius:var(--r2);padding:1.75rem;position:relative;overflow:hidden;height:100%}
.esg-card.cyan{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(0,85,211,.06) 60%,transparent 100%);border:1px solid rgba(0,212,255,.2)}
.esg-card.green{background:linear-gradient(135deg,rgba(42,219,92,.1) 0%,rgba(0,212,255,.05) 60%,transparent 100%);border:1px solid rgba(42,219,92,.2)}
.esg-card.purple{background:linear-gradient(135deg,rgba(99,91,255,.12) 0%,rgba(0,85,211,.06) 60%,transparent 100%);border:1px solid rgba(99,91,255,.22)}
.esg-status{font-family:var(--fh);font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:.22rem .65rem;border-radius:50px;display:inline-block;margin-bottom:.75rem}
.esg-status.achieved{background:rgba(42,219,92,.14);color:var(--cg);border:1px solid rgba(42,219,92,.3)}
.esg-status.inprogress{background:rgba(255,171,0,.14);color:var(--cw);border:1px solid rgba(255,171,0,.3)}
.esg-status.registered{background:rgba(0,212,255,.1);color:var(--cp);border:1px solid rgba(0,212,255,.25)}
.esg-card h5{font-size:1rem;color:var(--ch);margin-bottom:.4rem}
.esg-card p{font-size:.85rem;color:var(--ct);margin:0}

/* contact cards */
.contact-card{border-radius:var(--r2);padding:1.75rem;height:100%;transition:transform .3s,border-color .3s}
.contact-card:hover{transform:translateY(-4px)}
.contact-card.cyan{background:linear-gradient(145deg,rgba(0,212,255,.08),rgba(0,85,211,.04));border:1px solid rgba(0,212,255,.2)}
.contact-card.green{background:linear-gradient(145deg,rgba(42,219,92,.08),rgba(0,212,255,.03));border:1px solid rgba(42,219,92,.2)}
.contact-card.purple{background:linear-gradient(145deg,rgba(99,91,255,.1),rgba(0,85,211,.04));border:1px solid rgba(99,91,255,.22)}
.contact-card h5{font-size:.95rem;color:var(--ch);margin-bottom:.5rem}
.contact-card a{font-size:.88rem;word-break:break-all}
.contact-card.cyan a{color:var(--cp)}
.contact-card.green a{color:var(--cg)}
.contact-card.purple a{color:var(--pu)}
.contact-card a:hover{text-decoration:underline}

/* doc rows */
.doc-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid var(--cb);border-radius:var(--r1);background:rgba(0,0,0,.2);margin-bottom:.5rem;transition:border-color .2s}
[data-theme="light"] .doc-row{background:var(--bgc)}
.doc-row:hover{border-color:rgba(0,212,255,.25)}
.doc-row .dr-label{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--ch);flex:1}
.doc-row .dr-tag{font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

/* quote */
.tquote{border-left:3px solid var(--pu);padding:.85rem 1.25rem;background:rgba(99,91,255,.05);border-radius:0 var(--r1) var(--r1) 0;margin:1.25rem 0}
.tquote p{font-size:.95rem;font-style:italic;color:var(--ct);margin-bottom:.4rem}
.tquote cite{font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pu)}

/* env metrics */
.env-m{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--cb);border-radius:var(--r1);background:rgba(0,0,0,.25);margin-bottom:.5rem}
[data-theme="light"] .env-m{background:var(--bgc)}
.env-m .em-v{font-family:var(--fh);font-size:1.5rem;font-weight:800;min-width:60px;line-height:1}
.env-m .em-d{font-size:.875rem;color:var(--ct)}

/* trust — responsive */
@media(max-width:768px){
  .trust-hero{padding:7rem 0 3rem}
  .trust-stats{flex-direction:column}
  .trust-stat{border-right:none;border-bottom:1px solid var(--cb)}
  .trust-stat:last-child{border-bottom:none}
  .sr-desc{display:none}
}


/* ═══════════════════════════════════════════════════════════════════
   EXP.HTML — EMPLOYEE EXPERIENCE PLATFORM
═══════════════════════════════════════════════════════════════════ */

/* light overrides — exp */
[data-theme="light"] .hero-bg-exp{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(42,219,92,.09) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-exp{background-image:linear-gradient(rgba(42,219,92,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(42,219,92,.07) 1px,transparent 1px)}
[data-theme="light"] .exp-feat{background:var(--bgc)}

/* exp hero */
.exp-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-exp{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(42,219,92,.22) 0%,rgba(0,85,211,.12) 50%,transparent 72%),radial-gradient(ellipse 40% 40% at 85% 70%,rgba(0,212,255,.1) 0%,transparent 55%),var(--bg)}
.hero-grid-exp{position:absolute;inset:0;background-image:linear-gradient(rgba(32,32,32,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,32,.55) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);animation:gridPan 30s linear infinite}
.exp-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.exp-hero h1 .accent{background:linear-gradient(135deg,var(--cg),var(--cp));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.exp-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}

/* exp feature cards */
.exp-feat{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.exp-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.exp-feat:hover{transform:translateY(-3px)}
.exp-feat:hover::before{transform:scaleX(1)}
.exp-feat.ef-cyan{border-color:var(--cb)}.exp-feat.ef-cyan::before{background:linear-gradient(90deg,var(--cp),var(--cs))}
.exp-feat.ef-cyan:hover{border-color:rgba(0,212,255,.3)}
.exp-feat.ef-green::before{background:linear-gradient(90deg,var(--cg),var(--cp))}
.exp-feat.ef-green:hover{border-color:rgba(42,219,92,.3)}
.exp-feat.ef-purple::before{background:linear-gradient(90deg,var(--pu),var(--cp))}
.exp-feat.ef-purple:hover{border-color:rgba(99,91,255,.3)}
.exp-feat.ef-amber::before{background:linear-gradient(90deg,var(--cw),var(--co))}
.exp-feat.ef-amber:hover{border-color:rgba(255,171,0,.3)}
.exp-feat h5{font-size:.95rem;color:var(--ch);margin-bottom:.5rem}
.exp-feat p{font-size:.83rem;color:var(--ct);margin:0}

/* gamification bar chart mock */
.gam-bar{display:flex;gap:4px;align-items:flex-end;height:56px}
.gam-bar-col{flex:1;border-radius:3px 3px 0 0;background:rgba(42,219,92,.18)}

/* level badge */
.lvl-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--fh);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border-radius:50px;border:1px solid rgba(42,219,92,.3);background:rgba(42,219,92,.08);color:var(--cg)}

/* exp — responsive */
@media(max-width:768px){
  .exp-hero{padding:7rem 0 3rem}
}


/* ═══════════════════════════════════════════════════════════════════
   CXP.HTML — CONSUMER EXPERIENCE PLATFORM
═══════════════════════════════════════════════════════════════════ */

/* light overrides — cxp */
[data-theme="light"] .hero-bg-cxp{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(99,91,255,.09) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-cxp{background-image:linear-gradient(rgba(99,91,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.07) 1px,transparent 1px)}
[data-theme="light"] .cxp-feat{background:var(--bgc)}

/* cxp hero */
.cxp-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-cxp{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(99,91,255,.25) 0%,rgba(0,85,211,.14) 50%,transparent 72%),radial-gradient(ellipse 40% 40% at 85% 70%,rgba(0,212,255,.1) 0%,transparent 55%),var(--bg)}
.hero-grid-cxp{position:absolute;inset:0;background-image:linear-gradient(rgba(32,32,32,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,32,.55) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);animation:gridPan 30s linear infinite}
.cxp-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.cxp-hero h1 .accent{background:linear-gradient(135deg,var(--pu),var(--cp));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cxp-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}

/* cxp hero tag */
.hero-tag-cxp{display:inline-flex;align-items:center;gap:.5rem;background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--pu);margin-bottom:1.75rem}
.hero-tag-cxp .dot{width:6px;height:6px;border-radius:50%;background:var(--pu);animation:blink 2s ease-in-out infinite}

/* cxp feature cards */
.cxp-feat{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.cxp-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.cxp-feat:hover{transform:translateY(-3px)}
.cxp-feat:hover::before{transform:scaleX(1)}
.cxp-feat.cf-cyan::before{background:linear-gradient(90deg,var(--cp),var(--cs))}.cxp-feat.cf-cyan:hover{border-color:rgba(0,212,255,.3)}
.cxp-feat.cf-purple::before{background:linear-gradient(90deg,var(--pu),var(--cp))}.cxp-feat.cf-purple:hover{border-color:rgba(99,91,255,.3)}
.cxp-feat.cf-amber::before{background:linear-gradient(90deg,var(--cw),var(--co))}.cxp-feat.cf-amber:hover{border-color:rgba(255,171,0,.3)}
.cxp-feat.cf-green::before{background:linear-gradient(90deg,var(--cg),var(--cp))}.cxp-feat.cf-green:hover{border-color:rgba(42,219,92,.3)}
.cxp-feat h5{font-size:.95rem;color:var(--ch);margin-bottom:.5rem}
.cxp-feat p{font-size:.83rem;color:var(--ct);margin:0}

/* till slip mock */
.slip-mock{background:rgba(0,0,0,.35);border:1px solid var(--cb);border-radius:var(--r2);padding:1.25rem;font-size:.8rem}
[data-theme="light"] .slip-mock{background:var(--bgc)}
.slip-line{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px dashed rgba(255,255,255,.07);color:var(--ct)}
[data-theme="light"] .slip-line{border-bottom-color:var(--cb)}
.slip-line:last-child{border-bottom:none;color:var(--ch);font-weight:700;font-family:var(--fh)}
.slip-ai-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--fh);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border-radius:50px;border:1px solid rgba(42,219,92,.3);background:rgba(42,219,92,.08);color:var(--cg);margin-top:.85rem}

/* cxp — responsive */
@media(max-width:768px){
  .cxp-hero{padding:7rem 0 3rem}
}


/* ═══════════════════════════════════════════════════════════════════
   TICKETING.HTML — TICKETING SOLUTIONS
═══════════════════════════════════════════════════════════════════ */

/* light overrides — ticketing */
[data-theme="light"] .hero-bg-tkt{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,171,0,.09) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-tkt{background-image:linear-gradient(rgba(255,171,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,171,0,.07) 1px,transparent 1px)}
[data-theme="light"] .tkt-feat{background:var(--bgc)}
[data-theme="light"] .phone-frame{background:var(--bgc)}
[data-theme="light"] .pf-screen{background:var(--bg)}

/* tkt hero */
.tkt-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-tkt{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,171,0,.24) 0%,rgba(255,86,48,.12) 50%,transparent 72%),radial-gradient(ellipse 40% 40% at 85% 70%,rgba(0,212,255,.08) 0%,transparent 55%),var(--bg)}
.hero-grid-tkt{position:absolute;inset:0;background-image:linear-gradient(rgba(32,32,32,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,32,.55) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);animation:gridPan 30s linear infinite}
.tkt-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.tkt-hero h1 .accent{background:linear-gradient(135deg,var(--cw),var(--co));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.tkt-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}

/* tkt hero tag */
.hero-tag-tkt{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cw);margin-bottom:1.75rem}
.hero-tag-tkt .dot{width:6px;height:6px;border-radius:50%;background:var(--cw);animation:blink 2s ease-in-out infinite}

/* tkt feature cards */
.tkt-feat{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.tkt-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.tkt-feat:hover{transform:translateY(-3px)}
.tkt-feat:hover::before{transform:scaleX(1)}
.tkt-feat.tf-amber::before{background:linear-gradient(90deg,var(--cw),var(--co))}.tkt-feat.tf-amber:hover{border-color:rgba(255,171,0,.3)}
.tkt-feat.tf-cyan::before{background:linear-gradient(90deg,var(--cp),var(--cs))}.tkt-feat.tf-cyan:hover{border-color:rgba(0,212,255,.3)}
.tkt-feat.tf-green::before{background:linear-gradient(90deg,var(--cg),var(--cp))}.tkt-feat.tf-green:hover{border-color:rgba(42,219,92,.3)}
.tkt-feat.tf-purple::before{background:linear-gradient(90deg,var(--pu),var(--cp))}.tkt-feat.tf-purple:hover{border-color:rgba(99,91,255,.3)}
.tkt-feat.tf-red::before{background:linear-gradient(90deg,var(--cd),var(--co))}.tkt-feat.tf-red:hover{border-color:rgba(250,36,36,.3)}
.tkt-feat h5{font-size:.95rem;color:var(--ch);margin-bottom:.5rem}
.tkt-feat p{font-size:.83rem;color:var(--ct);margin:0}

/* phone / screen mockup */
.phone-frame{width:196px;border:2px solid var(--cb);border-radius:32px;padding:.85rem .6rem .75rem;background:rgba(0,0,0,.7);position:relative;flex-shrink:0;transition:border-color .3s,box-shadow .3s}
[data-theme="light"] .phone-frame{background:var(--bgc)}
.phone-frame::before{content:'';display:block;width:52px;height:12px;background:var(--cb);border-radius:0 0 8px 8px;margin:0 auto .65rem}
.pf-screen{border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid rgba(255,255,255,.06);min-height:280px}
.phone-frame.pf-active{border-color:rgba(255,171,0,.5);box-shadow:0 8px 32px rgba(255,171,0,.12)}

/* step numbers */
.step-num{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(255,171,0,.18),rgba(255,86,48,.1));border:2px solid rgba(255,171,0,.35);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:.82rem;font-weight:800;color:var(--cw);flex-shrink:0}
.step-card{border:1px solid var(--cb);border-radius:var(--r2);padding:1.25rem 1.4rem;display:flex;align-items:flex-start;gap:.85rem;background:var(--bgc);transition:border-color .25s}
.step-card:hover{border-color:rgba(255,171,0,.3)}

/* qr code mock */
.qr-mock{width:96px;height:96px;background:var(--ch);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}
.qr-inner{width:100%;height:100%;background:
  repeating-linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.85) 3px,transparent 3px,transparent 6px),
  repeating-linear-gradient(90deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.85) 3px,transparent 3px,transparent 6px);
  border-radius:4px}

/* payment badge */
.pay-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--cb);border-radius:var(--r1);padding:.55rem .9rem;font-family:var(--fh);font-size:.72rem;font-weight:700;color:var(--ct);background:var(--bgc);transition:border-color .2s,color .2s}
.pay-badge:hover{border-color:rgba(255,171,0,.3);color:var(--cw)}

/* tkt — responsive */
@media(max-width:768px){
  .tkt-hero{padding:7rem 0 3rem}
  .phone-frame{width:150px}
}


/* ═══════════════════════════════════════════════════════════════════
   AFFILIATE.HTML — AFFILIATE MARKETING SOLUTIONS
═══════════════════════════════════════════════════════════════════ */

/* light overrides — affiliate */
[data-theme="light"] .hero-bg-aff{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,86,48,.08) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-aff{background-image:linear-gradient(rgba(255,86,48,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,86,48,.06) 1px,transparent 1px)}
[data-theme="light"] .aff-feat{background:var(--bgc)}
[data-theme="light"] .tier-card{background:var(--bgc)}

/* aff hero */
.aff-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-aff{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,86,48,.28) 0%,rgba(255,171,0,.12) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 12% 70%,rgba(0,212,255,.07) 0%,transparent 55%),var(--bg)}
.hero-grid-aff{position:absolute;inset:0;background-image:linear-gradient(rgba(32,32,32,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(32,32,32,.55) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);animation:gridPan 30s linear infinite}
.aff-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.aff-hero h1 .accent{background:linear-gradient(135deg,var(--co),var(--cw));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aff-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}

/* aff hero tag */
.hero-tag-aff{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,86,48,.1);border:1px solid rgba(255,86,48,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--co);margin-bottom:1.75rem}
.hero-tag-aff .dot{width:6px;height:6px;border-radius:50%;background:var(--co);animation:blink 2s ease-in-out infinite}

/* aff feature cards */
.aff-feat{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.aff-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.aff-feat:hover{transform:translateY(-3px)}
.aff-feat:hover::before{transform:scaleX(1)}
.aff-feat.af-orange::before{background:linear-gradient(90deg,var(--co),var(--cw))}.aff-feat.af-orange:hover{border-color:rgba(255,86,48,.3)}
.aff-feat.af-cyan::before{background:linear-gradient(90deg,var(--cp),var(--cs))}.aff-feat.af-cyan:hover{border-color:rgba(0,212,255,.3)}
.aff-feat.af-green::before{background:linear-gradient(90deg,var(--cg),var(--cp))}.aff-feat.af-green:hover{border-color:rgba(42,219,92,.3)}
.aff-feat.af-purple::before{background:linear-gradient(90deg,var(--pu),var(--cp))}.aff-feat.af-purple:hover{border-color:rgba(99,91,255,.3)}
.aff-feat h5{font-size:.95rem;color:var(--ch);margin-bottom:.5rem}
.aff-feat p{font-size:.83rem;color:var(--ct);margin:0}

/* tier cards */
.tier-card{border:1px solid var(--cb);background:rgba(0,0,0,.25);border-radius:var(--r2);padding:1.4rem 1.5rem;position:relative;overflow:hidden}
[data-theme="light"] .tier-card{background:var(--bgc)}
.tier-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--fh);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .75rem;border-radius:50px;margin-bottom:.85rem}
.tier-badge.manager{background:rgba(255,86,48,.12);border:1px solid rgba(255,86,48,.32);color:var(--co)}
.tier-badge.promoter{background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.28);color:var(--cw)}

/* commission row */
.comm-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border:1px solid var(--cb);border-radius:var(--r1);background:rgba(0,0,0,.2);margin-bottom:.4rem;transition:border-color .2s}
[data-theme="light"] .comm-row{background:var(--bgc)}
.comm-row:hover{border-color:rgba(255,86,48,.25)}
.comm-row .cr-name{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--ch);flex:2}
.comm-row .cr-sales{font-size:.78rem;color:var(--ct);flex:1;text-align:center}
.comm-row .cr-val{font-family:var(--fh);font-size:.82rem;font-weight:800;white-space:nowrap}

/* tier connector line (visual) */
.tier-connector{display:flex;justify-content:center;padding:.35rem 0}
.tier-connector::before{content:'';display:block;width:2px;height:28px;background:linear-gradient(180deg,rgba(255,86,48,.4),rgba(255,171,0,.3))}

/* ico-orange */
.ico-orange{background:linear-gradient(135deg,rgba(255,86,48,.18),rgba(255,171,0,.1));border:1px solid rgba(255,86,48,.3);color:var(--co)}

/* aff — responsive */
@media(max-width:768px){
  .aff-hero{padding:7rem 0 3rem}
  .comm-row .cr-sales{display:none}
}

/* ═══════════════════════════════════════════════════════════════════
   RSVP.HTML
═══════════════════════════════════════════════════════════════════ */

/* light overrides — rsvp */
[data-theme="light"] .hero-bg-rsvp{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(233,30,140,.09) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-rsvp{background-image:linear-gradient(rgba(233,30,140,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(233,30,140,.07) 1px,transparent 1px)}
[data-theme="light"] .rsvp-feat{background:var(--bgc)}
[data-theme="light"] .speaker-card{background:var(--bgc)}
[data-theme="light"] .scan-card{background:var(--bgc)}

.hero-grid-rsvp{position:absolute;inset:0;background-image:linear-gradient(rgba(233,30,140,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(233,30,140,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 26s linear infinite}
.rsvp-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-rsvp{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(233,30,140,.26) 0%,rgba(99,91,255,.12) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 12% 70%,rgba(0,212,255,.07) 0%,transparent 55%),var(--bg)}
.rsvp-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.rsvp-hero h1 .accent{background:linear-gradient(135deg,#e91e8c,var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rsvp-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}
.hero-tag-rsvp{display:inline-flex;align-items:center;gap:.5rem;background:rgba(233,30,140,.1);border:1px solid rgba(233,30,140,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#e91e8c;margin-bottom:1.75rem}
.hero-tag-rsvp .dot{width:6px;height:6px;border-radius:50%;background:#e91e8c;animation:blink 2s ease-in-out infinite}
.s-grad-pink{padding:5rem 0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(233,30,140,.07) 0%,transparent 70%),var(--bg)}

/* rsvp feature cards */
.rsvp-feat{border:1px solid var(--cb);background:var(--bgc);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.rsvp-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.rsvp-feat:hover{transform:translateY(-3px)}
.rsvp-feat:hover::before{transform:scaleX(1)}
.rsvp-feat.rf-pink::before{background:linear-gradient(90deg,#e91e8c,var(--pu))}.rsvp-feat.rf-pink:hover{border-color:rgba(233,30,140,.3)}
.rsvp-feat.rf-purple::before{background:linear-gradient(90deg,var(--pu),var(--cp))}.rsvp-feat.rf-purple:hover{border-color:rgba(99,91,255,.3)}
.rsvp-feat.rf-cyan::before{background:linear-gradient(90deg,var(--cp),var(--cs))}.rsvp-feat.rf-cyan:hover{border-color:rgba(0,212,255,.3)}
.rsvp-feat.rf-green::before{background:linear-gradient(90deg,var(--cg),var(--cp))}.rsvp-feat.rf-green:hover{border-color:rgba(42,219,92,.3)}
.rsvp-feat h5{font-size:.95rem;color:var(--ch);margin-bottom:.5rem}
.rsvp-feat p{font-size:.83rem;color:var(--ct);margin:0}

/* rsvp status pills */
.rsvp-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.28rem .85rem;border-radius:50px}
.rsvp-pill.accepted{background:rgba(42,219,92,.1);border:1px solid rgba(42,219,92,.3);color:var(--cg)}
.rsvp-pill.pending{background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.28);color:var(--cw)}
.rsvp-pill.declined{background:rgba(250,36,36,.1);border:1px solid rgba(250,36,36,.25);color:var(--cd)}

/* guest list rows */
.guest-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border:1px solid var(--cb);border-radius:var(--r1);background:var(--bgc);margin-bottom:.4rem;transition:border-color .2s}
.guest-row:hover{border-color:rgba(233,30,140,.22)}
.guest-row .gr-name{font-family:var(--fh);font-size:.84rem;font-weight:700;color:var(--ch);flex:2}
.guest-row .gr-email{font-size:.75rem;color:var(--ct);flex:2}

/* ico-pink */
.ico-pink{background:linear-gradient(135deg,rgba(233,30,140,.18),rgba(99,91,255,.08));border:1px solid rgba(233,30,140,.3);color:#e91e8c}

/* speaker cards */
.speaker-card{border:1px solid var(--cb);border-radius:var(--r2);padding:1.25rem;background:var(--bgc);transition:border-color .25s,transform .25s;text-align:center}
.speaker-card:hover{border-color:rgba(233,30,140,.3);transform:translateY(-2px)}
.speaker-av{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,rgba(233,30,140,.18),rgba(99,91,255,.12));border:2px solid rgba(233,30,140,.25);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-family:var(--fh);font-size:1.3rem;font-weight:800;color:#e91e8c}
.star-row{display:flex;gap:.2rem;justify-content:center;margin-top:.45rem}
.star-row i{font-size:.65rem;color:var(--cw)}

/* qr scan cards */
.scan-card{border:1px solid var(--cb);border-radius:var(--r2);padding:1.3rem 1.4rem;background:var(--bgc);display:flex;align-items:flex-start;gap:.85rem;transition:border-color .25s}
.scan-card:hover{border-color:rgba(233,30,140,.28)}
.scan-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(233,30,140,.16),rgba(99,91,255,.08));border:2px solid rgba(233,30,140,.3);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:.82rem;font-weight:800;color:#e91e8c;flex-shrink:0}

/* analytics progress bars */
.rsvp-prog{margin-bottom:1.1rem}
.rsvp-prog .rp-hd{display:flex;justify-content:space-between;font-family:var(--fh);font-size:.8rem;font-weight:700;color:var(--ch);margin-bottom:.35rem}
.rsvp-prog .rp-track{height:8px;background:var(--cb);border-radius:50px;overflow:hidden}
.rsvp-prog .rp-fill{height:100%;border-radius:50px}

/* rsvp responsive */
@media(max-width:768px){
  .rsvp-hero{padding:7rem 0 3rem}
  .guest-row .gr-email{display:none}
}

/* ── INSIGHTS PAGE ──────────────────────────────────────── */
.insights-hero{padding:7rem 0 3.5rem;position:relative;overflow:hidden}
.hero-bg-insights{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,212,255,.1) 0%,transparent 65%),var(--bg);z-index:0}
.hero-grid-insights{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 1px);background-size:40px 40px;animation:gridPan 22s linear infinite;z-index:0}
[data-theme="light"] .hero-bg-insights{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,85,211,.08) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-insights{background-image:linear-gradient(rgba(0,85,211,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,211,.06) 1px,transparent 1px)}
.insights-hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.25rem}
.insights-hero h1 .accent{background:linear-gradient(135deg,var(--cp),var(--cs));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.insights-hero .sub{font-size:1.05rem;color:var(--ct);max-width:660px;margin-bottom:0;font-weight:300;line-height:1.75}

/* featured article */
.ins-feat-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.ins-feat-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.28)}
[data-theme="light"] .ins-feat-card{background:var(--bgc)}
.ins-feat-img{height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ins-feat-badge{position:absolute;top:1.25rem;left:1.25rem;background:var(--cp);color:#000;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:.3rem .85rem;border-radius:999px;z-index:1}
.ins-feat-body{padding:2.25rem 2.5rem}

/* article grid cards */
.ins-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;height:100%}
.ins-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px rgba(0,0,0,.22)}
[data-theme="light"] .ins-card{background:var(--bgc)}
.ins-img{height:196px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.ins-card-body{padding:1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.ins-cat-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.22rem .75rem;border-radius:999px;margin-bottom:.8rem;width:fit-content}
.ins-card-title{font-family:var(--fh);font-size:1.05rem;font-weight:700;color:var(--ch);line-height:1.3;margin-bottom:.6rem}
.ins-card-excerpt{font-size:.85rem;color:var(--ct);line-height:1.65;flex:1;margin-bottom:1.1rem}
.ins-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--ct);padding-top:.9rem;border-top:1px solid var(--cb);margin-top:auto}
.ins-read-more{font-size:.82rem;font-weight:700;color:var(--cp);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s,color .2s;margin-left:auto;white-space:nowrap}
.ins-read-more:hover{gap:.6rem;color:var(--cp)}

/* filter bar */
.ins-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}
.ins-filter-btn{background:transparent;border:1px solid var(--cb);color:var(--ct);font-size:.78rem;font-weight:600;padding:.42rem 1.05rem;border-radius:999px;cursor:pointer;transition:all .2s;font-family:var(--fh);letter-spacing:.04em}
.ins-filter-btn:hover{border-color:var(--cp);color:var(--cp)}
.ins-filter-btn.active{background:var(--cp);border-color:var(--cp);color:#000;font-weight:700}

/* newsletter strip */
.ins-nl-strip{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);padding:3rem 3.5rem}
[data-theme="light"] .ins-nl-strip{background:var(--bgc)}

@media(max-width:992px){.ins-feat-img{height:280px}.ins-feat-body{padding:1.75rem}}
@media(max-width:768px){.insights-hero{padding:7rem 0 2.5rem}.ins-feat-img{height:220px}.ins-nl-strip{padding:2rem 1.5rem}}

/* ── COOKIE CONSENT ─────────────────────────────────────── */
.sw-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:1rem 0;background:var(--ns);border-top:1px solid var(--cb);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 32px rgba(0,0,0,.4);transform:translateY(110%);transition:transform .42s cubic-bezier(.4,0,.2,1)}
.sw-cookie-banner.shown{transform:translateY(0)}
.sw-cookie-inner{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.sw-cookie-text{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0}
.sw-cookie-icon{font-size:1.4rem;color:var(--cp);flex-shrink:0;margin-top:.1rem}
.sw-cookie-text strong{font-family:var(--fh);font-size:.95rem;font-weight:700;color:var(--ch);display:block;margin-bottom:.2rem}
.sw-cookie-text p{font-size:.8rem;color:var(--ct);margin:0;line-height:1.6}
.sw-cookie-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap;align-items:center}
.sw-cookie-btn-ghost{background:transparent;border:1px solid var(--cb);color:var(--ct);font-family:var(--fh);font-size:.78rem;font-weight:600;padding:.44rem 1.05rem;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s;letter-spacing:.03em;white-space:nowrap}
.sw-cookie-btn-ghost:hover{border-color:var(--cp);color:var(--cp)}
.sw-cookie-btn-primary{background:var(--cp);border:1px solid var(--cp);color:#000;font-family:var(--fh);font-size:.78rem;font-weight:700;padding:.44rem 1.2rem;border-radius:999px;cursor:pointer;transition:opacity .2s;letter-spacing:.03em;white-space:nowrap}
.sw-cookie-btn-primary:hover{opacity:.85}

/* Cookie preferences modal */
.sw-cookie-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .26s ease}
.sw-cookie-modal.open{opacity:1}
.sw-cookie-modal-box{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;transform:scale(.94);transition:transform .26s ease;box-shadow:0 28px 70px rgba(0,0,0,.55)}
.sw-cookie-modal.open .sw-cookie-modal-box{transform:scale(1)}
[data-theme="light"] .sw-cookie-modal-box{background:var(--bgc)}
.sw-cookie-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.75rem;border-bottom:1px solid var(--cb);position:sticky;top:0;background:var(--bgc);z-index:1}
[data-theme="light"] .sw-cookie-modal-hd{background:var(--bgc)}
.sw-cookie-modal-hd h3{font-family:var(--fh);font-size:1.15rem;font-weight:700;color:var(--ch);margin:0}
.sw-cookie-modal-close{background:none;border:none;color:var(--ct);cursor:pointer;width:32px;height:32px;border-radius:var(--r1);transition:color .2s,background .2s;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sw-cookie-modal-close:hover{color:var(--ch);background:var(--cb)}
.sw-cookie-modal-body{padding:1.5rem 1.75rem}
.sw-cookie-modal-ft{padding:1.2rem 1.75rem;border-top:1px solid var(--cb);display:flex;justify-content:flex-end;gap:.6rem;position:sticky;bottom:0;background:var(--bgc);z-index:1}
[data-theme="light"] .sw-cookie-modal-ft{background:var(--bgc)}

/* Cookie categories */
.sw-cookie-cat{margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--cb)}
.sw-cookie-cat:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.sw-cookie-cat-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}
.sw-cookie-cat-name{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--ch);margin-bottom:.3rem}
.sw-cookie-cat-desc{font-size:.8rem;color:var(--ct);line-height:1.6;margin:0}
.sw-cookie-always-on{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cg);background:rgba(42,219,92,.1);padding:.24rem .7rem;border-radius:999px;white-space:nowrap;margin-top:.2rem;display:inline-block}

/* Toggle switch */
.sw-cookie-toggle{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;cursor:pointer}
.sw-cookie-toggle input{opacity:0;width:0;height:0;position:absolute}
.sw-cookie-slider{position:absolute;inset:0;background:var(--cb);border-radius:999px;transition:background .25s;border:1px solid rgba(255,255,255,.05)}
.sw-cookie-slider::before{content:'';position:absolute;width:20px;height:20px;left:2px;bottom:2px;background:var(--ct);border-radius:50%;transition:transform .25s,background .25s}
.sw-cookie-toggle input:checked+.sw-cookie-slider{background:var(--cp)}
.sw-cookie-toggle input:checked+.sw-cookie-slider::before{transform:translateX(20px);background:#000}
[data-theme="light"] .sw-cookie-toggle input:checked+.sw-cookie-slider::before{background:#fff}
.sw-cookie-toggle input:focus-visible+.sw-cookie-slider{outline:2px solid var(--cp);outline-offset:2px}

@media(max-width:768px){
  .sw-cookie-inner{flex-direction:column;align-items:flex-start;gap:.9rem}
  .sw-cookie-text{flex-direction:column;gap:.5rem}
  .sw-cookie-icon{display:none}
  .sw-cookie-actions{width:100%;justify-content:flex-end}
  .sw-cookie-modal-body{padding:1.25rem 1.25rem}
  .sw-cookie-modal-hd,.sw-cookie-modal-ft{padding-left:1.25rem;padding-right:1.25rem}
}

/* ═══════════════════════════════════════════════════════════════════
   POPIA-COMPLIANCE.HTML
═══════════════════════════════════════════════════════════════════ */

/* hero */
.popia-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-popia{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(99,91,255,.22) 0%,rgba(0,212,255,.08) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 88% 70%,rgba(99,91,255,.06) 0%,transparent 55%),var(--bg)}
.hero-grid-popia{position:absolute;inset:0;background-image:linear-gradient(rgba(99,91,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-popia{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(99,91,255,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-popia{background-image:linear-gradient(rgba(99,91,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.07) 1px,transparent 1px)}
.popia-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.accent-pu{background:linear-gradient(135deg,var(--pu),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.popia-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}
.hero-tag-popia{display:inline-flex;align-items:center;gap:.5rem;background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--pu);margin-bottom:1.75rem}
.hero-tag-popia .dot{width:6px;height:6px;border-radius:50%;background:var(--pu);animation:blink 2s ease-in-out infinite}

/* meta badges */
.popia-meta-badge{display:inline-flex;align-items:center;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r1);padding:.55rem 1.1rem;font-size:.82rem;color:var(--ct)}
.popia-meta-badge strong{color:var(--ch);font-family:var(--fh)}

/* TOC bar — POPIA / Privacy override (non-sticky) */
.toc-bar{background:var(--bg);border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);padding:.85rem 0}
.toc-inner{display:flex;flex-wrap:wrap;gap:.4rem}

/* responsible party card */
.popia-party-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);overflow:hidden}
[data-theme="light"] .popia-party-card{background:var(--bgc)}
.popia-party-field{padding:1.1rem 1.4rem;border-bottom:1px solid var(--cb);border-right:1px solid var(--cb)}
.popia-party-field:nth-child(even){border-right:none}
.popia-party-field:nth-last-child(-n+2){border-bottom:none}
.popia-field-lbl{font-family:var(--fh);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pu);margin-bottom:.3rem}
.popia-field-val{font-size:.875rem;color:var(--ch);line-height:1.55}

/* officer cards */
.popia-officer-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);padding:2rem;height:100%;transition:border-color .3s,transform .3s}
.popia-officer-card:hover{border-color:rgba(99,91,255,.35);transform:translateY(-3px)}
[data-theme="light"] .popia-officer-card{background:var(--bgc)}
.popia-officer-badge{display:inline-flex;align-items:center;background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.2);color:var(--pu);font-family:var(--fh);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.28rem .85rem;border-radius:50px;margin-bottom:1.25rem}
.popia-officer-avatar{width:64px;height:64px;border-radius:50%;background:rgba(99,91,255,.1);color:var(--pu);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1rem;border:2px solid rgba(99,91,255,.2)}
.popia-officer-name{font-family:var(--fh);font-size:1.15rem;font-weight:800;color:var(--ch);margin-bottom:.2rem}
.popia-officer-role{font-size:.85rem;color:var(--ct);margin-bottom:.1rem}
.popia-officer-co{font-size:.8rem;color:var(--ct);margin-bottom:1rem}
.popia-officer-contact{margin-bottom:1.1rem;padding:1rem;background:rgba(99,91,255,.05);border:1px solid rgba(99,91,255,.12);border-radius:var(--r1)}
.popia-officer-row{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--ct)}
.popia-officer-row i{color:var(--pu);font-size:.85rem;flex-shrink:0}
.popia-officer-row a{font-size:.82rem;text-decoration:none}
.popia-officer-row a:hover{text-decoration:underline}
.popia-officer-desc{font-size:.82rem;color:var(--ct);line-height:1.65;margin:0}

/* information categories */
.popia-cat-item{display:flex;align-items:flex-start;gap:.9rem;padding:1rem;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);height:100%;transition:border-color .25s}
.popia-cat-item:hover{border-color:rgba(99,91,255,.3)}
[data-theme="light"] .popia-cat-item{background:var(--bgc)}
.popia-cat-icon{width:38px;height:38px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.popia-cat-name{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--ch);margin-bottom:.3rem}
.popia-cat-desc{font-size:.78rem;color:var(--ct);line-height:1.6;margin:0}

/* lawful basis */
.popia-basis-item{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--cb);margin-bottom:.1rem}
.popia-basis-num{font-family:var(--fh);font-size:.78rem;font-weight:800;color:var(--pu);background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.2);border-radius:50px;padding:.22rem .7rem;flex-shrink:0;letter-spacing:.04em;margin-top:.1rem}
.popia-basis-title{font-family:var(--fh);font-size:.92rem;font-weight:700;color:var(--ch);margin-bottom:.4rem}
.popia-basis-desc{font-size:.83rem;color:var(--ct);line-height:1.65;margin:0}

/* rights cards */
.popia-right-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);padding:1.5rem;height:100%;transition:border-color .3s,transform .3s}
.popia-right-card:hover{border-color:rgba(99,91,255,.35);transform:translateY(-3px)}
[data-theme="light"] .popia-right-card{background:var(--bgc)}
.popia-right-icon{width:44px;height:44px;border-radius:var(--r1);background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.2);color:var(--pu);display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:1rem}
.popia-right-title{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--ch);margin-bottom:.5rem}
.popia-right-desc{font-size:.8rem;color:var(--ct);line-height:1.65;margin:0}

/* numbered steps */
.popia-step{display:flex;align-items:flex-start;gap:1.1rem;padding-bottom:1.4rem;margin-bottom:1.4rem;border-bottom:1px solid var(--cb)}
.popia-step-num{width:36px;height:36px;border-radius:50%;background:rgba(99,91,255,.12);border:2px solid rgba(99,91,255,.3);color:var(--pu);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:.85rem;font-weight:800;flex-shrink:0}
.popia-step-body{flex:1;min-width:0}
.popia-step-title{font-family:var(--fh);font-size:.92rem;font-weight:700;color:var(--ch);margin-bottom:.4rem}
.popia-step-desc{font-size:.83rem;color:var(--ct);line-height:1.65;margin:0}

/* SLA box */
.popia-sla-box{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;background:rgba(99,91,255,.08);border:1px solid rgba(99,91,255,.2);border-radius:var(--r2);margin-top:1.5rem}

/* retention table */
.popia-retention-table{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);overflow:hidden}
[data-theme="light"] .popia-retention-table{background:var(--bgc)}
.popia-ret-row{display:grid;grid-template-columns:2fr 1.4fr 1.6fr;border-bottom:1px solid var(--cb)}
.popia-ret-row:last-child{border-bottom:none}
.popia-ret-header{background:rgba(99,91,255,.08)}
.popia-ret-cell{padding:.85rem 1rem;font-size:.8rem;color:var(--ct);line-height:1.45}
.popia-ret-header .popia-ret-cell{font-family:var(--fh);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pu)}
.popia-ret-cat{font-weight:600;color:var(--ch)}

/* regulator card */
.popia-regulator-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);padding:2rem 2.25rem}
[data-theme="light"] .popia-regulator-card{background:var(--bgc)}
.popia-reg-icon{width:52px;height:52px;border-radius:var(--r2);background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.2);color:var(--pu);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.popia-reg-field{padding:.75rem 0;border-bottom:1px solid var(--cb)}
.popia-reg-field:last-child{border-bottom:none}
.popia-reg-lbl{font-family:var(--fh);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pu);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem}
.popia-reg-val{font-size:.85rem;color:var(--ch);line-height:1.5}
.popia-reg-val a{color:var(--pu);text-decoration:none}
.popia-reg-val a:hover{text-decoration:underline}

/* related doc cards */
.popia-doc-card{display:flex;flex-direction:column;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);padding:1.5rem;text-decoration:none;height:100%;transition:border-color .3s,transform .3s}
.popia-doc-card:hover{border-color:rgba(99,91,255,.35);transform:translateY(-4px);text-decoration:none}
[data-theme="light"] .popia-doc-card{background:var(--bgc)}
.popia-doc-icon{width:48px;height:48px;border-radius:var(--r1);background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.2);color:var(--pu);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.1rem;flex-shrink:0}
.popia-doc-title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:var(--ch);margin-bottom:.5rem}
.popia-doc-desc{font-size:.8rem;color:var(--ct);line-height:1.6;flex:1;margin-bottom:1rem}
.popia-doc-lnk{font-family:var(--fh);font-size:.78rem;font-weight:700;color:var(--pu);display:flex;align-items:center;gap:.35rem;transition:gap .2s;margin-top:auto}
.popia-doc-card:hover .popia-doc-lnk{gap:.6rem}

/* security safeguard pills */
.popia-sec-pill{display:flex;align-items:center;padding:.85rem 1.1rem;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r1);font-family:var(--fh);font-size:.8rem;font-weight:600;color:var(--ch);transition:border-color .25s}
.popia-sec-pill:hover{border-color:rgba(99,91,255,.3)}
[data-theme="light"] .popia-sec-pill{background:var(--bgc)}

/* light mode overrides */
[data-theme="light"] .popia-officer-contact{background:rgba(99,91,255,.04)}

/* popia responsive */
@media(max-width:768px){
  .popia-hero{padding:7rem 0 3rem}
  .toc-link{font-size:.67rem;padding:.26rem .7rem}
  .popia-ret-row{grid-template-columns:1fr 1fr}
  .popia-ret-basis{display:none}
  .popia-regulator-card{padding:1.5rem}
}
/* ═══════════════════════════════════════════════════════════════════
   PRIVACY-POLICY.HTML
═══════════════════════════════════════════════════════════════════ */

/* hero */
.priv-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-priv{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,212,255,.2) 0%,rgba(0,85,211,.1) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 88% 70%,rgba(0,212,255,.05) 0%,transparent 55%),var(--bg)}
.hero-grid-priv{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-priv{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,85,211,.09) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-priv{background-image:linear-gradient(rgba(0,85,211,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,211,.06) 1px,transparent 1px)}
.priv-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.accent-cp-grad{background:linear-gradient(135deg,var(--cp),var(--cs));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.priv-hero .sub{font-size:1.05rem;color:var(--ct);max-width:680px;margin-bottom:2.5rem;font-weight:300;line-height:1.75}
.hero-tag-priv{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cp);margin-bottom:1.75rem}
.hero-tag-priv .dot{width:6px;height:6px;border-radius:50%;background:var(--cp);animation:blink 2s ease-in-out infinite}

/* third-party processor table */
.priv-proc-table{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);overflow:hidden}
[data-theme="light"] .priv-proc-table{background:var(--bgc)}
.priv-proc-row{display:grid;grid-template-columns:1.6fr 1.4fr 1fr 2fr;border-bottom:1px solid var(--cb);align-items:center}
.priv-proc-row:last-child{border-bottom:none}
.priv-proc-header{background:rgba(0,212,255,.07)}
.priv-proc-cell{padding:.8rem 1rem;font-size:.78rem;color:var(--ct);line-height:1.4}
.priv-proc-header .priv-proc-cell{font-family:var(--fh);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cp)}
.priv-proc-name{display:flex;align-items:center;font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--ch)}
.priv-proc-local{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--cg);background:rgba(42,219,92,.08);border:1px solid rgba(42,219,92,.2);padding:.18rem .55rem;border-radius:50px}
.priv-proc-intl{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--cw);background:rgba(255,171,0,.08);border:1px solid rgba(255,171,0,.2);padding:.18rem .55rem;border-radius:50px}
.priv-proc-safeguard{font-size:.74rem;color:var(--ct);line-height:1.45}

/* cookie category rows */
.priv-cookie-row{padding:1rem 1.25rem;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);transition:border-color .25s}
.priv-cookie-row:hover{border-color:rgba(0,212,255,.25)}
[data-theme="light"] .priv-cookie-row{background:var(--bgc)}
.priv-cookie-type{display:flex;align-items:flex-start;gap:.9rem}
.priv-cookie-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:.35rem}
.priv-cookie-name{font-family:var(--fh);font-size:.88rem;font-weight:700;color:var(--ch);margin-bottom:.4rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.priv-cookie-desc{font-size:.8rem;color:var(--ct);line-height:1.65;margin:0}
.priv-cookie-consent-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cw);background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.25);padding:.18rem .6rem;border-radius:50px;white-space:nowrap}

/* priv responsive */
@media(max-width:992px){
  .priv-proc-row{grid-template-columns:1.4fr 1.2fr 1fr}
  .priv-proc-safeguard{display:none}
}
@media(max-width:768px){
  .priv-hero{padding:7rem 0 3rem}
  .priv-proc-row{grid-template-columns:1fr 1fr}
  .priv-proc-cell:nth-child(3){display:none}
}
/* ═══════════════════════════════════════════════════════════════════
   TERMS-OF-SERVICE.HTML
═══════════════════════════════════════════════════════════════════ */

/* hero */
.terms-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-terms{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,171,0,.18) 0%,rgba(255,86,48,.07) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 88% 70%,rgba(255,171,0,.05) 0%,transparent 55%),var(--bg)}
.hero-grid-terms{position:absolute;inset:0;background-image:linear-gradient(rgba(255,171,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,171,0,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-terms{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,171,0,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-terms{background-image:linear-gradient(rgba(255,171,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,171,0,.07) 1px,transparent 1px)}
.terms-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.accent-cw-grad{background:linear-gradient(135deg,var(--cw),var(--co));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.terms-hero .sub{font-size:1.05rem;color:var(--ct);max-width:700px;margin-bottom:2rem;font-weight:300;line-height:1.75}
.hero-tag-terms{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cw);margin-bottom:1.75rem}
.hero-tag-terms .dot{width:6px;height:6px;border-radius:50%;background:var(--cw);animation:blink 2s ease-in-out infinite}

/* acceptance alert */
.terms-alert{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.4rem;background:rgba(255,171,0,.07);border:1px solid rgba(255,171,0,.22);border-radius:var(--r2)}
.terms-alert-icon{font-size:1.1rem;color:var(--cw);flex-shrink:0;margin-top:.1rem}
.terms-alert-title{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--cw);margin-bottom:.3rem}
.terms-alert-text{font-size:.8rem;color:var(--ct);line-height:1.6;margin:0}

/* section numbers */
.terms-sec-num{font-family:var(--fh);font-size:2.8rem;font-weight:900;line-height:1;color:var(--cw);opacity:.18;margin-bottom:.5rem;letter-spacing:-.04em}

/* clause body */
.terms-clause p{font-size:.875rem;line-height:1.8;color:var(--ct);margin-bottom:1rem}
.terms-clause p:last-child{margin-bottom:0}
.terms-list{padding-left:1.2rem;margin:0}
.terms-list li{font-size:.875rem;line-height:1.75;color:var(--ct);margin-bottom:.4rem}
.terms-list li:last-child{margin-bottom:0}

/* callout block (all-caps warning) */
.terms-callout{padding:1rem 1.25rem;background:rgba(255,171,0,.06);border:1px solid rgba(255,171,0,.18);border-left:3px solid var(--cw);border-radius:var(--r1)}

/* definitions table */
.terms-def-table{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);overflow:hidden}
[data-theme="light"] .terms-def-table{background:var(--bgc)}
.terms-def-row{display:grid;grid-template-columns:1.4fr 3fr;border-bottom:1px solid var(--cb)}
.terms-def-row:last-child{border-bottom:none}
.terms-def-term{padding:.9rem 1.1rem;font-family:var(--fh);font-size:.78rem;font-weight:700;color:var(--cw);border-right:1px solid var(--cb);background:rgba(255,171,0,.04)}
.terms-def-val{padding:.9rem 1.1rem;font-size:.8rem;color:var(--ct);line-height:1.6}

/* IP trademark badges */
.terms-ip-badge-group{display:flex;flex-wrap:wrap;gap:.4rem}
.terms-ip-badge{display:inline-flex;align-items:center;font-family:var(--fh);font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--cw);background:rgba(255,171,0,.08);border:1px solid rgba(255,171,0,.22);border-radius:50px;padding:.22rem .75rem}

/* prohibited conduct grid */
.terms-prohibited-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.terms-prohib-item{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);transition:border-color .25s}
.terms-prohib-item:hover{border-color:rgba(250,36,36,.25)}
[data-theme="light"] .terms-prohib-item{background:var(--bgc)}
.terms-prohib-icon{width:30px;height:30px;border-radius:50%;background:rgba(250,36,36,.1);border:1px solid rgba(250,36,36,.25);color:var(--cd);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;flex-shrink:0}
.terms-prohib-title{font-family:var(--fh);font-size:.8rem;font-weight:700;color:var(--ch);margin-bottom:.3rem}
.terms-prohib-desc{font-size:.75rem;color:var(--ct);line-height:1.55;margin:0}

/* liability cap display */
.terms-liability-cap{padding:1.25rem 1.5rem;background:rgba(255,171,0,.07);border:1px solid rgba(255,171,0,.22);border-radius:var(--r2);text-align:center}
.terms-cap-label{font-family:var(--fh);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ct);margin-bottom:.4rem}
.terms-cap-amount{font-family:var(--fh);font-size:1.6rem;font-weight:900;color:var(--cw);line-height:1.1;margin-bottom:.3rem}
.terms-cap-sub{font-size:.75rem;color:var(--ct)}

/* terms responsive */
@media(max-width:768px){
  .terms-hero{padding:7rem 0 3rem}
  .terms-prohibited-grid{grid-template-columns:1fr}
  .terms-def-row{grid-template-columns:1fr}
  .terms-def-term{border-right:none;border-bottom:1px solid var(--cb);padding-bottom:.5rem}
}
/* ═══════════════════════════════════════════════════════════════════
   WHATSAPP-TILL-SLIP-COMPETITIONS.HTML
═══════════════════════════════════════════════════════════════════ */
:root{--wa:#25D366;--wa-dark:#128C7E}

/* hero */
.wa-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-wa{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(37,211,102,.18) 0%,rgba(18,140,126,.08) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 10% 70%,rgba(37,211,102,.05) 0%,transparent 55%),var(--bg)}
.hero-grid-wa{position:absolute;inset:0;background-image:linear-gradient(rgba(37,211,102,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,211,102,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-wa{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(37,211,102,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-wa{background-image:linear-gradient(rgba(37,211,102,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,211,102,.07) 1px,transparent 1px)}
.wa-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.accent-wa{background:linear-gradient(135deg,#25D366,#128C7E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.wa-hero .sub{font-size:1.05rem;color:var(--ct);max-width:640px;margin-bottom:2rem;font-weight:300;line-height:1.75}
.hero-tag-wa{display:inline-flex;align-items:center;gap:.5rem;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.3);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#25D366;margin-bottom:1.75rem}
.hero-tag-wa .dot{width:6px;height:6px;border-radius:50%;background:#25D366;animation:blink 2s ease-in-out infinite}

/* ── WhatsApp phone mock ─────────────────────────────── */
.wa-phone-wrap{position:relative}
.wa-phone{width:320px;border:1px solid rgba(37,211,102,.25);border-radius:20px;overflow:hidden;background:#0d1117;box-shadow:0 24px 64px rgba(0,0,0,.55)}
[data-theme="light"] .wa-phone{background:#e5ddd5}
.wa-chat-hd{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.06)}
[data-theme="light"] .wa-chat-hd{background:#075E54}
.wa-chat-av{width:36px;height:36px;border-radius:50%;background:rgba(37,211,102,.2);border:2px solid rgba(37,211,102,.4);display:flex;align-items:center;justify-content:center;color:#25D366;flex-shrink:0}
.wa-chat-name{font-family:var(--fh);font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.05rem}
.wa-chat-sub{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:rgba(255,255,255,.55)}
.wa-online-dot{width:6px;height:6px;border-radius:50%;background:#25D366;display:inline-block}
.wa-chat-body{padding:.85rem;display:flex;flex-direction:column;gap:.6rem;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E") #111b21;min-height:320px}
[data-theme="light"] .wa-chat-body{background:#e5ddd5}
.wa-bubble{padding:.65rem .85rem;border-radius:10px;max-width:88%;font-size:.8rem;line-height:1.55;position:relative}
.wa-bot{background:#1f2c34;color:#e9edef;align-self:flex-start;border-radius:0 10px 10px 10px}
[data-theme="light"] .wa-bot{background:#fff;color:#111}
.wa-user{background:#005c4b;color:#e9edef;align-self:flex-end;border-radius:10px 10px 0 10px}
.wa-time{font-size:.6rem;color:rgba(255,255,255,.35);text-align:right;margin-top:.25rem}
.wa-time-user{color:rgba(255,255,255,.5)}
.wa-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:80px;background:rgba(255,255,255,.06);border-radius:8px;border:1px dashed rgba(255,255,255,.2);font-size:.65rem;color:rgba(255,255,255,.5)}
.wa-verified-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;color:#25D366;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.25);border-radius:50px;padding:.18rem .65rem;margin-bottom:.45rem}
.wa-quick-replies{display:flex;flex-wrap:wrap;gap:.4rem;padding:.65rem .85rem;background:#111b21;border-top:1px solid rgba(255,255,255,.06)}
[data-theme="light"] .wa-quick-replies{background:#f0f0f0}
.wa-qr-chip{font-size:.65rem;padding:.25rem .65rem;border-radius:50px;border:1px solid rgba(37,211,102,.35);color:#25D366;cursor:pointer;white-space:nowrap}
.wa-qr-hint{position:absolute;bottom:-2.5rem;left:0;right:0;text-align:center;font-size:.72rem;color:var(--ct);display:flex;align-items:center;justify-content:center;gap:.3rem}

/* ── How It Works flow ────────────────────────────────── */
.wa-flow-step{padding:1.25rem 1rem;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);text-align:center;height:100%;transition:border-color .25s,transform .25s}
.wa-flow-step:hover{border-color:rgba(37,211,102,.3);transform:translateY(-3px)}
[data-theme="light"] .wa-flow-step{background:var(--bgc)}
.wa-flow-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid;font-family:var(--fh);font-size:.75rem;font-weight:800;margin-bottom:.85rem}
.wa-flow-icon{font-size:1.6rem;margin-bottom:.6rem}
.wa-flow-title{font-family:var(--fh);font-size:.88rem;font-weight:700;color:var(--ch);margin-bottom:.5rem}
.wa-flow-desc{font-size:.78rem;color:var(--ct);line-height:1.6;margin:0}
.wa-flow-col{flex:1 1 0;min-width:140px}
.wa-flow-arrow{display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:rgba(37,211,102,.35);flex-shrink:0;align-self:center;padding:0 .25rem}

/* ── Feature rows ─────────────────────────────────────── */
.wa-feat-row{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--cb)}
.wa-feat-ico{width:38px;height:38px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.wa-feat-title{font-family:var(--fh);font-size:.88rem;font-weight:700;color:var(--ch);margin-bottom:.3rem}
.wa-feat-desc{font-size:.8rem;color:var(--ct);line-height:1.6;margin:0}

/* ── Keyword table ────────────────────────────────────── */
.wa-kw-row{display:grid;grid-template-columns:.8fr 2fr .7fr;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--cb)}
.wa-kw-trigger{font-family:var(--fh);font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#25D366;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.2);border-radius:50px;padding:.2rem .65rem;text-align:center}
.wa-kw-response{font-size:.76rem;color:var(--ct);line-height:1.4}
.wa-kw-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.18rem .55rem;border-radius:50px;text-align:center}
.wa-kw-badge.active{color:var(--cg);background:rgba(42,219,92,.08);border:1px solid rgba(42,219,92,.2)}

/* ── Conversation path nodes ──────────────────────────── */
.wa-path-row{display:flex;align-items:center;gap:0}
.wa-path-node{width:30px;height:30px;border-radius:50%;border:2px solid var(--cb);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--ct);flex-shrink:0}
.wa-path-line{flex:1;height:2px;background:var(--cb)}

/* ── AI verify rows ───────────────────────────────────── */
.wa-verify-row{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--cb);border-radius:var(--r2);margin-bottom:.75rem}
.wa-verify-ico{width:38px;height:38px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.wa-verify-status{font-family:var(--fh);font-size:.85rem;font-weight:700;margin-bottom:.3rem}
.wa-verify-desc{font-size:.78rem;color:var(--ct);line-height:1.6;margin:0}

/* ── AI field rows ────────────────────────────────────── */
.wa-ai-field{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--cb)}
.wa-ai-field:last-child{border-bottom:none}
.wa-ai-lbl{font-size:.75rem;color:var(--ct)}
.wa-ai-val{font-family:var(--fh);font-size:.75rem;font-weight:700;display:flex;align-items:center}
.wa-ai-val.good{color:var(--cg)}

/* ── Admin entry rows ─────────────────────────────────── */
.wa-entry-row{display:grid;grid-template-columns:1.8fr 1.2fr .8fr 1fr;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border-bottom:1px solid var(--cb);transition:background .2s}
.wa-entry-row:hover{background:rgba(255,255,255,.02)}
.wa-entry-name{font-family:var(--fh);font-size:.8rem;font-weight:700;color:var(--ch)}
.wa-entry-phone{font-size:.68rem;color:var(--ct)}
.wa-entry-date{font-size:.75rem;color:var(--ct)}
.wa-entry-amt{font-family:var(--fh);font-size:.78rem;font-weight:700;color:var(--ch)}
.wa-status-pill{display:inline-flex;align-items:center;font-family:var(--fh);font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:.2rem .65rem;border-radius:50px;white-space:nowrap}
.wa-status-pill.verified{background:rgba(42,219,92,.08);border:1px solid rgba(42,219,92,.25);color:var(--cg)}
.wa-status-pill.review{background:rgba(255,171,0,.08);border:1px solid rgba(255,171,0,.25);color:var(--cw)}
.wa-status-pill.rejected{background:rgba(250,36,36,.07);border:1px solid rgba(250,36,36,.2);color:var(--cd)}

/* ── Integration cards ────────────────────────────────── */
.wa-int-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);padding:1.75rem;height:100%;transition:border-color .3s,transform .3s}
.wa-int-card:hover{border-color:rgba(37,211,102,.3);transform:translateY(-3px)}
[data-theme="light"] .wa-int-card{background:var(--bgc)}
.wa-int-icon{width:48px;height:48px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem}
.wa-int-title{font-family:var(--fh);font-size:.92rem;font-weight:700;color:var(--ch);margin-bottom:.5rem}
.wa-int-desc{font-size:.82rem;color:var(--ct);line-height:1.65;margin:0}

/* ── Integration flow visual ─────────────────────────── */
.wa-flow-visual{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}
.wa-fv-block{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:90px;background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);font-family:var(--fh);font-size:.7rem;font-weight:600;color:var(--ct);text-align:center;padding:.5rem;transition:border-color .25s}
.wa-fv-block:hover{border-color:rgba(37,211,102,.3)}
[data-theme="light"] .wa-fv-block{background:var(--bgc)}
.wa-fv-arrow{font-size:1.2rem;color:rgba(37,211,102,.4)}

/* responsive */
@media(max-width:992px){
  .wa-flow-arrow{display:none}
  .wa-flow-col{flex:1 1 calc(50% - 1rem);min-width:0}
}
@media(max-width:768px){
  .wa-hero{padding:7rem 0 3rem}
  .wa-entry-row{grid-template-columns:1fr 1fr}
  .wa-entry-date,.wa-entry-amt{display:none}
  .wa-kw-row{grid-template-columns:1fr 2fr}
  .wa-kw-badge{display:none}
  .wa-fv-block{width:80px;height:70px;font-size:.62rem}
}
/* ════════════════════════════════════════════════════════════
   REWARDS PARTNERS
   ════════════════════════════════════════════════════════════ */

/* ── Hero ─────────────────────────────────────────────────── */
.rwd-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-rwd{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,171,0,.18) 0%,rgba(255,86,48,.07) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 88% 70%,rgba(255,171,0,.05) 0%,transparent 55%),var(--bg)}
.hero-grid-rwd{position:absolute;inset:0;background-image:linear-gradient(rgba(255,171,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,171,0,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-rwd{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,171,0,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-rwd{background-image:linear-gradient(rgba(255,171,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,171,0,.07) 1px,transparent 1px)}
.rwd-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}
.rwd-hero .sub{font-size:1.05rem;color:var(--ct);max-width:600px;margin-bottom:2rem;font-weight:300;line-height:1.75}
.hero-tag-rwd{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cw);margin-bottom:1.75rem}
.hero-tag-rwd .dot{width:6px;height:6px;border-radius:50%;background:var(--cw);animation:blink 2s ease-in-out infinite}

/* ── Hero type pills ──────────────────────────────────────── */
.rwd-type-pill{display:inline-flex;align-items:center;border:1px solid;border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.76rem;font-weight:600}
.rwd-pill-v{border-color:rgba(255,171,0,.3);background:rgba(255,171,0,.08);color:var(--cw)}
.rwd-pill-p{border-color:rgba(0,212,255,.3);background:rgba(0,212,255,.08);color:var(--cp)}
.rwd-pill-w{border-color:rgba(42,219,92,.3);background:rgba(42,219,92,.08);color:var(--cg)}

/* ── Hero card stack ──────────────────────────────────────── */
.rwd-stack{display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:400px}
.rwd-stack-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r2);padding:1.25rem 1.5rem;transition:transform .25s}
.rwd-stack-card:hover{transform:translateY(-3px)}
.rwd-sc-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}
.rwd-sc-ico{width:36px;height:36px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
.rwd-sc-label{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.rwd-sc-merchant{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--ch);margin-bottom:.4rem}
.rwd-sc-code{font-family:monospace;font-size:.72rem;color:var(--ct);letter-spacing:.05em;margin-bottom:.5rem}
.rwd-sc-status{font-size:.76rem;color:var(--ct)}
.rwd-sc-sub{font-size:.75rem}
.rwd-badge-sm{display:inline-flex;align-items:center;border:1px solid;border-radius:50px;padding:.2rem .65rem;font-size:.7rem;font-weight:600}

/* ── Network section ──────────────────────────────────────── */
.rwd-network-label{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ct);margin-bottom:.75rem}
.rwd-partner-grid{display:flex;flex-wrap:wrap;gap:.6rem}
.rwd-partner-pill{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--cb);border-radius:50px;padding:.45rem 1.1rem .45rem .6rem;font-family:var(--fh);font-size:.82rem;font-weight:600;color:var(--ch);background:var(--bgc);transition:border-color .2s,background .2s,transform .2s}
.rwd-partner-pill:hover{border-color:rgba(255,171,0,.3);background:rgba(255,171,0,.06);transform:translateY(-2px)}
.rwd-partner-more{opacity:.7}
.rwd-partner-ico{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}

/* ── Category grid ────────────────────────────────────────── */
.rwd-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.rwd-cat-card{padding:.9rem 1rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);transition:border-color .2s}
.rwd-cat-card:hover{border-color:rgba(255,171,0,.3)}
.rwd-cat-icon{font-size:1.15rem;margin-bottom:.45rem;color:var(--cw)}
.rwd-cat-name{font-family:var(--fh);font-size:.72rem;font-weight:700;color:var(--ch);line-height:1.4}

/* ── How vouchers are delivered ───────────────────────────── */
.rwd-how-card{padding:1.25rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);display:flex;gap:1rem;align-items:flex-start;transition:border-color .2s}
.rwd-how-card:hover{border-color:rgba(255,171,0,.25)}
.rwd-how-icon{width:42px;height:42px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.2);color:var(--cw)}
.rwd-how-title{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--ch);margin-bottom:.35rem}
.rwd-how-desc{font-size:.79rem;color:var(--ct);line-height:1.65;margin:0}

/* ── Custom products ──────────────────────────────────────── */
.rwd-prod-option{padding:1.5rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);height:100%;transition:border-color .2s}
.rwd-prod-option:hover{border-color:rgba(0,212,255,.25)}
.rwd-prod-icon{width:48px;height:48px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem}
.rwd-prod-title{font-family:var(--fh);font-size:.88rem;font-weight:700;color:var(--ch);margin-bottom:.55rem}
.rwd-prod-desc{font-size:.81rem;color:var(--ct);line-height:1.65;margin-bottom:0}
.rwd-prod-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}
.rwd-prod-list li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--ch)}
.rwd-prod-list li i{flex-shrink:0;font-size:.78rem}

/* ── Delivery cards ───────────────────────────────────────── */
.rwd-delivery-card{padding:1.5rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);height:100%;transition:border-color .2s}
.rwd-delivery-card:hover{border-color:rgba(42,219,92,.25)}
.rwd-delivery-row{display:flex;gap:1rem;align-items:flex-start}
.rwd-delivery-icon{width:42px;height:42px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.rwd-delivery-title{font-family:var(--fh);font-size:.88rem;font-weight:700;color:var(--ch);margin-bottom:.45rem}
.rwd-delivery-desc{font-size:.8rem;color:var(--ct);line-height:1.65;margin:0}

/* ── Wallet mock ──────────────────────────────────────────── */
.rwd-wallet-mock{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);overflow:hidden;width:100%;max-width:360px}
.rwd-wallet-hd{padding:1.25rem 1.5rem;border-bottom:1px solid var(--cb);display:flex;justify-content:space-between;align-items:flex-start}
.rwd-wallet-lbl{font-size:.7rem;color:var(--ct);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}
.rwd-wallet-balance{font-family:var(--fh);font-size:2rem;font-weight:800;color:var(--cg)}
.rwd-wallet-badge{display:inline-flex;align-items:center;font-family:var(--fh);font-size:.68rem;font-weight:600;color:var(--cg);background:rgba(42,219,92,.1);border:1px solid rgba(42,219,92,.2);border-radius:50px;padding:.25rem .7rem;white-space:nowrap}
.rwd-qr-wrap{padding:1.5rem;text-align:center;border-bottom:1px solid var(--cb)}
.rwd-qr-box{width:110px;height:110px;background:var(--bg);border:1px solid var(--cb);border-radius:var(--r2);margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:3.2rem;color:var(--cg)}
.rwd-qr-hint{font-size:.72rem;color:var(--ct)}
.rwd-tx-list{display:flex;flex-direction:column}
.rwd-tx-head{padding:.65rem 1.5rem;font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ct);border-bottom:1px solid var(--cb);background:var(--bg)}
.rwd-tx-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--cb)}
.rwd-tx-row:last-child{border-bottom:none}
.rwd-tx-merchant{font-family:var(--fh);font-size:.8rem;font-weight:600;color:var(--ch);margin-bottom:.15rem}
.rwd-tx-date{font-size:.7rem;color:var(--ct)}
.rwd-tx-amount{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--cd);white-space:nowrap}
.rwd-tx-credit{color:var(--cg)}

/* ── Wallet feature list ──────────────────────────────────── */
.rwd-wallet-feat{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 0;border-bottom:1px solid var(--cb)}
.rwd-wallet-feat:last-child{border-bottom:none}
.rwd-wf-icon{width:36px;height:36px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.88rem;flex-shrink:0}
.rwd-wf-title{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--ch);margin-bottom:.25rem}
.rwd-wf-desc{font-size:.78rem;color:var(--ct);line-height:1.6;margin:0}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:992px){
  .rwd-cat-grid{grid-template-columns:repeat(3,1fr)}
  .rwd-stack{max-width:100%}
}
@media(max-width:768px){
  .rwd-hero{padding:7rem 0 3rem}
  .rwd-cat-grid{grid-template-columns:repeat(2,1fr)}
  .rwd-wallet-mock{max-width:100%}
}

/* ════════════════════════════════════════════════════════════
   CASE STUDIES
   ════════════════════════════════════════════════════════════ */
.cs-hero{padding:7rem 0 4rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-cs{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(99,91,255,.2) 0%,rgba(0,85,211,.08) 52%,transparent 72%),var(--bg)}
.hero-grid-cs{position:absolute;inset:0;background-image:linear-gradient(rgba(99,91,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-cs{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(99,91,255,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-cs{background-image:linear-gradient(rgba(99,91,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.07) 1px,transparent 1px)}
.cs-hero h1{font-size:clamp(2rem,5vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.25rem}
.cs-hero .sub{font-size:1rem;color:var(--ct);max-width:640px;margin-bottom:0;font-weight:300;line-height:1.75}
.cs-tag{display:inline-flex;align-items:center;border-radius:50px;padding:.2rem .65rem;font-size:.67rem;font-weight:700;font-family:var(--fh);letter-spacing:.04em;border:1px solid;white-space:nowrap}
.cs-tag-group{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.65rem}
.cs-brand{font-family:var(--fh);font-size:1rem;font-weight:800;color:var(--ch);margin-bottom:.4rem;line-height:1.25}
.cs-desc{font-size:.79rem;color:var(--ct);line-height:1.65;margin:0}
.cs-feat-tag-group{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}
.cs-feat-tag{display:inline-flex;align-items:center;border-radius:50px;padding:.3rem .85rem;font-size:.72rem;font-weight:700;font-family:var(--fh);letter-spacing:.05em;border:1px solid}

/* ══════════════════════════════════════════════════════════
   SOFTWARE AS A SERVICE
   ══════════════════════════════════════════════════════════ */
.saas-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-saas{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,212,255,.18) 0%,rgba(0,85,211,.08) 52%,transparent 72%),radial-gradient(ellipse 40% 40% at 88% 70%,rgba(0,212,255,.05) 0%,transparent 55%),var(--bg)}
.hero-grid-saas{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-saas{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,212,255,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-saas{background-image:linear-gradient(rgba(0,212,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.07) 1px,transparent 1px)}
.saas-hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:1.5rem}
.saas-hero .sub{font-size:1.05rem;color:var(--ct);max-width:600px;margin-bottom:2rem;font-weight:300;line-height:1.75}
.hero-tag-saas{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cp);margin-bottom:1.75rem}
.hero-tag-saas .dot{width:6px;height:6px;border-radius:50%;background:var(--cp);animation:blink 2s ease-in-out infinite}
/* Feature pills */
.saas-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.08);color:var(--cp);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.75rem;font-weight:600}
/* Dashboard card */
.saas-dash-card{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);overflow:hidden;width:100%;max-width:420px;box-shadow:0 24px 64px rgba(0,0,0,.35)}
.saas-dash-hd{padding:.85rem 1.1rem;border-bottom:1px solid var(--cb);display:flex;align-items:center;gap:.5rem;background:var(--bg)}
.saas-dash-dots{display:flex;gap:.35rem}
.saas-dash-dot{width:11px;height:11px;border-radius:50%}
.saas-dash-label{font-family:var(--fh);font-size:.72rem;font-weight:700;color:var(--ct);letter-spacing:.06em;text-transform:uppercase;margin:0 auto}
.saas-dash-body{padding:1.25rem}
.saas-metric-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1rem}
.saas-metric{background:var(--bg);border:1px solid var(--cb);border-radius:var(--r2);padding:.85rem 1rem;text-align:center}
.saas-metric-lbl{font-size:.65rem;color:var(--ct);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}
.saas-metric-val{font-family:var(--fh);font-size:1.35rem;font-weight:800;color:var(--cp);line-height:1}
.saas-check-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}
.saas-check-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:var(--bg);border:1px solid var(--cb);border-radius:var(--r1)}
.saas-check-lbl{font-family:var(--fh);font-size:.78rem;font-weight:600;color:var(--ch)}
.saas-check-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--fh);font-size:.65rem;font-weight:700;border-radius:50px;padding:.18rem .6rem;border:1px solid}
.saas-badge-green{color:var(--cg);background:rgba(42,219,92,.1);border-color:rgba(42,219,92,.25)}
.saas-badge-cyan{color:var(--cp);background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.25)}
.saas-badge-amber{color:var(--cw);background:rgba(255,171,0,.1);border-color:rgba(255,171,0,.25)}
.saas-uptime-wrap{background:var(--bg);border:1px solid var(--cb);border-radius:var(--r2);padding:.85rem 1rem}
.saas-uptime-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--ct);margin-bottom:.5rem}
.saas-uptime-val{font-weight:700;color:var(--cp)}
.saas-uptime-track{height:6px;background:var(--cb);border-radius:3px;overflow:hidden}
.saas-uptime-fill{height:100%;width:99.9%;background:linear-gradient(90deg,var(--cp),var(--cg));border-radius:3px}
/* Benefit cards */
.saas-benefit-card{padding:1.5rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);height:100%;transition:border-color .25s,transform .25s}
.saas-benefit-card:hover{border-color:rgba(0,212,255,.3);transform:translateY(-3px)}
.saas-benefit-ico{width:46px;height:46px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);color:var(--cp);margin-bottom:1rem;flex-shrink:0}
.saas-benefit-title{font-family:var(--fh);font-size:.92rem;font-weight:700;color:var(--ch);margin-bottom:.5rem;line-height:1.3}
.saas-benefit-desc{font-size:.8rem;color:var(--ct);line-height:1.7;margin:0}
/* Focus section */
.saas-focus-section{padding:6rem 0;position:relative;overflow:hidden;border-top:1px solid var(--cb);border-bottom:1px solid var(--cb)}
.saas-focus-ico{width:64px;height:64px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);color:var(--cp);margin:0 auto 1.5rem}
.saas-focus-quote{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;line-height:1.3;letter-spacing:-.025em;color:var(--ch);max-width:860px;margin:0 auto 1.5rem;text-align:center}
.saas-focus-sub{font-size:.95rem;color:var(--ct);max-width:680px;margin:0 auto 2.5rem;line-height:1.8;text-align:center}
.saas-stat-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(0,212,255,.25);background:rgba(0,212,255,.06);color:var(--ch);border-radius:50px;padding:.5rem 1.25rem;font-family:var(--fh);font-size:.8rem;font-weight:700}
.saas-stat-chip i{color:var(--cp);font-size:.85rem}
/* Responsive */
@media(max-width:992px){.saas-dash-card{max-width:100%}}

/* ══════════════════════════════════════════════════════════
   OUR TECHNOLOGY
   ══════════════════════════════════════════════════════════ */
.tech-hero{padding:9rem 0 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--cb)}
.hero-bg-tech{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,212,255,.15) 0%,rgba(0,85,211,.07) 55%,transparent 75%),radial-gradient(ellipse 35% 40% at 85% 65%,rgba(0,212,255,.05) 0%,transparent 60%),var(--bg)}
.hero-grid-tech{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 40%,transparent 100%);animation:gridPan 28s linear infinite}
[data-theme="light"] .hero-bg-tech{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(0,85,211,.1) 0%,transparent 65%),var(--bg)}
[data-theme="light"] .hero-grid-tech{background-image:linear-gradient(rgba(0,85,211,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,211,.07) 1px,transparent 1px)}
.tech-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.07;letter-spacing:-.03em;margin-bottom:1.5rem}
.tech-hero .sub{font-size:1.05rem;color:var(--ct);max-width:600px;margin-bottom:2rem;font-weight:300;line-height:1.75}
.hero-tag-tech{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.28);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cp);margin-bottom:1.75rem}
.hero-tag-tech .dot{width:6px;height:6px;border-radius:50%;background:var(--cp);animation:blink 2s ease-in-out infinite}
.tech-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.08);color:var(--cp);border-radius:50px;padding:.35rem 1rem;font-family:var(--fh);font-size:.75rem;font-weight:600}

/* Azure region visual */
.tech-az-region{background:var(--bgc);border:1px solid var(--cb);border-radius:var(--r3);overflow:hidden;width:100%;max-width:460px;box-shadow:0 24px 64px rgba(0,0,0,.4)}
.tech-az-region-hd{padding:1.5rem;background:linear-gradient(135deg,rgba(0,212,255,.12) 0%,rgba(0,85,211,.08) 100%);border-bottom:1px solid var(--cb);text-align:center}
.tech-az-region-badge{display:inline-flex;align-items:center;background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.25);border-radius:50px;padding:.3rem .9rem;font-family:var(--fh);font-size:.7rem;font-weight:700;color:var(--cp);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}
.tech-az-region-name{font-family:var(--fh);font-size:1.4rem;font-weight:800;color:var(--ch);margin-bottom:.2rem}
.tech-az-region-sub{font-size:.78rem;color:var(--ct)}
.tech-az-zones-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1.25rem;flex-wrap:wrap}
.tech-az-zone{text-align:center;flex:1;min-width:90px;max-width:120px;padding:.85rem .5rem;background:var(--bg);border:1px solid var(--cb);border-radius:var(--r2);transition:border-color .2s}
.tech-az-zone:hover{border-color:rgba(0,212,255,.35)}
.tech-az-zone-pri{border-color:rgba(0,212,255,.35);background:rgba(0,212,255,.04)}
.tech-az-zone-ico{font-size:1.4rem;color:var(--cp);margin-bottom:.4rem}
.tech-az-zone-label{font-family:var(--fh);font-size:.78rem;font-weight:700;color:var(--ch);margin-bottom:.25rem}
.tech-az-zone-sub{font-family:var(--fh);font-size:.65rem;font-weight:700;color:var(--cp);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}
.tech-az-zone-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--cg);font-weight:600}
.tech-az-dot{width:5px;height:5px;border-radius:50%;background:var(--cg);display:inline-block;animation:blink 2s ease-in-out infinite}
.tech-az-connector{color:rgba(0,212,255,.3);font-size:.85rem;flex-shrink:0}
.tech-az-region-ft{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--cb);background:var(--bg)}
.tech-az-ft-item{display:inline-flex;align-items:center;font-family:var(--fh);font-size:.7rem;font-weight:600;color:var(--ct);padding:.25rem .65rem;border:1px solid var(--cb);border-radius:50px;background:var(--bgc)}

/* Infrastructure cards */
.tech-infra-card{padding:1.5rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);height:100%;transition:border-color .25s,transform .25s}
.tech-infra-card:hover{border-color:rgba(0,212,255,.3);transform:translateY(-3px)}
.tech-infra-ico{width:48px;height:48px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);color:var(--cp);margin-bottom:1.1rem}
.tech-infra-title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:var(--ch);margin-bottom:.55rem}
.tech-infra-desc{font-size:.8rem;color:var(--ct);line-height:1.7;margin:0}
.tech-az-info-block{margin-top:2.5rem;padding:1.25rem 1.5rem;background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.15);border-radius:var(--r2);display:flex;gap:1.1rem;align-items:flex-start}
.tech-az-info-block i{font-size:1.1rem;color:var(--cp);flex-shrink:0;margin-top:.15rem}
.tech-az-info-block p{font-size:.82rem;color:var(--ct);line-height:1.75;margin:0}

/* Environment cards */
.tech-env-card{padding:1.75rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);height:100%}
.tech-env-staging{border-color:rgba(255,171,0,.2)}
.tech-env-prod{border-color:rgba(42,219,92,.2)}
.tech-env-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}
.tech-env-title{font-family:var(--fh);font-size:1rem;font-weight:800;color:var(--ch)}
.tech-env-badge{display:inline-flex;align-items:center;border-radius:50px;padding:.25rem .8rem;font-family:var(--fh);font-size:.68rem;font-weight:700;border:1px solid}
.tech-env-badge-amber{color:var(--cw);background:rgba(255,171,0,.1);border-color:rgba(255,171,0,.25)}
.tech-env-badge-green{color:var(--cg);background:rgba(42,219,92,.1);border-color:rgba(42,219,92,.25)}
.tech-env-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--cb)}
.tech-env-item:last-child{border-bottom:none}
.tech-env-item-ico{width:32px;height:32px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:.05rem}
.tech-env-item-ico-amber{background:rgba(255,171,0,.1);border:1px solid rgba(255,171,0,.2);color:var(--cw)}
.tech-env-item-ico-green{background:rgba(42,219,92,.1);border:1px solid rgba(42,219,92,.2);color:var(--cg)}
.tech-env-item-text{font-size:.8rem;color:var(--ct);line-height:1.65}
.tech-sep-info{margin-top:2.5rem;padding:1.75rem;background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.15);border-radius:var(--r2);display:flex;gap:1.25rem;align-items:flex-start}
.tech-sep-info-ico{width:48px;height:48px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);color:var(--cp);flex-shrink:0}
.tech-sep-info-title{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--ch);margin-bottom:.4rem}
.tech-sep-info-body{font-size:.8rem;color:var(--ct);line-height:1.75;margin:0}

/* Security cards */
.tech-sec-card{padding:1.5rem;border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);height:100%;transition:border-color .25s,transform .25s}
.tech-sec-card:hover{transform:translateY(-3px)}
.tech-sec-ico{width:46px;height:46px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1rem;flex-shrink:0;border:1px solid}
.tech-sec-title{font-family:var(--fh);font-size:.92rem;font-weight:700;color:var(--ch);margin-bottom:.45rem}
.tech-sec-desc{font-size:.8rem;color:var(--ct);line-height:1.7;margin:0}

/* Tech stack cards */
.tech-stack-card{border:1px solid var(--cb);border-radius:var(--r2);background:var(--bgc);overflow:hidden;height:100%;transition:border-color .25s,transform .25s}
.tech-stack-card:hover{transform:translateY(-3px)}
.tech-stack-hd{padding:1rem 1.25rem;border-bottom:1px solid var(--cb);display:flex;align-items:center;gap:.75rem}
.tech-stack-hd-ico{width:36px;height:36px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:.88rem;flex-shrink:0;border:1px solid}
.tech-stack-hd-label{font-family:var(--fh);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tech-tag-cloud{padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.45rem}
.tech-tag{display:inline-flex;align-items:center;border:1px solid var(--cb);border-radius:50px;padding:.25rem .75rem;font-family:var(--fh);font-size:.72rem;font-weight:600;color:var(--ch);background:var(--bg);transition:border-color .15s,color .15s}
.tech-tag:hover{border-color:rgba(0,212,255,.35);color:var(--cp)}

/* Responsive */
@media(max-width:992px){.tech-az-region{max-width:100%}}
@media(max-width:768px){
  .tech-hero{padding:7rem 0 3rem}
  .tech-az-zones-row{gap:.35rem}
  .tech-sep-info{flex-direction:column}
}
@media(max-width:768px){.saas-hero{padding:7rem 0 3rem}.saas-focus-section{padding:4rem 0}}