:root{--black: #1D1D1F;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F7;--gray-200: #E8E8ED;--gray-400: #86868B;--gray-600: #6E6E73;--blue: #0071E3;--blue-dark: #0077ED;--accent-orange: #FF6B35;--accent-red: #FF2D55;--accent-purple: #AF52DE;--accent-indigo: #5856D6;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--transition: .3s cubic-bezier(.25, .1, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--black);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);transition:var(--transition)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:800;font-size:14px;letter-spacing:-.02em;color:var(--gray-600);text-transform:uppercase}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--gray-600);text-decoration:none;transition:var(--transition);position:relative}.nav-links a:hover{color:var(--black)}.nav-links a:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--black);border-radius:2px;transition:width .3s cubic-bezier(.25,.1,.25,1)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--black);font-weight:600}.nav-links a.active:after{width:100%;background:var(--black)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 40px 80px;background:linear-gradient(180deg,#000,#1a1a2e,#16213e);color:var(--white);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,113,227,.15) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:32px;color:#ffffffb3}.hero-badge span{color:var(--blue)}.hero h1{font-size:clamp(40px,7vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px;max-width:900px}.hero h1 .gradient-text{background:linear-gradient(135deg,#ff6b35,#ff2d55,#af52de,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(16px,2vw,20px);font-weight:400;color:#fff9;max-width:600px;margin-bottom:40px;line-height:1.7}.hero-meta{display:flex;gap:40px;margin-top:48px}.hero-meta-item{text-align:center}.hero-meta-item .number{font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--white)}.hero-meta-item .label{font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.section{padding:100px 40px;max-width:1200px;margin:0 auto}.section-dark{background:var(--black);color:var(--white);max-width:100%;padding-left:0;padding-right:0}.section-dark .section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.section-gray{background:var(--gray-100);max-width:100%;padding-left:0;padding-right:0}.section-gray .section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.section-gradient{background:linear-gradient(135deg,#000,#1a0a2e,#2d1b69 60%,#1a1a2e);color:var(--white);max-width:100%;padding-left:0;padding-right:0}.section-gradient .section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.section-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.section-subtitle{font-size:clamp(16px,1.5vw,20px);color:var(--gray-600);max-width:680px;line-height:1.7;margin-bottom:48px}.section-dark .section-subtitle,.section-gradient .section-subtitle{color:#fff9}.tabs{display:flex;gap:4px;margin-bottom:40px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:10px 20px;border:none;background:var(--gray-100);color:var(--gray-600);font-size:14px;font-weight:500;border-radius:100px;cursor:pointer;transition:var(--transition);white-space:nowrap;font-family:inherit}.tab-btn:hover{background:var(--gray-200);color:var(--black)}.tab-btn.active{background:var(--black);color:var(--white)}.tab-content{display:none;animation:fadeIn .4s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cards-grid{display:grid;gap:24px}.cards-grid-2{grid-template-columns:repeat(2,1fr)}.cards-grid-3{grid-template-columns:repeat(3,1fr)}.cards-grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--white);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--gray-200);transition:var(--transition);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.card-dark{background:#ffffff0d;border-color:#ffffff1a}.card-dark:hover{background:#ffffff14;border-color:#fff3}.card-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}.card-icon-blue{background:#0071e31a;color:var(--blue)}.card-icon-purple{background:#af52de1a;color:var(--accent-purple)}.card-icon-orange{background:#ff6b351a;color:var(--accent-orange)}.card-icon-red{background:#ff2d551a;color:var(--accent-red)}.card-icon-indigo{background:#5856d61a;color:var(--accent-indigo)}.card-title{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.card-text{font-size:14px;color:var(--gray-600);line-height:1.6}.card-dark .card-text{color:#fff9}.card-tag{display:inline-block;padding:4px 10px;background:var(--gray-100);border-radius:100px;font-size:11px;font-weight:600;color:var(--gray-600);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.card-dark .card-tag{background:#ffffff1a;color:#fff9}.comparison-table{width:100%;border-collapse:collapse;margin:32px 0}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:left;font-size:14px;border-bottom:1px solid var(--gray-200)}.comparison-table th{font-weight:600;font-size:13px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);position:sticky;top:56px;z-index:10;box-shadow:0 1px 0 var(--gray-200)}.section-dark .comparison-table th,.section-gradient .comparison-table th{box-shadow:0 1px #ffffff1a;background:var(--black);color:#fff9}.section-gradient .comparison-table th{background:#0d0a1a}[id]{scroll-margin-top:72px}.comparison-table thead th{border-bottom:none}.comparison-table tbody tr:first-child td{padding-top:20px}.comparison-table td:first-child{font-weight:600;color:var(--black);min-width:200px}.check{color:#34c759;font-weight:700}.cross{color:var(--gray-400)}.highlight-cell{background:#0071e30a;font-weight:600;color:var(--blue)}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin:64px 0}.split-reverse{direction:rtl}.split-reverse>*{direction:ltr}.split-visual{background:var(--gray-100);border-radius:var(--radius-xl);padding:48px;display:flex;align-items:center;justify-content:center;min-height:360px;position:relative;overflow:hidden}.split-visual-dark{background:var(--black);color:var(--white)}.device-frame{width:100%;max-width:480px;position:relative}.device-frame-desktop{background:#2a2a2a;border-radius:12px;padding:8px 8px 24px;box-shadow:var(--shadow-xl)}.device-frame-desktop .screen{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:6px;width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffffff4d;overflow:hidden;position:relative}.device-frame-mobile{background:#2a2a2a;border-radius:24px;padding:12px;box-shadow:var(--shadow-xl);max-width:200px;margin:0 auto}.device-frame-mobile .screen{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:100%;aspect-ratio:9/19;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ffffff4d}.responsive-demo{display:flex;gap:24px;align-items:flex-end;justify-content:center;padding:48px;background:var(--gray-100);border-radius:var(--radius-xl);margin:32px 0}.responsive-demo .device{text-align:center}.responsive-demo .device-label{font-size:11px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-top:12px}.flow{display:flex;align-items:center;gap:16px;margin:32px 0;flex-wrap:wrap;justify-content:center}.flow-step{padding:16px 24px;background:var(--gray-100);border-radius:var(--radius-md);font-size:14px;font-weight:600;text-align:center;min-width:120px;transition:var(--transition)}.flow-step:hover{background:var(--gray-200)}.flow-arrow{color:var(--gray-400);font-size:20px}.flow-step-active{background:var(--black);color:var(--white)}.breakpoint-bar{display:flex;height:48px;border-radius:var(--radius-sm);overflow:hidden;margin:24px 0;font-size:12px;font-weight:600}.bp-segment{display:flex;align-items:center;justify-content:center;color:var(--white);padding:0 12px;white-space:nowrap}.bp-mobile{background:var(--accent-red);flex:1}.bp-tablet{background:var(--accent-orange);flex:1.2}.bp-desktop{background:var(--accent-purple);flex:1.5}.bp-wide{background:var(--accent-indigo);flex:.8}.spec-row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.spec-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--gray-100);border-radius:100px;font-size:13px;font-weight:500}.spec-badge strong{color:var(--black)}.anatomy{position:relative;background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--radius-lg);padding:40px;margin:32px 0}.anatomy-label{position:absolute;top:-12px;left:24px;background:var(--blue);color:var(--white);padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.anatomy-zones{display:grid;gap:16px}.anatomy-zone{border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:16px;background:var(--white);font-size:13px;position:relative}.anatomy-zone:before{content:attr(data-label);position:absolute;top:-8px;left:12px;background:var(--white);padding:0 8px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent-purple);letter-spacing:.05em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.anim{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.anim.visible{opacity:1;transform:translateY(0)}.anim-delay-1{transition-delay:.1s}.anim-delay-2{transition-delay:.2s}.anim-delay-3{transition-delay:.3s}.footer{padding:60px 40px;background:var(--gray-50);border-top:1px solid var(--gray-200);text-align:center}.footer p{font-size:13px;color:var(--gray-600);line-height:1.8}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:1001;background:none;border:none}.nav-hamburger span{width:20px;height:2px;background:var(--black);border-radius:1px;transition:var(--transition)}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(5px) translate(5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-5px) translate(5px)}.nav-mobile-overlay{display:none;position:fixed;inset:56px 0 0;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999;padding:32px 24px;flex-direction:column;gap:4px;overflow-y:auto}.nav-mobile-overlay.open{display:flex}.nav-mobile-overlay a{display:flex;align-items:center;padding:14px 16px;font-size:16px;font-weight:500;color:var(--gray-600);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition)}.nav-mobile-overlay a:hover,.nav-mobile-overlay a.active{background:var(--gray-100);color:var(--black);font-weight:600}.nav-mobile-overlay a.active{border-left:3px solid var(--black)}@media(max-width:1068px){.section{padding:80px 32px}.cards-grid-3,.cards-grid-4{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.nav-links{gap:16px}.nav-links a{font-size:12px}.anatomy{padding:32px 24px}.split-visual{padding:32px;min-height:280px}}@media(max-width:734px){.section{padding:60px 20px}.section-dark .section-inner,.section-gray .section-inner,.section-gradient .section-inner{padding:0 20px}.nav-inner{padding:0 16px}.nav-links{display:none}.nav-hamburger{display:flex}.cards-grid-2,.cards-grid-3,.cards-grid-4{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:32px}.split-reverse{direction:ltr}.split-visual{min-height:240px;padding:24px}.hero{padding:100px 20px 60px;min-height:80vh}.hero h1{font-size:clamp(32px,8vw,48px)}.hero-sub{font-size:15px}.hero-meta{gap:20px;flex-wrap:wrap;justify-content:center}.hero-meta-item .number{font-size:28px}.section-title{font-size:clamp(24px,6vw,36px)}.section-subtitle{font-size:15px}.comparison-table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table th,.comparison-table td{padding:10px 12px;white-space:nowrap}.comparison-table td:first-child{min-width:120px;position:sticky;left:0;background:var(--white);z-index:5}.comparison-table th:first-child{position:sticky;left:0;z-index:11}.section-dark .comparison-table td:first-child{background:var(--black)}.section-gradient .comparison-table td:first-child{background:#0d0a1a}.responsive-demo{flex-direction:column;gap:32px}.flow{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg)}.flow-step{min-width:unset;width:100%}.card{padding:24px}.card:hover{transform:none}.card-title{font-size:16px}.anatomy{padding:24px 16px}.anatomy-label{font-size:10px;left:16px}.tabs{gap:6px;margin-bottom:24px;padding:0 0 8px}.tab-btn{padding:8px 14px;font-size:13px}.breakpoint-bar{flex-direction:column;height:auto}.bp-segment{padding:10px 12px}.footer{padding:40px 20px}.spec-badge{font-size:12px;padding:6px 10px}}@media(max-width:380px){.hero{padding:90px 16px 48px}.section{padding:48px 16px}.section-dark .section-inner,.section-gray .section-inner,.section-gradient .section-inner{padding:0 16px}.card{padding:20px}.hero-meta{gap:16px}.hero-meta-item .number{font-size:24px}}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6,.card-title,.section-title,.hero-meta-item .number{font-family:Bricolage Grotesque,sans-serif}.nav-logo,.section-label,.card-tag,.hero-meta-item .label,.comparison-table th,.responsive-demo .device-label,.anatomy-label,.anatomy-zone:before{font-family:Departure Mono,Iosevka Term,ui-monospace,monospace;font-synthesis:none}html.dark{--white: #141417;--gray-50: #19191d;--gray-100: #202025;--gray-200: #35353c;--gray-400: #9b9ba3;--gray-600: #bcbcc4;--black: #f0f0f2}html.dark .hero,html.dark .section-dark,html.dark .section-gradient{--white: #ffffff;--gray-50: #FAFAFA;--gray-100: #F5F5F7;--gray-200: #E8E8ED;--gray-400: #86868B;--gray-600: #6E6E73;--black: #1D1D1F}.hero-badge{display:none}.section-label,.section-title,.section-subtitle{max-width:720px;margin-left:auto;margin-right:auto}.card-text{font-size:15px}@media(max-width:640px){.section-subtitle,.card-text,.hero-sub{font-size:17px}}