/* A luminous, dimensional entrance; all brand discovery remains below the hero. */
.hero { min-height:700px;padding-top:171px;padding-bottom:83px;background:radial-gradient(ellipse at 73% 48%,#163a5429,transparent 65%); }
.hero::after { opacity:.16; }
.hero-cinematic-scene { position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden; }
#hero-silk { display:block;width:100%;height:100%;opacity:.95;animation:silk-arrive 2s cubic-bezier(.16,1,.3,1) both; }
.hero-cinematic-scene::after { content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0206171a,#020617a3 27%,#02061770 57%,transparent 85%); }
.hero-horizon { position:absolute;left:-12%;right:-12%;bottom:-119px;height:190px;border:1px solid #85eafa32;border-radius:50%;box-shadow:0 -10px 45px #41cbe51a,0 -1px 0 #b0f4ff35;background:radial-gradient(ellipse at 50% 0,#6bcbe812,transparent 65%); }
.hero-horizon::after { content:'';position:absolute;left:28%;right:28%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#9eeef9,transparent);box-shadow:0 0 25px #71e8ff60; }
.hero-copy { perspective:1000px; }
.hero h1 { font-size:clamp(53px,7.2vw,96px);letter-spacing:-4.8px;text-shadow:0 8px 40px #02061750; }
.hero-word { transform-origin:50% 100%;animation:cinematic-word 1.1s cubic-bezier(.16,1,.3,1) var(--enter) both; }
.hero-line-accent .hero-word { background:linear-gradient(112deg,#e7ffff 0%,#77e8f5 23%,#5bbddf 48%,#a7a7f8 73%,#e4d9ff 100%);background-size:210% 100%;background-clip:text;-webkit-background-clip:text;animation:cinematic-word 1.1s cubic-bezier(.16,1,.3,1) var(--enter) both,cinematic-sheen 9s ease-in-out 1.5s infinite alternate; }
.hero-badge { position:relative;background:#0b1b2be0;border-color:#78daec40;color:#a3eaf4;box-shadow:inset 0 1px 0 #b6faff0d; }
.hero-badge::before { content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:9px;background:#81eff1;box-shadow:0 0 10px #6df1f7;vertical-align:middle; }
.hero .hero-copy p { color:#bdcbdc;font-size:18px;line-height:1.8;max-width:690px;margin-top:29px; }
.hero-copy .btn-glow { min-height:57px;padding:15px 27px;position:relative;overflow:hidden;background:linear-gradient(115deg,#c2fcff,#66ddef 65%,#9fdaff);border-color:#d1fcff94;box-shadow:0 6px 30px #38bad52b,inset 0 1px 0 #ffffff80; }
.hero-copy .btn-glow::before { content:'';position:absolute;inset:-60% auto -60% -40%;width:25%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(25deg);animation:hero-cta-shine 6s 2s ease-in-out infinite; }
.hero-footnote { color:#a1b7cc;letter-spacing:.4px; }
.hero-motion-control { position:absolute;right:28px;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #b7d5ec22;border-radius:30px;background:#07122080;color:#92a8bd;font:10px 'Inter',sans-serif;cursor:pointer; }
.hero-motion-control::before { content:'Ⅱ';font-size:11px;color:#bad7e8; }
.hero-motion-control[aria-pressed="true"]::before { content:'▷'; }
.hero-motion-control:hover { border-color:#7ce9f66b;color:#c6edfa; }
.hero.effect-paused .hero-line-accent .hero-word { animation-play-state:running,paused; }
.hero.effect-paused .hero-copy .btn-glow::before { animation-play-state:paused; }
@keyframes cinematic-word { from { opacity:0;transform:translate3d(0,30px,-18px) rotateX(13deg);filter:blur(7px); } to { opacity:1;transform:translateZ(0);filter:blur(0); } }
@keyframes cinematic-sheen { from { background-position:0 0; } to { background-position:100% 0; } }
@keyframes silk-arrive { from { opacity:0;transform:scale(1.08); } to { opacity:.95;transform:scale(1); } }
@keyframes hero-cta-shine { 0%,65% { left:-40%; } 95%,100% { left:140%; } }
/* The founding team supports the product story rather than leading it. */
.about-grid { grid-template-columns:1fr; }
.about-content { display:grid;grid-template-columns:1fr 1.1fr;gap:22px 55px;max-width:none; }
.about-content h2 { margin:0; }
.about-content > p { margin:0; }
.visions-pills { grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px; }
.vision-pill { align-items:flex-start; }
.people-section { padding:55px 0 61px;border-top:1px solid #ffffff0b;background:linear-gradient(180deg,#0a152628,transparent); }
.people-heading { margin-bottom:27px;max-width:700px; }
.people-heading h2 { font-size:32px;letter-spacing:-1.2px;line-height:1.2; }
.people-section .founders-grid { max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.people-section .founder-card { display:grid;grid-template-columns:130px 1fr;column-gap:23px;align-content:center;padding:20px; }
.people-section .founder-card img { grid-row:1/4;aspect-ratio:4/5;margin:0; }
.people-section .founder-card h4 { align-self:end;font-size:20px; }
.people-section .founder-card p:last-child { font-size:13px!important;line-height:1.8!important; }
@media (max-width:820px) {
  .hero { padding-top:150px;min-height:640px; }
  .hero h1 { font-size:clamp(44px,7.8vw,68px);letter-spacing:-3px; }
  .hero .hero-copy p { font-size:16px; }
  .about-content { grid-template-columns:1fr;gap:20px; }
  .visions-pills { grid-template-columns:1fr;gap:0; }
  .people-section .founder-card { grid-template-columns:95px 1fr;column-gap:14px;padding:16px; }
  .people-section .founders-grid { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .hero { padding:135px 0 82px;min-height:610px; }
  .hero h1 { font-size:clamp(33px,9.2vw,49px);letter-spacing:-1.7px;line-height:1.14; }
  .hero .hero-copy p { font-size:15px;line-height:1.85; }
  #hero-silk { opacity:.8; }
  .hero-cinematic-scene::after { background:linear-gradient(90deg,#02061750,#02061788 45%,#02061722); }
  .hero-motion-control { bottom:17px;right:20px;font-size:9px; }
  .hero-horizon { bottom:-137px; }
  .people-section { padding:39px 0 44px; }
  .people-heading h2 { font-size:27px; }
  .people-section .founder-card h4 { font-size:18px; }
  .people-section .founder-card p:last-child { font-size:12px!important; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-word { opacity:1!important;transform:none!important;filter:none!important; }
  .hero-motion-control { display:none; }
  #hero-silk { opacity:.8; }
}
/* Inline vectors keep every icon crisp without emoji or icon-font rendering. */
i.fas, i.fab { display:inline-block;font-style:normal;line-height:1; }
i.fas > svg, i.fab > svg { display:block;width:1em;height:1em;fill:currentColor; }
.post-tile i > svg { width:1em;height:1em; }
.paper em > svg { width:14px;height:14px; }
.brand-arrow > svg, .order-slip em > svg { display:block;width:1em;height:1em; }
