:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:108px}body{margin:0;min-width:280px;color:var(--ink);background:var(--bg);padding-bottom:84px;line-height:1.7}a{color:inherit}a:hover{text-decoration-color:var(--accent)}img{display:block;max-width:100%;height:auto}img.media{width:100%;object-fit:contain;object-position:center}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.info{--bg:#fff9ee;--ink:#27231e;--muted:#75685d;--card:#fffdf8;--line:#eddcca;--deep:#30251c;--surface:#f9e9d4;--link:#844820;--accent:#b66a31;background:radial-gradient(circle at 95% 10%,#ffe1bd 0,transparent 36%),#fff9ee}
body.login{--bg:#081828;--ink:#eaf4f9;--muted:#b0c7d1;--card:#11273a;--line:#29485b;--deep:#05111e;--surface:#142f42;--link:#7bdbdf;--accent:#1aa1ad;background:linear-gradient(135deg,#061726,#09263b 48%,#061525)}
body.vip{--bg:#180e22;--ink:#f9f0ec;--muted:#cdbfca;--card:#25152f;--line:#50384e;--deep:#100a17;--surface:#37203b;--link:#f0cb89;--accent:#cfa462;background:radial-gradient(circle at 50% 5%,#3c1f45,transparent 45%),#180e22}
.container{width:min(1190px,calc(100% - 38px));margin-inline:auto}.eyebrow{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--accent)}.sitebar{background:var(--deep);color:#f8e8cb;padding:7px 0;font-size:.76rem;letter-spacing:.08em}.sitebar .container{display:flex;justify-content:space-between;gap:12px;align-items:center}.sitebar a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:45;background:color-mix(in srgb,var(--bg) 91%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top-row{min-height:82px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;flex:0 0 auto;width:min(240px,38vw)}.brand img{width:100%;max-height:54px;object-fit:contain}.nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav a{text-decoration:none;font-size:.82rem;font-weight:750;padding:9px 12px;border-radius:12px;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{background:var(--surface)}.actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border-radius:12px;padding:11px 17px;text-decoration:none;line-height:1.2;text-align:center;border:1px solid transparent;transition:transform .16s,filter .16s;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.primary{background:var(--page-accent,var(--accent));color:#121215}.btn.secondary{border-color:var(--line);background:var(--card);color:var(--ink)}.menu-toggle{display:none;margin-left:auto;background:var(--card);color:var(--ink);padding:9px 14px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.subnav{display:flex;gap:9px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:13px 0}.subnav a{font-size:.82rem;font-weight:700;flex:none;color:var(--muted);border:1px solid var(--line);background:var(--card);padding:7px 14px;border-radius:100px;text-decoration:none}.subnav a:hover,.subnav a.active{border-color:var(--page-accent,var(--accent));color:var(--ink)}
.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:36px;min-height:450px;padding:36px 0 45px}.hero-copy{position:relative;z-index:1}.hero h1{font-weight:900;font-size:clamp(2rem,4.4vw,4.3rem);line-height:1.11;letter-spacing:-.045em;margin:14px 0 18px;max-width:15ch}.hero p{font-size:1.08rem;max-width:62ch;color:var(--muted);margin-bottom:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-media{border:1px solid var(--line);padding:12px;background:var(--card);border-radius:26px;box-shadow:0 22px 50px #00000025;position:relative}.hero-media img{border-radius:15px;aspect-ratio:1;object-fit:contain;background:var(--deep)}.picture-label{position:absolute;bottom:26px;left:26px;background:#121216de;color:#fff;border-radius:100px;padding:7px 12px;font-size:.71rem;letter-spacing:.08em;font-weight:800}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 auto 40px}.fact{border:1px solid var(--line);padding:17px 20px;background:var(--card);border-radius:16px}.fact b{display:block;font-size:.98rem}.fact small{color:var(--muted)}
.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;margin-bottom:42px}.article{min-width:0}.article-header{border-left:4px solid var(--page-accent,var(--accent));padding:7px 0 8px 23px;margin-bottom:25px}.article-header h2{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.24;letter-spacing:-.03em;margin:8px 0}.article-header p{margin:0;color:var(--muted)}.article>p{font-size:1.02rem;line-height:1.88;margin-bottom:22px}.section{border-bottom:1px solid var(--line);padding:10px 0 26px;margin-bottom:18px}.section h3{font-size:clamp(1.16rem,2vw,1.55rem);line-height:1.3;margin:11px 0;color:var(--ink)}.section p{margin:0 0 16px;line-height:1.88}.section .number{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--surface);color:var(--page-accent,var(--accent));font-size:.82rem;font-weight:900}.takeaway{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:20px;margin:30px 0}.takeaway h3{margin:0 0 14px;font-size:1.3rem}.takeaway li{margin:10px 0}.side{position:sticky;top:112px;min-width:0;display:grid;gap:18px}.side-card{background:var(--card);border:1px solid var(--line);padding:18px;border-radius:20px}.side-card h3{margin:0 0 13px;font-size:1.04rem}.side-card img{border-radius:13px;background:var(--deep);aspect-ratio:1;object-fit:contain}.side-card p{font-size:.86rem;color:var(--muted);line-height:1.6}.toc{list-style:none;padding:0;margin:0}.toc li{margin:9px 0}.toc a{color:var(--link);text-decoration:none;font-size:.9rem}.mini-list{list-style:none;padding:0;margin:0}.mini-list li{border-top:1px solid var(--line);padding:8px 0;font-size:.89rem}.mini-list a{text-decoration:none;color:var(--ink)}.sidebar-note{font-size:.8rem;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:46px 0 20px}.section-heading h2{font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.04em;margin:6px 0}.section-heading p{color:var(--muted);margin:0;max-width:50ch}.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review{border-radius:18px;border:1px solid var(--line);background:var(--card);padding:19px;min-height:194px}.review .stars{color:var(--page-accent,var(--accent));letter-spacing:.15em;font-size:.84rem}.review strong{display:block;margin:9px 0;font-size:.98rem}.review p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.72}.disclose{font-size:.83rem;color:var(--muted);margin:12px 0 0}.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}.faq details{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:16px 18px}.faq summary{font-weight:800;cursor:pointer}.faq p{font-size:.9rem;color:var(--muted);margin:12px 0 0}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:60px}.related a{padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--card);text-decoration:none}.related b{display:block;line-height:1.4}.related span{color:var(--muted);font-size:.78rem}.related a:hover{border-color:var(--page-accent,var(--accent))}
footer{background:var(--deep);color:#eee4df;padding:50px 0 95px}footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px}footer img{width:240px;max-width:100%;object-fit:contain}footer h3{font-size:1.03rem;margin:2px 0 16px}footer p{font-size:.84rem;color:#bcb4b2}footer a{color:#e8e2df;text-decoration:none;display:block;font-size:.86rem;margin:8px 0}footer a:hover{text-decoration:underline}.copyright{border-top:1px solid #ffffff33;margin-top:28px;padding-top:17px;color:#c9c2c1;font-size:.77rem}.sticky{position:fixed;left:0;bottom:0;width:100%;z-index:60;display:flex;justify-content:center;padding:7px max(14px,env(safe-area-inset-left));background:color-mix(in srgb,var(--deep) 97%,black);box-shadow:0 -7px 25px #0005;gap:8px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.sticky a{display:flex;flex:1;max-width:210px;align-items:center;justify-content:center;gap:8px;padding:11px 10px;border-radius:11px;color:#fff7ec;text-decoration:none;font-size:.78rem;font-weight:850;border:1px solid #ffffff38}.sticky a:hover{background:#ffffff17}.sticky .si{font-size:1.15rem;color:#f1c078}
/* Three deliberately different site compositions */
body.info .hero{grid-template-columns:1.15fr .85fr}body.info .hero-media{transform:rotate(1.2deg)}body.info .article-header{border-color:var(--page-accent)}body.info .section h3{font-family:Georgia,serif;font-weight:700}body.info .related{grid-template-columns:repeat(4,1fr)}body.info .fact{border-radius:7px 18px 7px 18px}
body.login .hero{grid-template-columns:.9fr 1.1fr;direction:rtl}body.login .hero>*{direction:ltr}body.login .hero-copy{order:2}body.login .hero-media{order:1}body.login .hero h1{max-width:18ch}body.login .hero-media{border-radius:12px;padding:16px;box-shadow:0 0 42px #10c1ca18}body.login .hero-media img{border-radius:7px}body.login .review{border-left:3px solid var(--page-accent)}body.login .fact{border-top:3px solid var(--page-accent)}body.login .related a{border-radius:9px}
body.vip .hero{display:flex;flex-direction:column;text-align:center;gap:26px;padding:46px 0 38px}body.vip .hero-copy{max-width:800px}body.vip .hero h1{max-width:19ch;margin:15px auto}body.vip .hero p{margin-inline:auto}body.vip .hero-actions{justify-content:center}body.vip .hero-media{width:min(660px,100%);border-radius:33px;box-shadow:0 25px 60px #0008}body.vip .hero-media img{max-height:520px}body.vip .section h3{font-family:Georgia,serif}body.vip .article-header{border-left:0;border-top:3px solid var(--page-accent);padding:21px 0 0}body.vip .fact{text-align:center}body.vip .reviews{grid-template-columns:repeat(2,1fr)}body.vip .review{border-radius:2px 24px 2px 24px}
@media(max-width:1040px){.nav{gap:0}.nav a{padding:9px 6px;font-size:.74rem}.actions .btn{padding:10px}.panel-grid{grid-template-columns:minmax(0,1fr) 260px}.related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:790px){body.info .hero-media{transform:none}body.info .related{grid-template-columns:repeat(2,minmax(0,1fr))}.container{width:min(100% - 28px,690px)}.top-row{min-height:70px}.brand{width:min(205px,56vw)}.menu-toggle{display:block}.actions{display:none}.nav{display:none;position:absolute;top:calc(100% + 2px);left:14px;right:14px;flex-direction:column;align-items:stretch;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 35px #0005;margin:0}.nav.open{display:flex}.nav a{font-size:.95rem;padding:13px}.hero,body.info .hero,body.login .hero{display:flex;flex-direction:column;gap:22px;padding:28px 0 30px;min-height:0;direction:ltr}.hero .hero-copy,body.login .hero .hero-copy{order:0}.hero .hero-media,body.login .hero .hero-media{order:1;width:min(540px,100%)}body.vip .hero{padding:32px 0}.hero h1{font-size:clamp(2rem,7vw,3.2rem);max-width:unset}.hero p{font-size:1rem}.panel-grid{display:block}.side{position:static;grid-template-columns:repeat(2,1fr);margin-top:24px}.fact-strip{gap:8px}.fact{padding:13px}.reviews,body.vip .reviews{grid-template-columns:repeat(2,1fr)}footer .footer-grid{grid-template-columns:repeat(2,1fr)}footer .footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:490px){body.info .related{grid-template-columns:1fr}.container{width:calc(100% - 26px)}.sitebar{font-size:.65rem}.sitebar .container{flex-wrap:wrap}.hero h1{font-size:2.05rem}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions .btn{white-space:normal;padding:12px 9px;font-size:.8rem}.fact-strip{grid-template-columns:1fr;margin-bottom:26px}.fact{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.fact b{font-size:.82rem}.fact small{font-size:.74rem}.side{grid-template-columns:1fr}.reviews,body.vip .reviews,.faq,.related{grid-template-columns:1fr}.review{min-height:0}.section-heading{margin-top:34px}.section-heading h2{font-size:1.65rem}.sticky{gap:4px;padding-inline:5px}.sticky a{font-size:.69rem;padding:9px 5px;gap:5px}.sticky .si{font-size:1.03rem}.article-header{padding-left:15px}footer .footer-grid{grid-template-columns:1fr;gap:18px}footer .footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}