:root{--ccf-bg:#171016;--ccf-panel:#241723;--ccf-ink:#fffaf0;--ccf-soft:#eadfd2;--ccf-line:rgba(255,255,255,.16);--ccf-yellow:#ffd766;--ccf-red:#d7443e;--ccf-green:#20c77a;--ccf-violet:#6d3d8c;--ccf-radius:8px;--ccf-shadow:0 20px 55px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#171016,#352235 52%,#1f171b);color:var(--ccf-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.2;background:linear-gradient(45deg,transparent 0 46%,rgba(255,215,102,.24) 47% 48%,transparent 49%);background-size:74px 74px}a{color:inherit;text-decoration:none}a:focus-visible,.ccf-btn:focus-visible,.ccf-action:focus-visible{outline:3px solid var(--ccf-yellow);outline-offset:3px}img{max-width:100%;display:block;height:auto}.ccf-wrap{width:min(1140px,calc(100% - 42px));margin-inline:auto}.ccf-head{position:sticky;top:0;z-index:30;background:rgba(23,16,22,.9);border-bottom:1px solid var(--ccf-line);backdrop-filter:blur(14px)}.ccf-headline{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ccf-logo{display:flex;align-items:center;gap:10px;font-weight:900}.ccf-logo img{height:42px;width:auto}.ccf-logo span{font-size:18px}.ccf-menu{display:flex;gap:18px;font-size:14px;font-weight:850;color:var(--ccf-soft)}.ccf-menu a:hover,.ccf-menu a[aria-current=page],.ccf-foot-links a:hover,.ccf-foot-links a[aria-current=page]{color:var(--ccf-yellow)}.ccf-action,.ccf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:var(--ccf-radius);padding:10px 18px;font-weight:900;border:1px solid var(--ccf-line);white-space:nowrap}.ccf-action,.ccf-btn-main{background:linear-gradient(180deg,#fff0a4,#ffd15a 52%,#f18a2d);color:#241000}.ccf-btn-plain{background:rgba(255,255,255,.08)}.ccf-hero{padding:76px 0 50px;border-bottom:1px solid var(--ccf-line);position:relative}.ccf-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--ccf-yellow),var(--ccf-green),var(--ccf-red));opacity:.85}.ccf-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,42%);gap:40px;align-items:center}.ccf-kicker{margin:0 0 12px;color:var(--ccf-yellow);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.ccf-copy h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,82px);line-height:.96;margin:0 0 18px;letter-spacing:0}.ccf-lead{font-size:18px;color:#f5eadf;max-width:720px;margin:0 0 24px}.ccf-buttons{display:flex;flex-wrap:wrap;gap:10px}.ccf-picture{margin:0;position:relative}.ccf-picture img{max-height:500px;object-fit:contain;margin-inline:auto;filter:drop-shadow(0 22px 35px rgba(0,0,0,.4))}.ccf-picture figcaption{position:absolute;left:12px;right:12px;bottom:10px;border:1px solid rgba(255,215,102,.34);background:rgba(23,16,22,.86);border-radius:var(--ccf-radius);padding:10px 12px;font-weight:850;color:#fff3d2}.ccf-intro,.ccf-table-zone,.ccf-gallery,.ccf-notes,.ccf-seo,.ccf-final{margin-top:34px}.ccf-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.ccf-intro h2,.ccf-table-zone h2,.ccf-seo h2,.ccf-final h2{font-family:Georgia,serif;font-size:32px;line-height:1.12;margin:0;letter-spacing:0}.ccf-intro p,.ccf-final p{margin:0;color:var(--ccf-soft)}.ccf-table-zone{background:rgba(255,255,255,.06);border:1px solid var(--ccf-line);border-radius:var(--ccf-radius);padding:22px;box-shadow:var(--ccf-shadow)}.ccf-table-scroll{overflow-x:auto;margin-top:16px}.ccf-compare{width:100%;border-collapse:collapse;min-width:640px}.ccf-compare th,.ccf-compare td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--ccf-line);vertical-align:top}.ccf-compare th{color:#281302;background:var(--ccf-yellow);font-weight:900}.ccf-compare tr:last-child td{border-bottom:0}.ccf-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.ccf-gallery figure{margin:0;position:relative;overflow:hidden;border:1px solid var(--ccf-line);border-radius:var(--ccf-radius);min-height:230px;background:var(--ccf-panel);box-shadow:var(--ccf-shadow)}.ccf-gallery img{width:100%;height:100%;object-fit:cover}.ccf-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(180deg,transparent,rgba(23,16,22,.96));font-weight:900}.ccf-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ccf-note{border:1px solid var(--ccf-line);background:rgba(255,255,255,.07);border-radius:var(--ccf-radius);padding:20px}.ccf-note h2{font-family:Georgia,serif;margin:0 0 8px;font-size:25px;letter-spacing:0}.ccf-note p{margin:0;color:var(--ccf-soft)}.ccf-seo{columns:2 360px;column-gap:34px;border-top:1px solid var(--ccf-line);padding-top:30px}.ccf-seo h2{break-after:avoid;column-span:all;margin-bottom:12px}.ccf-seo p{margin:0 0 16px;color:#eadfd2;break-inside:avoid}.ccf-final{margin-bottom:70px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid var(--ccf-line);border-radius:var(--ccf-radius);padding:22px;background:linear-gradient(120deg,rgba(32,199,122,.14),rgba(109,61,140,.42));box-shadow:var(--ccf-shadow)}footer{border-top:1px solid var(--ccf-line);background:rgba(13,9,13,.94)}.ccf-foot{padding:30px 0;color:#e3d6c8;font-size:14px;display:grid;gap:14px}.ccf-foot-links{display:flex;flex-wrap:wrap;gap:10px 17px;font-weight:850}.ccf-small{margin:0;color:#bdaea0}@media(max-width:900px){.ccf-menu{display:none}.ccf-hero-grid,.ccf-intro,.ccf-final{grid-template-columns:1fr}.ccf-gallery{grid-template-columns:1fr 1fr}.ccf-notes{grid-template-columns:1fr}.ccf-picture{max-width:620px}.ccf-final .ccf-btn{width:max-content}}@media(max-width:560px){.ccf-wrap{width:min(100% - 30px,1140px)}.ccf-headline{min-height:64px}.ccf-logo img{height:35px}.ccf-logo span{font-size:16px}.ccf-action{padding-inline:14px}.ccf-hero{padding:48px 0 40px}.ccf-copy h1{font-size:clamp(40px,15vw,58px)}.ccf-lead{font-size:16px}.ccf-picture figcaption{position:static;margin-top:8px}.ccf-gallery{grid-template-columns:1fr}.ccf-gallery figure{min-height:220px}.ccf-table-zone{padding:18px}.ccf-seo{columns:1}.ccf-final .ccf-btn{width:100%}}