/* Original CSS/SVG implementation informed by Material 3 shape, colour and button guidance.
   References: https://m3.material.io/ and https://material-web.dev/components/button/ */
:root{--md-sys-color-primary:#6850b5;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#e9ddff;--md-sys-color-on-primary-container:#29174f;--md-sys-color-surface:#fffbff;--md-sys-color-surface-container:#f0eaf4;--md-sys-color-secondary-container:#f7dbe6;--md-sys-color-outline:#82758d}
.btn{border-radius:999px;min-height:48px;transition:background .2s,box-shadow .2s,border-radius .25s,transform .2s}.btn:hover{border-radius:18px}.btn:active{transform:scale(.97)}.btn--primary{background:var(--md-sys-color-primary)}.btn--soft-blue{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}
.expressive-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.m3-shape{position:absolute;display:block;width:180px;height:180px;color:#b8a1ed}.m3-shape svg{width:100%;height:100%;display:block}.shape-0{left:-70px;top:10%;transform:rotate(-16deg)}.shape-1{right:-70px;top:8%;color:#edb9c4;width:220px;height:220px}.shape-2{left:1%;bottom:6%;color:#ced4a5;width:100px;height:100px;transform:rotate(25deg)}.shape-3{right:1%;bottom:10%;width:140px;height:140px;color:#9680bb;transform:rotate(15deg)}.shape-4{left:14%;top:-65px;width:115px;height:115px;color:#c5b6ef}
.hero>.expressive-decor{opacity:.27}.hero .shape-0{width:250px;height:250px;top:3%;left:-125px;color:#ab8bf3}.hero .shape-1{top:20%;right:-115px;width:260px;height:260px;color:#d89ab9}.hero .shape-2{bottom:7%;left:4%}.hero .shape-3{bottom:4%;right:3%}.hero .shape-4{display:none}.hero__headline{margin-top:6px}.hero{padding-top:42px}.hero .modern-device{max-width:950px}.modern-device .laptop-lid{border-radius:28px 28px 0 0;padding:14px 14px 0;background:#292634}.modern-device .laptop-screen{border-radius:14px 14px 0 0;overflow:hidden}.modern-device .laptop-base-plate{background:linear-gradient(#938b9e,#635b72);height:10px}.modern-device .float-card{border-radius:24px 24px 24px 8px}
.apps-showcase,.desktop-showcase,.expressive-footer{position:relative;isolation:isolate;overflow:hidden}.apps-showcase>.container,.desktop-showcase>.container,.expressive-footer>.container{position:relative;z-index:1}.apps-showcase{margin:16px 24px;background:#eee5f7;border-radius:56px;padding-block:90px}.apps-inner{max-width:1000px}.expressive-title{font-size:clamp(2.4rem,4.5vw,4.3rem);line-height:1.12;letter-spacing:-2px;font-weight:650}.expressive-title em{font-style:normal;color:#7851b4}.apps-showcase .eyebrow,.apps-showcase .expressive-title,.apps-showcase .showcase-intro{text-align:center}.showcase-intro{font-size:1rem;line-height:1.85;color:#675b73;max-width:680px;margin:24px auto 36px}.app-catalog{position:relative;background:#fffbff;border:1px solid #ffffffc9;border-radius:30px;padding:24px;box-shadow:0 24px 70px #42225912}.catalog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 6px}.catalog-mark{display:flex;gap:10px;align-items:center;font-size:.82rem;color:#5f496f}.catalog-mark svg{width:20px;height:20px}.catalog-dots{font-size:9px;color:#c5b9ce;letter-spacing:4px}.app-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.app-filters button{font:600 .8rem var(--font-main);padding:10px 20px;min-height:44px;border:1px solid #d7cce0;border-radius:12px;color:#64516e;background:transparent;cursor:pointer;transition:background .2s,border-radius .2s}.app-filters button[aria-pressed=true]{background:#e6d6f4;border-color:transparent;color:#3b205a;border-radius:22px}.app-filters button:hover{background:#eee5f7}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:208px;align-content:start}.app-tile{display:flex;align-items:center;gap:14px;border:1px solid #ece4ef;padding:22px 14px;border-radius:20px;background:#f8f4fa;transition:transform .2s,background .2s}.app-tile:hover{background:#f0e7f7;transform:translateY(-3px)}.app-tile[hidden]{display:none}.app-tile strong{display:block;color:#302537;font-size:.9rem}.app-tile small{display:block;color:#7c6d85;font-size:.65rem;margin-top:4px}.app-arrow{margin-left:auto;color:#9886a2}.app-glyph{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#f5d9b8;color:#935828;border-radius:16px}.app-glyph svg{width:26px;height:26px}.app-tone-1 .app-glyph{background:#f9dfcc;color:#a2531e;border-radius:50%}.app-tone-2 .app-glyph{background:#ded9eb;color:#625078;border-radius:16px 6px 16px 6px}.app-tone-3 .app-glyph{background:#daead9;color:#457540}.app-tone-4 .app-glyph{background:#f6e8c2;color:#8a6b1e;border-radius:50%}.app-tone-5 .app-glyph{background:#dce6fa;color:#3a5e97;border-radius:6px 18px 6px 18px}.catalog-note{font-size:.72rem;line-height:1.8;color:#807389;margin:22px 4px 0}.hub-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 16px 0}.hub-summary h3{font-size:1.05rem;color:#41304e}.hub-summary p{font-size:.83rem;color:#776781;line-height:1.7;margin-top:7px}.hub-summary .btn{white-space:nowrap;font-size:.82rem}.apps-showcase .shape-0{top:40%;left:-65px}.apps-showcase .shape-1{top:23%;right:-80px}.apps-showcase .shape-4{left:15%;top:-60px}.apps-showcase .shape-2{bottom:8%}
.desktop-showcase{padding-block:80px 100px}.desktop-showcase .expressive-decor{opacity:.38}.desktop-showcase .shape-0{top:10%;left:-110px}.desktop-showcase .shape-1{top:50%;right:-140px}.desktop-showcase .shape-2,.desktop-showcase .shape-4{display:none}.desktop-heading{text-align:center;max-width:760px;margin:auto}.desktop-tabs{display:flex;width:fit-content;max-width:100%;gap:6px;margin:0 auto 42px;background:#eee8f2;padding:6px;border-radius:30px}.desktop-tabs button{min-height:48px;border:0;background:transparent;color:#6b5e76;padding:12px 28px;border-radius:26px;font:600 .86rem var(--font-main);cursor:pointer;transition:background .2s,border-radius .2s}.desktop-tabs button[aria-selected=true]{background:#7355a8;color:#fff;border-radius:24px 10px 24px 10px}.desktop-tabs button:hover:not([aria-selected=true]){background:#e1d7eb}.desktop-panel{display:grid;grid-template-columns:.8fr 1.3fr;gap:56px;align-items:center}.desktop-panel[hidden]{display:none}.desktop-description{padding:18px 0 18px 20px}.desktop-symbol{display:grid;place-items:center;width:72px;height:72px;background:#e9dafa;color:#7652a8;border-radius:28px 12px 28px 12px;margin-bottom:24px}.desktop-symbol svg{width:34px;height:34px}.desktop-description h3{font-size:2rem;line-height:1.2;letter-spacing:-1px;margin-bottom:18px}.desktop-description p{font-size:.96rem;line-height:1.85;color:#6e6278}.desktop-link{display:inline-block;margin-top:24px;font-weight:600;color:#7851b4;font-size:.85rem;border-bottom:1px solid #baa5d0;padding-bottom:4px}.desktop-figure{min-width:0}.desktop-figure figcaption{font-size:.65rem;line-height:1.7;color:#8a7e94;text-align:center;margin-top:16px}.desktop-scene{height:370px;position:relative;border-radius:24px;padding:10px;overflow:hidden;border:6px solid #393440;background:radial-gradient(ellipse at 80% 90%,#bd91d4,transparent 60%),radial-gradient(ellipse at 20% 20%,#aaa1e0,transparent 65%),#79569d;box-shadow:0 22px 44px #34204422;transform:rotate(-2deg)}.scene-topbar{background:#f8f2ffdc;border-radius:16px;display:flex;justify-content:space-between;align-items:center;color:#5d496b;padding:9px 14px;font-size:.6rem}.scene-content{display:flex;position:relative;gap:10px;padding:24px 8px;height:260px}.mock-side{width:40px;display:flex;align-items:center;gap:15px;flex-direction:column;padding:8px;background:#f0e6f2cb;border-radius:22px}.mock-side svg{width:20px;height:20px;color:#72538b}.mini-brand{display:grid;place-items:center;width:25px;height:25px;background:#785699;color:white;border-radius:10px;font-weight:700;font-size:.8rem}.mock-editor,.mock-file{border-radius:18px;overflow:hidden;box-shadow:0 6px 22px #30152f15}.mock-editor{background:#282530;flex:1.25;transform:translateY(8px)}.mock-file{background:#fbf6ff;flex:1;transform:translateY(-3px)}.mock-window-title{background:#ffffff0b;color:#d3c6e7;padding:12px 14px;font-size:.63rem;display:flex;justify-content:space-between}.mock-file .mock-window-title{color:#7c678b;background:#f0e7f7}.code-art{padding:20px}.code-art i{height:5px;border-radius:4px;display:block;background:#9d7bb8;margin-bottom:13px;width:80%}.code-art i:nth-child(2n){width:60%;margin-left:14%;background:#94c4bc}.code-art i:nth-child(3n){width:45%;background:#d8adbc}.folder-art{width:52px;height:37px;background:#c2a1e8;border-radius:4px 12px 9px 9px;margin:20px auto 10px;position:relative}.folder-art:before{content:'';position:absolute;width:22px;height:8px;background:#c2a1e8;top:-5px;border-radius:6px 6px 0 0}.mock-file>span{display:block;text-align:center;font-size:.55rem;color:#9b87ab}.file-lines{width:65%;height:30px;border-block:5px solid #e9e0f0;margin:18px auto}.scene-dock{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:12px;background:#f7f0ffce;padding:10px 17px;border-radius:24px}.scene-dock svg{width:23px;height:23px;color:#76548e}.appearance-card,.control-card{width:60%;background:#fff8ffed;border-radius:22px;padding:20px;color:#70547e;font-size:.75rem;box-shadow:0 8px 20px #40253e14}.theme-art{height:86px;display:flex;gap:10px;padding:10px}.theme-art svg{width:65px;color:#bc8ecd}.theme-art svg+svg{color:#de99b1}.color-swatches{display:flex;gap:8px;margin-top:14px}.color-swatches i{width:22px;height:22px;border-radius:50%;background:#8962b4}.color-swatches i:nth-child(2){background:#d9a3b9}.color-swatches i:nth-child(3){background:#b8c79b}.color-swatches i:nth-child(4){background:#e9c089}.color-swatches i:nth-child(5){background:#9eaddc}.style-clock{margin:auto;color:#fff;font-size:2.7rem;letter-spacing:-2px}.style-clock span,.control-label span{display:block;font-size:.7rem;letter-spacing:1px;text-align:center;margin-top:8px}.scene-style{background:radial-gradient(at 0 100%,#db99b5,transparent 70%),#afa0ce}.control-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.control-tiles svg{width:100%;height:44px;padding:10px;background:#e7daee;border-radius:14px}.control-slider{height:12px;border-radius:8px;background:linear-gradient(to right,#9365b3 70%,#e8dceb 70%);margin-top:18px}.control-label{margin:auto;color:white;font-weight:600;font-size:1.1rem}.scene-control{background:radial-gradient(at 100% 100%,#9cbaa1,transparent 70%),#938eae}.expressive-footer{background:#eee4f6}.expressive-footer .expressive-decor{opacity:.35}.expressive-footer .shape-4{display:none}
@media(min-width:1500px){.apps-showcase{margin-inline:auto;max-width:1600px}}
@media(max-width:1050px){.desktop-panel{gap:24px;grid-template-columns:.85fr 1.15fr}.desktop-scene{height:330px}.scene-content{height:230px;padding:16px 2px}.app-tile{padding:18px 12px;gap:9px}.app-glyph{width:40px;height:40px}.app-arrow{display:none}.apps-showcase .shape-0,.apps-showcase .shape-1{opacity:.6}}
@media(max-width:760px){.apps-showcase{margin:10px 12px;border-radius:32px;padding-block:55px}.apps-inner{padding-inline:20px}.expressive-title{font-size:2.6rem;letter-spacing:-1.4px}.showcase-intro{font-size:.9rem}.app-catalog{padding:18px;border-radius:24px}.app-grid{grid-template-columns:1fr 1fr;min-height:0}.app-tile{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.app-filters{gap:6px}.app-filters button{padding:8px 12px;font-size:.72rem}.catalog-note{font-size:.66rem}.hub-summary{flex-direction:column;align-items:flex-start;margin-inline:6px}.desktop-panel{grid-template-columns:1fr;gap:26px}.desktop-description{padding:0;max-width:520px}.desktop-symbol{width:56px;height:56px;float:left;margin:0 16px 12px 0}.desktop-description h3{font-size:1.6rem;padding-top:8px}.desktop-description p{clear:both;font-size:.9rem}.desktop-showcase{padding-block:55px}.desktop-tabs{margin-bottom:28px}.desktop-tabs button{font-size:.76rem;padding:11px 16px;min-height:44px}.desktop-scene{transform:rotate(-1deg);height:310px}.scene-content{height:225px}.desktop-figure figcaption{font-size:.6rem}.style-clock{font-size:2rem}.appearance-card,.control-card{padding:15px}.control-label{font-size:.85rem}.m3-shape{opacity:.7}.apps-showcase .shape-1{width:130px;height:130px;right:-65px;top:2%}.apps-showcase .shape-0{width:100px;height:100px;left:-55px;top:12%}.apps-showcase .shape-2,.apps-showcase .shape-3,.apps-showcase .shape-4{display:none}.hero .shape-0{width:150px;height:150px;left:-100px}.hero .shape-1{right:-130px}.app-tile small{font-size:.6rem}.modern-device .laptop-lid{border-radius:18px 18px 0 0;padding:8px 8px 0}}
@media(prefers-reduced-motion:reduce){.btn,.app-tile,.desktop-tabs button,.app-filters button{transition:none}}
.subnav-pill{max-width:calc(100vw - 32px)}.subnav-link{flex-shrink:0}.desktop-panel[role=tabpanel]:focus-visible{outline:3px solid #9b7fc5;outline-offset:12px}
/* Shared expressive framing across the complete site. */
main>.section:not(.hero):not(.desktop-showcase):not(.apps-showcase):not(.expressive-footer),.footer{position:relative;isolation:isolate}
main>.section:not(.hero):not(.desktop-showcase):not(.apps-showcase):not(.expressive-footer)::before,.footer::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url('../assets/images/material-edge-left.svg'),url('../assets/images/material-edge-right.svg');background-position:left top,right top;background-size:clamp(70px,10vw,170px) 850px;background-repeat:repeat-y;opacity:.85}
.expressive-subpage main>.section>.container{position:relative}.expressive-subpage .section-header{padding:24px 0}.expressive-subpage .feature-card-lg{border-radius:30px 14px 30px 14px;background:#fffdfef5}.expressive-subpage .edition-card{border-radius:28px;background:#fffcffed}.expressive-subpage .section-subtitle{line-height:1.8}.expressive-subpage .release-fact{border-radius:28px 12px 28px 12px}.expressive-subpage .release-table{background:#fffcfff0;border-radius:18px;overflow:hidden}.expressive-subpage .source-note{background:#f3edf6;border-radius:0 16px 16px 0}.expressive-subpage .display-title{letter-spacing:-1.5px}.footer::before{opacity:.55}
/* Keep the security card outside the phone silhouette. */
@media(min-width:1251px){.hero .float-card--right{right:-210px;bottom:32%;max-width:195px;padding:20px}.hero .float-card--right .float-card__title{font-size:.83rem}.hero .float-card--right .float-card__desc{font-size:.72rem}.hero .float-card--right .pill-badge{white-space:normal}.hero .modern-device{padding-bottom:10px}}
@media(min-width:801px) and (max-width:1250px){.hero .modern-device{padding-bottom:110px}.hero .float-card--right{right:0;bottom:0;max-width:235px}.hero .float-card--right .pill-badge{white-space:normal}}
/* Real SolarUI capture, shown without cropping or artificial interface layers. */
.desktop-panel{grid-template-columns:.65fr 1.35fr;gap:36px}.actual-desktop a{display:block;position:relative;border-radius:22px;box-shadow:0 20px 50px #29173125;background:#211a28;overflow:hidden;border:5px solid #3d3349;transform:rotate(-1deg);transition:transform .2s}.actual-desktop a:hover{transform:rotate(0)}.actual-desktop img{display:block;width:100%;height:auto;aspect-ratio:1447/894;object-fit:contain}.screenshot-open{display:block;background:#302638;color:#e9dcef;text-align:center;font-size:.67rem;padding:10px 16px}.actual-desktop figcaption{color:#786a82}
/* Bazzite-inspired constellation: authentic app icons around the FireHub capture. */
.apps-showcase{background:#eee5f7}.apps-inner{max-width:1360px}.apps-showcase .showcase-intro{max-width:650px}.firehub-stage{position:relative;margin:48px auto 22px;padding:12px 180px 18px;max-width:1240px;min-height:510px}.firehub-figure{position:relative;z-index:1;max-width:780px;margin:auto}.firehub-figure>a{display:block;border-radius:20px;border:5px solid #3d2a36;overflow:hidden;background:#1a1416;box-shadow:0 30px 65px #4124402e;transition:transform .25s}.firehub-figure>a:hover{transform:translateY(-4px)}.firehub-figure img{display:block;width:100%;height:auto;aspect-ratio:1187/757}.firehub-figure figcaption{font-size:.73rem;line-height:1.8;text-align:center;color:#76627e;max-width:650px;margin:22px auto 0}.app-orbit{position:absolute;inset:0}.orbit-icon{position:absolute;width:92px;display:flex;align-items:center;flex-direction:column;gap:9px;z-index:2;transition:transform .25s}.orbit-icon img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 9px 10px #40214324)}.orbit-icon span{font-size:.66rem;font-weight:600;color:#6b517b;background:#fffbffbd;padding:4px 9px;border-radius:12px;white-space:nowrap}.orbit-icon:hover{transform:translateY(-7px) rotate(0deg)}.orbit-0{left:32px;top:0;transform:rotate(-12deg)}.orbit-1{left:4px;top:42%;transform:rotate(8deg)}.orbit-2{left:66px;bottom:0;transform:rotate(-7deg)}.orbit-3{left:96px;top:23%;transform:rotate(7deg)}.orbit-4{right:30px;top:1%;transform:rotate(13deg)}.orbit-5{right:0;top:44%;transform:rotate(-10deg)}.orbit-6{right:100px;top:25%;transform:rotate(-7deg)}.orbit-7{right:62px;bottom:0;transform:rotate(8deg)}.apps-showcase .hub-summary{max-width:820px;margin:38px auto 0;padding-inline:18px}.apps-showcase .shape-0{opacity:.5;top:55%}.apps-showcase .shape-1{opacity:.5;top:30%}
@media(max-width:1050px){.firehub-stage{padding-inline:120px;min-height:430px}.orbit-icon{width:66px}.orbit-icon img{width:56px;height:56px}.orbit-icon span{font-size:.58rem}.orbit-0,.orbit-1{left:0}.orbit-3{left:52px}.orbit-2{left:22px}.orbit-4,.orbit-5{right:0}.orbit-6{right:54px}.orbit-7{right:22px}.desktop-panel{grid-template-columns:.7fr 1.3fr;gap:26px}}
@media(max-width:760px){main>.section::before,.footer::before{background-size:75px 650px!important;opacity:.45!important}.expressive-subpage .feature-card-lg{padding:24px;border-radius:24px 12px 24px 12px}.desktop-panel{grid-template-columns:1fr}.actual-desktop a{border-width:3px;border-radius:14px;transform:none}.firehub-stage{display:flex;flex-direction:column;padding:0;margin:26px auto;min-height:0;gap:28px}.firehub-figure{order:0}.app-orbit{order:1;position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:20px 4px}.orbit-icon{position:static;width:auto;transform:none!important;gap:7px}.orbit-icon img{width:45px;height:45px}.orbit-icon span{font-size:.57rem;padding:3px 5px}.firehub-figure>a{border-width:3px;border-radius:14px}.firehub-figure figcaption{font-size:.67rem;margin-top:16px}.apps-showcase .hub-summary{padding:0;margin-top:24px}.apps-showcase .shape-0,.apps-showcase .shape-1{opacity:.35}.screenshot-open{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.orbit-icon,.actual-desktop a,.firehub-figure>a{transition:none}}
.expressive-subpage main.section{position:relative;isolation:isolate;background-image:url('../assets/images/material-edge-left.svg'),url('../assets/images/material-edge-right.svg');background-position:left top,right top;background-size:clamp(70px,10vw,170px) 850px;background-repeat:repeat-y}
@media(max-width:760px){.expressive-subpage main.section{background-size:60px 700px}.expressive-subpage .display-title .pill-badge{white-space:normal}}