*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-obsidian: #000000;--color-paper: #ffffff;--color-inkstone: #111111;--color-felt-gray: #6d6d6d;--color-ash-mist: #9a9a9a;--page-max-width: 1100px;--nav-height: 64px;--ease-apple: cubic-bezier(.25, .46, .45, .94);--ease-expo: cubic-bezier(.19, 1, .22, 1);--font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--radius-card: 20px;--radius-sm: 12px}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);background:var(--color-paper);color:var(--color-obsidian);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video,canvas{max-width:100%;display:block}.reveal{opacity:0;transform:translateY(32px) scale(.97);transition:opacity .72s var(--ease-apple),transform .72s var(--ease-apple)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.stagger>*{opacity:0;transform:translateY(24px) scale(.97);transition:opacity .65s var(--ease-apple),transform .65s var(--ease-apple)}.stagger.visible>*:nth-child(1){opacity:1;transform:none;transition-delay:0s}.stagger.visible>*:nth-child(2){opacity:1;transform:none;transition-delay:.08s}.stagger.visible>*:nth-child(3){opacity:1;transform:none;transition-delay:.16s}.stagger.visible>*:nth-child(4){opacity:1;transform:none;transition-delay:.24s}.stagger.visible>*:nth-child(5){opacity:1;transform:none;transition-delay:.32s}.stagger.visible>*:nth-child(6){opacity:1;transform:none;transition-delay:.4s}.feat-card{opacity:0;transform:translateY(28px) scale(.97);transition:opacity .6s var(--ease-apple),transform .6s var(--ease-apple)}.feat-card.visible{opacity:1;transform:none}.feat-card-wrap:hover .feat-card-inner{border-color:#00000024;transform:translateY(-2px)}.feat-card-inner{height:100%;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-card);padding:28px;transition:border-color .3s ease,transform .3s ease}@keyframes spin-slow{to{transform:rotate(360deg)}}.scroll-spin{animation:spin-slow 14s linear infinite}.container{max-width:var(--page-max-width);margin:0 auto;padding:0 40px}@media (max-width: 768px){.container{padding:0 20px}}.btn-pill-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:75px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-family:var(--font);font-size:15px;font-weight:400;cursor:pointer;text-decoration:none;transition:background .35s ease,border-color .35s ease;white-space:nowrap;letter-spacing:-.01em}.btn-pill-dark:hover{background:#ffffff1f;border-color:#ffffff80}.btn-pill-solid{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:75px;border:1px solid rgba(255,255,255,0);background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .35s ease;white-space:nowrap;letter-spacing:-.01em}.btn-pill-solid:hover{background:#ffffff38}.btn-pill-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:75px;border:1px solid rgba(0,0,0,.18);background:transparent;color:#000;font-family:var(--font);font-size:15px;font-weight:400;cursor:pointer;text-decoration:none;transition:background .35s ease,color .35s ease,border-color .35s ease;white-space:nowrap;letter-spacing:-.01em}.btn-pill-light:hover{background:#000;color:#fff;border-color:#000}.btn-cta-black{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:75px;border:none;background:#000;color:#fff;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .3s ease,transform .25s ease;white-space:nowrap;letter-spacing:-.01em}.btn-cta-black:hover{background:#1a1a1a;transform:scale(1.02)}.nav-link{font-family:var(--font);font-size:14px;font-weight:400;text-decoration:none;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .25s ease;white-space:nowrap;letter-spacing:-.01em}.nav-link:hover{opacity:.45}.sana-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.14);padding:14px 0;font-family:var(--font);font-size:16px;color:#000;outline:none;border-radius:0;transition:border-color .3s ease}.sana-input:focus{border-bottom-color:#000}.sana-input::placeholder{color:var(--color-ash-mist)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;display:flex;flex-direction:column;padding:0 24px;transform:translateY(-100%);opacity:0;transition:transform .45s var(--ease-apple),opacity .45s var(--ease-apple)}.mobile-menu.open{transform:translateY(0);opacity:1}@media (min-width: 769px){.mobile-menu,.hamburger{display:none!important}}@media (max-width: 768px){.nav-links-desktop,.lang-desktop,.nav-cta-btn{display:none!important}.hamburger{display:flex!important;align-items:center;justify-content:center}.nav-container{display:flex!important;justify-content:space-between!important}}@keyframes phone-float{0%,to{transform:rotateY(-22deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-22deg) rotateX(6deg) translateY(-16px)}}.phone-3d{animation:phone-float 5.5s cubic-bezier(.45,.05,.55,.95) infinite;transform-style:preserve-3d}@media (max-width: 768px){.phone-3d{animation:none!important;transform:rotateY(-8deg) rotateX(3deg)!important}.phone-showcase{flex-direction:column}.partner-card-featured{padding:32px!important;border-radius:18px!important}.partner-cta{padding:10px 18px!important;font-size:13px!important}}@media (prefers-reduced-motion: reduce){.phone-3d{animation:none!important;transform:none!important}}.partner-card-featured{display:block;background:#111;border-radius:24px;padding:clamp(40px,5vw,64px);text-decoration:none;color:#fff;transition:background .3s ease,transform .3s ease;position:relative;overflow:hidden;cursor:pointer}.partner-card-featured:hover{background:#1a1a1a;transform:translateY(-3px)}.partner-card-featured:hover .partner-cta{background:#ffffff14;border-color:#ffffff47}.partner-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:75px;padding:12px 24px;color:#fff;font-family:var(--font);font-size:14px;font-weight:400;letter-spacing:-.01em;transition:background .3s ease,border-color .3s ease;white-space:nowrap}
