/* SHIFT Landing Redesign — shared styling for the 3 direction explorations */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:ital,wght@0,700;0,900;1,700;1,900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700;800&family=Teko:wght@600;700&display=swap');

:root{
  --lime:#b8ff1a; --lime-2:#9ce600; --ink:#07080a; --ink-2:#0a0b0e; --card:#14161b;
  --hot:#ff5232; --amber:#ffb020; --cyan:#00d4ff; --plum:#a259ff;
  --paper:#f1ede0;
  --font-ui:'Space Grotesk',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--ink);color:#f4f5f0;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}

.eb{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--lime);}
.d1{font-family:'Saira Condensed',sans-serif;font-style:italic;font-weight:900;letter-spacing:-.045em;line-height:.84;text-transform:uppercase;margin:0;}
.lime{color:var(--lime);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 22px;border-radius:14px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent;transition:transform .12s,box-shadow .2s;min-height:52px;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--lime);color:#000;}
.btn-primary:hover{box-shadow:0 0 0 1px rgba(184,255,26,.5),0 14px 34px rgba(184,255,26,.34);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.2);}
.btn-ghost:hover{border-color:#fff;}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;}
@media(max-width:640px){.container{padding:0 24px;}}
/* mobile hero: bigger headline + more vertical rhythm */
@media(max-width:640px){
  .heroC .top h1{font-size:clamp(54px,14vw,92px)!important;margin:22px auto 30px!important;}
  .pillrow{margin:18px auto 10px;}
  .cluster{margin-top:44px;}
}

/* trust row */
.trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.trust .star{color:var(--lime);}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.rv.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;}}

/* stylised phone shell (reused) */
.dev{width:300px;border-radius:42px;background:#1a1c22;border:1px solid rgba(255,255,255,.1);padding:9px;box-shadow:0 50px 100px rgba(0,0,0,.6);position:relative;}
.dev-scr{border-radius:34px;background:#07080a;overflow:hidden;position:relative;}
.dev-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:104px;height:24px;background:#1a1c22;border-radius:0 0 15px 15px;z-index:5;}
.mono{font-family:'JetBrains Mono',monospace;}
.saira{font-family:'Saira Condensed',sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;}
.teko{font-family:'Teko',sans-serif;font-weight:700;text-transform:uppercase;}