.hero{text-align:center;background:var(--brand-500);color:#fcfcfd;padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,72px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#ffd43b33,#0000 60%);position:absolute;inset:0}.hero:after{content:"";mix-blend-mode:overlay;pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hero>.container{z-index:1;position:relative}.hero .marginalia{font-family:var(--font-accent);color:var(--kpss-yellow);align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:600;display:inline-flex;transform:rotate(-2deg)}.hero .marginalia:before{content:"";background:var(--kpss-yellow);width:28px;height:2px;transform:rotate(-12deg)}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;font-variation-settings:"opsz" 96, "wght" 580, "wdth" 100;color:#fcfcfd;margin:0 0 14px;font-size:clamp(40px,6vw,72px);font-weight:600;line-height:.98}.hero p{color:#fcfcfdd6;max-width:52ch;margin:0 auto 28px;font-size:17px;line-height:1.55}.cmp-section{background:var(--paper-100);border-top:1px solid var(--border);padding:clamp(64px,9vw,112px) 0}.cmp-card{background:var(--paper-50);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:22px;overflow:hidden}.cmp-head{background:linear-gradient(135deg, var(--paper-100), var(--paper-50));border-bottom:2px solid var(--border);grid-template-columns:1.6fr 1fr 1fr 1.1fr 1fr;display:grid}.cmp-head .cmp-cell-h{font-family:var(--font-display);font-variation-settings:"opsz" 36, "wght" 700, "wdth" 100;letter-spacing:-.01em;color:var(--text-1);text-align:center;border-right:1px solid var(--border);padding:22px 18px;font-size:16px;font-weight:700}.cmp-head .cmp-cell-h:first-child{text-align:left}.cmp-head .cmp-cell-h:last-child{border-right:none}.cmp-head .cmp-cell-pro{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));color:#fcfcfd;position:relative}.cmp-head .cmp-cell-pro:after{content:"⭐ POPÜLER";font-family:var(--font-mono);letter-spacing:.08em;color:var(--kpss-yellow);font-size:9px;font-weight:700;position:absolute;top:4px;right:50%;transform:translate(50%)}.cmp-group{border-bottom:1px solid var(--border)}.cmp-group:last-child{border-bottom:none}.cmp-group-label{font-family:var(--font-accent);color:var(--brand-700);background:linear-gradient(90deg, var(--brand-50), transparent 70%);border-bottom:1px solid var(--border);letter-spacing:0;text-transform:none;align-items:center;gap:8px;padding:16px 18px 10px;font-size:17px;font-weight:700;display:flex}.cmp-group-label:before{content:"";background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border-radius:2px;flex-shrink:0;width:4px;height:18px}.cmp-row{border-bottom:1px solid var(--paper-200);transition:background var(--dur-quick) var(--ease-quart);grid-template-columns:1.6fr 1fr 1fr 1.1fr 1fr;display:grid}.cmp-row:last-child{border-bottom:none}.cmp-row:hover{background:color-mix(in srgb, var(--brand-50) 40%, transparent)}.cmp-cell{text-align:center;border-right:1px solid var(--paper-200);color:var(--text-1);justify-content:center;align-items:center;padding:14px 18px;font-size:14px;display:flex}.cmp-cell:last-child{border-right:none}.cmp-cell.cmp-feat{text-align:left;color:var(--text-2);justify-content:flex-start;font-weight:600}.cmp-cell.cmp-col-pro{background:color-mix(in srgb, var(--brand-50) 60%, transparent);font-weight:600}.cmp-yes{color:var(--emerald-600);font-size:18px;font-weight:800}.cmp-no{color:var(--text-3);font-weight:500}.cmp-pro{color:var(--brand-700);font-weight:700}@media (max-width:720px){.hero h1{font-size:clamp(32px,9vw,44px)}.hero p{font-size:15px}.cmp-head{grid-template-columns:1.4fr repeat(4,1fr);font-size:12px}.cmp-row{grid-template-columns:1.4fr repeat(4,1fr)}.cmp-cell{padding:10px 8px;font-size:12px}.cmp-head .cmp-cell-h{padding:16px 8px;font-size:13px}.cmp-group-label{padding:12px 12px 8px;font-size:14px}}@media (max-width:640px){.cmp-card{-webkit-overflow-scrolling:touch;overflow:auto hidden}.cmp-head,.cmp-row,.cmp-group-label{box-sizing:border-box;min-width:540px}}@media (max-width:480px){.hero h1{font-size:clamp(30px,8.5vw,38px)}}.faq{padding:clamp(64px,9vw,112px) 0}