:root{--ink:#0a0e14;--pearl:#f5f7f8;--cyan:#25cbd8;--card:#121826;--gray:#8a94a0;--white:#fff;--pad:clamp(24px,5vw,80px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--pearl)}body{margin:0;background:var(--pearl);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.8rem 1rem;background:var(--ink);color:var(--pearl);border-radius:6px}.skip:focus{top:1rem}.nav{position:fixed;inset:0 0 auto;z-index:100;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);color:var(--ink);transition:background .3s ease,color .3s ease,transform .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:rgba(245,247,248,.82);backdrop-filter:blur(18px);border-color:rgba(10,14,20,.07)}.nav.on-dark{color:var(--pearl);background:rgba(10,14,20,.76);border-color:rgba(245,247,248,.08)}.nav-brand img{display:block;width:clamp(118px,12vw,156px);height:auto;filter:invert(1)}.nav.on-dark .nav-brand img{filter:none}.nav-links{display:flex;gap:clamp(16px,2.7vw,38px);align-items:center}.nav-links a,.lang{font:500 .84rem/1 Inter,sans-serif;text-decoration:none;border:0;background:none;color:inherit;padding:.65rem .1rem;cursor:pointer}.lang{border-bottom:1px solid currentColor}.scene{min-height:100svh;position:relative;display:grid;place-items:center;padding:120px var(--pad) 80px}.hero{overflow:hidden;background:var(--pearl)}.hero-copy{text-align:center;position:relative;z-index:2;max-width:1100px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600}.hero-kicker{opacity:0;transform:translateY(10px);animation:heroText 1s var(--ease) 1.05s forwards}.hero h1{font:600 clamp(3.3rem,8.5vw,8.3rem)/.9 'Familjen Grotesk',sans-serif;letter-spacing:-.065em;margin:.65rem 0 1.6rem;opacity:0;filter:blur(14px);transform:scale(.975);animation:heroReveal 1.35s var(--ease) 1.18s forwards}.hero-sub{font-size:clamp(1rem,1.4vw,1.25rem);color:#5f6873;opacity:0;animation:heroText 1s var(--ease) 1.65s forwards}.hero-orbit{position:absolute;left:50%;top:28%;width:1px;height:1px;z-index:3;animation:dotTravel 1.35s var(--ease) .15s both}.signal{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--cyan)}.hero-orbit .signal{position:absolute;left:-5px;top:-5px;box-shadow:0 0 0 8px rgba(37,203,216,.08)}.scroll-hint{position:absolute;bottom:34px;width:34px;height:54px;border:1px solid rgba(10,14,20,.22);border-radius:999px}.scroll-hint span{position:absolute;left:50%;top:10px;width:3px;height:8px;background:var(--ink);border-radius:2px;animation:scrollHint 1.9s ease infinite}.reveal{background:var(--ink);color:var(--pearl);overflow:hidden;text-align:center}.reveal-halo{position:absolute;width:min(78vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(245,247,248,.07),rgba(245,247,248,0) 63%);transform:scale(.55);opacity:0}.reveal-copy{z-index:2}.mask{overflow:hidden;margin:.35rem 0}.mask>span{display:inline-block;transform:translateY(115%);filter:blur(8px);opacity:0}.viora-name{position:relative;font:600 clamp(5.2rem,16vw,15rem)/.8 'Familjen Grotesk',sans-serif;letter-spacing:-.075em;margin:.75rem 0 1.5rem}.viora-name .signal{position:absolute;width:12px;height:12px;right:-22px;top:5%;opacity:0;transform:translate(-34px,-40px)}.viora-role{font-size:clamp(1.15rem,2vw,1.7rem)}.viora-by{color:var(--gray)}.reveal.in-view .mask>span{animation:maskIn .9s var(--ease) forwards}.reveal.in-view .viora-name span{animation-delay:.12s}.reveal.in-view .viora-role span{animation-delay:.35s}.reveal.in-view .viora-by span{animation-delay:.48s}.reveal.in-view .reveal-halo{animation:haloIn 1.7s var(--ease) forwards}.reveal.in-view .viora-name .signal{animation:revealDot .85s var(--ease) .68s forwards}.demo{height:520svh;background:var(--ink);color:var(--pearl);position:relative}.demo-sticky{height:100svh;position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;padding:110px var(--pad) 38px;overflow:hidden}.demo-intro{display:flex;align-items:center;justify-content:space-between;color:var(--gray);max-width:1180px;width:100%;margin:auto}.demo-index{font:500 .8rem/1 Inter,sans-serif;letter-spacing:.15em}.document-stage{display:grid;place-items:center;position:relative}.document-card{width:min(78vw,660px);min-height:390px;padding:clamp(28px,5vw,62px);border-radius:18px;background:var(--card);border:1px solid rgba(245,247,248,.09);box-shadow:0 30px 90px rgba(0,0,0,.3);will-change:transform,opacity;transform-style:preserve-3d}.doc-top{display:flex;align-items:center;gap:12px;color:var(--gray);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.doc-mark{width:28px;height:34px;border:1px solid rgba(245,247,248,.32);border-radius:6px;position:relative}.doc-mark:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:1px;background:rgba(245,247,248,.32);box-shadow:0 6px rgba(245,247,248,.22),0 12px rgba(245,247,248,.15)}.document-card h2{font:600 clamp(3rem,7vw,6rem)/.95 'Familjen Grotesk',sans-serif;letter-spacing:-.055em;margin:clamp(35px,7vh,64px) 0 28px}.doc-rule{height:1px;background:rgba(245,247,248,.11);margin-bottom:28px}.doc-label{color:var(--gray);font-size:.8rem;margin:0 0 10px}.doc-date{display:flex;align-items:center;gap:12px;font-size:clamp(1.1rem,2vw,1.45rem);margin:0}.doc-date .signal{width:9px;height:9px}.demo-caption{position:absolute;bottom:6%;font:500 clamp(1rem,2vw,1.35rem)/1.4 'Familjen Grotesk',sans-serif;color:var(--gray);opacity:0;transform:translateY(10px)}.demo-caption.visible{opacity:1;transform:none;transition:.55s var(--ease)}.scan-line{position:absolute;left:50%;top:21%;width:min(70vw,560px);height:1px;background:linear-gradient(90deg,transparent,var(--pearl),transparent);opacity:0}.scan-line.run{animation:scan .65s var(--ease)}.demo-progress{width:min(1180px,100%);height:1px;background:rgba(245,247,248,.11);margin:auto}.demo-progress span{display:block;height:100%;width:0;background:var(--pearl);transform-origin:left}.vision{background:var(--pearl);overflow:hidden}.vision-lines{width:min(1100px,100%)}.vision-lines p{font:600 clamp(2.7rem,7vw,7rem)/.95 'Familjen Grotesk',sans-serif;letter-spacing:-.055em;margin:.5em 0;opacity:.16;transform:translateX(-3vw);transition:opacity .7s var(--ease),transform .7s var(--ease)}.vision-lines p.active{opacity:1;transform:none}.access{min-height:160svh;background:var(--pearl);display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding-top:18svh;padding-bottom:8svh}.access-copy{max-width:900px}.access h2{font:600 clamp(3.2rem,8vw,8rem)/.9 'Familjen Grotesk',sans-serif;letter-spacing:-.06em;margin:.25em 0}.access-copy>p:not(.eyebrow){color:#66707b;line-height:1.65}.cta{display:inline-flex;margin-top:2rem;padding:1rem 1.45rem;border-radius:999px;background:var(--cyan);color:var(--ink);font-weight:600;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,203,216,.2)}.cta:focus-visible,.lang:focus-visible,.nav a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.finale{margin-top:40svh}.finale p{font:500 clamp(1.5rem,3vw,2.4rem)/1.2 'Familjen Grotesk',sans-serif;margin-bottom:3rem}.finale img{width:min(72vw,560px);filter:invert(1);opacity:0;transform:scale(.94);transition:1s var(--ease)}.finale.in-view img{opacity:1;transform:none}footer{min-height:130px;background:var(--ink);color:var(--gray);padding:42px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.78rem}footer a{text-decoration:none;color:var(--pearl)}
html[dir="rtl"] body{font-family:Cairo,Arial,sans-serif}html[dir="rtl"] .hero h1,html[dir="rtl"] .viora-name,html[dir="rtl"] .document-card h2,html[dir="rtl"] .vision-lines p,html[dir="rtl"] .access h2,html[dir="rtl"] .finale p{font-family:Cairo,Arial,sans-serif;letter-spacing:-.045em}html[dir="rtl"] .eyebrow{letter-spacing:.06em}html[dir="rtl"] .demo-progress span{transform-origin:right}html[dir="rtl"] .vision-lines p{transform:translateX(3vw)}html[dir="rtl"] .vision-lines p.active{transform:none}
@keyframes dotTravel{0%{transform:translate(-42vw,-22vh) scale(.4);opacity:0}25%{opacity:1}72%{transform:translate(20px,-24px) scale(1)}100%{transform:translate(0,0) scale(1)}}@keyframes heroReveal{to{opacity:1;filter:blur(0);transform:none}}@keyframes heroText{to{opacity:1;transform:none}}@keyframes scrollHint{0%{transform:translate(-50%,0);opacity:0}35%{opacity:1}80%,100%{transform:translate(-50%,20px);opacity:0}}@keyframes maskIn{to{transform:none;filter:blur(0);opacity:1}}@keyframes haloIn{to{transform:scale(1);opacity:1}}@keyframes revealDot{to{opacity:1;transform:none}}@keyframes scan{0%{opacity:0;transform:translate(-50%,-120px)}40%{opacity:.65}100%{opacity:0;transform:translate(-50%,260px)}}
@media(max-width:720px){.nav{height:70px}.nav-links>a{display:none}.nav-brand img{width:112px}.scene{padding:100px 22px 60px}.hero h1{font-size:clamp(3.35rem,16vw,5rem)}.hero-sub{max-width:280px;margin-inline:auto;line-height:1.55}.viora-name{font-size:clamp(5.2rem,27vw,8rem)}.demo-sticky{padding:88px 22px 28px}.document-card{width:100%;min-height:340px;padding:28px}.document-card h2{font-size:clamp(2.8rem,14vw,4.2rem);margin:52px 0 24px}.demo-caption{bottom:10%}.vision-lines p{font-size:clamp(2.7rem,12vw,4.3rem)}.access{padding-inline:22px}.access h2{font-size:clamp(3.5rem,15vw,5.1rem)}footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero h1,.hero-kicker,.hero-sub,.mask>span,.viora-name .signal,.finale img{opacity:1!important;filter:none!important;transform:none!important}}