@layer tokens,base,layout,components,utilities;@layer components{.hero{margin-top:16px}.hero-split{display:grid;grid-template-columns:1.9fr 1fr;gap:14px;align-items:stretch}.hero-split--solo{grid-template-columns:1fr}.hero-side{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);background:var(--bg-soft)}.hero-side-track{position:relative;width:100%;height:100%}.hero-side-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .5s ease}.hero-side-slide.on{opacity:1;z-index:1}.hero-side-slide img{width:100%;height:100%;object-fit:cover}.hero-side-dots{position:absolute;bottom:6px;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:2px}.hero-side-dots button{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.hero-side-dots button:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--r-pill);background:#fff9;transition:all var(--t)}.hero-side-dots button.on:before{width:22px;background:#fff}@media(prefers-reduced-motion:reduce){.hero-side-slide{transition:none}}.hero-slider{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm)}.hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.hero-track::-webkit-scrollbar{display:none}.hero-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;height:clamp(200px,32vw,380px);display:flex;align-items:center;padding:clamp(24px,6vw,72px);color:#fff;overflow:hidden}.hero-slide--img{height:auto;min-height:0;padding:0;align-items:stretch}.hero-slide--img a{display:block;width:100%}.hero-slide--img img{width:100%;height:auto;display:block}.hero-slide.s1{background:radial-gradient(120% 140% at 85% 20%,#2A3140 0%,var(--ink) 55%),var(--ink)}.hero-slide.s2{background:linear-gradient(120deg,#7A2E06 0%,var(--brand) 100%)}.hero-slide.s3{background:linear-gradient(120deg,#0B5E3A 0%,var(--green) 100%)}.hero-slide:after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;background:#ffffff0f}.hero .btn-ghost{background:#ffffff24;color:#fff}.hero .btn-ghost:hover{background:#ffffff3d;color:#fff}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:var(--r-pill);background:#ffffffe6;color:var(--ink);display:grid;place-items:center;box-shadow:var(--sh-sm);opacity:0;transition:opacity var(--t),background var(--t)}.hero-slider:hover .hero-arrow{opacity:1}.hero-arrow:hover{background:#fff}.hero-arrow.prev{left:14px}.hero-arrow.next{right:14px}.hero-arrow .ico{width:20px;height:20px}.hero-arrow.prev .ico{transform:rotate(90deg)}.hero-arrow.next .ico{transform:rotate(-90deg)}@media(max-width:767px){.hero-arrow{display:none}}.hero-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:7px}.hero-dots button{width:8px;height:8px;border-radius:var(--r-pill);background:#ffffff80;transition:all var(--t)}.hero-dots button.on{width:24px;background:#fff}.home-seo{background:var(--bg-soft);border-radius:var(--r-lg);padding:28px 32px}.home-seo--titleonly{background:none;padding:0;text-align:center}.home-seo-title{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:800;color:var(--ink);line-height:1.3;letter-spacing:-.2px;margin-bottom:14px}.home-seo--titleonly .home-seo-title{margin-bottom:0}.home-seo-body :where(h2,h3){color:var(--text);margin:16px 0 8px}.home-seo-body :where(p,ul,ol){margin-bottom:10px}@media(max-width:575px){.home-seo{padding:20px}}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.feature{display:flex;align-items:center;gap:13px;padding:20px 18px;position:relative}.feature+.feature:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}.feature-ico{flex:none;width:44px;height:44px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--brand-050);color:var(--brand-600);transition:background var(--t),color var(--t)}.feature:hover .feature-ico{background:var(--brand);color:#fff}.feature-ico .ico{width:22px;height:22px}.feature b{display:block;font-size:var(--fs-base);font-weight:700;color:var(--ink)}.feature small{color:var(--muted);font-size:var(--fs-xs);line-height:1.35}.cat-circles{display:flex;gap:22px;overflow-x:auto;padding:12px 2px 10px;scrollbar-width:none}.cat-circles::-webkit-scrollbar{display:none}.cat-circle{flex:none;width:84px;text-align:center}.cat-circle .ring{width:76px;height:76px;margin:0 auto 8px;border-radius:var(--r-lg);padding:3px;border:1.5px solid var(--line);background:#fff;box-shadow:var(--sh-sm);display:grid;place-items:center;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.cat-circle .ring>span{width:100%;height:100%;border-radius:calc(var(--r-lg) - 4px);overflow:hidden;background:var(--bg-soft);display:grid;place-items:center;color:var(--muted-2)}.cat-circle .ring>span img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r-lg) - 4px)}.cat-circle:hover .ring{transform:translateY(-4px) scale(1.05);box-shadow:var(--sh);border-color:var(--brand)}.cat-circle small{font-size:var(--fs-xs);color:var(--text);font-weight:500;display:block;line-height:1.3;transition:color var(--t)}.cat-circle:hover small{color:var(--brand)}.cat-strip{display:flex;align-items:center;gap:8px}.cat-strip .cat-circles{flex:1;cursor:grab}.cat-strip .cat-circles.dragging{cursor:grabbing}@media(max-width:767px){.cat-strip>.slider-arrow{display:none}}}@layer components{.sec-title--brands{display:inline-flex;align-items:center;gap:10px}.sec-title--brands .st-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-600));box-shadow:0 4px 12px #fb65144d}.sec-title--brands .st-ico .ico{width:18px;height:18px}.sec-title--brands em{font-style:normal;color:var(--brand-600);position:relative;margin-left:6px}.sec-title--brands em:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--brand),#FFB27D)}.brand-pills{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scrollbar-width:none;cursor:grab;padding:6px 0 4px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.brand-pills::-webkit-scrollbar{display:none}.brand-pills.dragging{cursor:grabbing}.brand-pill{flex:none;width:132px;height:62px;border-radius:12px;padding:12px 16px;background:#fafbfc;border:1px solid var(--line);display:grid;place-items:center;transition:all var(--t)}.brand-pill img{width:100%;height:38px;object-fit:contain;mix-blend-mode:multiply}.brand-pill .bp-txt{font-size:12px;font-weight:700;color:var(--muted);text-align:center;line-height:1.1}.brand-pill:hover{background:var(--brand-050);border-color:var(--brand);transform:translateY(-2px)}.panel{background:var(--bg-soft);border-radius:var(--r-lg);padding:24px}.banner-grid{display:grid;gap:20px}.banner-grid--2{grid-template-columns:repeat(2,1fr)}.banner-grid--3{grid-template-columns:repeat(3,1fr)}.banner-slot{border-radius:var(--r-lg);overflow:hidden;line-height:0}.banner-slot img{width:100%;height:auto;object-fit:cover;border-radius:var(--r-lg);transition:transform var(--t)}.banner-slot a{display:block}.banner-slot a:hover img{transform:scale(1.02)}.banner-slot--wide img{width:100%}@media(max-width:767px){.banner-grid--2,.banner-grid--3{grid-template-columns:1fr}}}@layer components{.discover{display:grid;grid-template-columns:280px 1fr;gap:40px;background:#fff}.discover ol{counter-reset:d;display:flex;flex-direction:column;gap:16px}.discover ol li{counter-increment:d;display:flex;gap:12px;color:var(--text)}.discover ol li:before{content:counter(d);flex:none;width:26px;height:26px;border-radius:var(--r-pill);background:var(--brand-050);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:var(--fs-xs)}.discover-body :where(h2,h3,h4){font-size:var(--fs-lg);margin:22px 0 10px;color:var(--text);scroll-margin-top:90px}.discover-body :where(h2,h3,h4):first-child{margin-top:0}.discover-body p{color:var(--muted);margin-bottom:12px;line-height:1.7}.discover-body ul{display:flex;flex-direction:column;gap:8px}.discover-body ul li{position:relative;padding-left:18px;color:var(--muted)}.discover-body ul li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.discover-body ul li b{color:var(--text)}.kesfet-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px 40px}.discover-index{position:sticky;top:90px;align-self:start}.discover-title{font-size:var(--fs-xl);font-weight:800;color:var(--ink);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.discover ol li a{color:var(--text)!important;transition:color var(--t)}.discover ol li a:hover{color:var(--brand)!important}@media(max-width:767px){.discover{grid-template-columns:1fr;gap:24px}.kesfet-card{padding:22px 18px}.discover-index{position:static}.discover-title{margin-bottom:14px}}.cat-seo{background:var(--bg-soft);border-radius:var(--r-lg);padding:28px 32px}.cat-seo :where(h1,h2,h3){margin:20px 0 10px}.cat-seo :where(h1,h2,h3):first-child{margin-top:0}@media(max-width:575px){.cat-seo{padding:20px}}}