/* Connected stories: cinematic imagery, real product exploration, quiet typography. */
body:has(#main>.fx-hero) .header-shell,body:has(#main>.fx-universe) .header-shell{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:100}
#main:has(>.fx-hero),#main:has(>.fx-universe){padding:0}
.fx-kicker{display:block;font:600 11px/1.7 var(--ui,Arial);letter-spacing:.11em;text-transform:uppercase;color:#d3a9e4}
.fx-text-link{color:#e2b9f0;font-size:14px;font-weight:600;text-underline-offset:6px;line-height:1.7}
.fx-hero,.fx-universe{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1100px;background:#0c0910;overflow:clip;--fx-scroll:0}
.fx-hero-image{position:absolute;inset:0 0 0 30%;z-index:-2;overflow:hidden}
.fx-hero-image img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.07) translateY(calc(var(--fx-scroll)*-45px));animation:fx-camera 14s ease-in-out infinite alternate}
.fx-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0910 0%,#0c0910ed 26%,#0c0910c9 43%,#0c091025 72%),linear-gradient(0deg,#0c0910,transparent 27%,transparent 77%,#0c091055)}
.fx-hero-word{position:absolute;bottom:1%;left:4%;font:900 clamp(90px,17vw,290px)/1 var(--display);letter-spacing:-.07em;color:#dcc0ed0c;-webkit-text-stroke:1px #b48cc52b;z-index:-1;white-space:nowrap;user-select:none}
.fx-hero-copy{position:relative;padding:190px 0 130px;margin-left:7%;width:57%;max-width:850px;z-index:2}
.fx-breadcrumb{display:inline-block;font-size:12px;color:#d3b0e0;text-decoration:none;padding-bottom:18px}
.fx-breadcrumb:hover{text-decoration:underline;text-underline-offset:5px}
.fx-hero h1{font:700 clamp(49px,6.4vw,104px)/1.08 var(--display);letter-spacing:-.045em;margin:12px 0 28px;color:#fff3ff;text-wrap:balance}
#main .fx-hero-copy>p{font-size:18px!important;color:#e0cee9!important;line-height:1.85!important;max-width:520px;margin:0 0 30px}
.fx-hero .button,.fx-universe .button,.fx-final .button{font-size:14px;min-height:54px;padding:16px 23px}
.fx-hero-bottom,.fx-universe-note{position:absolute;bottom:25px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;color:#ccb6d7;z-index:3}
.fx-pause{border:1px solid #80558f;border-radius:24px;background:#21152bdc;color:#e9d6f1;padding:9px 15px;font:400 11px/1.5 var(--ui,Arial);cursor:pointer}
.fx-paused *{animation-play-state:paused!important}
.fx-connection{padding-block:80px 65px}
.fx-connection h2{max-width:900px;font:700 clamp(32px,4vw,60px)/1.2 var(--display);letter-spacing:-.03em;margin:20px 0 35px;color:#f5e7fb}
.fx-connection ol{padding:0;margin:0;display:flex;list-style:none;border-block:1px solid #52375f}
.fx-connection li{display:flex;gap:17px;align-items:center;flex:1;padding:25px 20px 25px 0}
.fx-connection li+li{border-left:1px solid #52375f;padding-left:30px}
.fx-connection li>span{font-size:10px;color:#c89ddb}
.fx-connection strong{font-size:18px;line-height:1.5;color:#efdeF6}
.fx-demo{padding-block:45px 85px}
.fx-demo>header{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
.fx-demo h2,.fx-depth h2,.fx-assistant h2,.fx-next h2,.fx-final h2,.fx-index h2{font:700 clamp(36px,4.4vw,68px)/1.12 var(--display);letter-spacing:-.04em;color:#f6e8fc;margin:18px 0}
.fx-demo h2 em,.fx-depth h2 em,.fx-final h2 em,.fx-index h2 em{font-style:normal;color:#d7a8e9}
#main .fx-demo>header>p{font-size:16px!important;line-height:1.9!important;max-width:360px;color:#d3bfdc!important}
.fx-demo-shell{border:1px solid #755183;border-radius:22px;overflow:clip;background:#17111e;box-shadow:0 40px 100px #0005}
.fx-demo-tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid #65426f;background:#1e1427}
.fx-demo-tabs>button{flex:1;cursor:pointer;border:1px solid transparent;background:transparent;color:#cfb9dc;font:600 13px/1.5 var(--ui,Arial);text-align:left;padding:15px 18px;border-radius:12px}
.fx-demo-tabs>button[aria-selected=true]{background:linear-gradient(110deg,#dfc3e9,#f0cbbb);color:#3a2343}
.fx-demo iframe{display:block;width:100%;height:clamp(600px,68vw,850px);border:0;background:#f5f2ef}
#main .fx-demo-note{font-size:12px!important;color:#cbb1d8!important;line-height:1.7!important;margin-top:18px}
.fx-depth{padding-block:65px 80px;border-top:1px solid #4e3559}
.fx-depth>header{margin-bottom:30px}
.fx-depth>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.fx-depth article{border-top:1px solid #765182;padding-top:25px}
.fx-depth article>span{font-size:10px;color:#cf9fe0}
.fx-depth h3{font:700 26px/1.3 var(--display);letter-spacing:-.02em;color:#f1e3f7;margin:19px 0 15px}
#main .fx-depth article p{font-size:16px!important;line-height:1.9!important;color:#d5c0df!important}
#main .fx-boundary{border:1px solid #6b4b78;border-radius:16px;padding:20px 25px;font-size:14px!important;line-height:1.85!important;color:#ddc7e6!important;margin-top:38px;background:#22182b}
.fx-assistant{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:6vw;padding-block:60px 80px;border-block:1px solid #4b3458}
.fx-assistant>img{width:min(100%,320px);height:auto;justify-self:center;filter:drop-shadow(0 20px 35px #4b24633d)}
#main .fx-assistant p{max-width:650px;font-size:17px!important;line-height:1.85!important;color:#d5c1df!important}
.fx-assistant .fx-text-link{display:inline-block;margin-top:22px}
.fx-advanced{padding-block:32px;border-bottom:1px solid #51365f}
.fx-advanced>summary{cursor:pointer;color:#e5c9ef;font-size:16px;font-weight:600;padding:15px 0}
.fx-advanced>div>.section-wrap{padding-inline:0;width:100%}
.fx-next{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}
.fx-next>a{padding:32px;border:1px solid #866291;border-radius:22px;background:#26192f;text-decoration:none;color:#e4c4ee;transition:background .2s,border-color .2s}
.fx-next>a:hover{background:#382347;border-color:#c6a0d5}
.fx-next>a>span{font-size:10px;color:#c8a5d5;text-transform:uppercase;letter-spacing:.08em}
.fx-next strong{display:block;font:700 clamp(24px,3vw,40px)/1.25 var(--display);letter-spacing:-.03em;color:#f7e7ff;margin:15px 0}
.fx-next small{font-size:14px;line-height:1.75;color:#d0b5dc}
.fx-final{padding-block:75px 95px;border-top:1px solid #53375e}
.fx-final h2{font-size:clamp(45px,6.5vw,95px)}
#main .fx-final p{font-size:18px!important;line-height:1.85!important;color:#d9c3e3!important;max-width:650px;margin:25px 0}
.fx-final>div{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin:30px 0 18px}
.fx-final>small{display:block;font-size:12px;line-height:1.7;color:#bfa5cb}
.fx-universe{min-height:850px;background:radial-gradient(ellipse at 75% 60%,#38204488,transparent 60%),#0b0810}
.fx-universe-word{position:absolute;top:17%;left:47%;transform:translateX(-50%);font:900 clamp(160px,24vw,400px)/1 var(--display);letter-spacing:-.09em;color:#e5c7f00d;-webkit-text-stroke:1px #a779bb30;white-space:nowrap;z-index:-1}
.fx-universe-art{position:absolute;left:48%;top:17%;width:min(66vw,900px);transform:translateY(calc(var(--fx-scroll)*-70px)) rotate(calc(-8deg + var(--fx-scroll)*12deg));z-index:-1}
.fx-universe-art img{width:100%;height:auto;filter:drop-shadow(0 40px 60px #0008);animation:fx-float 10s ease-in-out infinite}
.fx-universe-copy{position:relative;z-index:2;width:52%;max-width:790px;margin-left:7%;padding-top:190px}
.fx-universe h1{font:700 clamp(58px,7.4vw,124px)/1.06 var(--display);letter-spacing:-.05em;color:#fff3ff;margin:20px 0 27px}
.fx-universe h1 em{font-style:normal;background:linear-gradient(100deg,#bc7cde,#e0a6d6,#f4c5a0);background-clip:text;-webkit-background-clip:text;color:transparent}
#main .fx-universe-copy>p{font-size:18px!important;line-height:1.85!important;color:#d7c2e1!important;max-width:500px;margin:0 0 28px}
.fx-universe-copy .fx-text-link{display:inline-block;margin:0 0 0 24px;font-size:13px}
.fx-universe-track{position:absolute;bottom:100px;left:7%;right:7%;display:flex;align-items:center;gap:15px;z-index:2}
.fx-universe-track a{padding:15px 28px;border:1px solid #846193;background:#21162ddc;color:#ecdaf5;border-radius:40px;text-decoration:none;font-size:14px;backdrop-filter:blur(8px)}
.fx-universe-track a:hover{background:#e2c0ed;color:#34213f;border-color:#e2c0ed}
.fx-universe-track i{width:65px;min-width:18px;height:1px;background:linear-gradient(90deg,#9961b8,#efb89a)}
.fx-index{padding-block:90px 70px}
.fx-index>header{margin-bottom:40px}
#main .fx-index>header>p{color:#d4bfdc!important;font-size:17px!important;line-height:1.85!important;max-width:580px}
.fx-index-list{border-top:1px solid #5e416b}
.fx-index-list>a{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:40px 1.1fr 1fr 30px;align-items:center;gap:28px;padding:31px 15px;border-bottom:1px solid #5e416b;color:#e8d9ee;text-decoration:none;min-height:120px;transition:background .3s}
.fx-index-list>a:hover{background:#2b1b36}
.fx-index-num{font-size:10px;color:#ba96ca}
.fx-index-list h3{font:700 clamp(23px,2.7vw,40px)/1.25 var(--display);letter-spacing:-.03em;margin:0;color:#f5e9fc}
#main .fx-index-list p{font-size:14px!important;line-height:1.8!important;color:#cbb5d7!important;max-width:360px;margin:0}
.fx-index-arrow{font-size:24px;color:#e7b7d7;transition:transform .2s}
.fx-index-list>a:hover .fx-index-arrow{transform:translate(3px,-3px)}
.fx-index-list img{position:absolute;right:3%;width:380px;height:100%;object-fit:cover;opacity:0;z-index:-1;mask-image:linear-gradient(90deg,transparent,#0008);transition:opacity .3s}
.fx-index-list>a:hover img{opacity:.45}
.fx-platform-links{padding-block:65px 90px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #51385f}
.fx-platform-links article{padding:35px 0}
.fx-platform-links h2{font:700 clamp(30px,3.6vw,54px)/1.2 var(--display);color:#f2e4fa;letter-spacing:-.03em;margin:20px 0}
#main .fx-platform-links p{font-size:16px!important;line-height:1.85!important;color:#d4bcdf!important;max-width:480px;margin-bottom:25px}
.fx-platform-links img{height:105px;width:105px;object-fit:contain}
.fx-hero :focus-visible,.fx-universe :focus-visible,.fx-index :focus-visible,.fx-demo :focus-visible,.fx-final :focus-visible,.fx-next :focus-visible{outline:2px solid #f3c29f;outline-offset:5px}
@keyframes fx-float{50%{transform:translateY(-18px) rotate(3deg)}}@keyframes fx-camera{to{transform:scale(1.13) translateY(-12px)}}
.fx-reduced .fx-hero-image img,.fx-reduced .fx-universe-art img{animation:none}
.fx-reduced .fx-universe-art{transform:none}
@media(max-width:1000px){.fx-hero-copy{width:69%;padding-top:165px}.fx-hero h1{font-size:clamp(48px,6.6vw,78px)}.fx-hero-image{left:20%}.fx-universe-copy{width:65%;padding-top:170px}.fx-universe h1{font-size:clamp(55px,7.4vw,90px)}.fx-universe-art{left:45%;top:27%;width:76vw}.fx-depth>div{gap:25px}.fx-depth h3{font-size:23px}.fx-hero,.fx-universe{min-height:780px}.fx-index-list>a{grid-template-columns:28px 1.2fr 1fr 20px;gap:20px}}
@media(max-width:650px){.fx-hero{height:auto;min-height:780px}.fx-hero-image{inset:0;opacity:.78}.fx-hero-image img{object-position:65% center}.fx-hero:before{background:linear-gradient(0deg,#0c0910 0%,#0c0910ed 10%,#0c0910c7 48%,#0c091035 100%),linear-gradient(90deg,#0c0910b0,transparent)}.fx-hero-copy{margin-left:7%;padding:155px 0 135px;width:86%;max-width:none}.fx-hero h1{font-size:clamp(35px,10vw,54px);margin:15px 0 24px;line-height:1.12}#main .fx-hero-copy>p{font-size:16px!important;line-height:1.85!important;max-width:100%}.fx-breadcrumb{font-size:11px}.fx-hero-word{font-size:24vw;bottom:7%}.fx-hero-bottom{bottom:25px;align-items:flex-start}.fx-hero-bottom>span{font-size:10px;line-height:1.7;max-width:120px}.fx-pause{font-size:10px;flex-shrink:0;padding:9px 12px}.fx-connection{padding-block:45px}.fx-connection h2{font-size:30px;margin-bottom:25px}.fx-connection ol{display:grid}.fx-connection li,.fx-connection li+li{padding:18px 0;border-left:0;border-bottom:1px solid #51365e;gap:20px}.fx-connection li:last-child{border:0}.fx-connection strong{font-size:17px}.fx-demo{padding-block:25px 45px}.fx-demo>header{display:block;margin-bottom:23px}.fx-demo h2,.fx-depth h2,.fx-assistant h2,.fx-next h2,.fx-index h2{font-size:clamp(29px,8.7vw,38px)}#main .fx-demo>header>p{font-size:15px!important;margin-top:20px}.fx-demo-tabs{padding:7px;gap:5px}.fx-demo-tabs>button{font-size:11px;padding:12px 8px;line-height:1.55}.fx-demo-shell{border-radius:17px}.fx-demo iframe{height:660px}#main .fx-demo-note{font-size:11px!important}.fx-depth{padding-block:45px}.fx-depth>div{grid-template-columns:1fr;gap:27px}.fx-depth h3{font-size:25px;margin-top:15px}#main .fx-depth article p{font-size:16px!important}.fx-assistant{grid-template-columns:1fr;gap:15px;padding-block:45px}.fx-assistant>img{width:140px;justify-self:start}.fx-assistant h2{margin:16px 0}#main .fx-assistant p{font-size:16px!important}.fx-next{grid-template-columns:1fr;gap:20px;padding-block:45px}.fx-next>a{padding:26px}.fx-next strong{font-size:30px}.fx-final{padding-block:45px 65px}.fx-final h2{font-size:clamp(36px,10vw,48px)}#main .fx-final p{font-size:16px!important}.fx-final>div{align-items:stretch;flex-direction:column;gap:20px}.fx-final .button{justify-content:center;width:100%}.fx-final>small{font-size:11px}.fx-kicker{font-size:10px}.fx-universe{height:auto;min-height:900px}.fx-universe-copy{margin-left:7%;width:86%;padding-top:145px}.fx-universe h1{font-size:clamp(43px,12vw,63px);line-height:1.08;max-width:100%}#main .fx-universe-copy>p{font-size:16px!important;line-height:1.85!important;max-width:100%}.fx-universe-copy .button{font-size:13px;min-height:50px}.fx-universe-copy .fx-text-link{display:block;margin:20px 0 0}.fx-universe-art{top:auto;bottom:70px;left:30%;width:95vw;opacity:.8}.fx-universe-word{font-size:29vw;top:62%;left:42%}.fx-universe-track{bottom:95px;left:7%;right:7%;gap:5px;flex-wrap:wrap}.fx-universe-track a{font-size:11px;padding:11px 14px}.fx-universe-track i{width:10px;min-width:6px}.fx-universe-note{bottom:25px;align-items:flex-start;font-size:10px}.fx-universe-note>span{max-width:125px;line-height:1.7}.fx-index{padding-block:45px}.fx-index-list>a{grid-template-columns:22px 1fr 22px;padding:24px 0;gap:12px;min-height:0}.fx-index-list h3{font-size:clamp(22px,6.4vw,28px)}#main .fx-index-list p{grid-column:2;grid-row:2;font-size:14px!important}.fx-index-arrow{grid-column:3;grid-row:1;font-size:20px}.fx-index-list img{display:none}.fx-platform-links{grid-template-columns:1fr;gap:15px;padding-block:35px 50px}.fx-platform-links article{padding:20px 0}.fx-platform-links h2{font-size:32px}.fx-platform-links img{height:90px;width:90px}}
@media(prefers-reduced-motion:reduce){.fx-hero-image img,.fx-universe-art img{animation:none!important}.fx-universe-art{transform:none!important}.fx-next>a,.fx-index-list>a,.fx-index-arrow{transition:none!important}}
@media(min-width:1001px){.fx-universe h1{font-size:clamp(58px,6.6vw,108px)}.fx-universe-copy{width:56%}}
.fx-connection h2,.fx-depth h3,.fx-next strong{overflow-wrap:anywhere}
@media(min-width:1001px){.fx-universe{min-height:780px}}
.fx-index-list>a>.feature-clay-icon{position:static;width:36px;height:36px;opacity:.9;z-index:auto;mask-image:none;filter:grayscale(1)}
.fx-index-list>a:hover>.feature-clay-icon{opacity:1}
.fx-index-list>a:hover,.fx-index-list>a:focus-visible{background:linear-gradient(105deg,#9256b850,#c178a82e 55%,#f5b38322)}
@media(max-width:650px){.fx-index-list>a{grid-template-columns:30px 1fr 22px}.fx-index-list>a>.feature-clay-icon{display:block;width:28px;height:28px}}