@font-face{font-family:'Red Hat Display';src:url('fonts/RedHatDisplay-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
        @font-face{font-family:'Red Hat Display';src:url('fonts/RedHatDisplay-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
        @font-face{font-family:'Red Hat Display';src:url('fonts/RedHatDisplay-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
        :root{--c-pri:#0891b2;--c-pri-d:#0e7490;--c-pri-l:#22d3ee;--c-sec:#f59e0b;--c-sec-d:#d97706;--c-sec-l:#fbbf24;--c-bg:#fff;--c-bg-alt:#f8fafc;--c-bg-card:#fff;--c-txt:#0f172a;--c-txt-sub:#64748b;--c-txt-mute:#94a3b8;--c-border:#e2e8f0;--c-success:#10b981;--c-warning:#f59e0b;--c-error:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-card:0 2px 8px #00000014;--ff-head:'Red Hat Display',system-ui,-apple-system,sans-serif;--ff-body:'Red Hat Display',system-ui,-apple-system,sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--lh-tight:1.2;--lh-base:1.5;--lh-relaxed:1.7;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--radius:.35rem;--radius-sm:.25rem;--transition:.2s ease;--container:72rem}
        [data-theme="dark"]{--c-bg:#0f172a;--c-bg-alt:#1e293b;--c-bg-card:#1e293b;--c-txt:#f1f5f9;--c-txt-sub:#94a3b8;--c-txt-mute:#64748b;--c-border:#334155;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-card:0 2px 8px #0000004d}
        .skip-link{position:absolute;top:-100%;left:var(--sp-4);z-index:9999;padding:var(--sp-3) var(--sp-6);background:var(--c-pri);color:#fff;font-weight:var(--fw-bold);border-radius:0 0 var(--radius) var(--radius);transition:top .2s}
        .skip-link:focus{top:0}
        .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
        *:focus-visible{outline:2px solid var(--c-pri);outline-offset:2px;border-radius:var(--radius-sm)}
        .text-center{text-align:center}
        .text-muted-sm{font-size:var(--fs-sm);color:var(--c-txt-mute)}
        .text-muted-xs{font-size:var(--fs-xs);color:var(--c-txt-mute)}
        .fw-medium{font-weight:var(--fw-medium)}
        .mt-4{margin-top:var(--sp-4)}
        .mt-8{margin-top:var(--sp-8)}
        .mt-10{margin-top:var(--sp-10)}
        .stat-grid{grid-template-columns:repeat(4,1fr);max-width:none}
        .stat-value{font-size:var(--fs-2xl)}
        .stat-value--pri{color:var(--c-pri)}
        .stat-value--blue{color:#3b82f6}
        .stat-value--purple{color:#8b5cf6}
        .stat-value--amber{color:#f59e0b}
        .acard-icon--center{margin:0 auto var(--sp-3)}
        .acard-icon--blue{background:#3b82f61a}
        .acard-icon--purple{background:#8b5cf61a}
        .acard-icon--amber{background:#f59e0b1a}
        .bell-card{margin-top:var(--sp-10);background:var(--c-bg-alt);padding:var(--sp-6);border-radius:var(--radius);text-align:center}
        .bell-card h3{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}
        .bell-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:150px;margin-bottom:var(--sp-4)}
        .bell-bar{width:30px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}
        .bell-labels{display:flex;justify-content:center;gap:var(--sp-8);font-size:var(--fs-sm);color:var(--c-txt-sub)}
        .step-icon--text{font-size:var(--fs-lg);font-weight:var(--fw-bold)}
        *,::before,::after{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth;overflow-x:clip}
        body{overflow-x:clip;position:relative;width:100%}
        body{font-family:var(--ff-body);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-txt);background:var(--c-bg);-webkit-font-smoothing:antialiased}
        img,svg{display:block;max-width:100%}
        a{color:inherit;text-decoration:none}
        button{font:inherit;cursor:pointer;border:none;background:none}
        ul,ol{list-style:none}
        h1,h2,h3,h4{font-family:var(--ff-head);line-height:var(--lh-tight);font-weight:var(--fw-bold)}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;white-space:nowrap}
        .btn-lg{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-base)}
        .btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}
        .btn-pri{background:#0e7490;color:#fff}
        .btn-pri:hover{background:var(--c-pri-d);transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .btn-sec{background:var(--c-sec);color:#fff}
        .btn-sec:hover{background:var(--c-sec-d)}
        .btn-outline{background:transparent;border:2px solid var(--c-border);color:var(--c-txt)}
        .btn-outline:hover{border-color:var(--c-pri);color:var(--c-pri)}
        .btn-ghost{background:transparent;color:var(--c-txt-sub)}
        .btn-ghost:hover{background:var(--c-bg-alt);color:var(--c-txt)}
        .btn-light{background:#fff;color:var(--c-pri)}
        .btn-light:hover{background:#ffffffe6}
        .btn-outline-light{border:2px solid #ffffff80;color:#fff;background:transparent}
        .btn-outline-light:hover{background:#ffffff1a;border-color:#fff}
        .hdr{position:sticky;top:0;z-index:1000;background:#ffffffe6;backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);transition:box-shadow var(--transition)}
        [data-theme="dark"] .hdr{background:#0f172ae6}
        .hdr.scrolled{box-shadow:var(--shadow-md)}
        .hdr-inner{max-width:var(--container);margin:0 auto;padding:var(--sp-2) var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8)}
        .logo{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);font-size:var(--fs-xl);color:var(--c-pri)}
        .logo svg{width:2rem;height:2rem}
        .nav{display:flex;gap:var(--sp-6)}
        .nav a{position:relative;font-weight:var(--fw-medium);color:var(--c-txt-sub);transition:color var(--transition)}
        .nav a:hover{color:var(--c-pri)}
        .nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--c-pri);transition:width var(--transition)}
        .nav a:hover::after{width:100%}
        .hdr-actions{display:flex;align-items:center;gap:var(--sp-4)}
        .theme-toggle{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--c-txt-sub);transition:all var(--transition)}
        .theme-toggle:hover{background:var(--c-bg-alt);color:var(--c-pri)}
        .theme-toggle svg{width:1.25rem;height:1.25rem}
        .menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;gap:5px}
        .menu-toggle span{display:block;width:18px;height:2px;background:var(--c-txt);border-radius:1px;transition:transform .3s ease,opacity .3s ease}
        .menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
        .menu-toggle.active span:nth-child(2){opacity:0}
        .menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
        .lang-dropdown{position:relative}
        .lang-btn{display:flex;align-items:center;gap:6px;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-txt-sub);transition:all var(--transition);cursor:pointer;background:none;border:1px solid transparent}
        .lang-btn:hover{background:var(--c-bg-alt);color:var(--c-pri);border-color:var(--c-border)}
        .lang-btn svg{width:1rem;height:1rem}
        .lang-btn .chevron{width:.75rem;height:.75rem;transition:transform var(--transition)}
        .lang-dropdown.open .chevron{transform:rotate(180deg)}
        .lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-2);width:min(560px,calc(100vw - 1rem));min-width:420px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1001;list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-1)}
        .lang-dropdown.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
        .lang-menu li a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--c-txt-sub);transition:all var(--transition);text-decoration:none;white-space:normal;line-height:1.2}
        .lang-menu li a:hover{background:var(--c-bg-alt);color:var(--c-pri)}
        .lang-menu li a.active{color:var(--c-pri);font-weight:var(--fw-bold)}
        .lang-menu li a::after{display:none}
        .lang-flag{width:1.25rem;height:.875rem;flex-shrink:0;border-radius:2px}
        .mobile-lang{display:none}
        .hero{position:relative;padding:var(--sp-20) var(--sp-6);overflow:hidden;background:linear-gradient(135deg,var(--c-bg) 0%,var(--c-bg-alt) 100%)}
        .hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
        .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}
        .blob-1{width:25rem;height:25rem;background:var(--c-pri-l);top:-6rem;right:-6rem}
        .blob-2{width:18rem;height:18rem;background:var(--c-sec-l);bottom:-3rem;left:10%}
        .blob-3{width:12rem;height:12rem;background:var(--c-pri);top:50%;left:40%}
        .hero-inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--sp-12);align-items:center;position:relative;z-index:1}
        .hero-badge{display:inline-block;padding:var(--sp-2) var(--sp-4);background:#b45309;color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:2rem;margin-bottom:var(--sp-4)}
        .hero-content h1{font-size:var(--fs-5xl);color:var(--c-txt);margin-bottom:var(--sp-6);letter-spacing:-.02em}
        .hero-content h1 .highlight{background:linear-gradient(120deg,var(--c-pri),var(--c-pri-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .hero-content > p{font-size:var(--fs-lg);color:var(--c-txt-sub);line-height:var(--lh-relaxed);margin-bottom:var(--sp-8);max-width:36rem}
        .hero-cta{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-10)}
        .hero-stats{display:flex;gap:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}
        .stat strong{display:block;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-pri)}
        .stat span{font-size:var(--fs-sm);color:var(--c-txt-sub)}
        .hero-visual{display:flex;justify-content:center}
        .hero-card{background:var(--c-bg-card);padding:var(--sp-6);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--c-border);max-width:18rem;transform:rotate(2deg)}
        .hc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}
        .hc-badge{padding:var(--sp-1) var(--sp-2);background:var(--c-sec);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-sm)}
        .hc-score{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-pri)}
        .hero-card strong{font-size:var(--fs-lg);margin-bottom:var(--sp-1)}
        .hero-card > p{font-size:var(--fs-sm);color:var(--c-txt-sub);margin-bottom:var(--sp-4)}
        .hc-features{display:flex;gap:var(--sp-2);flex-wrap:wrap}
        .hc-features span{padding:var(--sp-1) var(--sp-2);background:var(--c-bg-alt);font-size:var(--fs-xs);border-radius:var(--radius-sm);color:var(--c-txt-sub)}
        .section{padding:var(--sp-20) var(--sp-6)}
        .section-alt{background:var(--c-bg-alt)}
        .section-inner{max-width:var(--container);margin:0 auto}
        .section-header{text-align:center;margin-bottom:var(--sp-12)}
        .section-tag{display:inline-block;padding:var(--sp-1) var(--sp-3);background:#0891b21a;color:#0369a1;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:2rem;margin-bottom:var(--sp-4)}
        .section-header h2{font-size:var(--fs-4xl);margin-bottom:var(--sp-4)}
        .section-header p{font-size:var(--fs-lg);color:var(--c-txt-sub);max-width:40rem;margin:0 auto}
        .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}
        .step{position:relative;overflow:hidden;background:var(--c-bg-card);padding:var(--sp-8);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}
        .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
        .step-num{position:absolute;top:.5rem;right:.6rem;font-size:3rem;font-weight:var(--fw-bold);color:var(--c-pri);opacity:.15;line-height:1;pointer-events:none}
        .step-icon{width:4rem;height:4rem;background:#0891b21a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4)}
        .step-icon svg{width:1.5rem;height:1.5rem;color:var(--c-pri)}
        .step h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}
        .step p{font-size:var(--fs-sm);color:var(--c-txt-sub);line-height:var(--lh-relaxed)}
        .trust{padding:var(--sp-8) var(--sp-6);background:var(--c-bg-alt);border-bottom:1px solid var(--c-border)}
        .trust-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--sp-8);flex-wrap:wrap}
        .trust-badge{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-txt-sub);font-size:var(--fs-sm)}
        .trust-badge svg{width:1.25rem;height:1.25rem;color:var(--c-pri)}
        .trust-badge strong{color:var(--c-txt);font-weight:var(--fw-medium)}
        .trust-divider{width:1px;height:1.5rem;background:var(--c-border)}
        .about-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:center}
        .about-content{max-width:28rem}
        .about-content .section-tag{margin-bottom:var(--sp-3)}
        .about-content h2{font-size:var(--fs-3xl);text-align:left;margin-bottom:var(--sp-4)}
        .about-content > p{color:var(--c-txt-sub);margin-bottom:var(--sp-4);line-height:var(--lh-relaxed)}
        .about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}
        .acard{background:var(--c-bg-card);padding:var(--sp-6);border-radius:var(--radius);border:1px solid var(--c-border);transition:border-color var(--transition),transform var(--transition)}
        .acard:hover{border-color:var(--c-pri);transform:translateY(-2px)}
        .acard-icon{width:2.5rem;height:2.5rem;background:#0891b21a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}
        .acard-icon svg{width:1.25rem;height:1.25rem;color:var(--c-pri)}
        .acard h3{font-size:var(--fs-base);font-weight:var(--fw-medium);margin-bottom:var(--sp-2)}
        .acard p{font-size:var(--fs-sm);color:var(--c-txt-sub);line-height:var(--lh-relaxed)}
        .scale-bar{display:flex;border-radius:var(--radius);overflow:hidden;margin:var(--sp-10) 0}
        .sb-segment{padding:var(--sp-6) var(--sp-4);text-align:center;color:#fff;min-width:0;flex:1}
        .sb-below{background:#ef4444}
        .sb-low{background:#f97316;flex:1.2}
        .sb-avg{background:#22c55e;flex:2}
        .sb-high{background:#3b82f6;flex:1.2}
        .sb-genius{background:#8b5cf6}
        .sb-range{display:block;font-weight:var(--fw-bold);font-size:var(--fs-lg)}
        .sb-label{display:block;font-size:var(--fs-sm);opacity:.9;margin-top:var(--sp-1)}
        .sb-note{display:block;font-size:var(--fs-xs);opacity:.8;margin-top:var(--sp-2)}
        .scale-info{text-align:center;color:var(--c-txt-sub);font-size:var(--fs-sm)}
        .table-wrap{overflow-x:auto;margin:var(--sp-10) 0;border-radius:var(--radius);box-shadow:var(--shadow-card)}
        .tbl{width:100%;border-collapse:collapse;background:var(--c-bg-card);font-size:var(--fs-sm)}
        .tbl th{background:var(--c-bg-alt);padding:var(--sp-4) var(--sp-5);text-align:left;font-weight:var(--fw-medium);color:var(--c-txt-sub);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
        .tbl td{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);white-space:nowrap}
        .tbl tbody tr:hover{background:#0891b208}
        .tbl .featured{background:#0891b21f}
        .tbl-test{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2)}
        .tbl-badge{display:inline-block;padding:var(--sp-1) var(--sp-2);background:var(--c-sec);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-sm);white-space:nowrap}
        .price{font-weight:var(--fw-medium)}
        .price.free{color:var(--c-success)}
        .rating{display:flex;align-items:center;gap:var(--sp-2)}
        .stars{color:var(--c-sec)}
        .score{font-weight:var(--fw-bold);color:var(--c-pri)}
        .icon-check{width:1.25rem;height:1.25rem;color:var(--c-success)}
        .platforms{display:flex;flex-direction:column;gap:var(--sp-6)}
        .platform{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-6);background:var(--c-bg-card);padding:var(--sp-6);border-radius:var(--radius);border:1px solid var(--c-border);transition:border-color var(--transition),box-shadow var(--transition);scroll-margin-top:5rem}
        .platform:hover{border-color:var(--c-pri);box-shadow:var(--shadow-md)}
        .platform .rank{width:3rem;height:3rem;background:var(--c-pri);color:#fff;font-size:var(--fs-xl);font-weight:var(--fw-bold);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}
        .platform .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-3);flex-wrap:wrap;gap:var(--sp-4)}
        .platform .info h3{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-1)}
        .platform .tagline{color:var(--c-txt-sub);font-size:var(--fs-sm)}
        .platform .score{position:relative;width:3.5rem;height:3.5rem}
        .platform .score svg{width:100%;height:100%;transform:rotate(-90deg)}
        .platform .score .bg{fill:none;stroke:var(--c-border);stroke-width:4}
        .platform .score .fill{fill:none;stroke:var(--c-pri);stroke-width:4;stroke-linecap:round}
        .platform:not(.in-view) .score .fill{stroke-dashoffset:100}
        .platform.in-view .score .fill{transition:stroke-dashoffset 1s ease-out}
        .platform .score span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);color:var(--c-pri)}
        .tbl td a{color:inherit;text-decoration:none;transition:color var(--transition)}
        .tbl td a:hover{color:var(--c-pri)}
        .tag{padding:var(--sp-1) var(--sp-2);background:var(--c-bg-alt);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-txt-sub)}
        .platform .desc{color:var(--c-txt-sub);line-height:var(--lh-relaxed);margin-bottom:var(--sp-4)}
        .platform .features{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-4)}
        .platform .features .pf{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-txt-sub)}
        .platform .features .pf svg{width:1rem;height:1rem;color:var(--c-pri)}
        .platform .actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}
        .platform .actions .btns{display:flex;gap:var(--sp-3)}
        .decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}
        .dcard{background:var(--c-bg-card);padding:var(--sp-6);border-radius:var(--radius);border:1px solid var(--c-border);transition:all var(--transition)}
        .dcard:hover{border-color:var(--c-pri);transform:translateY(-4px);box-shadow:var(--shadow-md)}
        .dcard-icon{width:3rem;height:3rem;background:#0891b21a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);transition:background var(--transition)}
        .dcard:hover .dcard-icon{background:var(--c-pri)}
        .dcard-icon svg{width:1.5rem;height:1.5rem;color:var(--c-pri);transition:color var(--transition)}
        .dcard:hover .dcard-icon svg{color:#fff}
        .dcard h3{font-size:var(--fs-lg);font-weight:var(--fw-medium);margin-bottom:var(--sp-2)}
        .dcard p{font-size:var(--fs-sm);color:var(--c-txt-sub);line-height:var(--lh-relaxed);margin-bottom:var(--sp-3)}
        .dcard-rec{display:block;font-size:var(--fs-xs);color:var(--c-pri);font-weight:var(--fw-medium);margin-bottom:var(--sp-3)}
        .dcard-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-pri);display:inline-flex;align-items:center;gap:var(--sp-1)}
        .dcard-link::after{content:'\2192';transition:transform var(--transition)}
        .dcard:hover .dcard-link::after{transform:translateX(4px)}
        .testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
        .testimonial{background:var(--c-bg-card);padding:var(--sp-6);border-radius:var(--radius);border:1px solid var(--c-border)}
        .t-rating{color:var(--c-sec);margin-bottom:var(--sp-3);letter-spacing:2px}
        .t-text{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--c-txt);margin-bottom:var(--sp-4)}
        .t-author{display:flex;align-items:center;gap:var(--sp-3)}
        .t-avatar{width:2.5rem;height:2.5rem;background:var(--c-pri);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm)}
        .t-info strong{display:block;font-weight:var(--fw-medium)}
        .t-info span{font-size:var(--fs-xs);color:var(--c-txt-mute)}
        .faq-list{max-width:48rem;margin:0 auto}
        .faq-item{border-bottom:1px solid var(--c-border)}
        .faq-q{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-5) 0;cursor:pointer;font-weight:var(--fw-medium);list-style:none}
        .faq-q::-webkit-details-marker{display:none}
        .faq-q span{flex:1;padding-right:var(--sp-4)}
        .faq-icon{width:1.25rem;height:1.25rem;color:var(--c-txt-mute);transition:transform var(--transition);flex-shrink:0}
        .faq-item[open] .faq-icon{transform:rotate(45deg)}
        .faq-a{padding-bottom:var(--sp-5);color:var(--c-txt-sub);line-height:var(--lh-relaxed)}
        .refs{padding:var(--sp-12) var(--sp-6);background:var(--c-bg-alt)}
        .refs-inner{max-width:var(--container);margin:0 auto}
        .refs h2{font-size:var(--fs-xl);margin-bottom:var(--sp-6);text-align:center}
        .refs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4)}
        .ref{background:var(--c-bg-card);padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--c-border);font-size:var(--fs-sm)}
        .ref-title{font-weight:var(--fw-medium);color:var(--c-txt);margin-bottom:var(--sp-1)}
        .ref-source{color:var(--c-txt-sub);font-style:italic}
        .cta-banner{background:linear-gradient(135deg,var(--c-pri-d) 0%,var(--c-pri) 100%);color:#fff;padding:var(--sp-16) var(--sp-6);position:relative;overflow:hidden}
        .cta-inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:var(--sp-10);align-items:center}
        .cta-content h2{font-size:var(--fs-4xl);margin-bottom:var(--sp-4)}
        .cta-content p{font-size:var(--fs-lg);opacity:.9;max-width:36rem;margin-bottom:var(--sp-6)}
        .cta-actions{display:flex;gap:var(--sp-4)}
        .cta-visual{position:relative}
        .cta-score{width:10rem;height:10rem;background:#ffffff26;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px)}
        .cs-num{font-size:var(--fs-5xl);font-weight:var(--fw-bold)}
        .cs-label{font-size:var(--fs-sm);opacity:.8}
        .footer{background:var(--c-bg-alt);border-top:1px solid var(--c-border);padding:var(--sp-16) var(--sp-6) var(--sp-8)}
        .footer-inner{max-width:var(--container);margin:0 auto}
        .footer-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-12);margin-bottom:var(--sp-10)}
        .footer-brand .logo{margin-bottom:var(--sp-4)}
        .footer-brand p{color:var(--c-txt-sub);font-size:var(--fs-sm);line-height:var(--lh-relaxed);max-width:20rem}
        .footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}
        .fnav-col div{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-4);color:var(--c-txt)}
        .fnav-col a{display:block;font-size:var(--fs-sm);color:var(--c-txt-sub);padding:var(--sp-1) 0;transition:color var(--transition)}
        .fnav-col a:hover{color:var(--c-pri)}
        .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-6);border-top:1px solid var(--c-border)}
        .footer-bottom p{font-size:var(--fs-sm);color:var(--c-txt-mute)}
        .footer-social{display:flex;gap:var(--sp-4)}
        .footer-social a{color:var(--c-txt-mute);transition:color var(--transition)}
        .footer-social a:hover{color:var(--c-pri)}
        .footer-social svg{width:1.25rem;height:1.25rem}
        @media (max-width: 1024px) {
        :root{--fs-5xl:2.5rem;--fs-4xl:2rem;--fs-3xl:1.5rem}
        .hero-inner{grid-template-columns:1fr}
        .hero-visual{display:none}
        .about-inner{grid-template-columns:1fr}
        .about-content{max-width:none;margin-bottom:var(--sp-8);text-align:center}
        .about-content h2{text-align:center}
        .decision-grid{grid-template-columns:repeat(2,1fr)}
        .testimonial-grid{grid-template-columns:repeat(2,1fr)}
        .lang-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:min(440px,calc(100vw - 1rem));min-width:320px}
        }
        @media (max-width: 768px) {
        :root{--fs-5xl:2rem;--fs-4xl:1.75rem;--sp-20:4rem;--sp-16:3rem}
        .nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--c-bg);padding:0 var(--sp-4);border-bottom:1px solid transparent;gap:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,padding .35s ease,gap .35s ease;pointer-events:none}
        .nav.open{max-height:80vh;opacity:1;padding:var(--sp-4);border-bottom:1px solid var(--c-border);gap:var(--sp-2);overflow-y:auto;pointer-events:auto}
        .menu-toggle{display:flex}
        .hdr-actions .btn{display:none}
        .hero-stats{flex-direction:column;gap:var(--sp-4)}
        .steps-grid{grid-template-columns:1fr}
        .about-cards{grid-template-columns:1fr}
        .scale-bar{flex-direction:column}
        .sb-segment{padding:var(--sp-4)}
        .platform{display:flex;flex-direction:column;position:relative}
        .platform .rank{position:absolute;top:var(--sp-4);left:var(--sp-4);font-size:var(--fs-base)}
        .platform .content{padding-top:4rem}
        .platform .score{position:absolute;top:var(--sp-4);right:var(--sp-4)}
        .platform .info{order:1}
        .platform .info h3{font-size:var(--fs-lg)}
        .decision-grid{grid-template-columns:1fr}
        .testimonial-grid{grid-template-columns:1fr}
        .cta-inner{grid-template-columns:1fr;text-align:center}
        .cta-actions{justify-content:center;flex-wrap:wrap}
        .cta-visual{display:none}
        .footer-main{grid-template-columns:1fr}
        .footer-nav{grid-template-columns:repeat(2,1fr)}
        .footer-bottom{flex-direction:column;gap:var(--sp-4);text-align:center}
        .trust-inner{gap:var(--sp-4)}
        .trust-divider{display:none}
        .lang-dropdown{display:none}
        .mobile-lang{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1);padding-top:var(--sp-3);margin-top:var(--sp-3);border-top:1px solid var(--c-border)}
        .mobile-lang a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);font-size:var(--fs-xs);color:var(--c-txt-sub);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap}
        .mobile-lang a:hover{background:var(--c-bg-alt);color:var(--c-pri)}
        .mobile-lang a.active{color:var(--c-pri);font-weight:var(--fw-bold)}
        .mobile-lang a::after{display:none}
        .mobile-lang .lang-flag{width:1.25rem;height:.875rem;flex-shrink:0;border-radius:2px}
        }
        @media (max-width: 480px) {
        :root{--fs-5xl:1.75rem;--sp-6:1.25rem}
        .btn-lg{width:100%}
        .hero-cta{flex-direction:column}
        .platform .actions{flex-direction:column}
        .cta-actions{flex-direction:column}
        .mobile-lang{grid-template-columns:repeat(2,1fr)}
        }
        .back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:var(--c-pri);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(1rem);transition:all var(--transition);box-shadow:var(--shadow-md);z-index:999}
        .back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
        .back-to-top:hover{background:var(--c-pri-d);transform:translateY(-2px)}
        .back-to-top svg{width:1.25rem;height:1.25rem}
        .cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:var(--c-bg-card);border-top:1px solid var(--c-border);box-shadow:0 -4px 12px #0000001a;transform:translateY(100%);transition:transform .3s ease;display:none}
        .cookie-banner.visible{display:block;transform:translateY(0)}
        [data-theme="dark"] .cookie-banner{box-shadow:0 -4px 12px #0000004d}
        .cookie-inner{max-width:var(--container);margin:0 auto;padding:var(--sp-4) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap}
        .cookie-inner p{font-size:var(--fs-sm);color:var(--c-txt-sub);flex:1;min-width:200px}
        .cookie-inner a{color:var(--c-pri);text-decoration:underline}
        .cookie-actions{display:flex;gap:var(--sp-3);flex-shrink:0}
        .share-section{padding:var(--sp-12) var(--sp-6)}
        .share-label{font-size:var(--fs-sm);color:var(--c-txt-mute);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-medium);margin-bottom:var(--sp-4)}
        .share-buttons{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}
        .share-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition);border:1px solid var(--c-border);color:var(--c-txt-sub)}
        .share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .share-btn--x:hover{color:#000;border-color:#000}
        [data-theme="dark"] .share-btn--x:hover{color:#fff;border-color:#fff}
        .share-btn--fb:hover{color:#1877f2;border-color:#1877f2}
        .share-btn--li:hover{color:#0a66c2;border-color:#0a66c2}
        .share-btn--wa:hover{color:#25d366;border-color:#25d366}
        @media print{.hdr,.back-to-top,.cookie-banner,.hero-bg,.cta-banner,.share-section,footer,.theme-toggle,.menu-toggle{display:none!important}body{color:#000;background:#fff;font-size:12pt}.hero{padding:1rem 0;background:none}.section{padding:1rem 0;background:none!important}.platform{break-inside:avoid;page-break-inside:avoid}a{color:#000;text-decoration:underline}a[href^="http"]::after{content:" (" attr(href) ")";font-size:10pt;color:#666}}