:root{--color-primary:#2563eb;--color-secondary:#64748b;--color-accent:#f59e0b;--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#111827;--color-text-muted:#6b7280;--color-heading:#111827;--color-border:#e5e7eb;--font-heading-family:Inter, Arial, sans-serif;--font-heading-weight:700;--font-heading-line-height:1.15;--font-heading-letter-spacing:-0.02em;--font-body-family:Inter, Arial, sans-serif;--font-body-weight:400;--font-body-line-height:1.6;--font-body-letter-spacing:0em;--type-h1-size:56px;--type-h1-weight:800;--type-h1-line-height:1.08;--type-h2-size:42px;--type-h2-weight:750;--type-h2-line-height:1.12;--type-h3-size:30px;--type-h3-weight:700;--type-h3-line-height:1.2;--type-h4-size:24px;--type-h4-weight:700;--type-h4-line-height:1.25;--type-h5-size:20px;--type-h5-weight:700;--type-h5-line-height:1.3;--type-h6-size:17px;--type-h6-weight:700;--type-h6-line-height:1.35;--type-paragraph-size:16px;--type-paragraph-weight:400;--type-paragraph-line-height:1.7;--type-small-size:14px;--type-small-weight:400;--type-small-line-height:1.5;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--button-primary-background:var(--color-primary);--button-primary-text:#ffffff;--button-primary-border:var(--color-primary);--button-primary-border-width:1px;--button-primary-radius:var(--radius-md);--button-primary-font-size:16px;--button-primary-font-weight:700;--button-primary-padding-x:24px;--button-primary-padding-y:12px;--button-primary-hover-background:var(--color-secondary);--button-primary-hover-text:#ffffff;--button-primary-hover-border:var(--color-secondary);--button-primary-transition:180ms;--button-secondary-background:var(--color-surface);--button-secondary-text:var(--color-text);--button-secondary-border:var(--color-border);--button-secondary-border-width:1px;--button-secondary-radius:var(--radius-md);--button-secondary-font-size:16px;--button-secondary-font-weight:700;--button-secondary-padding-x:24px;--button-secondary-padding-y:12px;--button-secondary-hover-background:var(--color-background);--button-secondary-hover-text:var(--color-primary);--button-secondary-hover-border:var(--color-primary);--button-secondary-transition:180ms;--primary:var(--color-primary);--secondary:var(--color-secondary);--accent:var(--color-accent);--text:var(--color-text);--background:var(--color-background);--heading-font:var(--font-heading-family);--body-font:var(--font-body-family);--h1:var(--type-h1-size);--h2:var(--type-h2-size);--h3:var(--type-h3-size);--paragraph:var(--type-paragraph-size);--container:1200px;}@media(max-width:1024px){:root{--type-h1-size:46px;--type-h2-size:36px;--type-h3-size:28px;--type-h4-size:22px;--type-h5-size:19px;--type-h6-size:17px;--type-paragraph-size:16px;--type-small-size:14px;}}@media(max-width:767px){:root{--type-h1-size:38px;--type-h2-size:32px;--type-h3-size:25px;--type-h4-size:21px;--type-h5-size:18px;--type-h6-size:16px;--type-paragraph-size:16px;--type-small-size:13px;}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:var(--color-background);font-family:var(--font-body-family);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing)}img{max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--color-heading);font-family:var(--font-heading-family);letter-spacing:var(--font-heading-letter-spacing)}h1{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line-height)}h2{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line-height)}h3{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line-height)}h4{font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-line-height)}h5{font-size:var(--type-h5-size);font-weight:var(--type-h5-weight);line-height:var(--type-h5-line-height)}h6{font-size:var(--type-h6-size);font-weight:var(--type-h6-weight);line-height:var(--type-h6-line-height)}p{font-size:var(--type-paragraph-size);font-weight:var(--type-paragraph-weight);line-height:var(--type-paragraph-line-height)}small{font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line-height)}.site-icon{display:flex;width:max-content;max-width:100%;line-height:1}.site-icon svg{display:block;width:1em;height:1em;fill:currentColor}.site-icon.site-basic-align-left{margin-left:0;margin-right:auto}.site-icon.site-basic-align-center{margin-inline:auto}.site-icon.site-basic-align-right{margin-left:auto;margin-right:0}.site-section{width:100%}.site-container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.site-columns,.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.site-flex_container,.site-stack{display:flex}.site-stack{flex-direction:column}.site-column,.site-grid,.site-flex_container,.site-stack{min-width:0}.site-spacer{display:block}.site-divider{height:0;padding:0;border:0;border-top:1px solid currentColor;margin:0}.site-image{display:block}.site-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-primary-padding-y) var(--button-primary-padding-x);color:var(--button-primary-text);border:var(--button-primary-border-width) solid var(--button-primary-border);border-radius:var(--button-primary-radius);background:var(--button-primary-background);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);transition:color var(--button-primary-transition),background-color var(--button-primary-transition),border-color var(--button-primary-transition)}.site-button:hover{color:var(--button-primary-hover-text);border-color:var(--button-primary-hover-border);background:var(--button-primary-hover-background)}.site-button--secondary{padding:var(--button-secondary-padding-y) var(--button-secondary-padding-x);color:var(--button-secondary-text);border-color:var(--button-secondary-border);border-width:var(--button-secondary-border-width);border-radius:var(--button-secondary-radius);background:var(--button-secondary-background);font-size:var(--button-secondary-font-size);font-weight:var(--button-secondary-font-weight);transition-duration:var(--button-secondary-transition)}.site-button--secondary:hover{color:var(--button-secondary-hover-text);border-color:var(--button-secondary-hover-border);background:var(--button-secondary-hover-background)}.site-rich_text>:first-child{margin-top:0}.site-rich_text>:last-child{margin-bottom:0}.site-rich_text a{text-decoration:underline}.site-rich_text ul,.site-rich_text ol{padding-left:1.5em}.site-link{display:flex;width:max-content;max-width:100%}.site-inline-content{display:inline-flex;align-items:center;gap:.45em}.site-link .site-inline-content{text-decoration:inherit}.site-link.site-basic-align-left{margin-left:0;margin-right:auto}.site-link.site-basic-align-center{margin-inline:auto}.site-link.site-basic-align-right{margin-left:auto;margin-right:0}.site-basic-icon--svg{display:inline-flex}.site-basic-icon--svg svg{display:block;width:1em;height:1em;fill:currentColor}.site-link--underline-none{text-decoration:none}.site-link--underline-always{text-decoration:underline}.site-link--underline-hover{text-decoration:none}.site-link--underline-hover:hover{text-decoration:underline}.site-basic-align-left{text-align:left}.site-basic-align-center{text-align:center}.site-basic-align-right{text-align:right}.site-icon_button{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:var(--site-icon-gap,8px);transition:color .16s ease,background-color .16s ease,border-color .16s ease}.site-icon-button-icon{font-size:var(--site-icon-size,20px);line-height:1}.site-icon_button.site-basic-align-left,.site-badge.site-basic-align-left{margin-left:0;margin-right:auto}.site-icon_button.site-basic-align-center,.site-badge.site-basic-align-center{margin-inline:auto}.site-icon_button.site-basic-align-right,.site-badge.site-basic-align-right{margin-left:auto;margin-right:0}.site-icon-button--icon-only{aspect-ratio:1;padding:0}.site-badge{display:flex;width:max-content;max-width:100%;align-items:center;gap:var(--site-badge-gap,6px)}.site-quote{margin:0}.site-quote--border{border-left:var(--site-quote-border-width,4px) solid var(--site-quote-border-color,#4f46e5)}.site-quote blockquote,.site-quote blockquote p{margin:0;color:inherit;font:inherit}.site-quote-icon{display:block;color:var(--site-quote-icon-color,#4f46e5);font-size:var(--site-quote-icon-size,48px);line-height:.75}.site-quote figcaption{display:flex;margin-top:var(--site-quote-author-spacing,16px);align-items:baseline;gap:.45em;color:var(--site-quote-author-color,#475569);font-family:var(--site-quote-author-family,inherit);font-size:var(--site-quote-author-size,14px);font-weight:var(--site-quote-author-weight,600)}.site-quote cite{font-style:normal;font-weight:400}.site-code{position:relative;max-width:100%}.site-code-header{display:flex;margin:-8px -8px 12px;align-items:center;justify-content:space-between;gap:12px;color:inherit;font-family:inherit;font-size:.78em;line-height:1.2}.site-code-language{font-weight:700;letter-spacing:.08em}.site-code-copy{padding:5px 8px;color:inherit;border:1px solid currentColor;border-radius:6px;background:transparent;cursor:pointer;font:inherit}.site-code pre{max-width:100%;margin:0;overflow-x:auto;color:inherit;background:transparent;font:inherit;white-space:pre;tab-size:4}.site-code code{font:inherit}.site-list{margin:0;padding:0;list-style:none}.site-list--horizontal{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px}.site-list a:hover{color:var(--color-primary)}.site-list li:hover a{color:inherit}.site-logo{display:block;max-width:180px;max-height:64px;object-fit:contain}.site-form{display:grid;gap:14px}.site-form label{display:grid;gap:5px}.site-form input,.site-form textarea{width:100%;padding:11px;border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit}.site-form button{padding:var(--button-primary-padding-y) var(--button-primary-padding-x);border:var(--button-primary-border-width) solid var(--button-primary-border);border-radius:var(--button-primary-radius);background:var(--button-primary-background);color:var(--button-primary-text);cursor:pointer}.is-sticky{position:sticky;z-index:30;top:var(--navbar-sticky-offset,0)}.nav-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.component-navbar{position:relative}.component-navbar .site-columns{align-items:center}.component-navbar.navbar-layout-standard .site-columns{grid-template-columns:minmax(150px,1fr) minmax(260px,2fr) auto}.component-navbar.navbar-layout-centered .site-columns{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)}.component-navbar.navbar-columns-2.navbar-layout-standard .site-columns{grid-template-columns:minmax(150px,1fr) minmax(260px,2fr)}.component-navbar.navbar-columns-2.navbar-layout-centered .site-columns{grid-template-columns:minmax(150px,1fr) auto}.component-navbar.navbar-columns-3:not(.navbar-layout-stacked).navbar-hide-brand:not(.navbar-hide-cta) .site-columns{grid-template-columns:minmax(260px,1fr) auto}.component-navbar.navbar-columns-3:not(.navbar-layout-stacked).navbar-hide-cta:not(.navbar-hide-brand) .site-columns{grid-template-columns:minmax(150px,1fr) minmax(260px,2fr)}.component-navbar.navbar-hide-brand.navbar-hide-cta .site-columns{grid-template-columns:1fr}.component-navbar.navbar-layout-stacked .site-columns{grid-template-columns:1fr}.component-navbar.navbar-layout-stacked .navbar-brand,.component-navbar.navbar-layout-stacked .navbar-cta{text-align:center}.component-navbar.navbar-layout-stacked .site-list{justify-content:center}.component-navbar.navbar-width-full .site-container{width:100%;max-width:none;padding-inline:24px}.component-navbar.navbar-hide-brand .navbar-brand,.component-navbar.navbar-hide-cta .navbar-cta{display:none}.component-navbar .navbar-menu-list{gap:10px var(--navbar-menu-gap,22px)}.component-navbar.navbar-menu-left .navbar-menu-list{justify-content:flex-start}.component-navbar.navbar-menu-center .navbar-menu-list{justify-content:center}.component-navbar.navbar-menu-right .navbar-menu-list{justify-content:flex-end}.component-navbar.navbar-menu-uppercase .navbar-menu-list{text-transform:uppercase}.component-navbar.navbar-menu-style-underline .navbar-menu-list a{padding-bottom:4px;border-bottom:2px solid transparent}.component-navbar.navbar-menu-style-underline .navbar-menu-list a:hover{border-color:currentColor}.component-navbar.navbar-menu-style-pills .navbar-menu-list a{display:block;padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.09)}@media(max-width:1024px){.site-columns,.site-grid{grid-template-columns:1fr}}@media(max-width:767px){.site-container{width:min(calc(100% - 28px),var(--container))}.component-navbar:not(.navbar-v2) .site-columns{grid-template-columns:1fr!important}.component-navbar:not(.navbar-v2) .navbar-cta{display:none}.component-navbar:not(.navbar-v2).navbar-mobile-enabled .nav-toggle{display:grid;position:absolute;z-index:4;top:50%;right:14px;width:42px;height:40px;place-items:center;padding:0;border:1px solid #d8dce5;border-radius:8px;background:#fff;font-size:22px;transform:translateY(-50%)}.component-navbar:not(.navbar-v2).navbar-mobile-enabled.navbar-mobile-left .nav-toggle{right:auto;left:14px}.component-navbar:not(.navbar-v2).navbar-mobile-enabled .navbar-menu{display:none}.component-navbar:not(.navbar-v2).navbar-mobile-enabled.is-menu-open .navbar-menu{display:block}.component-navbar:not(.navbar-v2).navbar-mobile-enabled .site-list{display:none}.component-navbar:not(.navbar-v2).navbar-mobile-enabled.is-menu-open .site-list{display:flex;flex-direction:column;align-items:stretch}.component-navbar:not(.navbar-v2).navbar-mobile-left .navbar-menu-list{align-items:flex-start}.component-navbar:not(.navbar-v2).navbar-mobile-right .navbar-menu-list{align-items:flex-end}.component-navbar:not(.navbar-v2).navbar-mobile-full .navbar-menu-list{width:100%;align-items:stretch}.component-navbar:not(.navbar-v2).navbar-mobile-disabled .navbar-menu-list{display:flex;justify-content:flex-start}}.navbar-v2{position:relative;z-index:40;width:100%;transition:background-color .22s ease,box-shadow .22s ease}.navbar-v2.is-sticky{position:sticky;top:var(--navbar-sticky-offset,0);z-index:1000}.navbar-v2.is-sticky.is-scrolled{background-color:var(--navbar-sticky-background,#fff);background-image:none;box-shadow:var(--navbar-sticky-shadow,none)}.navbar-v2.is-sticky.navbar-sticky-after-scroll{position:sticky;top:var(--navbar-sticky-offset,0);min-height:var(--navbar-height,76px)}.navbar-v2 .navbar-shell{width:100%}.navbar-v2 .navbar-container{width:min(calc(100% - (var(--navbar-padding-x,24px) * 2)),var(--container));margin-inline:auto}.navbar-v2.navbar-width-full .navbar-container{width:100%;max-width:none;padding-inline:var(--navbar-padding-x,24px)}.navbar-v2 .navbar-inner{position:relative;display:grid;min-height:var(--navbar-height,76px);padding-block:var(--navbar-padding-y,12px);align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--navbar-logo-spacing,24px)}.navbar-v2 .navbar-brand{z-index:2;max-width:var(--navbar-logo-max-width,200px);align-items:center;color:inherit;font-family:var(--heading-font);font-size:20px;font-weight:800;line-height:1.1}.navbar-v2 .navbar-brand picture{display:block}.navbar-v2 .navbar-logo-image{display:block;width:var(--navbar-logo-width,160px);height:var(--navbar-logo-height,auto);max-width:var(--navbar-logo-max-width,200px);object-fit:contain;object-position:left center}.navbar-v2 .navbar-logo-text{display:block}.navbar-v2 .navbar-panel,.navbar-v2 .navbar-panel-surface{display:contents}.navbar-v2 .navbar-panel-header{display:none}.navbar-v2 .navbar-menu{margin:0;padding:0;justify-content:var(--navbar-menu-justify,flex-end);align-items:center;gap:var(--navbar-menu-gap,24px);list-style:none;color:var(--navbar-menu-color,#374151);font-family:var(--navbar-font-family,var(--body-font));font-size:var(--navbar-menu-size,15px);font-weight:var(--navbar-font-weight,600);letter-spacing:var(--navbar-letter-spacing,0);text-transform:var(--navbar-text-transform,none)}.navbar-v2 .navbar-menu-item{position:relative;display:flex;align-items:center}.navbar-v2 .navbar-menu-link{display:inline-flex;align-items:center;padding:8px 2px;transition:color .16s ease}.navbar-v2 .navbar-menu-icon{display:none}.navbar-v2 .navbar-menu-label{display:block}.navbar-v2 .navbar-menu-link:hover,.navbar-v2 .navbar-menu-link:focus-visible,.navbar-v2 .is-ancestor-active>.navbar-menu-link{color:var(--navbar-menu-hover,#2563eb)}.navbar-v2 .is-active>.navbar-menu-link{color:var(--navbar-menu-active,#1d4ed8)}.navbar-v2 .nav-submenu-toggle{display:grid;width:28px;height:28px;margin-left:2px;padding:0;place-items:center;color:currentColor;border:0;background:transparent;cursor:pointer}.navbar-v2 .nav-submenu-toggle span[aria-hidden]{transition:transform .18s ease}.navbar-v2 .is-submenu-open>.nav-submenu-toggle span[aria-hidden]{transform:rotate(180deg)}.navbar-v2 .navbar-submenu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;display:none;width:max-content;min-width:190px;margin:0;padding:8px;list-style:none;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:var(--navbar-mobile-background,#fff);box-shadow:0 14px 36px rgba(15,23,42,.14)}.navbar-v2 .has-dropdown:hover>.navbar-submenu,.navbar-v2 .has-dropdown:focus-within>.navbar-submenu,.navbar-v2 .has-dropdown.is-submenu-open>.navbar-submenu{display:block}.navbar-v2 .navbar-submenu .navbar-menu-link{width:100%;padding:8px 10px;border-radius:6px}.navbar-v2 .navbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--navbar-button-spacing,10px)}.navbar-v2 .navbar-button{align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.navbar-v2 .navbar-button:hover{transform:translateY(-1px)}.navbar-v2 .navbar-button-cta{padding:var(--navbar-cta-padding);color:var(--navbar-cta-color);background-color:var(--navbar-cta-bg);border:var(--navbar-cta-border);border-radius:var(--navbar-cta-radius)}.navbar-v2 .navbar-button-cta:hover,.navbar-v2 .navbar-button-cta:focus-visible{color:var(--navbar-cta-hover-color);border-color:var(--navbar-cta-border-color);background-color:var(--navbar-cta-hover-bg)}.navbar-v2 .navbar-button-secondary{padding:var(--navbar-secondary-padding);color:var(--navbar-secondary-color);background-color:var(--navbar-secondary-bg);border:var(--navbar-secondary-border);border-radius:var(--navbar-secondary-radius)}.navbar-v2 .navbar-button-secondary:hover,.navbar-v2 .navbar-button-secondary:focus-visible{color:var(--navbar-secondary-hover-color);border-color:var(--navbar-secondary-border-color);background-color:var(--navbar-secondary-hover-bg)}.navbar-v2 .nav-toggle,.navbar-v2 .nav-close,.navbar-v2 .nav-overlay,.navbar-v2 .navbar-mobile-actions{display:none}.navbar-v2.is-menu-open{z-index:2147483000}.navbar-v2 .nav-toggle{z-index:3;width:44px;height:42px;padding:0;place-items:center;color:var(--navbar-menu-color);border:1px solid rgba(148,163,184,.4);border-radius:9px;background:rgba(255,255,255,.86);font-size:var(--navbar-toggle-size,24px);cursor:pointer}.navbar-v2 .nav-close{align-self:flex-end;width:42px;height:42px;padding:0;place-items:center;color:var(--navbar-menu-color);border:1px solid rgba(148,163,184,.35);border-radius:9px;background:transparent;font-size:26px;cursor:pointer}.navbar-v2 .nav-overlay{position:fixed;z-index:1001;inset:0;width:100%;max-width:100%;height:100vh;height:100dvh;padding:0;box-sizing:border-box;border:0;background:var(--navbar-overlay-color);opacity:1;transition:opacity .2s ease}.navbar-v2 :is(a,button):focus-visible{outline:3px solid var(--navbar-menu-active,#2563eb);outline-offset:3px}.has-open-navbar{overflow:hidden;scrollbar-gutter:stable}.navbar-v2.navbar-layout-menu-logo-actions .navbar-inner,.navbar-v2.navbar-layout-balanced .navbar-inner,.navbar-v2.navbar-layout-centered-logo .navbar-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.navbar-v2.navbar-layout-menu-logo-actions .navbar-brand{grid-column:2;grid-row:1}.navbar-v2.navbar-layout-menu-logo-actions .navbar-menu{grid-column:1;grid-row:1}.navbar-v2.navbar-layout-menu-logo-actions .navbar-actions{grid-column:3;grid-row:1}.navbar-v2.navbar-layout-centered-logo .navbar-brand{grid-column:2;grid-row:1}.navbar-v2.navbar-layout-centered-logo .navbar-menu{grid-column:1;grid-row:1}.navbar-v2.navbar-layout-centered-logo .navbar-actions{grid-column:3;grid-row:1}.navbar-v2.navbar-layout-logo-menu .navbar-inner{grid-template-columns:auto minmax(0,1fr)}.navbar-v2.navbar-layout-logo-menu .navbar-actions{display:none}.navbar-v2.navbar-layout-custom .navbar-inner{display:flex}.navbar-v2.navbar-layout-custom .navbar-panel,.navbar-v2.navbar-layout-custom .navbar-panel-surface{display:contents}.navbar-v2.navbar-layout-custom .navbar-menu{flex:1}.navbar-v2 .navbar-utility-bar{position:relative;z-index:5;width:100%;border-bottom:1px solid var(--navbar-utility-border,#1e293b);background:var(--navbar-utility-bg,#0f172a);font-size:13px}.navbar-v2 .navbar-utility-inner{display:flex;min-height:var(--navbar-utility-height,36px);width:min(calc(100% - 32px),var(--container));margin-inline:auto;align-items:center;justify-content:flex-end;gap:14px;color:var(--navbar-utility-color,#cbd5e1)}.navbar-v2 .navbar-lang-switch{position:relative}.navbar-v2 .navbar-lang-toggle{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:4px 6px;color:inherit;border:0;background:transparent;font:inherit;cursor:pointer}.navbar-v2 .navbar-lang-toggle:hover,.navbar-v2 .navbar-lang-toggle:focus-visible{color:var(--lang-switch-hover,var(--navbar-utility-hover,#fff))}.navbar-v2 .navbar-lang-caret{font-size:10px}.navbar-v2 .navbar-lang-list{position:absolute;z-index:30;top:calc(100% + 6px);right:0;display:grid;min-width:150px;margin:0;padding:6px;list-style:none;border:1px solid var(--navbar-utility-border,#1e293b);border-radius:8px;background:var(--lang-dd-bg,var(--navbar-utility-bg,#0f172a));box-shadow:0 16px 34px rgba(15,23,42,.28)}.navbar-v2 .navbar-lang-list[hidden]{display:none}.navbar-v2 .navbar-lang-option{display:block;width:100%;padding:8px 9px;color:var(--lang-dd-color,inherit);text-align:left;border:0;border-radius:6px;background:transparent;font:inherit;cursor:pointer}.navbar-v2 .navbar-lang-option:hover,.navbar-v2 .navbar-lang-option:focus-visible{color:var(--lang-dd-hover-color,var(--navbar-utility-hover,#fff));background:var(--lang-dd-hover-bg,rgba(255,255,255,.1))}.navbar-v2.header-language-switcher-widget .navbar-lang-option{color:var(--lang-dd-color,#e2e8f0)}.navbar-v2.header-language-switcher-widget .navbar-lang-option:hover,.navbar-v2.header-language-switcher-widget .navbar-lang-option:focus-visible{color:var(--lang-dd-hover-color,#fff)}.navbar-v2 .navbar-theme-toggle{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;color:inherit;border:0;border-radius:999px;background:transparent;font-size:16px;line-height:1;cursor:pointer}.navbar-v2 .navbar-theme-toggle:hover,.navbar-v2 .navbar-theme-toggle:focus-visible{color:var(--navbar-utility-hover,#fff);background:rgba(255,255,255,.1)}.navbar-v2 .navbar-theme-icon-dark{display:none}.navbar-v2[data-navbar-theme="dark"] .navbar-theme-icon-light{display:none}.navbar-v2[data-navbar-theme="dark"] .navbar-theme-icon-dark{display:inline}.navbar-v2 :is(.navbar-lang-toggle,.navbar-lang-option,.navbar-theme-toggle):focus-visible{outline:3px solid var(--navbar-utility-hover,#60a5fa);outline-offset:2px}.navbar-v2 .navbar-info-ticker{position:relative;width:100%;height:var(--navbar-ticker-height,34px);background:var(--navbar-ticker-bg,#eff6ff);color:var(--navbar-ticker-color,#1d4ed8);font-size:var(--navbar-ticker-size,13px);line-height:var(--navbar-ticker-height,34px)}.navbar-v2 .navbar-info-ticker-inner{position:relative;overflow:hidden;height:100%;width:min(calc(100% - (var(--navbar-padding-x,24px) * 2)),var(--container));margin-inline:auto}.navbar-v2.navbar-width-full .navbar-info-ticker-inner{width:100%;max-width:none;padding-inline:var(--navbar-padding-x,24px)}.navbar-v2 .navbar-info-ticker-track{position:absolute;top:0;left:0;display:flex;width:max-content;will-change:transform;animation:navbar-ticker-scroll var(--navbar-ticker-speed,18s) linear infinite}.navbar-v2 .navbar-info-ticker-group{display:flex;flex:none;align-items:center;white-space:nowrap}.navbar-v2 .navbar-info-ticker-text{display:inline-block;padding-inline:32px;white-space:nowrap}.navbar-v2 .navbar-info-ticker:hover .navbar-info-ticker-track,.navbar-v2 .navbar-info-ticker:focus .navbar-info-ticker-track,.navbar-v2 .navbar-info-ticker:focus-within .navbar-info-ticker-track{animation-play-state:paused}@keyframes navbar-ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--navbar-ticker-shift,-50%),0,0)}}@media(prefers-reduced-motion:reduce){.navbar-v2 .navbar-info-ticker-track{animation:none!important;transform:none!important}.navbar-v2 .navbar-info-ticker-group:nth-child(2){display:none!important}}.navbar-v2 .navbar-bottom-nav{display:none}.navbar-v2 .navbar-bottom-nav-list{display:grid;min-height:64px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));list-style:none;border-top:1px solid var(--navbar-bottomnav-border,#e5e7eb);background:var(--navbar-bottomnav-bg,#fff)}.navbar-v2 .navbar-bottom-nav-item{min-width:0}.navbar-v2 .navbar-bottom-nav-link{display:flex;min-height:44px;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;color:var(--navbar-bottomnav-inactive,#64748b);text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),color .18s ease}.navbar-v2 .navbar-bottom-nav-icon{color:var(--navbar-bottomnav-inactive-icon,#64748b);font-size:var(--navbar-bottomnav-icon-size,22px);line-height:1;transition:color .18s ease,transform .3s cubic-bezier(0.34,1.56,0.64,1)}.navbar-v2 .navbar-bottom-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600;line-height:1.15}.navbar-v2 .navbar-bottom-nav-item.is-active .navbar-bottom-nav-link{color:var(--navbar-bottomnav-active,#1d4ed8);transform:translateY(calc(var(--navbar-bottomnav-raise,10px) * -1))}.navbar-v2 .navbar-bottom-nav-item.is-active .navbar-bottom-nav-icon{color:var(--navbar-bottomnav-active-icon,#1d4ed8);transform:scale(1.08)}.navbar-v2 .navbar-bottom-nav-link:focus-visible{outline:3px solid var(--navbar-bottomnav-active,#1d4ed8);outline-offset:-3px}@media(prefers-reduced-motion:reduce){.navbar-v2 .navbar-bottom-nav-link,.navbar-v2 .navbar-bottom-nav-icon{transition:none}}.navbar-v2[data-navbar-theme="dark"]{background-color:var(--navbar-theme-dark-bg,#0f172a)!important;background-image:none!important}.navbar-v2[data-navbar-theme="dark"] .navbar-brand,.navbar-v2[data-navbar-theme="dark"] .navbar-menu{color:var(--navbar-theme-dark-menu-color,#e2e8f0)}.navbar-v2[data-navbar-theme="dark"] .navbar-menu-link:hover,.navbar-v2[data-navbar-theme="dark"] .navbar-menu-link:focus-visible,.navbar-v2[data-navbar-theme="dark"] .is-ancestor-active>.navbar-menu-link{color:var(--navbar-theme-dark-menu-hover,#60a5fa)}.navbar-v2[data-navbar-theme="dark"] .is-active>.navbar-menu-link{color:var(--navbar-theme-dark-menu-active,#93c5fd)}.navbar-v2[data-navbar-theme="dark"] .navbar-utility-bar{background:var(--navbar-theme-dark-utility-bg,#020617);color:var(--navbar-theme-dark-utility-color,#cbd5e1)}.navbar-v2[data-navbar-theme="dark"] .navbar-lang-list{background:var(--navbar-theme-dark-utility-bg,#020617)} /* Phase 1 · Global Animation Engine. Content fshihet vetëm pasi runtime-i është aktiv. */ .animation-engine-ready [data-animation-effect].is-animation-pending { opacity: 0; } .animation-engine-ready [data-animation-effect="fade-up"].is-animation-pending { transform: translate3d(0, 24px, 0); } .animation-engine-ready [data-animation-effect="fade-down"].is-animation-pending { transform: translate3d(0, -24px, 0); } .animation-engine-ready [data-animation-effect="slide-left"].is-animation-pending { transform: translate3d(-36px, 0, 0); } .animation-engine-ready [data-animation-effect="slide-right"].is-animation-pending { transform: translate3d(36px, 0, 0); } .animation-engine-ready [data-animation-effect="zoom-in"].is-animation-pending { transform: scale(.94); } .animation-engine-ready [data-animation-effect="blur-in"].is-animation-pending { filter: blur(12px); transform: scale(.985); } /* Faza 3 · efekte shtesë (Pro; në eksport Free degradohen te fallback-u i kontratës). Fillimi i secilit përputhet me kuadrin "from" të keyframes. */ .animation-engine-ready [data-animation-effect="zoom-out"].is-animation-pending { transform: scale(1.12); } .animation-engine-ready [data-animation-effect="rotate-in"].is-animation-pending { transform: rotate(-10deg) scale(.92); } /* Flip: perspektiva e madhe (2000px) dhe rrotullimi rreth qendrës mbajnë Z-në e skajeve nën distancën e kamerës edhe për elemente të gjera/të gjata (seksione 1920px, 2000px lartësi); me perspektivë të vogël ose origjinë në skaj, skajet kalonin prapa kamerës, gjeometria degjeneronte dhe IntersectionObserver s'e shihte kurrë elementin. */ .animation-engine-ready [data-animation-effect="flip-x"].is-animation-pending { transform: perspective(2000px) rotateX(-60deg); } .animation-engine-ready [data-animation-effect="flip-y"].is-animation-pending { transform: perspective(2000px) rotateY(-60deg); } .animation-engine-ready [data-animation-effect="bounce-in"].is-animation-pending { transform: scale(.3); } .animation-engine-ready [data-animation-effect="drop"].is-animation-pending { transform: translate3d(0, -64px, 0); } .animation-engine-ready [data-animation-effect="blur-up"].is-animation-pending { filter: blur(10px); transform: translate3d(0, 28px, 0); } .animation-engine-ready [data-animation-effect="skew-in"].is-animation-pending { transform: translate3d(-40px, 0, 0) skewX(14deg); } /* Zbulimet (clip-*) përdorin MASKË (mask-size) dhe jo prerje me clip-path — IntersectionObserver e llogarit sipërfaqen e dukshme duke marrë parasysh prerjen e vetë elementit, ndaj një element i prerë plotësisht nuk raportohej kurrë si i dukshëm (mbetej i padukshëm përgjithmonë; me once=false edhe vlonte). Maska s'e ndikon IO-në (raporti mbetet 1). */ .animation-engine-ready [data-animation-effect="clip-up"].is-animation-pending { opacity: 1; -webkit-mask: linear-gradient(#000, #000) 0 100% / 100% 0% no-repeat; mask: linear-gradient(#000, #000) 0 100% / 100% 0% no-repeat; } .animation-engine-ready [data-animation-effect="clip-down"].is-animation-pending { opacity: 1; -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% 0% no-repeat; mask: linear-gradient(#000, #000) 0 0 / 100% 0% no-repeat; } .animation-engine-ready [data-animation-effect="clip-left"].is-animation-pending { opacity: 1; -webkit-mask: linear-gradient(#000, #000) 0 0 / 0% 100% no-repeat; mask: linear-gradient(#000, #000) 0 0 / 0% 100% no-repeat; } .animation-engine-ready [data-animation-effect="clip-right"].is-animation-pending { opacity: 1; -webkit-mask: linear-gradient(#000, #000) 100% 0 / 0% 100% no-repeat; mask: linear-gradient(#000, #000) 100% 0 / 0% 100% no-repeat; } .animation-engine-ready [data-animation-effect].is-animation-visible { animation-duration: var(--aw-animation-duration, 650ms); animation-delay: var(--aw-animation-delay, 0ms); animation-timing-function: var(--aw-animation-easing, ease-out); animation-fill-mode: both; } [data-animation-effect="fade"].is-animation-visible { animation-name: aw-fade; } [data-animation-effect="fade-up"].is-animation-visible { animation-name: aw-fade-up; } [data-animation-effect="fade-down"].is-animation-visible { animation-name: aw-fade-down; } [data-animation-effect="slide-left"].is-animation-visible { animation-name: aw-slide-left; } [data-animation-effect="slide-right"].is-animation-visible { animation-name: aw-slide-right; } [data-animation-effect="zoom-in"].is-animation-visible { animation-name: aw-zoom-in; } [data-animation-effect="blur-in"].is-animation-visible { animation-name: aw-blur-in; } [data-animation-effect="zoom-out"].is-animation-visible { animation-name: aw-zoom-out; } [data-animation-effect="rotate-in"].is-animation-visible { animation-name: aw-rotate-in; } [data-animation-effect="flip-x"].is-animation-visible { animation-name: aw-flip-x; } [data-animation-effect="flip-y"].is-animation-visible { animation-name: aw-flip-y; } [data-animation-effect="bounce-in"].is-animation-visible { animation-name: aw-bounce-in; } [data-animation-effect="drop"].is-animation-visible { animation-name: aw-drop; } [data-animation-effect="blur-up"].is-animation-visible { animation-name: aw-blur-up; } [data-animation-effect="skew-in"].is-animation-visible { animation-name: aw-skew-in; } [data-animation-effect="clip-up"].is-animation-visible { animation-name: aw-clip-up; } [data-animation-effect="clip-down"].is-animation-visible { animation-name: aw-clip-down; } [data-animation-effect="clip-left"].is-animation-visible { animation-name: aw-clip-left; } [data-animation-effect="clip-right"].is-animation-visible { animation-name: aw-clip-right; } [data-animation-effect].is-animation-disabled { opacity: 1 !important; filter: none !important; transform: none !important; animation: none !important; } @keyframes aw-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes aw-fade-up { from { opacity: 0; transform: translate3d(0, 24px, 0); } to { opacity: 1; transform: none; } } @keyframes aw-fade-down { from { opacity: 0; transform: translate3d(0, -24px, 0); } to { opacity: 1; transform: none; } } @keyframes aw-slide-left { from { opacity: 0; transform: translate3d(-36px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes aw-slide-right { from { opacity: 0; transform: translate3d(36px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes aw-zoom-in { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: none; } } @keyframes aw-blur-in { from { opacity: 0; filter: blur(12px); transform: scale(.985); } to { opacity: 1; filter: none; transform: none; } } @keyframes aw-zoom-out { from { opacity: 0; transform: scale(1.12); } to { opacity: 1; transform: none; } } @keyframes aw-rotate-in { from { opacity: 0; transform: rotate(-10deg) scale(.92); } to { opacity: 1; transform: none; } } @keyframes aw-flip-x { from { opacity: 0; transform: perspective(2000px) rotateX(-60deg); } to { opacity: 1; transform: perspective(2000px) rotateX(0deg); } } @keyframes aw-flip-y { from { opacity: 0; transform: perspective(2000px) rotateY(-60deg); } to { opacity: 1; transform: perspective(2000px) rotateY(0deg); } } @keyframes aw-bounce-in { 0% { opacity: 0; transform: scale(.3); } 55% { opacity: 1; transform: scale(1.06); } 75% { transform: scale(.97); } 100% { opacity: 1; transform: none; } } @keyframes aw-drop { 0% { opacity: 0; transform: translate3d(0, -64px, 0); } 55% { opacity: 1; transform: translate3d(0, 8px, 0); } 75% { transform: translate3d(0, -3px, 0); } 100% { opacity: 1; transform: none; } } @keyframes aw-blur-up { from { opacity: 0; filter: blur(10px); transform: translate3d(0, 28px, 0); } to { opacity: 1; filter: none; transform: none; } } @keyframes aw-skew-in { from { opacity: 0; transform: translate3d(-40px, 0, 0) skewX(14deg); } to { opacity: 1; transform: none; } } @keyframes aw-clip-up { from { opacity: 1; -webkit-mask-size: 100% 0%; mask-size: 100% 0%; } to { opacity: 1; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } } @keyframes aw-clip-down { from { opacity: 1; -webkit-mask-size: 100% 0%; mask-size: 100% 0%; } to { opacity: 1; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } } @keyframes aw-clip-left { from { opacity: 1; -webkit-mask-size: 0% 100%; mask-size: 0% 100%; } to { opacity: 1; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } } @keyframes aw-clip-right { from { opacity: 1; -webkit-mask-size: 0% 100%; mask-size: 0% 100%; } to { opacity: 1; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } } /* Efektet clip-* përdorin maskë: kur animimi çaktivizohet (klasa, mobile, reduced-motion) maska hiqet, që përmbajtja të mbetet e plotë. */ [data-animation-effect^="clip-"].is-animation-disabled { -webkit-mask: none !important; mask: none !important; } @media (max-width: 767px) { [data-animation-disable-mobile="true"][data-animation-effect^="clip-"] { -webkit-mask: none !important; mask: none !important; } [data-animation-disable-mobile="true"] { opacity: 1 !important; filter: none !important; transform: none !important; animation: none !important; } } @media (prefers-reduced-motion: reduce) { [data-animation-effect^="clip-"] { -webkit-mask: none !important; mask: none !important; } [data-animation-effect] { opacity: 1 !important; filter: none !important; transform: none !important; animation: none !important; } } /* Phase 2 · Advanced Background Effects. Një pseudo-layer i izoluar mbron content-in nga opacity/filter dhe nuk përplaset me Animation Engine. */ .aw-background-effect { position: relative; isolation: isolate; } .aw-background-effect::before { position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: var(--aw-background, transparent); background-position: var(--aw-bg-position, center center); background-repeat: no-repeat; background-size: var(--aw-bg-size, cover); opacity: var(--aw-bg-layer-opacity, 1); filter: var(--aw-bg-filter, none); animation-name: var(--aw-bg-animation-name, none); animation-duration: var(--aw-bg-speed, 10s); animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; pointer-events: none; content: ""; } .aw-background-video { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; max-width: none; height: 100%; border-radius: inherit; object-fit: cover; pointer-events: none; } @keyframes aw-background-gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @media (prefers-reduced-motion: reduce) { .aw-background-effect::before { animation: none !important; } .aw-background-video { display: none; } } /* Phase 3 · Reusable Hover Effects. CSS variables mbajnë intensity/timing responsive; selectors aktivizohen vetëm kur pajisja ka real hover. */ .aw-hover-effect { transform-origin: center; transition-property: transform, box-shadow, opacity; transition-duration: var(--aw-hover-duration, 220ms); transition-timing-function: var(--aw-hover-easing, ease-out); } .aw-hover-effect img { transition: transform var(--aw-hover-duration, 220ms) var(--aw-hover-easing, ease-out); } @media (hover: hover) and (pointer: fine) { .aw-hover-effect:not(.is-animation-pending):not(.is-animation-visible):hover { opacity: var(--aw-hover-opacity, 1); box-shadow: var(--aw-hover-shadow, none); transform: var(--aw-hover-transform, none); } .aw-hover-effect:not(.is-animation-pending):not(.is-animation-visible):hover img { transform: var(--aw-hover-image-transform, none); } } @media (hover: none), (pointer: coarse) { .aw-hover-effect, .aw-hover-effect img { transition: none !important; } } @media (prefers-reduced-motion: reduce) { .aw-hover-effect, .aw-hover-effect img { transition: none !important; } .aw-hover-effect:hover, .aw-hover-effect:hover img { transform: none !important; } } /* Phase 4 · Shape Dividers. SVG-ja është absolute, dekorative dhe nuk krijon layout shift apo horizontal overflow. */ .aw-has-shape-divider { position: relative; isolation: isolate; } .aw-has-shape-divider.is-sticky { position: sticky; } .aw-shape-divider { position: absolute; z-index: 2; left: 0; display: block; width: 100%; height: var(--aw-divider-height, 80px); overflow: hidden; color: var(--aw-divider-color, #fff); line-height: 0; pointer-events: none; contain: layout paint; } .aw-shape-divider.is-top { top: -1px; } .aw-shape-divider.is-bottom { bottom: -1px; } .aw-shape-divider svg { display: block; width: calc(100% + 2px); height: 100%; margin-left: -1px; transform-origin: center; } .aw-shape-divider path { fill: currentColor; } .aw-shape-divider.is-top svg { transform: scale(1,-1); } .aw-shape-divider.is-top.is-flipped svg { transform: scale(-1,-1); } .aw-shape-divider.is-top.is-inverted svg { transform: scale(1,1); } .aw-shape-divider.is-top.is-flipped.is-inverted svg { transform: scale(-1,1); } .aw-shape-divider.is-bottom.is-flipped svg { transform: scale(-1,1); } .aw-shape-divider.is-bottom.is-inverted svg { transform: scale(1,-1); } .aw-shape-divider.is-bottom.is-flipped.is-inverted svg { transform: scale(-1,-1); } @media (min-width: 1025px) { .aw-divider-hide-desktop { display: none; } } @media (min-width: 768px) and (max-width: 1024px) { .aw-divider-hide-tablet { display: none; } } @media (max-width: 767px) { .aw-divider-hide-mobile { display: none; } } /* Phase 5 · Parallax. `translate` kompozohet me transform-et e Animation dhe Hover Engine; runtime-i shkruan vetëm një CSS variable të kufizuar. */ .aw-parallax { --aw-parallax-offset: 0px; } .aw-parallax-subtle { translate: 0 var(--aw-parallax-offset); will-change: translate; } .aw-parallax-image:is(img), .aw-parallax-image img { translate: 0 var(--aw-parallax-offset); will-change: translate; } .aw-parallax-background.aw-background-effect::before, .aw-parallax-background > .aw-background-video { transform: translate3d(0,var(--aw-parallax-offset),0) scaleY(1.12); transform-origin: center; will-change: transform; } .aw-parallax-background:not(.aw-background-effect) { background-position: center calc(50% + var(--aw-parallax-offset)); } .aw-parallax.is-parallax-disabled, [data-parallax-disable-mobile="true"].is-parallax-disabled { --aw-parallax-offset: 0px !important; translate: none !important; } @media (max-width: 767px) { [data-parallax-disable-mobile="true"] { --aw-parallax-offset: 0px !important; } } @media (prefers-reduced-motion: reduce) { [data-parallax-type] { --aw-parallax-offset: 0px !important; translate: none !important; } [data-parallax-type]::before, [data-parallax-type] img, [data-parallax-type] > .aw-background-video { transform: none !important; translate: none !important; } } /* Phase 5 · Text Effects. Gradient/Highlight janë CSS-only; runtime-i përdoret vetëm për Typing dhe Rotating Words dhe nuk ndryshon Project state. */ .aw-text-effect-content { display: inline; white-space: pre-line; } .aw-text-gradient .aw-text-effect-content { display: inline-block; max-width: 100%; color: transparent; background: var(--aw-text-gradient,linear-gradient(90deg,#4f46e5,#ec4899)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .aw-text-highlight .aw-text-effect-content { padding: 0 .08em; background: linear-gradient(transparent 58%,var(--aw-text-highlight,#fde68a) 58%); box-decoration-break: clone; -webkit-box-decoration-break: clone; } .aw-text-typing .aw-text-effect-content, .aw-text-rotating .aw-text-effect-content { display: inline-block; min-width: .2em; } .text-effects-ready .aw-text-typing.is-text-effect-running .aw-text-effect-content::after { display: inline-block; height: .9em; margin-left: .08em; border-right: .08em solid currentColor; vertical-align: -.08em; content: ""; animation: aw-text-caret 800ms step-end infinite; } .aw-text-rotating .aw-text-effect-content { transition: opacity 140ms ease, translate 140ms ease; } .aw-text-rotating.is-text-changing .aw-text-effect-content { opacity: 0; translate: 0 .18em; } @keyframes aw-text-caret { 50% { opacity: 0; } } @media (prefers-reduced-motion: reduce) { .aw-text-typing .aw-text-effect-content::after { display: none !important; animation: none !important; } .aw-text-rotating .aw-text-effect-content { opacity: 1 !important; translate: none !important; transition: none !important; } } /* Split-text reveal (Faza 6b): fjalë/germa hyjnë në radhë (translate + blur → normal). Luhet një herë në ngarkim; pa JS. */ .aw-text-reveal-words .aw-reveal-unit, .aw-text-reveal-chars .aw-reveal-unit { display: inline-block; opacity: 0; transform: translateY(.55em); filter: blur(6px); animation: aw-text-reveal .75s cubic-bezier(.22, 1, .36, 1) forwards; animation-delay: calc(var(--i, 0) * var(--aw-reveal-step, 70ms)); } .aw-text-reveal-chars .aw-reveal-word { display: inline-block; white-space: nowrap; } @keyframes aw-text-reveal { to { opacity: 1; transform: none; filter: blur(0); } } @media (prefers-reduced-motion: reduce) { .aw-text-reveal-words .aw-reveal-unit, .aw-text-reveal-chars .aw-reveal-unit { animation: none; opacity: 1; transform: none; filter: none; } } .node-section_dc2281a8a5124ac4{--hero-pad-y:96px;--hero-content-w:1200px;--hero-scroll-color:#bbf7d0;} .node-section_dc2281a8a5124ac4 .hero-stage{min-height:100vh;min-height:100svh;} @media(max-width:767px){.node-section_dc2281a8a5124ac4 .hero-stage{min-height:0}} .node-section_dc2281a8a5124ac4.aw-background-effect{background-color:transparent;background-image:none;--aw-background:linear-gradient(150deg,rgba(4,19,11,1.000),rgba(11,42,24,1.000),rgba(20,83,45,1.000),rgba(5,46,22,1.000));--aw-bg-position:center center;--aw-bg-size:300% 300%;--aw-bg-speed:18s;--aw-bg-animation-name:aw-background-gradient-shift;--aw-bg-filter:none;--aw-bg-layer-opacity:1;--aw-bg-fallback:rgba(4,19,11,1.000);} @media(max-width:1024px){.node-section_dc2281a8a5124ac4.aw-background-effect{background-color:transparent;background-image:none;--aw-background:linear-gradient(150deg,rgba(4,19,11,1.000),rgba(11,42,24,1.000),rgba(20,83,45,1.000),rgba(5,46,22,1.000));--aw-bg-position:center center;--aw-bg-size:300% 300%;--aw-bg-speed:18s;--aw-bg-animation-name:aw-background-gradient-shift;--aw-bg-filter:none;--aw-bg-layer-opacity:1;--aw-bg-fallback:rgba(4,19,11,1.000);}} @media(max-width:767px){.node-section_dc2281a8a5124ac4.aw-background-effect{background-color:transparent;background-image:none;--aw-background:linear-gradient(150deg,rgba(4,19,11,1.000),rgba(11,42,24,1.000),rgba(20,83,45,1.000),rgba(5,46,22,1.000));--aw-bg-position:center center;--aw-bg-size:300% 300%;--aw-bg-speed:18s;--aw-bg-animation-name:aw-background-gradient-shift;--aw-bg-filter:none;--aw-bg-layer-opacity:1;--aw-bg-fallback:rgba(4,19,11,1.000);}} .node-container_45109d88707a4720{position:relative} .node-three_scene_38742fa06a6c4394{height:140px;} @media(max-width:1024px){.node-three_scene_38742fa06a6c4394{height:140px;}} @media(max-width:767px){.node-three_scene_38742fa06a6c4394{height:140px;}} .node-layer_45d4ae74bc424417{position:absolute;bottom:-8%;left:-6%;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0px;width:420px;height:380px;opacity:0.28;background-image:linear-gradient(135deg, #16a34a, #a3e635);border-radius:62% 38% 58% 42%;} @media(max-width:1024px){.node-layer_45d4ae74bc424417{position:absolute;bottom:-8%;left:-6%;z-index:0;}} @media(max-width:767px){.node-layer_45d4ae74bc424417{position:absolute;bottom:-8%;left:-6%;z-index:0;}} .node-layer_45d4ae74bc424417{--aw-motion-duration:22s;--aw-motion-delay:0s} .node-layer_372f80706aaa404a{position:absolute;top:-6%;right:-4%;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0px;width:820px;height:640px;opacity:0.9;background-image:radial-gradient(ellipse at 50% 0%, rgba(253,224,71,0.30) 0%, rgba(255,255,255,0) 68%);} @media(max-width:1024px){.node-layer_372f80706aaa404a{position:absolute;top:-6%;right:-4%;z-index:0;}} @media(max-width:767px){.node-layer_372f80706aaa404a{position:absolute;top:-6%;right:-4%;z-index:0;}} .node-layer_372f80706aaa404a{--aw-motion-duration:12s;--aw-motion-delay:0s} .node-layer_05f13586d07647c3{position:absolute;top:13%;right:7%;width:230px;height:230px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0px;} @media(max-width:1024px){.node-layer_05f13586d07647c3{position:absolute;top:10%;right:4%;width:150px;height:150px;}} @media(max-width:767px){.node-layer_05f13586d07647c3{position:absolute;top:10%;right:4%;}} @media(max-width:767px){.node-layer_05f13586d07647c3{display:none!important}} .node-svg_art_8f28c098fc444ec3{width:100%;color:#fde047;} .node-svg_art_8f28c098fc444ec3.aw-loop{--aw-loop-duration:30000ms;--aw-loop-delay:0ms;--aw-loop-k:1;--aw-loop-direction:normal;} .node-layer_0073bb4121144776{position:absolute;top:39%;right:9%;width:150px;height:110px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0px;opacity:0.55;} @media(max-width:1024px){.node-layer_0073bb4121144776{position:absolute;top:39%;right:9%;}} @media(max-width:767px){.node-layer_0073bb4121144776{position:absolute;top:39%;right:9%;}} @media(min-width:768px) and (max-width:1024px){.node-layer_0073bb4121144776{display:none!important}} @media(max-width:767px){.node-layer_0073bb4121144776{display:none!important}} .node-svg_art_c0d3898746154546{width:100%;color:#d1fae5;} .node-svg_art_c0d3898746154546.aw-loop{--aw-loop-duration:7000ms;--aw-loop-delay:0ms;--aw-loop-k:1;--aw-loop-direction:normal;} .node-stack_5c384609e97b41b6{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:22px;max-width:1200px;padding:0px 32px 0px 32px;} @media(max-width:1024px){.node-stack_5c384609e97b41b6{gap:14px;padding:0px 40px 0px 40px;}} @media(max-width:767px){.node-stack_5c384609e97b41b6{gap:12px;padding:0px 0px 0px 0px;}} .node-flex_container_05b7603c7f554049{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;} @media(max-width:1024px){.node-flex_container_05b7603c7f554049{gap:18px;}} @media(max-width:767px){.node-flex_container_05b7603c7f554049{flex-direction:row;gap:16px;}} .node-lottie_8e74a3b71dd64d8d{width:34px;} .node-paragraph_c07862e9939c45fa{font-size:13px;font-weight:700;color:#bbf7d0;letter-spacing:3px;text-transform:uppercase;margin:0px 0px 0px 0px;} @media(max-width:767px){.node-paragraph_c07862e9939c45fa{font-size:12px;letter-spacing:2px;}} .node-heading_c72d38b556554ea7{color:#ffffff;} .node-paragraph_7e926d68294c4d26{font-size:19px;color:#d1fae5;line-height:1.65;max-width:580px;text-align:left;margin:0px 0px 0px 0px;} @media(max-width:1024px){.node-paragraph_7e926d68294c4d26{font-size:18px;}} @media(max-width:767px){.node-paragraph_7e926d68294c4d26{font-size:16px;}} .node-flex_container_ca2fd4c74d674d6f{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;} @media(max-width:1024px){.node-flex_container_ca2fd4c74d674d6f{gap:18px;}} @media(max-width:767px){.node-flex_container_ca2fd4c74d674d6f{flex-direction:column;gap:12px;align-items:flex-start;}} .node-button_4afd74cb351141e7{background-color:#84cc16;color:#052e16;font-weight:700;} .node-section_2fa75d4091144495{background-color:#f8fafc;padding:80px 40px 80px 40px;} @media(max-width:1024px){.node-section_2fa75d4091144495{padding:52px 52px 52px 52px;}} @media(max-width:767px){.node-section_2fa75d4091144495{padding:44px 20px 44px 20px;}} .node-columns_7676b3d82905479e{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px;align-items:center;} @media(max-width:1024px){.node-columns_7676b3d82905479e{gap:32px;}} @media(max-width:767px){.node-columns_7676b3d82905479e{grid-template-columns:repeat(1,minmax(0,1fr));gap:26px;}} .node-heading_ce0ea29f3bcf4648{font-size:42px;font-weight:800;color:#111827;} @media(max-width:767px){.node-heading_ce0ea29f3bcf4648{font-size:30px;}} .node-paragraph_014b30865fbe421a{font-size:17px;line-height:1.7;color:#6b7280;} .node-list_f0ae86496fed4e5b{color:#374151;line-height:1.8;} .node-form_f4ed5e2c5a874084{background-color:#ffffff;padding:28px 28px 28px 28px;border-radius:14px 14px 14px 14px;border-width:1px;border-style:solid;border-color:#e5e7eb;} @media(max-width:1024px){.node-form_f4ed5e2c5a874084{padding:24px 24px 24px 24px;}} @media(max-width:767px){.node-form_f4ed5e2c5a874084{padding:20px 20px 20px 20px;}} /* Faza 3c · Lëvizje e vazhdueshme (loop/ambient). Vetëm CSS: s'ka runtime. Përmbajtja vjen nga LoopMotion.php (klasat `aw-loop aw-loop-`, flamujt data-loop-* dhe variablat --aw-loop-* te `.node-.aw-loop`) dhe nga loop-motion.js te canvas-i i builder-it. Nuk përfshihet fare në sitet pa asnjë lëvizje (CssGenerator). KOMPOZIMI: lëvizja përdor vetitë e pavarura `rotate`/`translate`/`scale`, JO `transform`. Kështu bashkëjeton me Animation Engine (animon `transform`/`opacity`/`filter`) dhe me Hover (vendos `transform`): vetitë e pavarura aplikohen mbi `transform`. Për hyrjen: loop-u fillon vetëm kur hyrja nuk është në punë (`is-animation-pending`/ `is-animation-visible` e zënë `animation`-in e elementit), pra pas `is-animation-complete` — ose menjëherë kur elementi s'ka hyrje (ose s'ka runtime). KUFIZIM i njohur: Parallax "subtle"/"image" përdor po vetinë `translate`; te i njëjti element, notimi/kërcimi/zhvendosja e mbishkruajnë (përdore Parallax ose një lëvizje tjetër). Amplituda shkallëzohet me --aw-loop-k (intensiteti 10–100 / 50): 1 = e parazgjedhura. Përqindjet e `translate` janë ndaj përmasave të vetë elementit, ndaj notimi i një ikone 24px dhe i një imazhi 400px duken proporcional. */ /* PAVARËSIA nga çaktivizimet e hyrjes: effects.css e çaktivizon hyrjen me `animation: none !important` (is-animation-disabled, disableOnMobile, reduced-motion). Pa kujdes, ky rregull do ta fikte edhe lëvizjen e të njëjtit element, megjithëse lëvizja ka çelësin e vet "Fike në mobile" dhe respekton vetë reduced-motion. Prandaj gjithçka këtu është `!important` me specifikë më të lartë (0,3,0 kundrejt 0,2,0), dhe çelësat e lëvizjes (mobile, reduced-motion, pauzë) kanë specifikë edhe më të lartë (0,4,0+). `[class]` është gjithmonë i vërtetë: shton vetëm specifikë. */ .aw-loop:not(.is-animation-pending):not(.is-animation-visible) { animation-name: var(--aw-loop-name, none) !important; animation-duration: var(--aw-loop-duration, 3000ms) !important; animation-delay: var(--aw-loop-delay, 0ms) !important; animation-timing-function: var(--aw-loop-ease, ease-in-out) !important; animation-iteration-count: infinite !important; animation-direction: var(--aw-loop-direction, normal) !important; animation-fill-mode: none !important; animation-play-state: running !important; } .aw-loop-spin { --aw-loop-name: aw-loop-spin; --aw-loop-ease: linear; } .aw-loop-pulse { --aw-loop-name: aw-loop-pulse; } .aw-loop-float { --aw-loop-name: aw-loop-float; } .aw-loop-bounce { --aw-loop-name: aw-loop-bounce; } .aw-loop-sway { --aw-loop-name: aw-loop-sway; } .aw-loop-wiggle { --aw-loop-name: aw-loop-wiggle; } .aw-loop-heartbeat { --aw-loop-name: aw-loop-heartbeat; } .aw-loop-drift { --aw-loop-name: aw-loop-drift; } .aw-loop-flip { --aw-loop-name: aw-loop-flip; } @keyframes aw-loop-spin { from { rotate: 0deg; } to { rotate: 360deg; } } @keyframes aw-loop-pulse { 0%, 100% { scale: 1; } 50% { scale: calc(1 + 0.08 * var(--aw-loop-k, 1)); } } @keyframes aw-loop-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 calc(-6% * var(--aw-loop-k, 1)); } } /* Kërcim: një kërcim i madh, një i vogël, pastaj pushim (60%–100%) — tërheq vëmendjen pa lëvizur pa pushim. */ @keyframes aw-loop-bounce { 0%, 100% { translate: 0 0; animation-timing-function: cubic-bezier(.2, .7, .3, 1); } 18% { translate: 0 calc(-24% * var(--aw-loop-k, 1)); animation-timing-function: cubic-bezier(.6, 0, .9, .4); } 36% { translate: 0 0; animation-timing-function: cubic-bezier(.2, .7, .3, 1); } 48% { translate: 0 calc(-9% * var(--aw-loop-k, 1)); animation-timing-function: cubic-bezier(.6, 0, .9, .4); } 60% { translate: 0 0; } } @keyframes aw-loop-sway { 0%, 100% { rotate: calc(-6deg * var(--aw-loop-k, 1)); } 50% { rotate: calc(6deg * var(--aw-loop-k, 1)); } } /* Dridhje: tundje që shuhet (36% e parë), pastaj pushim. */ @keyframes aw-loop-wiggle { 0%, 36%, 100% { rotate: 0deg; } 6% { rotate: calc(-9deg * var(--aw-loop-k, 1)); } 12% { rotate: calc(8deg * var(--aw-loop-k, 1)); } 18% { rotate: calc(-6deg * var(--aw-loop-k, 1)); } 24% { rotate: calc(4deg * var(--aw-loop-k, 1)); } 30% { rotate: calc(-2deg * var(--aw-loop-k, 1)); } } /* Rrahje zemre: dy rrahje (14% dhe 42%), pastaj pushim deri në 100%. */ @keyframes aw-loop-heartbeat { 0%, 28%, 70%, 100% { scale: 1; } 14% { scale: calc(1 + 0.16 * var(--aw-loop-k, 1)); } 42% { scale: calc(1 + 0.12 * var(--aw-loop-k, 1)); } } @keyframes aw-loop-drift { 0%, 100% { translate: calc(-7% * var(--aw-loop-k, 1)) 0; } 50% { translate: calc(7% * var(--aw-loop-k, 1)) calc(-3% * var(--aw-loop-k, 1)); } } /* Kthim 3D: pushim deri në 55%, pastaj një rrotullim i plotë rreth boshtit vertikal. */ @keyframes aw-loop-flip { 0%, 55% { rotate: y 0deg; } 100% { rotate: y 360deg; } } /* Pauza me hover vetëm kur pajisja ka vërtet hover (si te Hover Engine): në ekranet me prekje :hover mbetet "i ngjitur" pas një prekjeje dhe elementi do të ngecte i pauzuar. */ @media (hover: hover) and (pointer: fine) { .aw-loop[data-loop-pause-hover="true"]:not(.is-animation-pending):not(.is-animation-visible):hover { animation-play-state: paused !important; } } @media (max-width: 767px) { .aw-loop[data-loop-disable-mobile="true"]:not(.is-animation-pending):not(.is-animation-visible) { animation: none !important; } } @media (prefers-reduced-motion: reduce) { .aw-loop[class]:not(.is-animation-pending):not(.is-animation-visible) { animation: none !important; } } /* Faza 3c · Line Art (node `svg_art`) dhe efekti hyrës "draw". Përfshihet te sitet VETËM kur dokumenti ka një element Line Art ose një nyje me hyrje "draw" (CssGenerator), ndaj sitet ekzistuese nuk ndryshojnë fare. Markup-i vjen nga SvgArtCatalog::svg() (PHP) dhe svgArtMarkup() (builder): një