:root{--c-royal: #0B3FA8;--c-blue: #1E6BFF;--c-azure: #7AB8FF;--c-ink: #0A1B3D;--c-bg: #FBFCFF;--c-bg-warm: #F4F7FE;--c-line: rgba(11, 27, 61, .1);--c-line-soft: rgba(11, 27, 61, .06);--c-text: #0A1B3D;--c-text-mute: #4A5478;--c-text-faint:#7A85A6;--c-white: #FFFFFF;--pad-section-y: 140px;--pad-container: 56px;--gap-md: 24px;--gap-lg: 40px;--serif: Arial, Helvetica, sans-serif;--sans: Arial, Helvetica, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.4, 0, .2, 1);--accent-primary: var(--c-blue);--accent-secondary: var(--c-royal);--bg-primary: var(--c-bg);--bg-secondary: var(--c-bg-warm);--text-primary: var(--c-text);--text-secondary: var(--c-text-mute);--text-muted: var(--c-text-faint);--border-subtle: var(--c-line);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}[data-density=compact]{--pad-section-y: 88px;--pad-container: 40px;--gap-md: 16px;--gap-lg: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--c-bg);color:var(--c-text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[dir=rtl]{font-family:Arial,Tahoma,sans-serif}::selection{background:var(--c-blue);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.serif{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}.serif-italic{font-family:var(--serif);font-style:italic;font-weight:600}.kicker{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-blue);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.kicker:before{content:"";width:28px;height:1px;background:var(--c-blue)}.kicker.no-line:before{display:none}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-mute);font-weight:500}.h-display{font-family:var(--sans);font-weight:700;font-size:clamp(56px,8.4vw,132px);line-height:1.02;letter-spacing:-.035em;color:var(--c-ink);margin:0;padding-bottom:.04em}.h-section{font-family:var(--sans);font-weight:700;font-size:clamp(40px,5.2vw,76px);line-height:1.08;letter-spacing:-.028em;color:var(--c-ink);margin:0;padding-bottom:.06em}.h-card{font-family:var(--sans);font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.018em;color:var(--c-ink);margin:0}.lead{font-family:var(--sans);font-size:18px;line-height:1.5;color:var(--c-text-mute);max-width:52ch;margin:0}[data-density=compact] .lead{font-size:16px}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--pad-container)}.section{position:relative;padding:var(--pad-section-y) 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:end;margin-bottom:64px}[data-density=compact] .section-head{margin-bottom:40px}.section-head .lead{justify-self:end;max-width:42ch}@media (max-width: 880px){.section-head{grid-template-columns:1fr;gap:16px;align-items:start}.section-head .lead{justify-self:start}}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:0;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.005em;position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:transform .24s var(--ease),box-shadow .24s var(--ease);text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px -10px #0b1b3d59}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--c-royal),var(--c-blue));color:#fff}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--c-blue),var(--c-azure));opacity:0;transition:opacity .32s var(--ease);z-index:-1}.btn-primary:hover:after{opacity:1}.btn-primary:hover{box-shadow:0 12px 30px -10px #0b1b3d59}.btn-ghost{background:transparent;color:var(--c-ink);padding:14px 18px}.btn-ghost:hover{background:#0b1b3d0a;transform:none;box-shadow:none}.btn-outline{background:transparent;color:var(--c-ink);border:1px solid var(--c-line)}.btn-outline:hover{border-color:var(--c-ink);background:#fff}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:16px 28px;font-size:15px}.btn-arrow{display:inline-flex;align-items:center;gap:6px;transition:gap .24s var(--ease)}.btn:hover .btn-arrow{gap:10px}.btn-secondary{background:#fff;color:var(--c-text);border:1px solid var(--c-line)}.btn-secondary:hover{background:var(--c-bg-warm);border-color:#0b1b3d33}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.glass{background:#ffffff8c;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:.5px solid rgba(255,255,255,.7);box-shadow:0 1px #fff9 inset,0 30px 60px -25px #0b1b3d2e,0 8px 20px -10px #0b1b3d1a}[data-glass=off] .glass{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--c-line);box-shadow:0 1px 2px #0b1b3d0d}.mesh{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.mesh:before,.mesh:after,.mesh>span{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;will-change:transform}.mesh:before{top:-10%;left:-8%;width:60vw;height:60vw;background:radial-gradient(circle,var(--c-azure),transparent 60%);animation:drift1 22s ease-in-out infinite alternate}.mesh:after{bottom:-25%;right:-10%;width:70vw;height:70vw;background:radial-gradient(circle,var(--c-blue),transparent 60%);animation:drift2 26s ease-in-out infinite alternate}.mesh>span{top:30%;left:40%;width:40vw;height:40vw;background:radial-gradient(circle,var(--c-royal),transparent 65%);opacity:.45;animation:drift3 30s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(20vw,10vh) scale(1.1)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-15vw,-8vh) scale(1.15)}}@keyframes drift3{0%{transform:translate(0) scale(1)}to{transform:translate(-10vw,15vh) scale(.9)}}.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.05;mix-blend-mode:multiply;pointer-events:none;z-index:1}.reveal{opacity:0;transform:translateY(20px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.in{opacity:1;transform:none;filter:blur(0)}[data-anim="0"] .reveal{opacity:1;transform:none;filter:none;transition:none}@keyframes spark-drift{0%{transform:translate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(-20px) scale(1)}90%{opacity:1}to{transform:translate(var(--dx, 80px),var(--dy, -200px)) scale(0);opacity:0}}@keyframes pipePulse{0%{left:-10%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}@keyframes scroll-tick{0%{transform:translateY(0)}to{transform:translateY(46px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out}.tag{font-size:11px;padding:5px 10px;background:#1e6bff14;color:var(--c-royal);border-radius:999px;font-weight:500;border:.5px solid rgba(30,107,255,.15)}.card{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:#1e6bff4d;box-shadow:0 20px 50px -25px #0b1b3d2e;transform:translateY(-2px)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.4rem;color:var(--c-text-mute);font-weight:500;font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid var(--c-line);border-radius:10px;color:var(--c-text);font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 3px #1e6bff1f}.form-textarea{resize:vertical;min-height:100px}.form-input::placeholder,.form-textarea::placeholder{color:var(--c-text-faint)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-container{max-width:1320px;margin:0 auto;padding:2rem var(--pad-container)}.page-header{margin-bottom:2rem}.page-title{font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.025em;color:var(--c-ink)}.page-subtitle{color:var(--c-text-mute);margin-top:.5rem;font-size:1rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:20px;font-size:.78rem;font-weight:600}.badge-primary{background:#1e6bff1a;color:var(--c-blue)}.badge-success{background:#10b9811f;color:#059669}.badge-warning{background:#f59e0b1f;color:#d97706}.badge-danger{background:#ef44441f;color:#dc2626}.stat-card{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:1.5rem}.stat-value{font-size:2.5rem;font-weight:800;color:var(--c-blue);letter-spacing:-.03em}.stat-label{color:var(--c-text-mute);font-size:.9rem;margin-top:.3rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg-warm)}::-webkit-scrollbar-thumb{background:#1e6bff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-blue)}
