:root{--g:#064e3b;--g2:#022c22;--e:#087f5b;--gold:#d6a928;--lg:#f5c542;--ink:#111827;--muted:#64748b;--bg:#f5f8f6;--card:#fff;--line:#dbe7df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{background:var(--g2);color:#fff;font-size:13px;text-align:center;padding:7px}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #0000000c}.nav{display:flex;align-items:center;gap:24px;min-height:78px}.logo{width:285px;max-width:38vw}.menu{display:flex;gap:18px;margin-left:auto;align-items:center}.menu a{text-decoration:none;font-weight:700;font-size:14px}.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--lg));color:#132018!important;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:800;border:1px solid #b88d13;box-shadow:0 5px 14px #d6a92830;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #d6a92855}.btn.dark{background:var(--g);color:#fff!important;border-color:var(--g)}.hero{background:linear-gradient(135deg,#022c22,#07583f);color:#fff;padding:64px 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0 0 18px}.hero p{font-size:18px;color:#e5f5ed}.hero img{width:100%;border-radius:22px;box-shadow:0 22px 60px #0007}.eyebrow{color:var(--lg);font-weight:900;text-transform:uppercase;letter-spacing:1.6px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.section{padding:62px 0}.section h2{font-size:clamp(28px,4vw,42px);margin:0 0 10px;color:var(--g2)}.lead{color:var(--muted);max-width:800px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px #0b3b2810;transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #0b3b2820;border-color:#b8d6c5}.logo-box{height:110px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#f8faf9;border:1px solid #e8efeb;padding:16px}.logo-box img{max-height:76px;max-width:92%;object-fit:contain}.card h3{font-size:22px;margin:16px 0 6px}.tag{display:inline-block;background:#e9f7ef;color:var(--g);border:1px solid #c9e9d6;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:800}.featured{border:2px solid var(--gold);position:relative}.featured:before{content:'FEATURED PLATFORM';position:absolute;right:14px;top:14px;background:var(--gold);padding:5px 9px;border-radius:7px;font-size:10px;font-weight:900}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.fact{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.fact b{display:block;color:var(--g)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 24px #0000000c}th,td{padding:14px;border-bottom:1px solid #e8efeb;text-align:left}th{background:var(--g);color:#fff}.notice{background:#fff8df;border:1px solid #ead17a;padding:18px;border-radius:14px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.footer{background:var(--g2);color:#d9eee4;padding:48px 0 25px}.footer img{width:230px;filter:brightness(1.35)}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}.footer a{color:#d9eee4}.small{font-size:13px;color:#789184}.footer .small{color:#a9c7b9}@media(max-width:850px){.menu{display:none}.logo{width:230px;max-width:70vw}.hero-grid,.grid,.footgrid{grid-template-columns:1fr}.hero{padding:42px 0}.facts{grid-template-columns:1fr 1fr}.grid{gap:14px}.section{padding:44px 0}}@media(max-width:480px){.facts{grid-template-columns:1fr}.hero h1{font-size:40px}.card{padding:16px}.nav{min-height:68px}}
.review-hero{padding:48px 0;background:linear-gradient(135deg,#eef8f2,#fff)}.review-grid{display:grid;grid-template-columns:320px 1fr;gap:34px;align-items:center}.review-logo{background:#fff;border:1px solid var(--line);border-radius:20px;min-height:210px;display:flex;align-items:center;justify-content:center;padding:28px;box-shadow:0 12px 35px #0b3b2814}.review-logo img{max-width:95%;max-height:150px;object-fit:contain}.toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:26px 0}.toc a{color:var(--g);font-weight:700;text-decoration:none;margin-right:14px}.review-body{max-width:900px}.review-body h2{margin-top:42px}.review-body h3{color:var(--g);margin-top:28px}.promo{background:linear-gradient(135deg,#043d2e,#087f5b);color:#fff;border-radius:18px;padding:24px;margin:28px 0}.promo h2,.promo h3{color:#fff;margin-top:0}.promo .btn{margin:5px}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px}.proscons>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.updated{font-size:13px;color:var(--muted)}.breadcrumbs{font-size:13px;padding-top:18px;color:var(--muted)}.breadcrumbs a{color:var(--g)}@media(max-width:850px){.review-grid,.proscons{grid-template-columns:1fr}.review-logo{min-height:150px}.review-body{max-width:none}}

/* V3 modern interaction and responsive layer */
:root{--radius:20px;--shadow:0 12px 34px rgba(2,44,34,.09);--shadow-hover:0 22px 55px rgba(2,44,34,.18)}
body{background:radial-gradient(circle at 10% 0%,rgba(214,169,40,.08),transparent 26rem),var(--bg)}
.header{backdrop-filter:saturate(150%) blur(14px);background:rgba(255,255,255,.94)}
.nav{position:relative}.menu a:not(.btn){position:relative;padding:10px 2px}.menu a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:linear-gradient(90deg,var(--gold),var(--e));transition:right .25s ease}.menu a:not(.btn):hover:after{right:0}
.mobile-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;font-size:22px;color:var(--g2);cursor:pointer;box-shadow:0 5px 16px rgba(2,44,34,.08)}
.hero{position:relative;background:radial-gradient(circle at 82% 28%,rgba(245,197,66,.20),transparent 22rem),linear-gradient(135deg,#011f18,#064e3b 55%,#087f5b)}
.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-120px;top:-180px}.hero:after{content:"";position:absolute;width:220px;height:220px;background:rgba(214,169,40,.08);filter:blur(2px);border-radius:50%;left:44%;bottom:-130px}.hero-grid{position:relative;z-index:1}.hero img{border:1px solid rgba(255,255,255,.22);transition:transform .5s ease,box-shadow .5s ease}.hero img:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 30px 80px rgba(0,0,0,.48)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.btn:before{content:"";position:absolute;z-index:-1;top:-80%;left:-35%;width:35%;height:260%;background:rgba(255,255,255,.30);transform:rotate(24deg);transition:left .55s ease}.btn:hover:before{left:120%}.btn:active{transform:translateY(0) scale(.98)}.btn.dark{background:linear-gradient(135deg,#064e3b,#087f5b);border-color:#087f5b}.btn.dark:hover{box-shadow:0 10px 28px rgba(8,127,91,.32)}
.section{position:relative}.section:nth-of-type(even){background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(239,247,242,.72))}.section h2{letter-spacing:-.025em}
.card{position:relative;overflow:hidden;border:1px solid rgba(180,207,190,.78);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 30%,rgba(245,197,66,.08),transparent 70%);transform:translateX(-120%);transition:transform .65s ease}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:rgba(214,169,40,.75)}.card:hover:after{transform:translateX(120%)}
.logo-box{transition:transform .3s ease,border-color .3s ease,background .3s ease}.card:hover .logo-box{transform:scale(1.025);border-color:#d6a928;background:#fff}.logo-box img{transition:transform .3s ease}.card:hover .logo-box img{transform:scale(1.045)}
.featured{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gold),#f5c542,var(--e)) border-box;border:2px solid transparent}.featured:before{box-shadow:0 5px 18px rgba(214,169,40,.28);letter-spacing:.05em}
.fact{box-shadow:0 8px 22px rgba(2,44,34,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.fact:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 14px 30px rgba(2,44,34,.12)}
table{box-shadow:var(--shadow);border:1px solid var(--line)}tbody tr{transition:background .2s ease}tbody tr:hover{background:#f1faf5}.notice{box-shadow:0 8px 24px rgba(214,169,40,.08)}
.faq details{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.faq details:hover{border-color:#b6d6c3;box-shadow:0 8px 22px rgba(2,44,34,.08);transform:translateY(-2px)}.faq summary{list-style:none;position:relative;padding-right:30px}.faq summary:after{content:"+";position:absolute;right:0;font-size:22px;color:var(--e);transition:transform .2s ease}.faq details[open] summary:after{transform:rotate(45deg)}
.review-logo,.toc,.proscons>div{box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.review-logo:hover,.proscons>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c5a22e}.promo{position:relative;overflow:hidden;border:1px solid rgba(245,197,66,.35);box-shadow:0 18px 44px rgba(2,44,34,.18)}.promo:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(245,197,66,.11);right:-55px;top:-70px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
.footer{position:relative;background:radial-gradient(circle at 15% 20%,rgba(8,127,91,.3),transparent 24rem),var(--g2);border-top:3px solid var(--gold)}
@media(max-width:850px){.mobile-toggle{display:flex}.menu{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(2,44,34,.18);flex-direction:column;align-items:stretch;gap:4px}.menu.open{display:flex}.menu a{padding:11px 12px!important;border-radius:10px}.menu a:not(.btn):hover{background:#f0f8f3}.menu .btn{text-align:center;margin-top:4px}.hero-grid{gap:24px}.hero img{max-height:430px;object-fit:cover}.actions .btn{flex:1;text-align:center;min-width:150px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.review-hero{padding:34px 0}.toc{overflow-x:auto;white-space:nowrap}.toc a{display:inline-block;padding:7px 0}.featured:before{position:static;display:inline-block;margin-bottom:10px}}
@media(max-width:560px){.wrap{width:min(94%,1180px)}.top{font-size:11px;padding:6px 10px}.logo{width:205px}.hero{padding:36px 0}.hero h1{font-size:clamp(34px,11vw,46px)}.hero p{font-size:16px}.hero img{border-radius:16px}.section{padding:38px 0}.section h2{font-size:30px}.grid{grid-template-columns:1fr}.card{border-radius:16px}.actions{gap:9px}.actions .btn{width:100%;flex-basis:100%;padding:13px 14px}.facts{grid-template-columns:1fr}.review-logo{min-height:135px}.promo{padding:19px}.footgrid{gap:20px}.footer{padding-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}