.rec-hero{isolation:isolate;background:radial-gradient(46rem 24rem at 78% -12%, #2165ec1f, transparent 60%), radial-gradient(36rem 18rem at 8% -8%, #5c94ff1a, transparent 55%), linear-gradient(180deg, var(--ink-50) 0%, #fff 100%);padding:clamp(7rem,12vh,9rem) 0 clamp(3rem,6vh,4.5rem);position:relative;overflow:hidden}.rec-hero-inner{width:100%;max-width:86rem;padding-inline:var(--space-gutter);margin-inline:auto}.rec-hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(2.5rem,4vw,4rem);display:grid}@media (width>=72rem){.rec-hero-grid{grid-template-columns:.9fr 1.1fr}}.rec-copy{max-width:34rem}.rec-eyebrow{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-full);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-600);align-items:center;gap:.55rem;padding:.4rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.rec-eyebrow .dot{background:var(--brand-500);border-radius:50%;width:7px;height:7px}.rec-title{letter-spacing:-.04em;color:var(--ink-950);text-wrap:balance;margin-top:1.1rem;font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:800;line-height:1.05}.rec-title .accent{color:var(--brand-500)}.rec-lead{color:var(--ink-500);margin-top:1.05rem;font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.65}.rec-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.rec-note{color:var(--ink-400);align-items:center;gap:.55rem;margin-top:1.5rem;font-size:.8125rem;font-weight:500;display:flex}.rec-note svg{color:var(--brand-500);flex:none}.rec-note b{color:var(--ink-700)}.rec-app{border:1px solid var(--ink-200);box-shadow:var(--shadow-card);background:#fff;border-radius:1.25rem;width:100%;max-width:34rem;margin-inline:auto;overflow:hidden}.rec-app-head{background:linear-gradient(180deg, #fff, var(--ink-50));border-bottom:1px solid var(--ink-200);align-items:center;gap:.5rem;padding:.85rem 1.1rem;display:flex}.rec-app-head .dots{gap:.3rem;display:flex}.rec-app-head .dots i{background:var(--ink-200);border-radius:50%;width:8px;height:8px}.rec-app-head .dots i:first-child{background:#fca5a5}.rec-app-head .dots i:nth-child(2){background:#fcd34d}.rec-app-head .dots i:nth-child(3){background:#86efac}.rec-app-head .title{color:var(--ink-800);margin-left:.25rem;font-size:.78rem;font-weight:700}.rec-app-head .live{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700);border-radius:999px;align-items:center;gap:.3rem;margin-left:auto;padding:.18rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex}.rec-app-head .live:before{content:"";background:var(--success-500);border-radius:50%;width:6px;height:6px}.rec-kpis{grid-template-columns:repeat(4,1fr);gap:.6rem;padding:1rem;display:grid}@media (width<=34rem){.rec-kpis{grid-template-columns:repeat(2,1fr)}}.rec-kpi{border:1px solid var(--ink-200);background:linear-gradient(180deg, #fff, var(--ink-50));border-radius:.7rem;padding:.7rem .75rem}.rec-kpi .k{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);font-size:.6rem;font-weight:700}.rec-kpi .v{letter-spacing:-.02em;color:var(--ink-950);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:1.05rem;font-weight:800}.rec-kpi.danger .v{color:var(--danger-600)}.rec-kpi.danger{border-color:var(--danger-200);background:linear-gradient(180deg, #fff, var(--danger-50))}.rec-kpi.accent .v{color:var(--brand-600)}.rec-bar{padding:0 1rem .9rem}.rec-bar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);margin-bottom:.5rem;font-size:.6rem;font-weight:700}.rec-bar-row{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.rec-bar-row .lb{width:3.8rem;color:var(--ink-500);text-align:right;flex:none;font-size:.66rem;font-weight:600}.rec-bar-row .track{background:var(--ink-100);border-radius:999px;flex:1;height:8px;overflow:hidden}.rec-bar-row .fill{border-radius:999px;height:100%}.rec-bar-row .vl{width:3.2rem;color:var(--ink-800);font-variant-numeric:tabular-nums;flex:none;font-size:.68rem;font-weight:700}.rec-table-wrap{border-top:1px solid var(--ink-100);overflow-x:auto}.rec-table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.8125rem}.rec-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);background:var(--ink-50);border-bottom:1px solid var(--ink-200);padding:.65rem 1rem;font-size:.64rem;font-weight:700}.rec-table th.right{text-align:right}.rec-table td{border-bottom:1px solid var(--ink-100);color:var(--ink-600);white-space:nowrap;font-variant-numeric:tabular-nums;padding:.65rem 1rem}.rec-table td.right{text-align:right}.rec-table td.id{color:var(--ink-900);font-weight:700}.rec-table td.diff-amt.warn{color:var(--danger-600);font-weight:700}.rec-table tr:last-child td{border-bottom:0}.rec-pill{border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.rec-pill:before{content:"";border-radius:50%;width:5px;height:5px}.rec-pill.ok{background:var(--success-50);color:var(--success-700)}.rec-pill.ok:before{background:var(--success-500)}.rec-pill.warn{background:var(--danger-50);color:var(--danger-600)}.rec-pill.warn:before{background:var(--danger-500)}.rec-app-foot{border-top:1px solid var(--ink-200);color:var(--ink-600);background:#fff;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.72rem;font-weight:600;display:flex}.rec-app-foot .ok{color:var(--success-600);margin-left:auto;font-weight:700}@media (width<=47.99rem){.rec-hero{padding-top:5rem}.rec-title{font-size:clamp(2rem,8.5vw,2.6rem)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.faq-item{border:1px solid var(--ink-200);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:.9rem;overflow:hidden}.faq-item:hover{border-color:var(--ink-300)}.faq-q{cursor:pointer;color:var(--ink-800);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q:after{content:"+";color:var(--brand-600);transition:transform var(--transition-fast);flex:none;font-size:1.25rem;font-weight:500}details[open] .faq-q:after{transform:rotate(45deg)}.faq-a{color:var(--ink-500);margin:0;padding:0 1.25rem 1.1rem;font-size:.9375rem;line-height:1.7}
