@layer components{[data-design=metall]{--bg:#fafafb;--bg-2:#f4f4f6;--surface:#fff;--surface-2:#f6f6f8;--surface-3:#eeeef2;--line:#0c0c1813;--line-2:#0c0c181f;--line-3:#0c0c1833;--ink:#0c0c10;--ink-2:#4b4c57;--ink-3:#686974;--accent:#5a4beb;--accent-t:#4b3bd9;--accent-soft:#5a4beb14;--accent-line:#5a4beb52;--tint:#39b8e6;--good:#11804a;--good-soft:#11804a17;--btn:#0c0c10;--btn-fg:#fff;--btn-hover:#26262e;--spot:#5a4beb0f;--spot-line:#5a4beb61;--particle:#16161d;--shadow-sm:0 1px 2px #0c0c180d, 0 1px 1px #0c0c1808;--shadow-md:0 1px 2px #0c0c180a, 0 8px 24px -8px #0c0c181a;--shadow-lg:0 1px 2px #0c0c180a, 0 24px 64px -24px #0c0c182e, 0 8px 20px -12px #0c0c1814;--hl:inset 0 1px 0 #ffffffe6;--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--t-fast:.16s;--t-med:.24s;--t-slow:.6s;--f-sans:var(--cp-sans), var(--font-vazirmatn), ui-sans-serif, system-ui, sans-serif;--track-display:-.035em;--track-h:-.025em;--track-body:-.006em;background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--f-sans);letter-spacing:var(--track-body);font-feature-settings:"ss01" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;position:relative;overflow-x:clip}[data-design=metall]:where(.dark *){--bg:#0a0a0c;--bg-2:#0e0e11;--surface:#121316;--surface-2:#17181c;--surface-3:#1d1e23;--line:#ffffff12;--line-2:#ffffff1c;--line-3:#ffffff2e;--ink:#ededf0;--ink-2:#a3a4ad;--ink-3:#8a8b95;--accent:#8f87ff;--accent-t:#a8a2ff;--accent-soft:#8f87ff1a;--accent-line:#8f87ff66;--tint:#5fd0ff;--good:#3dd68c;--good-soft:#3dd68c1a;--btn:#ededf0;--btn-fg:#0a0a0c;--btn-hover:#fff;--spot:#8f87ff12;--spot-line:#8f87ff73;--particle:#f2f2f6;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #0006, 0 12px 32px -12px #0009;--shadow-lg:0 1px 2px #00000080, 0 32px 80px -24px #000000bf;--hl:inset 0 1px 0 #ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-design=metall][data-rtl]{--f-sans:var(--font-vazirmatn), var(--cp-sans), ui-sans-serif, system-ui, sans-serif;--track-display:0;--track-h:0;--track-body:0}[data-design=metall] .cp-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}[data-design=metall] .cp-display{letter-spacing:var(--track-display);text-wrap:balance;font-size:clamp(2.5rem,1.4rem + 3.4vw,4.25rem);font-weight:600;font-stretch:96%;line-height:1.02}[data-design=metall] .cp-h2{letter-spacing:var(--track-h);text-wrap:balance;font-size:clamp(2rem,1.35rem + 2.1vw,3rem);font-weight:600;font-stretch:96%;line-height:1.06}[data-design=metall] .cp-h3{letter-spacing:-.012em;font-size:1.25rem;font-weight:600;line-height:1.3}[data-design=metall] .cp-lead{color:var(--ink-2);text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.6}[data-design=metall] .cp-body{color:var(--ink-2);text-wrap:pretty;font-size:1rem;line-height:1.65}[data-design=metall] .cp-small{color:var(--ink-2);font-size:.875rem;line-height:1.55}[data-design=metall][data-rtl] :is(.cp-display,.cp-h2){font-weight:700;line-height:1.3}[data-design=metall][data-rtl] .cp-h3{letter-spacing:0;line-height:1.5}[data-design=metall][data-rtl] :is(.cp-lead,.cp-body){line-height:1.85}[data-design=metall][data-rtl] .cp-small{line-height:1.75}[data-design=metall] .cp-label{color:var(--ink-2);align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;line-height:1.4;display:inline-flex}[data-design=metall] .cp-label:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:.375rem;height:.375rem}[data-design=metall] .cp-sheen{background:linear-gradient(180deg, var(--ink) 30%, color-mix(in srgb, var(--ink) 72%, var(--bg)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-design=metall] .cp-sheen-2{background:linear-gradient(100deg, var(--ink) 0%, color-mix(in srgb, var(--ink) 62%, var(--accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-design=metall] .cp-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}@media (min-width:640px){[data-design=metall] .cp-wrap{padding-inline:32px}}@media (min-width:1024px){[data-design=metall] .cp-wrap{padding-inline:40px}}[data-design=metall] .cp-section{padding-top:96px}[data-design=metall] .cp-band{background:var(--bg-2);border-block:1px solid var(--line);margin-top:96px;padding-bottom:96px}@media (min-width:1024px){[data-design=metall] .cp-section{padding-top:136px}[data-design=metall] .cp-band{margin-top:136px;padding-bottom:136px}}[data-design=metall] ::selection{background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--ink)}[data-design=metall] :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}[data-design=metall] .cp-btn{letter-spacing:-.01em;white-space:nowrap;height:2.75rem;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), transform var(--t-med) var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.125rem;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}[data-design=metall][data-rtl] .cp-btn{letter-spacing:0}[data-design=metall] .cp-btn-lg{height:3rem;padding-inline:1.375rem;font-size:1rem}[data-design=metall] .cp-btn-sm{border-radius:8px;height:2.25rem;padding-inline:.875rem;font-size:.875rem}[data-design=metall] .cp-btn-primary{background:var(--btn);color:var(--btn-fg);box-shadow:inset 0 1px #ffffff24,0 1px 2px #0000002e,0 6px 16px -8px #00000059}[data-design=metall] .cp-btn-primary:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff24,0 1px 2px #0000002e,0 10px 22px -10px #00000073}[data-design=metall] .cp-btn-primary:active{transform:translateY(0)}[data-design=metall] .cp-btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);box-shadow:var(--shadow-sm), var(--hl)}[data-design=metall] .cp-btn-secondary:hover{border-color:var(--line-3);background:var(--surface-2)}[data-design=metall] .cp-btn .cp-arrow{width:1rem;height:1rem;transition:transform var(--t-med) var(--ease)}[data-design=metall][data-rtl] .cp-arrow{transform:scaleX(-1)}[data-design=metall] :is(.cp-btn,.cp-link):hover .cp-arrow{transform:translate(3px)}[data-design=metall][data-rtl] :is(.cp-btn,.cp-link):hover .cp-arrow{transform:scaleX(-1)translate(3px)}[data-design=metall] .cp-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:.3em;transition:text-decoration-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);align-items:center;gap:.375rem;font-weight:500;text-decoration-thickness:1px;display:inline-flex}[data-design=metall] .cp-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}[data-design=metall] .cp-link-quiet{color:var(--ink-2);transition:color var(--t-fast) var(--ease)}[data-design=metall] .cp-link-quiet:hover{color:var(--ink)}[data-design=metall] .cp-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm), var(--hl);border-radius:16px;position:relative}[data-design=metall] .cp-chip{border:1px solid var(--line-2);background:color-mix(in srgb, var(--surface) 80%, transparent);height:2rem;color:var(--ink-2);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.8125rem;font-weight:500;display:inline-flex}[data-design=metall] .cp-dot{background:var(--good);width:6px;height:6px;box-shadow:0 0 0 3px var(--good-soft);border-radius:999px;flex:none}[data-design=metall] .cp-spot{--mx:50%;--my:0%;isolation:isolate;transition:border-color var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease), transform var(--t-med) var(--ease)}[data-design=metall] .cp-spot:before,[data-design=metall] .cp-spot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--t-med) var(--ease);position:absolute;inset:-1px}[data-design=metall] .cp-spot:before{z-index:2;background:radial-gradient(420px circle at var(--mx) var(--my), var(--spot), transparent 65%)}[data-design=metall] .cp-spot:after{z-index:3;background:radial-gradient(260px circle at var(--mx) var(--my), var(--spot-line), transparent 70%);-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-design=metall] .cp-spot:hover{box-shadow:var(--shadow-md), var(--hl);border-color:var(--line-2)}[data-design=metall] [data-spot-live] .cp-spot:before,[data-design=metall] [data-spot-live] .cp-spot:after,[data-design=metall] .cp-spot:focus-within:after{opacity:1}[data-design=metall] .cp-nav{transition:background-color var(--t-med) var(--ease), border-color var(--t-med) var(--ease), backdrop-filter var(--t-med) var(--ease);border-bottom:1px solid #0000}[data-design=metall] .cp-nav[data-stuck],[data-design=metall] .cp-nav[data-open]{background:color-mix(in srgb, var(--bg) 80%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:saturate(1.6)blur(14px)}[data-design=metall] .cp-navlink{height:2.25rem;color:var(--ink-2);transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);border-radius:8px;align-items:center;padding-inline:.75rem;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}[data-design=metall] .cp-navlink:hover{color:var(--ink);background:var(--accent-soft);background:color-mix(in srgb, var(--ink) 5%, transparent)}[data-design=metall] .cp-navlink[aria-current]{color:var(--ink)}[data-design=metall] .cp-navlink[aria-current]:after{content:"";inset-inline:.75rem;background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:2px}[data-design=metall] .cp-icon-btn{min-width:2.25rem;height:2.25rem;color:var(--ink-2);transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding-inline:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}[data-design=metall] .cp-icon-btn:hover,[data-design=metall] .cp-icon-btn[aria-expanded=true]{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}[data-design=metall] .cp-menu{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-lg);border-radius:12px}[data-design=metall] .cp-menu-item{height:2.5rem;color:var(--ink-2);transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.75rem;font-size:.9375rem;display:flex}[data-design=metall] .cp-menu-item:hover,[data-design=metall] .cp-menu-item:focus-visible{color:var(--ink);background:var(--surface-2);outline-offset:-2px}[data-design=metall] .cp-menu-item[aria-current]{color:var(--ink)}[data-design=metall] .cp-sun{display:block}[data-design=metall] .cp-moon,[data-design=metall]:where(.dark *) .cp-sun{display:none}[data-design=metall]:where(.dark *) .cp-moon{display:block}[data-design=metall] .cp-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}[data-design=metall] .cp-hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.7;background-position:top;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 72% 42%,#000 0%,#0000 72%);mask-image:radial-gradient(60% 70% at 72% 42%,#000 0%,#0000 72%)}[data-design=metall][data-rtl] .cp-hero-grid{-webkit-mask-image:radial-gradient(60% 70% at 28% 42%,#000 0%,#0000 72%);mask-image:radial-gradient(60% 70% at 28% 42%,#000 0%,#0000 72%)}[data-design=metall] .cp-hero-light{top:-10%;background:radial-gradient(closest-side at 50% 46%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 100%), radial-gradient(closest-side at 70% 28%, color-mix(in srgb, var(--tint) 10%, transparent), transparent 100%);filter:blur(20px);width:72%;height:110%;position:absolute;inset-inline-end:-12%}[data-design=metall]:where(.dark *) .cp-hero-light{background:radial-gradient(closest-side at 50% 46%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 100%), radial-gradient(closest-side at 72% 26%, color-mix(in srgb, var(--tint) 7%, transparent), transparent 100%)}@media (max-width:1023.98px){[data-design=metall] .cp-hero-grid,[data-design=metall][data-rtl] .cp-hero-grid{-webkit-mask-image:radial-gradient(90% 40% at 50% 78%,#000 0%,#0000 75%);mask-image:radial-gradient(90% 40% at 50% 78%,#000 0%,#0000 75%)}[data-design=metall] .cp-hero-light{top:auto;bottom:-10%;width:auto;height:70%;inset-inline:-20%}}[data-design=metall] .cp-chip-sep{background:var(--line-3);width:1px;height:.875rem}[data-design=metall] .cp-chip-time{color:var(--ink);animation:cp-fade .5s var(--ease) both}@keyframes cp-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 45%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}[data-design=metall] .cp-chip .cp-dot{animation:cp-ping 2.4s var(--ease) infinite}[data-design=metall] .cp-xray{--lx:0px;--ly:0px;--lk:0;--lR:104px;--ls:1.22;--g-lh:1.02em;--g-base:.82em;--g-x:.32em;--g-cap:.12em;--guide:color-mix(in srgb, var(--accent) 55%, transparent);--guide-2:color-mix(in srgb, var(--tint) 50%, transparent);--grid:color-mix(in srgb, var(--accent) 10%, transparent);--lens-fill:color-mix(in srgb, var(--bg) 90%, var(--accent));position:relative}@media (hover:hover) and (pointer:fine){[data-design=metall] .cp-xray{cursor:none}}[data-design=metall] .cp-xray-layer{pointer-events:none;-webkit-user-select:none;user-select:none;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.25px var(--accent);background:repeating-linear-gradient(to bottom, transparent 0 var(--g-cap), var(--guide-2) var(--g-cap) calc(var(--g-cap) + 1px), transparent calc(var(--g-cap) + 1px) var(--g-x), var(--guide-2) var(--g-x) calc(var(--g-x) + 1px), transparent calc(var(--g-x) + 1px) var(--g-base), var(--guide) var(--g-base) calc(var(--g-base) + 1px), transparent calc(var(--g-base) + 1px) var(--g-lh)), repeating-linear-gradient(90deg, var(--grid) 0 1px, transparent 1px 12px), repeating-linear-gradient(to bottom, var(--grid) 0 1px, transparent 1px 12px), var(--lens-fill);transform-origin:var(--lx) var(--ly);transform:scale(var(--ls));clip-path:circle(calc(var(--lR) * var(--lk) / var(--ls)) at var(--lx) var(--ly));will-change:clip-path;position:absolute;inset:0}[data-design=metall] .cp-xray-hl{-webkit-text-stroke:0;background:linear-gradient(100deg, var(--accent) 10%, var(--tint) 90%);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 45%, transparent));-webkit-background-clip:text;background-clip:text}[data-design=metall] .cp-xray-ring{width:calc(var(--lR) * 2);height:calc(var(--lR) * 2);pointer-events:none;border:1px solid var(--accent-line);background:linear-gradient(var(--accent), var(--accent)) 50% 0 / 1px 9px, linear-gradient(var(--accent), var(--accent)) 50% 100% / 1px 9px, linear-gradient(var(--accent), var(--accent)) 0 50% / 9px 1px, linear-gradient(var(--accent), var(--accent)) 100% 50% / 9px 1px, linear-gradient(var(--accent), var(--accent)) 50% 50% / 1px 11px, linear-gradient(var(--accent), var(--accent)) 50% 50% / 11px 1px, radial-gradient(circle at 30% 22%, #ffffff59, transparent 40%);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 8%, transparent), 0 18px 40px -12px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 0 24px color-mix(in srgb, var(--accent) 14%, transparent);opacity:min(1, calc(var(--lk) * 3));transform:translate(calc(var(--lx) - var(--lR)), calc(var(--ly) - var(--lR))) scale(var(--lk));background-repeat:no-repeat;border-radius:999px;position:absolute;top:0;left:0}[data-design=metall]:where(.dark *) .cp-xray-ring{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent), 0 0 48px -6px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 0 28px color-mix(in srgb, var(--accent) 22%, transparent)}[data-design=metall]:where(.dark *) .cp-xray{--lens-fill:color-mix(in srgb, var(--bg) 86%, var(--accent))}[data-design=metall] .cp-stage{position:relative;container-type:size}[data-design=metall] .cp-still{width:min(74cqw,91.7686cqh,560px);color:var(--particle);transition:opacity .7s var(--ease), filter .7s var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-design=metall] .cp-still[data-hidden]{opacity:0;filter:blur(4px)}[data-design=metall] :is(.cp-still,.cp-page-mark) .cp-still-edge{stroke:var(--accent);opacity:.85}[data-design=metall]:where(.dark *) :is(.cp-still,.cp-page-mark) .cp-still-edge{stroke:color-mix(in srgb, var(--accent) 70%, #fff)}[data-design=metall] .cp-still-glow{fill:var(--accent);opacity:.1}[data-design=metall]:where(.dark *) .cp-still-glow{opacity:.22}@keyframes cp-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes cp-rise-solid{0%{transform:translateY(8px)}}@keyframes cp-fade{0%{opacity:0}}[data-design=metall] .cp-load{animation:cp-rise .7s var(--ease) both;animation-delay:var(--d,0s)}[data-design=metall] .cp-load-h1{animation:cp-rise-solid .8s var(--ease) both;animation-delay:var(--d,0s)}[data-design=metall] .cp-load-fade{animation:cp-fade .9s var(--ease) both;animation-delay:var(--d,0s)}[data-design=metall] .cp-rv{transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);transition-delay:var(--d,0s)}[data-design=metall][data-reveal] .cp-rv:not([data-in]){opacity:0;transform:translateY(16px)}[data-design=metall] .cp-stats{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}@media (min-width:1024px){[data-design=metall] .cp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-design=metall] .cp-stats>div{background:var(--bg)}[data-design=metall] .cp-tab{text-align:start;width:100%;color:var(--ink-3);transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}[data-design=metall] .cp-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 3.5%, transparent)}[data-design=metall] .cp-tab[aria-selected=true]{color:var(--ink)}[data-design=metall] .cp-tab-ind{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-sm), var(--hl);border-radius:10px;position:absolute;inset:0}[data-design=metall] .cp-tab-bar{inset-inline-start:-1px;background:var(--accent);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px}[data-design=metall] .cp-dotgrid{background-image:radial-gradient(circle at 1px 1px, var(--line-3) 1px, transparent 0);background-size:16px 16px}[data-design=metall] .cp-rail{inset-inline:0;background:var(--line-2);height:1px;position:absolute;top:0;overflow:hidden}[data-design=metall] .cp-rail>i{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));transform-origin:0;transition:transform 1.4s var(--ease-io) .2s;position:absolute;inset:0;transform:scaleX(1)}[data-design=metall][data-rtl] .cp-rail>i{transform-origin:100%;background:linear-gradient(-90deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent))}[data-design=metall][data-reveal] .cp-rv:not([data-in]) .cp-rail>i{transform:scaleX(0)}[data-design=metall] .cp-cta{border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow-lg), var(--hl);border-radius:20px;position:relative;overflow:hidden}[data-design=metall] .cp-cta-light{pointer-events:none;background:radial-gradient(60% 90% at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-2) 60%, transparent) 100%);position:absolute;inset:0}[data-design=metall][data-rtl] .cp-cta-light{background:radial-gradient(60% 90% at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-2) 60%, transparent) 100%)}[data-design=metall] .cp-cta-grid{pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 35%,#000 100%);mask-image:linear-gradient(110deg,#0000 35%,#000 100%)}[data-design=metall][data-rtl] .cp-cta-grid{-webkit-mask-image:linear-gradient(-110deg,#0000 35%,#000 100%);mask-image:linear-gradient(-110deg,#0000 35%,#000 100%)}[data-design=metall] .cp-demo{background:var(--bg-2);border-bottom:1px solid var(--line);border-radius:15px 15px 0 0;position:relative;overflow:hidden}[data-design=metall] .cp-skel{background:var(--line-2);border-radius:999px;height:6px;display:block}[data-design=metall] .cp-skel-ink{background:color-mix(in srgb, var(--ink) 22%, transparent)}[data-design=metall] .cp-flow-node{transition:border-color var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease)}[data-design=metall] .cp-flow-node[data-hit]{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-md)}@keyframes cp-scan{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}[data-design=metall] .cp-scan{animation:cp-scan 2.2s var(--ease-io) infinite}[data-design=metall] .cp-btn-accent{background:var(--accent);color:#fff;box-shadow:inset 0 1px 0 #fff3, 0 1px 2px #0000001f, 0 8px 20px -8px color-mix(in srgb, var(--accent) 70%, transparent)}[data-design=metall]:where(.dark *) .cp-btn-accent{color:#0a0a0c}[data-design=metall] .cp-btn-accent:hover{background:color-mix(in srgb, var(--accent) 88%, #000);transform:translateY(-1px)}[data-design=metall] .cp-card-hover{transition:transform var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease), border-color var(--t-med) var(--ease), opacity var(--t-slow) var(--ease)}[data-design=metall] .cp-card-hover:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md), 0 0 0 4px var(--accent-soft), var(--hl);transform:translateY(-3px)}@keyframes cp-drift{50%{transform:translateY(-10px)rotate(-1.5deg)}}@keyframes cp-twinkle{50%{opacity:.2}}[data-design=metall] .cp-page-mark{color:var(--particle);max-width:420px;margin-inline-start:auto}[data-design=metall] .cp-page-mark svg{animation:cp-drift 9s var(--ease-io) infinite}[data-design=metall] .cp-mark-twinkle{animation:cp-twinkle 3.2s var(--ease-io) infinite}[data-design=metall] .cp-tile{width:2.75rem;height:2.75rem;color:var(--accent-t);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}[data-design=metall] .cp-step{border-top:1px solid var(--line-2);padding-top:1.25rem;position:relative}[data-design=metall] .cp-step:before{content:"";top:-1px;background:var(--accent);width:2.5rem;height:2px;position:absolute;inset-inline-start:0}[data-design=metall] .cp-step-n{color:var(--accent-t);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}[data-design=metall] .cp-qa>div{border-top:1px solid var(--line);padding-block:1.5rem}[data-design=metall] .cp-qa dt{letter-spacing:-.01em;color:var(--ink);font-size:1.0625rem;font-weight:600}[data-design=metall] .cp-qa dd{color:var(--ink-2);text-wrap:pretty;margin-top:.5rem;line-height:1.7}[data-design=metall][data-rtl] .cp-qa dt{letter-spacing:0}[data-design=metall][data-rtl] .cp-qa dd{line-height:1.9}[data-design=metall] .cp-field{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-sm);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:10px;outline:none;margin-top:.5rem;padding:.6875rem .875rem;font-size:.9375rem;display:block}[data-design=metall] .cp-field::placeholder{color:var(--ink-3);opacity:.7}[data-design=metall] .cp-field:hover{border-color:var(--line-3)}[data-design=metall] .cp-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}[data-design=metall] .cp-field-label{color:var(--ink);font-size:.875rem;font-weight:500;display:block}[data-design=metall] .cp-quote-light{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 14%, transparent), transparent);pointer-events:none;width:80%;height:90%;position:absolute;inset:-40% -30% auto auto}[data-design=metall][data-rtl] .cp-quote-light{inset:-40% auto auto -30%}[data-design=metall] .cp-quote-mark{height:2.5rem;color:var(--accent);font-size:4.5rem;font-weight:600;line-height:1;display:block;position:relative}[data-design=metall] .cp-slot{border:1px dashed var(--line-3);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:20px}[data-design=metall] .cp-slot-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:50%;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 60%,#000,#0000 75%);mask-image:radial-gradient(50% 60%,#000,#0000 75%)}[data-design=metall] .cp-dot-live{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:cp-ping-accent 2.4s var(--ease) infinite}@keyframes cp-ping-accent{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}[data-design=metall] .cp-subnav{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);border-block:1px solid var(--line);-webkit-backdrop-filter:saturate(1.6)blur(14px);position:sticky;top:64px}@media (prefers-reduced-motion:reduce){[data-design=metall] *,[data-design=metall] :before,[data-design=metall] :after{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}}}