.section{isolation:isolate;padding-block:clamp(3.5rem,8vw,6rem);position:relative;overflow-x:clip}.section+.section{border-block-start:1px solid var(--ddga-color-border)}.section--tint{background:var(--ddga-color-card)}.section:before,.section:after{content:"";z-index:-1;pointer-events:none;background:var(--ddga-color-primary);position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.section:after{inline-size:var(--deco-size-a,300px);block-size:var(--deco-size-a,300px);opacity:.06;-webkit-mask-image:var(--deco-a);-webkit-mask-image:var(--deco-a);mask-image:var(--deco-a);inset-block-start:var(--deco-top-a,12%);inset-inline-end:-96px}.section:before{block-size:210px;inline-size:210px;opacity:.045;-webkit-mask-image:var(--deco-b);-webkit-mask-image:var(--deco-b);mask-image:var(--deco-b);inset-block-start:var(--deco-top-b,58%);inset-inline-start:-104px}.section:nth-of-type(6n+1){--deco-a:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M60%205%20115%2060%2060%20115%205%2060Z%27/%3E%3Cpath%20d=%27M60%2032%2088%2060%2060%2088%2032%2060Z%27/%3E%3Cpath%20d=%27M5%2060%2032%2033M115%2060%2088%2033M5%2060%2032%2087M115%2060%2088%2087%27/%3E%3C/g%3E%3Cpath%20d=%27M60%2052%2068%2060%2060%2068%2052%2060Z%27%20fill=%27black%27/%3E%3C/svg%3E);--deco-b:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M60%20110%20V56%27/%3E%3Cpath%20d=%27M60%2056%20C48%2044%2034%2042%2022%2048%27/%3E%3Cpath%20d=%27M60%2056%20C72%2044%2086%2042%2098%2048%27/%3E%3Cpath%20d=%27M60%2052%20C50%2038%2038%2030%2026%2026%27/%3E%3Cpath%20d=%27M60%2052%20C70%2038%2082%2030%2094%2026%27/%3E%3Cpath%20d=%27M60%2050%20C54%2034%2048%2020%2044%208%27/%3E%3Cpath%20d=%27M60%2050%20C66%2034%2072%2020%2076%208%27/%3E%3Cpath%20d=%27M60%2054%20V6%27/%3E%3C/g%3E%3C/svg%3E);--deco-top-a:10%;--deco-top-b:62%;--deco-size-a:300px}.section:nth-of-type(6n+2){--deco-a:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M46%20102%20H74%27/%3E%3Cpath%20d=%27M50%20102%20C40%2088%2040%2066%2054%2058%27/%3E%3Cpath%20d=%27M70%20102%20C80%2088%2080%2066%2066%2058%27/%3E%3Cpath%20d=%27M54%2058%20C54%2050%2056%2046%2060%2044%27/%3E%3Cpath%20d=%27M66%2058%20C66%2050%2064%2046%2060%2044%27/%3E%3Cpath%20d=%27M55%2044%20H65%27/%3E%3Cpath%20d=%27M56%2044%20C56%2037%2064%2037%2064%2044%27/%3E%3Cpath%20d=%27M60%2037%20V29%27/%3E%3Cpath%20d=%27M57%2024%2060%2029%2063%2024%27/%3E%3Cpath%20d=%27M56%2052%20C42%2050%2034%2040%2040%2030%27/%3E%3Cpath%20d=%27M68%2060%20C82%2062%2084%2076%2074%2082%27/%3E%3C/g%3E%3C/svg%3E);--deco-b:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M10%2030%2040%2010%2070%2030%20100%2010%27/%3E%3Cpath%20d=%27M10%2055%2040%2035%2070%2055%20100%2035%27/%3E%3Cpath%20d=%27M10%2080%2040%2060%2070%2080%20100%2060%27/%3E%3Cpath%20d=%27M10%20105%2040%2085%2070%20105%20100%2085%27/%3E%3C/g%3E%3C/svg%3E);--deco-top-a:24%;--deco-top-b:46%;--deco-size-a:264px}.section:nth-of-type(6n+3){--deco-a:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M8%2072%2030%2032%2052%2072%2074%2032%2096%2072%27/%3E%3Cpath%20d=%27M8%2088%20H112%27/%3E%3Cpath%20d=%27M8%2050%2030%2010%2052%2050%2074%2010%2096%2050%27/%3E%3C/g%3E%3Cg%20fill=%27black%27%3E%3Ccircle%20cx=%2730%27%20cy=%2764%27%20r=%272.4%27/%3E%3Ccircle%20cx=%2774%27%20cy=%2764%27%20r=%272.4%27/%3E%3C/g%3E%3C/svg%3E);--deco-b:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27black%27%3E%3Cpath%20d=%27M20%2060%2035%2030%2050%2060Z%27/%3E%3Cpath%20d=%27M52%2060%2067%2030%2082%2060Z%27/%3E%3Cpath%20d=%27M84%2060%2099%2030%20114%2060Z%27/%3E%3Cpath%20d=%27M36%2096%2051%2066%2066%2096Z%27/%3E%3Cpath%20d=%27M68%2096%2083%2066%2098%2096Z%27/%3E%3C/g%3E%3C/svg%3E);--deco-top-a:14%;--deco-top-b:64%;--deco-size-a:320px}.section:nth-of-type(6n+4){--deco-a:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M10%2030%2040%2010%2070%2030%20100%2010%27/%3E%3Cpath%20d=%27M10%2055%2040%2035%2070%2055%20100%2035%27/%3E%3Cpath%20d=%27M10%2080%2040%2060%2070%2080%20100%2060%27/%3E%3Cpath%20d=%27M10%20105%2040%2085%2070%20105%20100%2085%27/%3E%3C/g%3E%3C/svg%3E);--deco-b:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M60%205%20115%2060%2060%20115%205%2060Z%27/%3E%3Cpath%20d=%27M60%2032%2088%2060%2060%2088%2032%2060Z%27/%3E%3Cpath%20d=%27M5%2060%2032%2033M115%2060%2088%2033M5%2060%2032%2087M115%2060%2088%2087%27/%3E%3C/g%3E%3Cpath%20d=%27M60%2052%2068%2060%2060%2068%2052%2060Z%27%20fill=%27black%27/%3E%3C/svg%3E);--deco-top-a:30%;--deco-top-b:50%;--deco-size-a:288px}.section:nth-of-type(6n+5){--deco-a:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27black%27%3E%3Cpath%20d=%27M20%2060%2035%2030%2050%2060Z%27/%3E%3Cpath%20d=%27M52%2060%2067%2030%2082%2060Z%27/%3E%3Cpath%20d=%27M84%2060%2099%2030%20114%2060Z%27/%3E%3Cpath%20d=%27M36%2096%2051%2066%2066%2096Z%27/%3E%3Cpath%20d=%27M68%2096%2083%2066%2098%2096Z%27/%3E%3C/g%3E%3C/svg%3E);--deco-b:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M46%20102%20H74%27/%3E%3Cpath%20d=%27M50%20102%20C40%2088%2040%2066%2054%2058%27/%3E%3Cpath%20d=%27M70%20102%20C80%2088%2080%2066%2066%2058%27/%3E%3Cpath%20d=%27M54%2058%20C54%2050%2056%2046%2060%2044%27/%3E%3Cpath%20d=%27M66%2058%20C66%2050%2064%2046%2060%2044%27/%3E%3Cpath%20d=%27M55%2044%20H65%27/%3E%3Cpath%20d=%27M56%2044%20C56%2037%2064%2037%2064%2044%27/%3E%3Cpath%20d=%27M60%2037%20V29%27/%3E%3Cpath%20d=%27M57%2024%2060%2029%2063%2024%27/%3E%3Cpath%20d=%27M56%2052%20C42%2050%2034%2040%2040%2030%27/%3E%3Cpath%20d=%27M68%2060%20C82%2062%2084%2076%2074%2082%27/%3E%3C/g%3E%3C/svg%3E);--deco-top-a:8%;--deco-top-b:58%;--deco-size-a:312px}.section:nth-of-type(6n){--deco-a:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M60%20110%20V56%27/%3E%3Cpath%20d=%27M60%2056%20C48%2044%2034%2042%2022%2048%27/%3E%3Cpath%20d=%27M60%2056%20C72%2044%2086%2042%2098%2048%27/%3E%3Cpath%20d=%27M60%2052%20C50%2038%2038%2030%2026%2026%27/%3E%3Cpath%20d=%27M60%2052%20C70%2038%2082%2030%2094%2026%27/%3E%3Cpath%20d=%27M60%2050%20C54%2034%2048%2020%2044%208%27/%3E%3Cpath%20d=%27M60%2050%20C66%2034%2072%2020%2076%208%27/%3E%3Cpath%20d=%27M60%2054%20V6%27/%3E%3C/g%3E%3C/svg%3E);--deco-b:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%20viewBox=%270%200%20120%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%273%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M8%2072%2030%2032%2052%2072%2074%2032%2096%2072%27/%3E%3Cpath%20d=%27M8%2088%20H112%27/%3E%3Cpath%20d=%27M8%2050%2030%2010%2052%2050%2074%2010%2096%2050%27/%3E%3C/g%3E%3Cg%20fill=%27black%27%3E%3Ccircle%20cx=%2730%27%20cy=%2764%27%20r=%272.4%27/%3E%3Ccircle%20cx=%2774%27%20cy=%2764%27%20r=%272.4%27/%3E%3C/g%3E%3C/svg%3E);--deco-top-a:20%;--deco-top-b:44%;--deco-size-a:276px}@media (max-width:1240px){.section:before,.section:after{display:none}}.section__head{max-inline-size:60ch;margin-block-end:2.5rem}.section__spot{block-size:44px;inline-size:44px;color:var(--ddga-text-secondary);margin-block-end:1rem;display:block}.section__spot svg{block-size:100%;inline-size:100%;display:block}.section__title{letter-spacing:-.02em;margin-block:.75rem 0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.1}.section__lead{color:var(--ddga-text-secondary);margin-block-start:1rem;font-size:1.0625rem;line-height:1.6}.section__split{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (min-width:900px){.section__split{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(2.5rem,5vw,4.5rem)}.section__split .section__head{max-inline-size:none;margin-block-end:0;position:sticky;inset-block-start:6rem}}.hero{isolation:isolate;padding-block:clamp(3rem,7vw,5.5rem) clamp(2.5rem,6vw,4rem);position:relative;overflow:clip}.hero:before{content:"";z-index:-1;pointer-events:none;opacity:.1;background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2748%27%20height=%2742%27%20viewBox=%270%200%2048%2042%27%3E%3Cpath%20d=%27M0%2016%208%202%2016%2016Z%27%20fill=%27%231b8354%27/%3E%3Cpath%20d=%27M16%2016%2024%202%2032%2016Z%27%20fill=%27%23b0413a%27/%3E%3Cpath%20d=%27M32%2016%2040%202%2048%2016Z%27%20fill=%27%231b8354%27/%3E%3Cpath%20d=%27M0%2024%208%2019%2016%2024%2024%2019%2032%2024%2040%2019%2048%2024%27%20fill=%27none%27%20stroke=%27%23d99a2b%27%20stroke-width=%272%27/%3E%3Cpath%20d=%27M4%2037%2012%2031%2020%2037%2012%2043Z%27%20fill=%27%232f6f9f%27/%3E%3Cpath%20d=%27M28%2037%2036%2031%2044%2037%2036%2043Z%27%20fill=%27%231b8354%27/%3E%3C/svg%3E);background-size:42px 37px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 68% at 50% 46%,#0000 30%,#000 82%);mask-image:radial-gradient(70% 68% at 50% 46%,#0000 30%,#000 82%)}.closer:before{content:"";z-index:-1;pointer-events:none;background-color:color-mix(in srgb, var(--ddga-color-primary) 24%, var(--ddga-color-border));opacity:.26;-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2740%27%20height=%2726%27%20viewBox=%270%200%2040%2026%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.3%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M0%2022%2010%206%2020%2022%2030%206%2040%2022%27/%3E%3Cpath%20d=%27M0%2024%20H40%27/%3E%3C/g%3E%3Cg%20fill=%27black%27%3E%3Ccircle%20cx=%2710%27%20cy=%2716%27%20r=%271.4%27/%3E%3Ccircle%20cx=%2730%27%20cy=%2716%27%20r=%271.4%27/%3E%3C/g%3E%3C/svg%3E),radial-gradient(84% 82%,#000 4%,#0000 76%);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2740%27%20height=%2726%27%20viewBox=%270%200%2040%2026%27%3E%3Cg%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.3%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M0%2022%2010%206%2020%2022%2030%206%2040%2022%27/%3E%3Cpath%20d=%27M0%2024%20H40%27/%3E%3C/g%3E%3Cg%20fill=%27black%27%3E%3Ccircle%20cx=%2710%27%20cy=%2716%27%20r=%271.4%27/%3E%3Ccircle%20cx=%2730%27%20cy=%2716%27%20r=%271.4%27/%3E%3C/g%3E%3C/svg%3E),radial-gradient(84% 82%,#000 4%,#0000 76%);-webkit-mask-size:40px 26px,100% 100%;mask-size:40px 26px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.closer:after{content:"";z-index:-1;pointer-events:none;opacity:.13;background-color:var(--ddga-color-primary);block-size:300px;inline-size:250px;position:absolute;inset-block-start:6%;inset-inline-start:50%;translate:-50%;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27200%27%20height=%27240%27%20viewBox=%270%200%20200%20240%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%274%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M40%20214%20Q80%20150%20150%2064%27/%3E%3Cpath%20d=%27M31%20208%2055%20220%27/%3E%3Ccircle%20cx=%2736%27%20cy=%27216%27%20r=%274%27%20fill=%27black%27%20stroke=%27none%27/%3E%3Cpath%20d=%27M160%20214%20Q120%20150%2050%2064%27/%3E%3Cpath%20d=%27M169%20208%20145%20220%27/%3E%3Ccircle%20cx=%27164%27%20cy=%27216%27%20r=%274%27%20fill=%27black%27%20stroke=%27none%27/%3E%3Cpath%20d=%27M100%20150%20V96%27/%3E%3Cpath%20d=%27M100%2096%20C82%2080%2060%2078%2042%2086%27/%3E%3Cpath%20d=%27M100%2096%20C118%2080%20140%2078%20158%2086%27/%3E%3Cpath%20d=%27M100%2092%20C86%2072%2068%2062%2052%2056%27/%3E%3Cpath%20d=%27M100%2092%20C114%2072%20132%2062%20148%2056%27/%3E%3Cpath%20d=%27M100%2090%20C92%2066%2084%2046%2078%2030%27/%3E%3Cpath%20d=%27M100%2090%20C108%2066%20116%2046%20122%2030%27/%3E%3Cpath%20d=%27M100%2092%20V24%27/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27200%27%20height=%27240%27%20viewBox=%270%200%20200%20240%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%274%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M40%20214%20Q80%20150%20150%2064%27/%3E%3Cpath%20d=%27M31%20208%2055%20220%27/%3E%3Ccircle%20cx=%2736%27%20cy=%27216%27%20r=%274%27%20fill=%27black%27%20stroke=%27none%27/%3E%3Cpath%20d=%27M160%20214%20Q120%20150%2050%2064%27/%3E%3Cpath%20d=%27M169%20208%20145%20220%27/%3E%3Ccircle%20cx=%27164%27%20cy=%27216%27%20r=%274%27%20fill=%27black%27%20stroke=%27none%27/%3E%3Cpath%20d=%27M100%20150%20V96%27/%3E%3Cpath%20d=%27M100%2096%20C82%2080%2060%2078%2042%2086%27/%3E%3Cpath%20d=%27M100%2096%20C118%2080%20140%2078%20158%2086%27/%3E%3Cpath%20d=%27M100%2092%20C86%2072%2068%2062%2052%2056%27/%3E%3Cpath%20d=%27M100%2092%20C114%2072%20132%2062%20148%2056%27/%3E%3Cpath%20d=%27M100%2090%20C92%2066%2084%2046%2078%2030%27/%3E%3Cpath%20d=%27M100%2090%20C108%2066%20116%2046%20122%2030%27/%3E%3Cpath%20d=%27M100%2092%20V24%27/%3E%3C/svg%3E);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero__grid{grid-template-columns:1fr;align-items:center;gap:clamp(2.5rem,5vw,4rem);display:grid}.hero__copy{max-inline-size:46ch}.hero__title{flex-direction:column;gap:.35rem;margin-block:1.25rem 0;display:flex}.hero__title-lead{letter-spacing:-.03em;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:600;line-height:1.04}.hero__title-lead em{color:var(--ddga-color-primary);font-style:normal}.hero__title-echo{letter-spacing:-.01em;color:var(--ddga-text-tertiary);font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:400;line-height:1.25}.hero__lead{color:var(--ddga-text-secondary);margin-block-start:1.5rem;font-size:clamp(1.0625rem,2vw,1.2rem);line-height:1.6}.hero__cta{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.hero__stage,.hero__mirror-wrap{position:relative}.hero__live{z-index:4;position:absolute;inset-block-start:-14px;inset-inline-end:14px}.hero__mirror{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-xl);background:var(--ddga-color-card);box-shadow:var(--ddga-shadow-xl);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.hero__pane{flex-direction:column;gap:.85rem;min-inline-size:0;padding:clamp(1rem,2.6vw,1.4rem);display:flex}.hero__pane+.hero__pane{border-block-start:1px solid var(--ddga-color-border)}.hero__pane-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hero__pane-title{letter-spacing:-.01em;font-size:.95rem;font-weight:600}.hero__pane-fields{flex-direction:column;gap:.7rem;display:flex}.hero__pane-foot{justify-content:space-between;align-items:center;gap:.5rem;margin-block-start:.1rem;display:flex}.hero__pane-lang{font-family:var(--ddga-font-mono), var(--ddga-font-ar), monospace;letter-spacing:.06em;color:var(--ddga-text-tertiary);font-size:.625rem}.hero__seam{z-index:3;border-radius:var(--ddga-radius-full);border:1px solid var(--ddga-color-border);background:var(--ddga-color-card);box-shadow:var(--ddga-shadow-sm);font-family:var(--ddga-font-mono), var(--ddga-font-ar), monospace;color:var(--ddga-text-secondary);white-space:nowrap;align-items:center;gap:.4rem;padding:.28rem .62rem;font-size:.6875rem;display:none;position:absolute;inset-block-start:0%;inset-inline-start:50%;transform:translate(-50%,-50%)}.hero__seam-dot{background:var(--ddga-color-primary);border-radius:50%;block-size:6px;inline-size:6px}.hero__stamp{margin-block-start:.85rem}.hero__install{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-block-start:clamp(2.5rem,5vw,3.75rem);display:flex}.hero__install-label{font-family:var(--ddga-font-ar), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ddga-text-tertiary);font-size:.75rem;font-weight:600}[dir=rtl] .hero__install-label{text-transform:none;font-size:.8125rem}.hero__install-list{scrollbar-width:thin;justify-content:flex-start;inline-size:fit-content;max-inline-size:100%;margin-inline:auto;display:flex;overflow-x:auto}@media (min-width:560px){.hero__mirror{grid-template-columns:1fr 1fr}.hero__pane+.hero__pane{border-block-start:0;border-inline-start:1px solid var(--ddga-color-border)}.hero__seam{display:inline-flex}}@media (min-width:900px){.hero__grid{grid-template-columns:.92fr 1.08fr}}@media (prefers-reduced-motion:no-preference){.hero__eyebrow{animation:.55s 50ms both hero-rise}.hero__title-lead{animation:.6s .12s both hero-rise}.hero__title-echo{animation:.6s .2s both hero-rise}.hero__lead{animation:.6s .28s both hero-rise}.hero__cta{animation:.6s .36s both hero-rise}.hero__install{animation:.6s .44s both hero-rise}.hero__pane--start{animation:.7s .3s both hero-in-start}.hero__pane--end{animation:.7s .3s both hero-in-end}.hero__stamp{animation:.6s .62s both hero-rise}.hero__live{animation:.6s .72s both hero-rise}.hero__seam{animation:.5s .9s both hero-seam}}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-in-start{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes hero-in-end{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes hero-seam{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.install-steps{counter-reset:step;gap:1rem;display:grid}.install-step{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.install-step__num{counter-increment:step;border-radius:var(--ddga-radius-full);background:var(--ddga-sa-50);block-size:2rem;inline-size:2rem;color:var(--ddga-color-primary);border:1px solid var(--ddga-sa-200);font-family:var(--ddga-font-mono), var(--ddga-font-ar), monospace;place-items:center;font-size:.875rem;font-weight:600;display:grid}.install-step__num:before{content:counter(step)}.install-step__body{min-inline-size:0}.install-step__label{margin-block:.35rem .6rem;font-weight:500}.example-card{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-xl);background:var(--ddga-color-card);grid-template-columns:1fr;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.example-card:hover{border-color:color-mix(in srgb, var(--ddga-color-primary) 40%, var(--ddga-color-border));box-shadow:var(--ddga-shadow-lg)}@media (min-width:760px){.example-card{grid-template-columns:1.5fr 1fr;align-items:stretch}}.example-card__media{background:var(--ddga-color-muted);border-block-end:1px solid var(--ddga-color-border);flex-direction:column;block-size:460px;display:flex;position:relative;overflow:hidden}@media (min-width:760px){.example-card__media{border-block-end:0;border-inline-end:1px solid var(--ddga-color-border)}}.example-card__chrome{background:var(--ddga-color-card);border-block-end:1px solid var(--ddga-color-border);flex:none;align-items:center;gap:.6rem;block-size:38px;padding-inline:.9rem;display:flex}.example-card__dots{flex:none;gap:.35rem;display:inline-flex}.example-card__dots span{background:color-mix(in srgb, var(--ddga-text-tertiary) 42%, transparent);border-radius:50%;block-size:9px;inline-size:9px}.example-card__url{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--ddga-radius-full);border:1px solid var(--ddga-color-border);background:var(--ddga-color-muted);max-inline-size:60%;font-family:var(--ddga-font-mono), var(--ddga-font-ar), monospace;color:var(--ddga-text-tertiary);margin-inline:auto;padding:.12rem .75rem;font-size:.72rem;overflow:hidden}.example-card__viewport{flex:1;min-block-size:0;position:relative;overflow:hidden}.example-card__stage{transform-origin:0 0;pointer-events:none;block-size:200%;inline-size:200%;position:absolute;inset-block-start:0;inset-inline-start:0;transform:scale(.5)}[dir=rtl] .example-card__stage{transform-origin:100% 0}.example-card__skeleton{background:linear-gradient(100deg, var(--ddga-color-muted) 30%, color-mix(in srgb, var(--ddga-color-card) 60%, var(--ddga-color-muted)) 50%, var(--ddga-color-muted) 70%);background-size:200% 100%;animation:1.4s ease-in-out infinite example-shimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.example-card__skeleton{animation:none}}@keyframes example-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.example-card__media-veil{pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ddga-color-foreground) 6%, transparent);background:linear-gradient(to bottom, transparent 70%, color-mix(in srgb, var(--ddga-color-card) 55%, transparent));position:absolute;inset:0}.example-card__body{flex-direction:column;gap:.85rem;padding:clamp(1.5rem,3vw,2rem);display:flex}.example-card__tag{align-self:flex-start}.example-card__name{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:600}.example-card__desc{color:var(--ddga-text-secondary);margin:0;line-height:1.6}.example-card__actions{flex-wrap:wrap;gap:.6rem;margin-block-start:auto;padding-block-start:.4rem;display:flex}.section__index{font-family:var(--ddga-font-mono), var(--ddga-font-ar), monospace;color:var(--ddga-text-tertiary);letter-spacing:.1em;font-size:.75rem}.proof-strip{border-block:1px solid var(--ddga-color-border)}.proof{grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:560px){.proof{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.proof{grid-template-columns:repeat(6,1fr)}}.proof__cell{text-align:center;border-inline-start:1px solid var(--ddga-color-border);border-block-start:1px solid var(--ddga-color-border);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:1.4rem .75rem;display:flex}.proof__cell:nth-child(odd){border-inline-start:0}@media (min-width:560px){.proof__cell:nth-child(odd){border-inline-start:1px solid var(--ddga-color-border)}.proof__cell:nth-child(3n+1){border-inline-start:0}}@media (min-width:900px){.proof__cell{border-block-start:0}.proof__cell:nth-child(3n+1){border-inline-start:1px solid var(--ddga-color-border)}.proof__cell:first-child{border-inline-start:0}}.proof__value{letter-spacing:-.01em;color:var(--ddga-text-primary);font-size:1.0625rem;font-weight:600}.proof__cell[data-accent] .proof__value{color:var(--ddga-color-primary);font-size:1.75rem;line-height:1}.proof__label{color:var(--ddga-text-tertiary);font-size:.75rem}.split{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:720px){.split{grid-template-columns:1fr 1fr}}.split--joined{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-lg);gap:0;overflow:hidden}.split--joined .pane{border:0;border-radius:0}.split--joined .pane+.pane{border-inline-start:1px solid var(--ddga-color-border)}@media (max-width:719px){.split--joined .pane+.pane{border-inline-start:0;border-block-start:1px solid var(--ddga-color-border)}}.pane{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-lg);background:var(--ddga-color-card);overflow:hidden}.pane__label{border-block-end:1px solid var(--ddga-color-border);font-family:var(--ddga-font-mono), var(--ddga-font-ar), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ddga-text-tertiary);background:var(--ddga-color-muted);justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.6875rem;display:flex}.pane__body{padding:1.5rem}.theming__swatches{flex-wrap:wrap;gap:.6rem;margin-block-end:1.25rem;display:flex}.theming__swatch{border-radius:var(--ddga-radius-full);border:2px solid var(--ddga-color-background);block-size:32px;inline-size:32px;box-shadow:0 0 0 1px var(--ddga-color-border);cursor:pointer;padding:0}.theming__swatch[data-active=true]{box-shadow:0 0 0 2px var(--sw)}.arch{grid-template-rows:repeat(6,3.25rem);grid-template-columns:repeat(3,1fr);gap:0 1.25rem;max-inline-size:62rem;display:grid}.arch__layer:first-child{grid-area:1/1/span 4}.arch__layer:nth-child(2){grid-area:2/2/span 4}.arch__layer:nth-child(3){grid-area:3/3/span 4}.arch__layer{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-xl);background:var(--ddga-color-card);box-shadow:var(--ddga-shadow-sm);flex-direction:column;gap:.5rem;padding:1.35rem 1.4rem;transition:box-shadow .15s;display:flex}.arch__layer:hover{box-shadow:var(--ddga-shadow-md)}.arch__layer-top{align-items:center;gap:.6rem;display:flex}.arch__step{border-radius:var(--ddga-radius-full);background:var(--ddga-color-primary);block-size:1.75rem;inline-size:1.75rem;color:var(--ddga-color-primary-foreground,#fff);flex:none;place-items:center;font-size:.875rem;font-weight:700;display:inline-grid}.arch__pkg{font-family:var(--ddga-font-mono), monospace;color:var(--ddga-text-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.arch__tag{text-transform:uppercase;letter-spacing:.06em;color:var(--ddga-color-primary);font-size:.75rem;font-weight:500}[dir=rtl] .arch__tag{letter-spacing:normal}.arch__desc{color:var(--ddga-text-secondary);margin:0;font-size:.9375rem;line-height:1.55}.arch__layer[data-tier=tokens]{border-block-start:3px solid var(--ddga-sa-300)}.arch__layer[data-tier=css]{border-block-start:3px solid var(--ddga-sa-500)}.arch__layer[data-tier=react]{border-block-start:3px solid var(--ddga-color-primary)}@media (max-width:767px){.arch{grid-template-rows:none;grid-template-columns:1fr;row-gap:.75rem}.arch__layer{grid-area:auto/1!important}}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;display:grid}.feature-card{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-xl);background:var(--ddga-color-card);box-shadow:var(--ddga-shadow-sm);padding:1.6rem 1.5rem;transition:box-shadow .15s,transform .15s,border-color .15s}.feature-card:hover{box-shadow:var(--ddga-shadow-md);border-color:color-mix(in srgb, var(--ddga-color-primary) 30%, var(--ddga-color-border));transform:translateY(-2px)}.feature-card__icon{border-radius:var(--ddga-radius-lg);background:color-mix(in srgb, var(--ddga-color-primary) 10%, var(--ddga-color-card));block-size:48px;inline-size:48px;color:var(--ddga-color-primary);place-items:center;margin-block-end:1rem;display:grid}.feature-card h3{margin-block:0 .4rem;font-size:1.0625rem;font-weight:600}.feature-card p{color:var(--ddga-text-secondary);margin:0;font-size:.9375rem;line-height:1.55}.teaser-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:.875rem;display:grid}.teaser{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-xl);background:var(--ddga-color-card);color:var(--ddga-text-primary);flex-direction:column;gap:.35rem;padding:1.6rem 1.35rem 1.35rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.teaser:hover{border-color:color-mix(in srgb, var(--ddga-color-primary) 45%, var(--ddga-color-border));box-shadow:var(--ddga-shadow-md);transform:translateY(-2px)}.teaser__emblem{border-radius:var(--ddga-radius-lg);background:color-mix(in srgb, var(--ddga-color-primary) 8%, var(--ddga-color-card));block-size:88px;inline-size:88px;color:var(--ddga-color-primary);place-items:center;margin-block-end:.9rem;padding:14px;transition:background .15s;display:grid}.teaser:hover .teaser__emblem{background:color-mix(in srgb, var(--ddga-color-primary) 14%, var(--ddga-color-card))}.teaser__emblem svg{block-size:100%;inline-size:100%;display:block}.teaser__count{min-inline-size:1.75rem;border-radius:var(--ddga-radius-full);background:var(--ddga-color-muted);height:1.5rem;color:var(--ddga-text-secondary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding-inline:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;inset-block-start:.9rem;inset-inline-end:.9rem}.teaser__name{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.teaser__desc{color:var(--ddga-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.teaser__go{color:var(--ddga-text-tertiary);margin-block-start:.6rem;transition:transform .15s,color .15s}.teaser:hover .teaser__go{color:var(--ddga-color-primary);transform:translate(4px)}[dir=rtl] .teaser__go svg{transform:scaleX(-1)}[dir=rtl] .teaser:hover .teaser__go{transform:translate(-4px)}.pillars{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:.875rem;display:grid}.pillar{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-xl);background:var(--ddga-color-card);color:var(--ddga-text-primary);flex-direction:column;gap:.4rem;padding:1.35rem 1.35rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.pillar:hover{border-color:color-mix(in srgb, var(--ddga-color-primary) 45%, var(--ddga-color-border));box-shadow:var(--ddga-shadow-md);transform:translateY(-2px)}.pillar__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ddga-color-primary);border-radius:var(--ddga-radius-full);background:color-mix(in srgb, var(--ddga-color-primary) 10%, transparent);align-self:flex-start;margin-block-end:.55rem;padding:.25rem .55rem;font-size:.6875rem;font-weight:600}[dir=rtl] .pillar__tag{letter-spacing:normal;font-size:.75rem}.pillar__title{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600;line-height:1.3}[dir=rtl] .pillar__title{letter-spacing:normal}.pillar__body{color:var(--ddga-text-secondary);flex:auto;font-size:.875rem;line-height:1.55}.pillar__cta{color:var(--ddga-color-primary);align-items:center;gap:.4rem;margin-block-start:.85rem;font-size:.875rem;font-weight:500;display:inline-flex}.pillar__cta svg{transition:transform .15s}.pillar:hover .pillar__cta svg{transform:translate(3px)}[dir=rtl] .pillar:hover .pillar__cta svg{transform:translate(-3px)}.closer{isolation:isolate;text-align:center;padding-block:clamp(4rem,9vw,7rem);position:relative;overflow:clip}.closer__title{letter-spacing:-.02em;max-inline-size:20ch;margin-inline:auto;font-size:clamp(2rem,5vw,3rem);font-weight:600}.closer__cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2rem;display:flex}