html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100vh}h1,h2,h3,h4{margin:0;line-height:1.2}p{margin:0}img{max-width:100%;display:block}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a5f;--navy:#0f2d4a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-800:#1e293b;--white:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 10px 30px #2563eb1f, 0 4px 10px #0000000f;--transition:.22s ease}*,:before,:after{box-sizing:border-box}.blog{background:var(--white);width:100%;min-height:100vh;color:var(--gray-600);font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.65}.hero{background:linear-gradient(135deg, var(--blue-900) 0%, var(--navy) 100%);color:var(--white);justify-content:center;align-items:center;gap:64px;padding:80px 24px 72px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 70%,#60a5fa26 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:1;max-width:560px;position:relative}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-400);margin:0 0 16px;font-size:13px;font-weight:600}.hero-title{letter-spacing:-.03em;color:var(--white);margin:0 0 20px;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1}.hero-subtitle{color:#ffffffbf;max-width:480px;margin:0;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.hero-illustration{z-index:1;flex-shrink:0;position:relative}.eye-graphic{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.eye-outer{background:radial-gradient(circle at 38% 38%,#e0f2fe,#bfdbfe 50%,#93c5fd);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 40px #60a5fa80,0 0 80px #60a5fa33}.eye-iris{z-index:1;background:conic-gradient(#1d4ed8,#2563eb,#3b82f6,#60a5fa,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 0 0 4px #ffffff4d}.eye-pupil{background:radial-gradient(circle at 35% 35%,#1e293b,#0a0f1a);border-radius:50%;width:44px;height:44px;box-shadow:inset 0 2px 6px #0009}.eye-highlight{z-index:2;filter:blur(1px);background:#ffffffbf;border-radius:50%;width:20px;height:14px;position:absolute;top:54px;left:72px;transform:rotate(-25deg)}.section{max-width:1100px;margin:0 auto;padding:80px 24px}.section-header{text-align:center;margin-bottom:52px}.section-header h2{color:var(--navy);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700}.section-subtitle{color:var(--gray-400);margin:0;max-width:520px;margin-inline:auto;font-size:1.0625rem;line-height:1.6}.parts-section{background:var(--white)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:left;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:28px 24px}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-200);transform:translateY(-4px)}.card-emoji{margin-bottom:14px;font-size:2rem;line-height:1;display:block}.card-name{color:var(--navy);letter-spacing:-.01em;margin:0 0 10px;font-size:1.125rem;font-weight:700}.card-description{color:var(--gray-600);margin:0;font-size:.9375rem;line-height:1.65}.facts-section{background:var(--blue-50);max-width:100%;padding-inline:24px}.facts-section .section-header,.facts-section .facts-list{max-width:800px;margin-inline:auto}.facts-list{flex-direction:column;gap:20px;margin:0 auto;padding:0;list-style:none;display:flex}.fact-item{background:var(--white);border:1px solid var(--blue-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.fact-item:hover{box-shadow:var(--shadow-md);border-color:var(--blue-200)}.fact-icon{flex-shrink:0;padding-top:2px;font-size:1.75rem;line-height:1}.fact-text{color:var(--gray-600);margin:0;font-size:1rem;line-height:1.7}.footer{background:var(--navy);color:#ffffffb3;text-align:center;padding:48px 24px}.footer-tagline{color:var(--white);letter-spacing:-.01em;margin:0 0 8px;font-size:1.25rem;font-weight:600}.footer-sub{opacity:.65;margin:0;font-size:.9375rem}@media (width<=768px){.hero{text-align:center;flex-direction:column;gap:40px;padding:56px 20px 52px}.hero-subtitle{margin-inline:auto}.eye-graphic{width:150px;height:150px}.eye-iris{width:74px;height:74px}.eye-pupil{width:32px;height:32px}.eye-highlight{width:14px;height:10px;top:40px;left:54px}.section{padding:56px 20px}.cards-grid{grid-template-columns:1fr}.fact-item{gap:14px;padding:20px}.footer{padding:36px 20px}}@media (width<=480px){.hero{padding:44px 16px 40px}.section{padding:44px 16px}}