:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color-scheme:dark;--bg:#080c12;--surface:#101824;--text:#f2f6fc;--muted:#9aa9bb;--line:#283748;--cyan:#75dcee;--blue:#4c91d7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}::selection{background:#68b7df;color:#08121b}[hidden]{display:none!important}
.fx-skip{position:absolute;top:-80px;left:8px;z-index:1100;padding:10px;background:white;color:black}.fx-skip:focus{top:6px}.fx-width{width:min(1336px,calc(100% - 80px));margin-inline:auto}.fx-kicker{display:inline-flex;gap:9px;align-items:center;font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2.1px;color:#a6c4d7}.fx-kicker i{font-style:normal;color:#3e6a80}.fx-kicker-dot{height:7px;width:7px;border-radius:50%;background:#8af4ff;box-shadow:0 0 10px #6ceef8}
.fx-header{height:86px;position:sticky;top:0;z-index:100;background:#070d15f2;border-bottom:1px solid #192a38;backdrop-filter:blur(16px)}.fx-header-inner{height:100%;width:min(1450px,calc(100% - 80px));margin:auto;display:flex;align-items:center;gap:24px}.fx-brand{display:inline-flex;align-items:center;width:178px;height:60px}.fx-brand img{display:block;max-width:100%;height:auto}.fx-header-divider{width:1px;height:29px;background:#335267}.fx-brand-suffix{font:600 10px/1.3 monospace;letter-spacing:2.3px;color:#c2dce9}.fx-brand-suffix b{color:#65cfed;font-weight:600}.fx-header nav{margin-left:auto;display:flex;gap:38px;align-items:center;font-size:12px;font-weight:600}.fx-header nav>a:not(.fx-header-button){color:#bdcbd7;transition:color .2s}.fx-header nav>a:hover{color:white}.fx-header-button{display:flex;align-items:center;gap:13px;background:#eefbff;color:#102235;padding:11px 15px;border-radius:2px}.fx-header-button span{min-width:22px;height:22px;border-radius:50%;background:#162636;color:#c7fbff;text-align:center;padding-top:2px;font:700 12px/18px monospace}
.fx-hero{position:relative;overflow:hidden;border-bottom:1px solid #1e3446;background:radial-gradient(ellipse 80% 70% at 88% 20%,#19344b4a,transparent),#080e15}.fx-hero-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(0deg,transparent 97%,#3a5d722b 98%),linear-gradient(90deg,transparent 97%,#3a5d722b 98%);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent 30%,black 95%)}.fx-hero-inner{width:min(1336px,calc(100% - 80px));min-height:630px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:45px;position:relative}.fx-hero-content{padding:60px 0 70px}.fx-hero h1{font-size:clamp(54px,5.2vw,86px);letter-spacing:-5.5px;line-height:1.055;font-weight:680;margin:29px 0 25px}.fx-hero h1 em{font-style:normal;color:#7ed3eb}.fx-hero-content>p{color:#adbccc;max-width:560px;font-size:16px;line-height:1.85;margin:0 0 30px}.fx-hero-buttons,.fx-selection-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.fx-cta-primary,.fx-cta-secondary{border:1px solid transparent;min-height:48px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:2px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.fx-cta-primary{background:#80ddf1;color:#091621}.fx-cta-primary:hover{background:#bef5ff;transform:translateY(-2px)}.fx-cta-secondary{color:#c4d9e5;border-color:#426074;background:#101e2a20}.fx-cta-secondary:hover{background:#142e3d;border-color:#6ec8dc}.fx-hero-measures{display:flex;gap:48px;padding-top:54px}.fx-hero-measures>div{display:flex;gap:6px;flex-direction:column}.fx-hero-measures strong{font-size:30px;letter-spacing:-1px;font-weight:650}.fx-hero-measures span{font-size:10px;letter-spacing:1px;color:#88a4b8;text-transform:uppercase}
.fx-hero-art{padding:40px 10px 25px}.fx-hero-art-frame{aspect-ratio:1.1;position:relative;overflow:hidden;border:1px solid #44647775;background:radial-gradient(circle at 62% 44%,#164666,#091a2a 59%,#080e16)}.fx-hero-art-frame:before{content:"";position:absolute;inset:16px;border:1px solid #ffffff18}.fx-hero-art-grid{position:absolute;inset:0;transform:perspective(240px) rotateX(43deg) translateY(15%);background-image:linear-gradient(#5da4bd1e 1px,transparent 1px),linear-gradient(90deg,#5da4bd1e 1px,transparent 1px);background-size:27px 27px}.fx-hero-art-ring{width:65%;aspect-ratio:1;border:1px solid #7cdfed6c;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 22px #65d7ff08,0 0 0 65px #65d7ff05;animation:fx-hero-breathe 5s ease-in-out infinite alternate}.fx-hero-art-ring.inner{width:43%;border-style:dashed;animation:fx-hero-rotate 19s linear infinite}.fx-hero-art-shape{font-size:clamp(100px,18vw,235px);font-weight:850;letter-spacing:-20px;line-height:1;position:absolute;top:48%;left:49%;transform:translate(-50%,-50%) rotate(-8deg);color:#b5f6ff;text-shadow:0 0 35px #53d7f965}.fx-hero-art-point{position:absolute;width:13px;height:13px;border:2px solid white;border-radius:50%;top:18%;right:30%;box-shadow:0 0 25px #affaff;animation:fx-hero-point 4s ease-in-out infinite alternate}.fx-hero-art-top,.fx-hero-art-bottom{position:absolute;top:18px;left:24px;font:600 9px monospace;letter-spacing:2px;color:#a4cce0}.fx-hero-art-bottom{left:auto;top:auto;right:23px;bottom:18px}.fx-hero-annotation{font:10px monospace;letter-spacing:2px;text-align:right;color:#769db4;padding-top:15px}
@keyframes fx-hero-breathe{to{transform:translate(-50%,-50%) scale(1.09)}}@keyframes fx-hero-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fx-hero-point{to{transform:translate(22px,30px);box-shadow:0 0 50px #63e5ff}}
.fx-catalogue{padding:94px 0 100px}.fx-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:29px}.fx-section-heading h2,.fx-selection h2,.fx-how h2{font-size:clamp(34px,3.4vw,53px);line-height:1.1;letter-spacing:-2.4px;margin:12px 0 8px;font-weight:660}.fx-section-heading h2 em,.fx-selection h2 em,.fx-how h2 em{font-style:normal;color:#7bc8e6}.fx-section-heading p{font-size:14px;color:#9eafbe;margin:0;max-width:650px}.fx-count{font:11px monospace;letter-spacing:1.3px;white-space:nowrap;color:#8ba3b6}
.fx-toolbar{position:sticky;z-index:50;top:86px;margin:33px 0 30px;padding:15px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #294054;border-bottom:1px solid #294054;background:#080c12fa;backdrop-filter:blur(20px)}.fx-categories{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding:0 0 3px}.fx-filter{background:transparent;border:1px solid transparent;white-space:nowrap;color:#8ea8ba;font-size:11px;font-weight:600;padding:11px 9px;transition:background .2s,color .2s}.fx-filter span{margin-left:5px;font:10px monospace;opacity:.6}.fx-filter.is-active{background:#152e3b;color:#baf1ff;border-color:#3f7080}.fx-filter:hover{color:white}.fx-toolbar-options{display:flex;gap:12px;align-items:center}.fx-search{display:flex;gap:7px;align-items:center;border:1px solid #375061;min-width:194px;height:40px;padding:0 11px;color:#8bb6c7}.fx-search span{font-size:20px}.fx-search input{min-width:0;width:100%;color:#e8f6ff;background:none;border:0;outline:none;font-size:11px}.fx-search input::placeholder{color:#94aaba}.fx-compact-select{font-size:10px;color:#7d99aa;white-space:nowrap}.fx-compact-select select{display:block;background:#0e1b28;color:#c4dbe5;border:1px solid #375061;margin-top:1px;padding:7px;max-width:130px;font-size:11px}
.fx-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.fx-card{min-width:0;border:1px solid #263d4d;background:#0e1620;transition:border-color .22s,transform .22s;position:relative;overflow:hidden}.fx-card:hover{border-color:#48879b;transform:translateY(-3px)}.fx-card[data-selected="1"]{border-color:#5fbbcc}.fx-card-preview{aspect-ratio:1.65;position:relative;overflow:hidden;border-bottom:1px solid #25394b}.fx-preview-caption{position:absolute;top:12px;left:13px;z-index:10;color:#d2ebfc;font:600 9px monospace;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;pointer-events:none}.fx-live-dot{height:6px;width:6px;background:#8ef6d4;border-radius:50%;box-shadow:0 0 8px #aaffdc}.fx-card-body{padding:23px}.fx-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.fx-card-id{color:#9fcce1;font:600 9px/1.5 monospace;letter-spacing:1.2px;text-transform:uppercase}.fx-card-id>span{color:#536877}.fx-card-speed{font:10px monospace;color:#8ca4b1}.fx-card h3{margin:8px 0 9px;letter-spacing:-.6px;font-size:21px;line-height:1.25;font-weight:620}.fx-card p{font-size:12px;line-height:1.7;color:#a7b8c5;min-height:42px;margin:0}.fx-card-detail{display:flex;gap:18px;color:#8199ad;font-size:10px;margin:15px 0 16px;padding-top:12px;border-top:1px solid #253747}.fx-card-actions{display:flex;gap:8px}.fx-open,.fx-save{border:1px solid #42667a;padding:10px 12px;min-height:40px;font-size:11px;font-weight:700;background:transparent;color:#cceeff;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:12px}.fx-open{flex:1;justify-content:space-between}.fx-open:hover,.fx-save:hover{background:#17374b}.fx-save{min-width:94px;border-color:#314757;color:#b2c5d4}.fx-save[aria-pressed="true"]{background:#164356;color:#91f4ff;border-color:#57b2c5}.fx-heart{font-size:18px;font-weight:400;line-height:1}.fx-empty{text-align:center;padding:80px 20px;border:1px dashed #456077;color:#9db7c4}.fx-empty strong{font-size:20px;color:white}
.fx-selection{background:radial-gradient(circle at 18% 25%,#12405a50,transparent 50%),#0c1621;border-top:1px solid #26394a;border-bottom:1px solid #26394a}.fx-selection-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:105px 0}.fx-selection h2{font-size:clamp(43px,4.7vw,74px);line-height:1.05;margin:18px 0 20px}.fx-selection p{color:#a2b4c5;font-size:14px;line-height:1.9;max-width:510px;margin:0 0 23px}.fx-privacy-note{display:block;margin-top:20px;color:#899daf;font-size:11px;max-width:540px}.fx-selection-sheet{border:1px solid #477085;background:#0d1b29;min-height:385px;box-shadow:24px 24px 0 #0e283750;padding:25px;display:flex;flex-direction:column}.fx-selection-sheet-head,.fx-selection-sheet-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:1.1px;color:#a6c8d9}.fx-selection-sheet-head strong{color:#b5f5ff}.fx-selected-items{flex:1;padding:19px 0;display:flex;flex-direction:column;gap:8px}.fx-selected-items>p{margin:auto;text-align:center;color:#7c94a7;font-size:12px}.fx-selected-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:#183246;border-left:2px solid #72ddef}.fx-selected-row b{font:600 12px system-ui}.fx-selected-row small{font:10px monospace;color:#8aa9bd}.fx-selected-row button{border:0;color:#b7cbd7;background:transparent;font-size:18px}.fx-selected-row button:hover{color:white}.fx-selection-sheet-bottom{border-top:1px solid #385061;padding-top:19px}.fx-selection-sheet-bottom button{border:0;background:transparent;color:#8edbef;font:10px monospace;letter-spacing:0;cursor:pointer}
.fx-how{padding:104px 0 90px}.fx-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #2f4354;margin-top:45px}.fx-how-steps article{padding:31px 15px 34px 0;border-bottom:1px solid #293d4c}.fx-how-steps article span{font:600 12px monospace;color:#81d3eb}.fx-how-steps h3{font-size:22px;letter-spacing:-.7px;margin:23px 0 8px}.fx-how-steps p{max-width:330px;color:#91a6b6;font-size:13px;line-height:1.75}.fx-how-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:33px;font:11px monospace;color:#8299aa;letter-spacing:1px}.fx-how-end a{color:#a1eaff}.fx-footer{min-height:90px;padding:25px max(40px,calc((100% - 1336px)/2));border-top:1px solid #283d4b;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#7f98aa;font:11px monospace}.fx-footer nav{display:flex;gap:22px}.fx-footer a:hover{color:#b9f0ff}
.fx-modal{color:var(--text);background:#101927;border:1px solid #6ca7bd;padding:0;width:min(960px,calc(100% - 28px));max-height:min(95vh,950px);overflow:auto;box-shadow:0 30px 130px #000e}.fx-modal::backdrop{background:#030a11d9;backdrop-filter:blur(6px)}.fx-modal-main{padding:20px}.fx-modal-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.fx-modal-toolbar button{border:1px solid #6a8ca1;background:transparent;color:#d6f3ff;padding:8px 15px;font-size:11px}.fx-modal-demo{width:100%;height:390px;border:1px solid #364c5d}.fx-modal-demo .fx-stage{min-height:100%}.fx-modal-demo .fx-hero-copy>strong{font-size:64px}.fx-modal-demo .fx-type-text,.fx-modal-demo .fx-type-ghost{font-size:80px}.fx-modal-demo .fx-scroll-cards{height:220px;width:300px}.fx-modal-demo .fx-demo-btn{font-size:16px;min-width:290px}.fx-modal-info{padding:24px 12px 8px;display:flex;justify-content:space-between;align-items:center;gap:25px}.fx-modal-info h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:4px 0 8px}.fx-modal-info p{font-size:13px;color:#a9bac8;margin:5px 0}.fx-modal-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}.fx-modal-tip{font:10px monospace;color:#83a0b4}.fx-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 20px);background:#bcf6ff;color:#0a202a;padding:14px 20px;font-size:12px;font-weight:700;z-index:500;box-shadow:0 5px 25px #0008}
@media(max-width:1230px){.fx-toolbar{flex-wrap:wrap}.fx-toolbar-options{width:100%;justify-content:flex-start}.fx-categories{flex-basis:100%;width:100%}.fx-list{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-card-body{padding:17px}.fx-header nav{gap:20px}.fx-hero-inner{gap:15px}.fx-hero h1{font-size:clamp(50px,5.4vw,72px)}}
@media(max-width:920px){.fx-width,.fx-hero-inner,.fx-header-inner{width:calc(100% - 44px)}.fx-hero-inner{grid-template-columns:1fr .75fr;min-height:520px}.fx-hero-content{padding:40px 0}.fx-hero h1{font-size:52px;letter-spacing:-3px}.fx-hero-content>p{font-size:13px}.fx-hero-art{padding:20px 0}.fx-hero-measures{gap:22px}.fx-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-selection-inner{gap:30px}.fx-card-preview{aspect-ratio:1.55}.fx-header nav a:first-child{display:none}}
@media(max-width:640px){html{scroll-padding-top:78px}.fx-header{height:70px}.fx-header-inner{width:calc(100% - 30px);gap:10px}.fx-brand{width:112px}.fx-header-divider{height:23px}.fx-brand-suffix{font-size:8px;letter-spacing:1px}.fx-header nav{gap:0}.fx-header nav>a:not(.fx-header-button){display:none}.fx-header-button{font-size:10px;padding:8px 10px;gap:7px}.fx-hero-inner{width:calc(100% - 36px);grid-template-columns:1fr;min-height:unset;gap:0}.fx-hero-content{padding:54px 0 30px}.fx-hero h1{font-size:clamp(43px,12vw,60px);letter-spacing:-3px;margin:22px 0}.fx-hero-content>p{line-height:1.8}.fx-hero-measures{padding-top:33px}.fx-hero-measures strong{font-size:24px}.fx-hero-art{padding:0 15px 40px}.fx-hero-art-frame{aspect-ratio:1.45}.fx-hero-art-shape{font-size:130px}.fx-width{width:calc(100% - 28px)}.fx-catalogue{padding:60px 0}.fx-section-heading{align-items:start;gap:10px}.fx-section-heading h2{font-size:35px;letter-spacing:-1.5px}.fx-section-heading p{font-size:12px}.fx-count{margin-top:35px;font-size:9px}.fx-toolbar{top:70px;margin:20px 0 22px}.fx-toolbar-options{gap:8px;flex-wrap:wrap}.fx-search{width:100%}.fx-compact-select{flex:1}.fx-compact-select select{max-width:none;width:100%}.fx-list{grid-template-columns:1fr;gap:15px}.fx-card-preview{aspect-ratio:1.75}.fx-card-body{padding:18px}.fx-card p{min-height:unset}.fx-selection-inner{padding:65px 0;grid-template-columns:1fr;gap:40px}.fx-selection h2{font-size:48px}.fx-selection-sheet{min-height:330px;padding:17px;box-shadow:9px 9px 0 #0e283750}.fx-how{padding:62px 0}.fx-how-steps{grid-template-columns:1fr;margin-top:25px;gap:0}.fx-how-steps article{padding:24px 0}.fx-how-steps h3{margin:10px 0 5px}.fx-how-end{align-items:start;flex-direction:column}.fx-footer{padding:26px 15px;flex-wrap:wrap;font-size:10px}.fx-footer>span{display:none}.fx-footer nav{gap:13px}.fx-modal-main{padding:12px}.fx-modal-demo{height:280px}.fx-modal-demo .fx-hero-copy>strong{font-size:39px}.fx-modal-demo .fx-type-text,.fx-modal-demo .fx-type-ghost{font-size:42px}.fx-modal-demo .fx-scroll-cards{height:190px;width:210px}.fx-modal-info{padding:20px 8px;flex-direction:column;align-items:stretch}.fx-modal-info h2{font-size:26px}.fx-modal-buttons{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Honor the operating system preference for less motion, including the hero */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fx-hero-art *, .fx-hero-art *::before, .fx-hero-art *::after{animation:none!important;transition:none!important}.fx-cta-primary,.fx-cta-secondary,.fx-card,.fx-filter{transition:none!important}}
/* 5.7.1: per-effect intensity in the shared customer choice. */
.fx-selected-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.fx-level-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#a9bfd3}
.fx-level-select{border:1px solid #45617f;background:#17293a;color:#fff;border-radius:7px;padding:6px 8px;font:inherit;font-size:12px}