:root{--sb-bg:#FFFFFF;--sb-bg-soft:#F8FAFC;--sb-bg-card:#FFFFFF;--sb-border:#E5E7EB;--sb-border-hot:#CBD5E1;--sb-text:#0F172A;--sb-text-soft:#334155;--sb-text-mute:#64748B;--sb-text-dim:#94A3B8;--sb-accent:#1E40AF;--sb-accent-hi:#1E3A8A;--sb-accent-soft:#EFF6FF;--sb-accent-ink:#1D4ED8;--sb-success:#059669;--sb-warn:#D97706;--sb-font:'Geist',system-ui,-apple-system,sans-serif;--sb-mono:'Geist Mono',ui-monospace,monospace;--sb-ease:cubic-bezier(0.4,0,0.2,1)}
html{scroll-behavior:smooth}
body{background-color:var(--sb-bg);color:var(--sb-text);font-family:var(--sb-font);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:var(--sb-accent);color:white}
.sb-h1{font-size:clamp(2.75rem,6vw,4.5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.05;color:var(--sb-text)}
.sb-h2{font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;letter-spacing:-0.025em;line-height:1.1;color:var(--sb-text)}
.sb-h3{font-size:1.5rem;font-weight:600;letter-spacing:-0.01em;line-height:1.3;color:var(--sb-text)}
.sb-lead{font-size:1.375rem;line-height:1.6;color:var(--sb-text-soft)}
.sb-eyebrow{font-family:var(--sb-mono);font-size:0.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--sb-accent)}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;font-family:var(--sb-font);font-size:16px;font-weight:600;border-radius:10px;transition:all 0.2s var(--sb-ease);cursor:pointer;white-space:nowrap}
.sb-btn-primary{background:var(--sb-accent);color:white;box-shadow:0 1px 2px rgba(30,64,175,0.15),0 4px 12px rgba(30,64,175,0.18)}
.sb-btn-primary:hover{background:var(--sb-accent-hi);transform:translateY(-1px);box-shadow:0 2px 4px rgba(30,64,175,0.2),0 8px 20px rgba(30,64,175,0.25)}
.sb-btn-secondary{background:white;color:var(--sb-text);border:1px solid var(--sb-border)}
.sb-btn-secondary:hover{border-color:var(--sb-border-hot);background:var(--sb-bg-soft)}
.sb-card{background:var(--sb-bg-card);border:1px solid var(--sb-border);border-radius:16px;padding:36px;transition:all 0.25s var(--sb-ease)}
.sb-card:hover{border-color:var(--sb-border-hot);transform:translateY(-2px);box-shadow:0 1px 3px rgba(15,23,42,0.04),0 8px 24px rgba(15,23,42,0.08)}
.sb-card-icon{width:48px;height:48px;border-radius:12px;background:var(--sb-accent-soft);color:var(--sb-accent);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}
.sb-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--sb-accent-soft);color:var(--sb-accent-ink);border-radius:999px;font-size:0.8125rem;font-weight:500}
.sb-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--sb-success)}
.sb-badge-featured{background:#FEF3C7;color:#92400E}
.sb-input{width:100%;background:white;color:var(--sb-text);border:1px solid var(--sb-border);border-radius:10px;padding:14px 16px;font-family:var(--sb-font);font-size:17px;transition:border-color 0.2s var(--sb-ease),box-shadow 0.2s var(--sb-ease)}
.sb-input:focus{outline:none;border-color:var(--sb-accent);box-shadow:0 0 0 4px rgba(30,64,175,0.08)}
.sb-input::placeholder{color:var(--sb-text-dim)}
.sb-label{display:block;font-size:0.9375rem;font-weight:500;color:var(--sb-text-soft);margin-bottom:8px}
.sb-nav{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--sb-border)}
.sb-nav-link{color:var(--sb-text-soft);font-size:16px;font-weight:500;transition:color 0.2s var(--sb-ease)}
.sb-nav-link:hover{color:var(--sb-accent)}
.sb-stat-number{font-size:clamp(2.75rem,4.5vw,4rem);font-weight:700;letter-spacing:-0.03em;color:var(--sb-accent);line-height:1}
.sb-stat-label{font-size:1rem;color:var(--sb-text-mute);margin-top:10px}
.sb-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 0%,rgba(30,64,175,0.08),transparent),radial-gradient(ellipse 50% 40% at 30% 30%,rgba(37,99,235,0.05),transparent);pointer-events:none}
.sb-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,0.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 0%,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 0%,black,transparent 70%);pointer-events:none}
.sb-features{list-style:none;padding:0;margin:24px 0 0}
.sb-features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:1rem;color:var(--sb-text-soft);line-height:1.55}
.sb-features li::before{content:'';flex-shrink:0;width:18px;height:18px;margin-top:3px;background-color:var(--sb-success);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.sb-skeleton{background:linear-gradient(90deg,var(--sb-bg-soft) 0%,#F1F5F9 50%,var(--sb-bg-soft) 100%);background-size:200% 100%;animation:sb-shimmer 1.8s infinite;border:1px solid var(--sb-border);border-radius:16px}
@keyframes sb-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes sb-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.sb-fade-up{opacity:0;animation:sb-fade-up 0.7s var(--sb-ease) forwards}
.sb-stagger>*{opacity:0;animation:sb-fade-up 0.7s var(--sb-ease) forwards}
.sb-stagger>*:nth-child(1){animation-delay:0.05s}
.sb-stagger>*:nth-child(2){animation-delay:0.15s}
.sb-stagger>*:nth-child(3){animation-delay:0.25s}
.sb-stagger>*:nth-child(4){animation-delay:0.35s}
.sb-stagger>*:nth-child(5){animation-delay:0.45s}
.sb-stagger>*:nth-child(6){animation-delay:0.55s}
.sb-reveal{opacity:0;transform:translateY(24px);transition:opacity 0.8s var(--sb-ease),transform 0.8s var(--sb-ease)}
.sb-reveal.is-visible{opacity:1;transform:translateY(0)}
.sb-divider{height:1px;background:var(--sb-border);margin:0 auto;max-width:1280px}
.sb-ad-slot{margin:48px auto;text-align:center;min-height:1px;max-width:728px}
a{color:inherit;text-decoration:none}
img{user-select:none}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:transparent}
body::-webkit-scrollbar-thumb{background:var(--sb-border);border-radius:5px}
body::-webkit-scrollbar-thumb:hover{background:var(--sb-text-dim)}
.sb-lang-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid var(--sb-border);font-family:var(--sb-mono);font-size:11.5px;font-weight:600;letter-spacing:0.06em;color:var(--sb-text-soft);background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color 0.2s var(--sb-ease),color 0.2s var(--sb-ease),background 0.2s var(--sb-ease)}
.sb-lang-btn:hover{border-color:var(--sb-border-hot);color:var(--sb-text);background:white}
.sb-lang-btn svg{opacity:0.7}
