/* Motion is enhancement, not a prerequisite for reading or interaction. */
:root{--pink:#f09dcc;--violet:#b7a0ff;--motion-ease:cubic-bezier(.2,.7,.2,1)}
body{background:radial-gradient(ellipse at 78% 5%,#35234465 0,transparent 27%),radial-gradient(ellipse at 4% 40%,#241b3c55 0,transparent 35%),#111014}
.enhanced-only{display:none}.enhanced .enhanced-only{display:flex}
.reading-progress{position:fixed;inset:0 0 auto;z-index:20;height:3px;pointer-events:none}.reading-progress span{display:block;height:100%;background:linear-gradient(90deg,#ff9a86,#e285ef,#b5a0ff);transform:scaleX(0);transform-origin:left}[dir=rtl] .reading-progress span{transform-origin:right}
#hero-title>span,.idea em,.moments em{background:linear-gradient(105deg,#eadbff 0%,#bc9bff 35%,#f4a5cd 70%,#eadbff 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
[data-motion=on] #hero-title>span{animation:chromatic-drift 12s ease-in-out infinite alternate}
@keyframes chromatic-drift{to{background-position:100% 50%}}
.header nav>a:not(.nav-status){position:relative}.header nav>a:not(.nav-status)::after{content:'';position:absolute;bottom:-6px;inset-inline-start:0;width:100%;height:1px;background:linear-gradient(90deg,var(--pink),var(--violet));transform:scaleX(0);transform-origin:center;transition:transform 250ms ease}.header nav>a:not(.nav-status):hover::after,.header nav>a:not(.nav-status):focus-visible::after{transform:scaleX(1)}
.button{background:linear-gradient(105deg,#d2b7ff,#b9a0ff 55%,#e2b1ee);background-size:180% 100%;box-shadow:0 8px 32px #b59aff10;transition:background-position 350ms ease,box-shadow 350ms ease,transform 250ms ease;min-height:48px}.button:hover{background:linear-gradient(105deg,#d2b7ff,#b9a0ff 55%,#e2b1ee);background-size:180% 100%;background-position:100% 0;box-shadow:0 9px 35px #b59aff27;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.light{background:#fcf8ff}
.hero-visual{border:1px solid #d6b2ff24;box-shadow:0 22px 90px #b17aff0e;isolation:isolate}.hero-visual>img{transition:filter 600ms ease;will-change:auto}.visual-shade{background:linear-gradient(180deg,#160e2d05 25%,#170f2460 64%,#140e22bf 100%)}.signal-card{background:linear-gradient(115deg,#25172cec,#151322e8);border-color:#e1b5fa4a;box-shadow:0 16px 40px #0003}.signal-symbol{box-shadow:0 0 25px #be8eff26}.photo-top .pill{background:#21172c80}.photo-cross{opacity:.7}
.scene-picker{flex-direction:column;gap:12px;margin-top:30px}.scene-label{font-size:13px;color:#c6bace}.scene-options{display:flex;flex-wrap:wrap;gap:8px}.scene-options button{font:500 13px var(--font);color:#bbb1c9;background:transparent;border:1px solid #574263;border-radius:30px;min-height:42px;padding:9px 15px;cursor:pointer;transition:background 250ms,border-color 250ms,color 250ms,box-shadow 250ms}.scene-options button:hover{border-color:#be9bdd;color:#f5ecff}.scene-options button[aria-pressed=true]{background:linear-gradient(120deg,#3e2b52,#2c213e);color:#f6edff;border-color:#b89ad1;box-shadow:inset 0 1px #f8d9ff13}.hero-foot{margin-top:28px}.hero-visual{min-height:650px}
.explore{position:relative;isolation:isolate;border-color:#66517580;background:radial-gradient(ellipse at var(--pointer-x,90%) var(--pointer-y,0%),#50305b33,transparent 65%),linear-gradient(120deg,#231d2c,#19161f 65%,#22192b);box-shadow:inset 0 1px #e3caff0a}.intent-buttons button{min-height:44px}.intent-buttons button[aria-pressed=true]{background:linear-gradient(110deg,#e3beff,#b4a2fc);border-color:transparent;box-shadow:0 5px 25px #bc92ee18}.intent-number{background:linear-gradient(150deg,#f2c4e5,#a994d4);color:transparent;background-clip:text;-webkit-background-clip:text}.intent-decoration{background:linear-gradient(120deg,#c6abff,#f4b0d4);color:transparent;background-clip:text;-webkit-background-clip:text;transition:transform 700ms var(--motion-ease)}.explore:has(.intent-buttons button:hover) .intent-decoration{transform:rotate(30deg)}
.signal-demo{margin-top:36px;padding-top:34px;border-top:1px solid #5e486e85;gap:45px;align-items:flex-start}.demo-intro{flex:1}.demo-intro .eyebrow{font-size:10px;letter-spacing:1.5px;color:#d3b7e9}.demo-intro h3{font-size:30px;line-height:1.3;font-weight:500;letter-spacing:-1px;max-width:290px;margin:12px 0 18px}.demo-disclaimer{color:#bdb0c9;font-size:13px;max-width:270px;line-height:1.8}.demo-experience{flex:1.65;min-width:0}.demo-steps{display:flex;gap:8px;justify-content:space-between}.demo-steps button{display:flex;align-items:center;gap:8px;padding:9px 2px;font:500 13px var(--font);border:0;background:none;color:#a69aaf;cursor:pointer;min-height:44px;text-align:start}.demo-steps button>span:first-child{display:grid;place-items:center;border:1px solid #675274;border-radius:50%;width:30px;height:30px;flex:none;font-size:11px;font-family:'DM Sans',sans-serif;transition:background 300ms,border-color 300ms}.demo-steps button[aria-pressed=true]{color:#f7eafa}.demo-steps button[aria-pressed=true]>span:first-child{background:#d0b0f5;color:#271b32;border-color:#d0b0f5}.demo-meter{height:2px;background:#403147;margin:10px 0 27px;overflow:hidden}.demo-meter>span{display:block;width:100%;height:100%;transform:scaleX(var(--demo-progress,.3333));transform-origin:left;background:linear-gradient(90deg,#e6a0d0,#b2a3ff);transition:transform 500ms var(--motion-ease)}[dir=rtl] .demo-meter>span{transform-origin:right}.demo-story{min-height:175px}.demo-kicker{font-size:10px;letter-spacing:1.4px;color:#e1b2dd}.demo-title{font-family:'Manrope',sans-serif;font-weight:500;font-size:23px;line-height:1.4;letter-spacing:-.5px;margin:10px 0 12px;max-width:430px}.demo-body{font-size:15px;line-height:1.8;color:#c5b9cf;max-width:480px}.demo-actions{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:24px}.demo-next{border:0;cursor:pointer;font-size:13px;padding:12px 22px}.demo-counter{font-size:11px;color:#b9a7c5;letter-spacing:1px;white-space:nowrap;direction:ltr}.signal-demo[data-stage="2"] .demo-kicker{color:#d8c5ff}
.moments-grid figure{overflow:hidden;border-radius:16px 16px 0 0}.moments-grid figure img{transition:transform 900ms var(--motion-ease),filter 900ms ease}.moments-grid figure:hover img{transform:scale(1.025);filter:saturate(1.09)}.moments figcaption{position:relative;background:#111014;padding-bottom:4px}.steps article{transition:border-color 350ms,transform 350ms;border-top-color:#6c4e86}.steps article:hover{border-top-color:#e0b4ef;transform:translateY(-5px)}.steps .step-word{background:linear-gradient(90deg,#f0d9ec,#b9a1e3);color:transparent;background-clip:text;-webkit-background-clip:text}
.coming{background:radial-gradient(ellipse at var(--pointer-x,90%) var(--pointer-y,10%),#ffe0ef88,transparent 62%),linear-gradient(120deg,#c7b2ff 0%,#c5a5f4 47%,#e5acd8 100%);box-shadow:inset 0 1px #fff5}.coming-signature{color:#805ca638}.signature-secondary{color:#805ca65c}.coming h2 em{color:#352044}.coming .button:hover{background:#fff}.choice h2>span{color:#c5acdd}
.motion-toggle{gap:9px;align-items:center;color:#c0b4cc;background:#1d1725;border:1px solid #564362;border-radius:30px;padding:9px 13px;font:400 12px var(--font);min-height:40px;cursor:pointer}.motion-toggle:disabled{cursor:default;opacity:.75}.motion-bars{display:flex;gap:3px;align-items:center;height:14px}.motion-bars i{display:block;width:2px;height:9px;background:#c0a0e5;border-radius:2px}.motion-bars i:nth-child(2){height:14px}.motion-toggle[aria-pressed=false] .motion-bars i{height:3px}.motion-toggle:hover{border-color:#b796ce}footer{flex-wrap:wrap}
.reveal-item{transition:opacity 700ms var(--motion-ease),transform 700ms var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.reveal-pending{opacity:0;transform:translateY(22px)}
[data-motion=on] .hero-copy{animation:hero-arrive 850ms var(--motion-ease) both}[data-motion=on] .hero-visual{animation:hero-arrive 1000ms 100ms var(--motion-ease) both}@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
html[lang=ar] .demo-title{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.7}html[lang=ar] .demo-kicker,html[lang=ar] .demo-intro .eyebrow{letter-spacing:0}html[lang=ar] .demo-intro h3{line-height:1.6}html[lang=ar] .demo-story{min-height:205px}html[lang=ar] .hero-visual{min-height:740px}
@media(max-width:1050px){.hero-visual{min-height:670px}.signal-demo{gap:25px}.demo-steps button{font-size:12px;gap:6px}.demo-steps button>span:first-child{width:26px;height:26px}.demo-intro h3{font-size:26px}.demo-story{min-height:220px}}
@media(max-width:760px){.hero-visual,html[lang=ar] .hero-visual{min-height:490px}.scene-picker{margin-top:25px}.scene-options button{font-size:12px;padding:8px 13px}.signal-demo{flex-direction:column;gap:24px;margin-top:28px;padding-top:27px}.demo-intro,.demo-experience{width:100%;flex:auto}.demo-intro h3{max-width:none;margin:10px 0}.demo-disclaimer{max-width:none}.demo-story,html[lang=ar] .demo-story{min-height:190px}.demo-title{font-size:22px}.demo-steps button{font-size:12px}.demo-actions{gap:10px}.demo-next{padding:12px 17px}.demo-body{font-size:14px}.intent-content{min-height:245px}.motion-toggle{margin-inline-start:auto}footer>span:nth-child(2){order:4}.coming{padding-bottom:120px}}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion=off]{scroll-behavior:auto}[data-motion=off] .reveal-pending{opacity:1;transform:none}[data-motion=off] .steps article:hover,[data-motion=off] .moments-grid figure:hover img,[data-motion=off] .intent-decoration,[data-motion=off] .button:hover{transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.moments-grid figure:hover img,.steps article:hover{transform:none}}
@media(forced-colors:active){#hero-title>span,.idea em,.moments em,.intent-number,.intent-decoration,.steps .step-word{background:none;color:CanvasText}}