:root{--hero-surface:var(--color-background);--hero-heading:var(--color-primary);--hero-highlight:color-mix(in srgb, var(--palette-mint) 70%, transparent);--hero-badge:color-mix(in srgb, var(--palette-mint) 36%, var(--palette-ivory));--hero-glow:color-mix(in srgb, var(--palette-mint) 58%, transparent);--hero-line:color-mix(in srgb, var(--palette-forest) 12%, transparent);--hero-display:clamp(2rem, 5.3vw, 4.5rem);--preview-surface:var(--palette-ivory);--preview-border:color-mix(in srgb, var(--palette-forest) 16%, var(--palette-ivory));--preview-label:var(--color-primary);--preview-muted:var(--color-muted);--preview-chip:color-mix(in srgb, var(--palette-mint) 32%, var(--palette-ivory));--preview-shadow:0 20px 50px -20px color-mix(in srgb, var(--palette-forest) 23%, transparent), 0 3px 9px color-mix(in srgb, var(--palette-forest) 5%, transparent);--preview-main-shadow:0 32px 68px -26px color-mix(in srgb, var(--palette-forest) 30%, transparent), 0 4px 12px color-mix(in srgb, var(--palette-forest) 6%, transparent);--showcase-width:92rem;--showcase-progress:1}.product-hero{isolation:isolate;background:var(--hero-surface);padding-block:clamp(1.75rem,3.4vw,3.5rem) clamp(3.5rem,6vw,6rem);position:relative;overflow:clip}.hero-copy{text-align:center;z-index:2;position:relative}.hero-eyebrow{border:1px solid var(--hero-line);border-radius:var(--radius-pill);background:var(--hero-badge);inline-size:17rem;max-inline-size:100%;color:var(--hero-heading);font-size:var(--text-sm);justify-content:center;align-items:center;gap:.65rem;padding:.4rem 1rem;font-weight:500;display:inline-flex}.hero-eyebrow>span,.showcase-caption__note>span{background:currentColor;border-radius:50%;flex-shrink:0;block-size:.4rem;inline-size:.4rem}.hero-copy h1{font-size:var(--hero-display);color:var(--hero-heading);letter-spacing:-.035em;max-inline-size:60rem;margin:1.3rem auto 0;line-height:1.28}.hero-copy h1:lang(ar){letter-spacing:0;line-height:1.4}.hero-copy h1>span{display:block}.hero-copy mark{color:inherit;background:linear-gradient(transparent 67%, var(--hero-highlight) 67%, var(--hero-highlight) 96%, transparent 96%);padding-inline:.05em}.hero-description{max-inline-size:43rem;color:var(--color-muted);font-size:var(--text-lg);margin:1.4rem auto 0;line-height:1.9}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;margin-block-start:1.7rem;display:flex}.hero-primary{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);min-block-size:52px;inline-size:13rem;max-inline-size:100%;color:var(--color-on-primary);transition:background-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;gap:1.8rem;padding:.7rem 1.7rem;font-weight:500;text-decoration:none;display:inline-flex}.hero-primary:dir(ltr) svg{transform:scaleX(-1)}.hero-primary:hover{background:var(--color-accent)}.hero-secondary{min-block-size:44px;inline-size:11rem;max-inline-size:100%;color:var(--hero-heading);text-underline-offset:.4rem;justify-content:center;align-items:center;padding:.5rem .3rem;font-weight:500;text-decoration-thickness:1px;display:inline-flex}.hero-benefits{color:var(--hero-heading);font-size:var(--text-sm);grid-template-columns:repeat(3,minmax(0,14.5rem));justify-content:center;align-items:center;gap:1rem 0;margin-block-start:2.2rem;padding:0;list-style:none;display:grid}.hero-benefits li{justify-content:center;align-items:center;gap:.65rem;min-inline-size:0;padding-inline:1.8rem;display:flex}.hero-benefits li+li{border-inline-start:1px solid var(--preview-border)}.hero-benefits svg{flex-shrink:0;block-size:22px;inline-size:22px}.product-showcase{outline-offset:-4px;margin-block-start:clamp(2.5rem,4.5vw,4.5rem);position:relative}#platform-preview{scroll-margin-block-start:1rem}.showcase-orbits{z-index:-1;aspect-ratio:1;background:radial-gradient(ellipse at center, var(--hero-glow), transparent 64%);pointer-events:none;border-radius:50%;inline-size:min(86rem,130vw);position:absolute;top:22rem;left:50%;transform:translate(-50%)}.showcase-orbits i{border:1px solid var(--hero-line);opacity:.45;border-radius:50%;position:absolute;inset:4%}.showcase-orbits i:nth-child(2){inset:12%}.showcase-orbits i:nth-child(3){inset:20%}.showcase-stage{max-inline-size:var(--showcase-width);margin-inline:auto;position:relative}.showcase-track{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:1.5rem var(--gutter) 2.25rem;scrollbar-width:thin;scrollbar-color:var(--preview-border) transparent;align-items:stretch;gap:1rem;display:flex;overflow-x:auto}.preview-card{border:1px solid var(--preview-border);background:var(--preview-surface);min-inline-size:0;box-shadow:var(--preview-shadow);scroll-snap-align:center;scroll-snap-stop:always;border-radius:1.25rem;flex:0 0 min(88%,36rem);overflow:hidden}.preview-card__bar{min-block-size:54px;color:var(--preview-label);background:var(--preview-surface);align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex}.preview-card__step{border:1px solid var(--preview-border);border-radius:50%;flex-shrink:0;place-items:center;block-size:25px;inline-size:25px;font-size:.65rem;font-weight:500;display:grid}.preview-card__bar h3{font-size:.8rem;line-height:1.4}.preview-card__brand{flex-shrink:0;block-size:24px;inline-size:24px;margin-inline-start:auto}.preview-map-wrap{border-radius:.75rem;margin-inline:.55rem;position:relative;overflow:hidden}.preview-map{aspect-ratio:1504/836;background:var(--preview-chip);direction:ltr;position:relative;overflow:hidden}.preview-map__image{user-select:none;width:102.128%;max-width:none;height:auto;position:absolute;top:-14.354%;left:-1.064%}.preview-map-search{background:var(--preview-surface);block-size:8.2%;inline-size:25.1%;color:var(--preview-label);border-radius:.55rem;justify-content:center;align-items:center;gap:.3em;padding-inline:.4em;font-size:clamp(.45rem,.85vw,.75rem);line-height:1;display:flex;position:absolute;top:2.8%;right:1.1%}.preview-map-search svg{flex-shrink:0;block-size:1.1em;inline-size:1.1em}.preview-map-status{border-radius:var(--radius-pill);background:var(--preview-surface);block-size:7%;inline-size:15%;color:var(--preview-label);justify-content:center;align-items:center;gap:.25em;font-size:clamp(.45rem,.8vw,.7rem);line-height:1;display:flex;position:absolute;bottom:2.7%;right:1%}.preview-map-status svg{block-size:1em;inline-size:1em}.preview-profile{border-radius:.75rem;grid-template-columns:1.4fr 1fr;margin-inline:.55rem;display:grid;overflow:hidden}.preview-map--profile{aspect-ratio:1008/836}.preview-map--profile>.preview-map__image{width:152.381%;left:-1.587%}.preview-profile__details{text-align:start;padding:.65rem .75rem}.preview-profile__details:lang(ar){direction:rtl}.preview-profile__details .is-thumbnail{aspect-ratio:1008/836;border-radius:.5rem;max-inline-size:5.5rem;margin-block-end:.55rem}.preview-profile__details dl>div{border-block-end:1px solid var(--hero-line);padding-block:.2rem}.preview-profile__details dt{color:var(--preview-muted);font-size:.5rem}.preview-profile__details dd{color:var(--preview-label);margin:0;font-size:.65rem;font-weight:500}.preview-profile__note{color:var(--preview-muted);align-items:center;gap:.3rem;margin-block-start:.6rem;font-size:.5rem;display:flex}.preview-profile__note svg{flex-shrink:0;block-size:.8rem;inline-size:.8rem}.preview-card__description{color:var(--preview-muted);padding:.7rem 1rem .9rem;font-size:.65rem;line-height:1.65}.showcase-controls-slot{min-block-size:44px;margin-block-start:.25rem}.showcase-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.showcase-controls[hidden]{display:none}.showcase-arrow,.showcase-pagination button{border:1px solid var(--preview-border);background:var(--preview-surface);block-size:44px;inline-size:44px;color:var(--preview-label);cursor:pointer;font:inherit;border-radius:50%;place-items:center;display:inline-grid}.showcase-arrow:disabled{opacity:.35;cursor:default}.showcase-arrow--previous:dir(rtl) svg,.showcase-arrow--next:dir(ltr) svg{transform:scaleX(-1)}.showcase-pagination{gap:.25rem;display:flex}.showcase-pagination button{font-size:var(--text-sm);background:0 0;border-color:#0000}.showcase-pagination button[aria-current=true]{border-color:var(--preview-label);background:var(--preview-chip);font-weight:500}.showcase-caption{text-align:center;max-inline-size:48rem;margin-block-start:1.5rem}.showcase-caption__note{color:var(--preview-label);justify-content:center;align-items:center;gap:.55rem;font-size:.75rem;display:flex}.showcase-caption>p+p{color:var(--preview-muted);margin-block-start:.65rem;font-size:.75rem;line-height:1.9}@media (width>=60rem){.product-showcase{--reading-flow:1}.product-showcase:dir(ltr){--reading-flow:-1}.showcase-stage{perspective:1600px;block-size:clamp(27rem,40vw,37rem);inline-size:calc(100% - 3rem);container-type:inline-size}.showcase-track{scroll-snap-type:none;block-size:100%;padding:0;display:block;position:relative;overflow:visible}.preview-card{z-index:1;inline-size:min(38%,35rem);transform:translateX(calc(-50% + var(--side) * (9cqw + var(--showcase-progress) * 19cqw))) translateY(calc(94px - var(--showcase-progress) * 34px)) rotate(calc(var(--side) * var(--showcase-progress) * 6deg)) scale(calc(.88 + var(--showcase-progress) * .08));opacity:calc(.78 + var(--showcase-progress) * .22);transform-origin:50% 85%;position:absolute;top:0;left:50%}.preview-card--location{--side:var(--reading-flow)}.preview-card--profile{--side:calc(var(--reading-flow) * -1)}.preview-card--profile .preview-card__bar{flex-direction:row-reverse}.showcase-controls-slot{display:none}.preview-card--boundaries{z-index:3;opacity:1;inline-size:min(58%,50rem);box-shadow:var(--preview-main-shadow);transform:translateX(-50%) translateY(calc((1 - var(--showcase-progress)) * 74px)) rotateX(calc((1 - var(--showcase-progress)) * 13deg)) scale(calc(.94 + var(--showcase-progress) * .06));left:50%}.preview-card--boundaries .preview-card__bar{padding:1rem 1.25rem}.preview-card--boundaries .preview-card__bar h3{font-size:1rem}.preview-card--boundaries .preview-card__description{padding:.85rem 1.25rem;font-size:.75rem}[data-showcase-motion=true] .preview-card{will-change:transform}.showcase-caption{margin-block-start:.5rem}}@media (width<=47.99rem){.hero-description{max-inline-size:29rem;font-size:.95rem}.hero-benefits{gap:.8rem 0}.hero-benefits li{flex-direction:column;gap:.4rem;padding-inline:.8rem;font-size:.7rem}.hero-benefits li span{min-block-size:3em;line-height:1.5}.hero-benefits svg{block-size:18px;inline-size:18px}.hero-actions{gap:.75rem 1.2rem}.hero-primary{gap:1.4rem;padding-inline:1.3rem;font-size:.9rem}.hero-secondary{font-size:.85rem}.preview-profile__details{padding:.5rem}.preview-profile__details dt{font-size:.45rem}.preview-profile__details dd{font-size:.55rem}.preview-profile__details .is-thumbnail,.preview-profile__note{display:none}}@media (width<=28rem){.hero-actions{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){.product-showcase{--showcase-progress:1!important}.hero-primary{transition:none}}@media (forced-colors:active){.preview-card,.hero-eyebrow,.hero-primary{border:1px solid canvastext}.showcase-orbits{display:none}.hero-copy mark{background:0 0;text-decoration:underline}}.story{background:var(--color-inverse-surface);color:var(--color-on-primary);padding-block:clamp(4rem,7vw,7rem)}.story-inner{grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.story .eyebrow{color:var(--color-on-inverse);font-size:var(--text-sm);margin-block-end:1.25rem}.story h2{white-space:pre-line;margin-block-end:1.5rem;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.4}.story-copy>p:last-child{color:var(--color-on-inverse-muted);max-inline-size:35rem;line-height:2}.story-visual{inline-size:min(100%,22rem);margin-inline:auto}.field{aspect-ratio:1;background:repeating-radial-gradient(circle, transparent 0 32px, color-mix(in srgb, var(--color-on-inverse) 12%, transparent) 33px 34px);border-radius:50%;place-items:center;display:grid}.field img{block-size:auto;inline-size:45%}.story-visual figcaption{text-align:center;color:var(--color-on-inverse-muted);font-size:var(--text-sm);margin-block-start:1.5rem}.site-footer{font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem;display:flex}@media (width<=47.99rem){.story-inner{grid-template-columns:1fr}.story-visual{inline-size:min(70%,18rem)}}
