:root{--bg: #080a10;--bg-soft: #0f1320;--bg-card: #11141f;--border: #232a3b;--border-soft: #1a1f2e;--text: #eef1f8;--text-muted: #9aa4b8;--accent: #f5b62e;--accent-soft: rgba(245, 182, 46, .12);--tech-1: #6366f1;--tech-2: #22d3ee;--tech-grad: linear-gradient(135deg, #818cf8 0%, #22d3ee 100%);--tech-grad-soft: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(34, 211, 238, .12));--radius: 16px;--maxw: 1120px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000 40%,transparent 100%)}body:after{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(600px 400px at 12% -5%,rgba(99,102,241,.18),transparent 70%),radial-gradient(560px 380px at 88% 0%,rgba(34,211,238,.12),transparent 70%),radial-gradient(500px 360px at 50% 8%,rgba(245,182,46,.06),transparent 70%)}a{color:var(--tech-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;font-weight:800}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.4rem,3vw,2rem);margin-top:2.8rem}.muted{color:var(--text-muted)}.grad-text{background:var(--tech-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-header{border-bottom:1px solid var(--border-soft);background:#080a10b8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:66px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:var(--text);letter-spacing:-.03em}.logo:hover{text-decoration:none}.logo>span:last-child{white-space:nowrap}.logo .mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--tech-grad);color:#07121a;font-weight:900;font-size:.82rem;box-shadow:0 0 18px #22d3ee59}.logo .vs{color:var(--accent)}.nav a{color:var(--text-muted);margin-left:22px;font-size:.95rem;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.site-footer{border-top:1px solid var(--border-soft);margin-top:90px;padding:44px 0;font-size:.9rem;color:var(--text-muted);background:linear-gradient(180deg,transparent,rgba(99,102,241,.04))}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--text)}.hero{padding:84px 0 36px;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero .tag{display:inline-flex;align-items:center;gap:8px;background:var(--tech-grad-soft);border:1px solid rgba(99,102,241,.3);color:#c7d2fe;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:99px;margin-bottom:22px}.hero .tag .dot{width:7px;height:7px;border-radius:50%;background:var(--tech-2);box-shadow:0 0 8px var(--tech-2)}.hero h1{margin:0 0 18px}.hero p.lead{max-width:540px;color:var(--text-muted);font-size:1.12rem;margin:0 0 28px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:30px;margin-top:36px}.hero-stats .stat strong{display:block;font-size:1.6rem;font-weight:800}.hero-stats .stat span{font-size:.82rem;color:var(--text-muted)}.hero-visual{position:relative}.hero-visual svg{width:100%;height:auto;display:block}.section-head{display:flex;align-items:center;gap:12px;margin-top:2.8rem}.section-head .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--tech-grad-soft);border:1px solid var(--border);color:var(--tech-2)}.section-head h2{margin:0}.duel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;margin-top:22px}.duel-card{position:relative;background:linear-gradient(180deg,#ffffff06,#fff0),var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:block;color:var(--text);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.duel-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:var(--tech-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .18s ease}.duel-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px #22d3ee59;text-decoration:none}.duel-card:hover:before{opacity:1}.duel-card .cat{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tech-2);margin-bottom:14px}.duel-card .fighters{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:1.08rem;margin-bottom:12px}.duel-card .vs-badge{background:var(--accent);color:#1a1408;font-size:.68rem;font-weight:900;padding:4px 8px;border-radius:7px;box-shadow:0 0 14px #f5b62e66}.duel-card p{color:var(--text-muted);font-size:.9rem;margin:0;text-align:center}.breadcrumb{margin-top:30px;font-size:.85rem}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;margin:36px 0}.fighter{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.fighter.winner{border-color:#f5b62e99;box-shadow:0 0 0 1px #f5b62e66,0 22px 50px -24px #f5b62e59}.fighter h2{margin:0 0 4px;font-size:1.4rem}.fighter .tagline{color:var(--text-muted);font-size:.92rem;margin:0 0 14px}.fighter .price{font-weight:700;color:#3ecf8e;margin-bottom:14px;font-size:.95rem}.fighter ul{padding-left:0;list-style:none;margin:0 0 8px;font-size:.92rem}.fighter li{margin-bottom:7px;padding-left:24px;position:relative}.fighter li.pro:before{content:"✓";color:#3ecf8e;position:absolute;left:0;font-weight:700}.fighter li.con:before{content:"✗";color:#f06a6a;position:absolute;left:0;font-weight:700}.vs-pillar{display:flex;align-items:center;justify-content:center}.vs-pillar span{background:var(--accent);color:#1a1408;font-weight:900;font-size:1.1rem;padding:12px 16px;border-radius:12px;box-shadow:0 0 22px #f5b62e73}.winner-chip{display:inline-block;background:var(--accent);color:#1a1408;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:99px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#1a1408;font-weight:700;padding:12px 22px;border-radius:11px;margin-top:14px;font-size:.95rem;border:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}.btn:hover{text-decoration:none;filter:brightness(1.08);transform:translateY(-1px)}.btn.tech{background:var(--tech-grad);color:#07121a;box-shadow:0 0 24px #22d3ee4d}.btn.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{border-color:var(--tech-2)}.scores{margin:14px 0 4px}.score-row{display:grid;grid-template-columns:110px 1fr 28px;gap:10px;align-items:center;font-size:.85rem;margin-bottom:6px}.score-track{background:var(--bg-soft);border-radius:99px;height:8px;overflow:hidden}.score-fill{background:var(--tech-grad);height:100%;border-radius:99px}.compare-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.compare-table th,.compare-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}.compare-table th{color:var(--text-muted);font-weight:600}.compare-table td:first-child{color:var(--text-muted)}.verdict{position:relative;background:linear-gradient(135deg,#f5b62e1a,#f5b62e08);border:1px solid rgba(245,182,46,.4);border-radius:var(--radius);padding:28px;margin:36px 0}.verdict h2{margin-top:0;color:var(--accent)}.profiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;font-size:.93rem}.profile-card .who{font-weight:700;margin-bottom:6px}.profile-card .pick{color:var(--accent);font-weight:700}.faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--text-muted);margin-bottom:0}.disclosure{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:.82rem;color:var(--text-muted);margin:24px 0}.labo{position:relative;margin:80px 0 0;padding:48px;border-radius:22px;border:1px solid rgba(99,102,241,.35);background:radial-gradient(500px 300px at 80% 20%,rgba(34,211,238,.12),transparent 70%),radial-gradient(500px 300px at 10% 90%,rgba(99,102,241,.16),transparent 70%),var(--bg-soft);overflow:hidden;text-align:center}.labo .tag{display:inline-flex;align-items:center;gap:8px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.35);color:#a5f3fc;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:6px 14px;border-radius:99px;margin-bottom:18px}.labo h2{margin:0 0 12px}.labo p{color:var(--text-muted);max-width:580px;margin:0 auto 24px}.nav .nav-tool{background:var(--tech-grad);color:#07121a;padding:7px 14px;border-radius:99px;font-weight:700;box-shadow:0 0 16px #22d3ee4d}.nav .nav-tool:hover{color:#07121a;text-decoration:none;filter:brightness(1.08)}.promo{position:relative;margin:40px 0 8px;padding:30px 34px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;overflow:hidden;border:1px solid rgba(34,211,238,.32);background:radial-gradient(420px 260px at 88% 30%,rgba(34,211,238,.14),transparent 70%),radial-gradient(420px 260px at 6% 80%,rgba(99,102,241,.16),transparent 70%),var(--bg-soft)}.promo-tag{display:inline-flex;align-items:center;gap:7px;background:#f5b62e24;border:1px solid rgba(245,182,46,.4);color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.03em;padding:5px 12px;border-radius:99px;margin-bottom:12px}.promo h2{margin:0 0 8px;font-size:clamp(1.25rem,2.6vw,1.7rem)}.promo p{color:var(--text-muted);margin:0 0 18px;max-width:520px}.promo-visual{flex-shrink:0}.promo-visual svg{width:150px;height:auto;display:block}@media(max-width:720px){.promo{grid-template-columns:1fr}.promo-visual{display:none}}.prose{max-width:760px}.prose h1{margin-top:44px}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:var(--text)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:no-preference){.hero-visual .orb{animation:float 6s ease-in-out infinite}.hero-visual .node{animation:pulse-glow 3s ease-in-out infinite}}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:300px;margin:12px auto 0}.hero{padding-top:56px}}@media(max-width:760px){.arena{grid-template-columns:1fr}.vs-pillar{padding:4px 0}.nav a{margin-left:14px;font-size:.88rem}.labo{padding:32px 22px}.hero-stats{gap:20px}}