@font-face{font-family:Init;src:local("Avenir Next")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#183b45;background:#fff;font:15px/1.55 Init,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #f0bf4f;outline-offset:4px}[hidden]{display:none!important}.site-header{max-width:1360px;margin:auto;padding:24px 48px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:23px}.brand img{width:122px;height:auto;object-fit:contain}.brand-divider{height:32px;width:1px;background:#d3dee1}.wordmark{font-size:34px;font-weight:800;letter-spacing:-2px;line-height:1}.wordmark>span{color:#c48a16}.site-header nav{display:flex;gap:28px;font-size:13px;margin-left:auto;font-weight:600}.site-header nav a:hover{color:#15768b}.platform{border:1px solid #d8e3e7;border-radius:20px;padding:7px 13px;font-size:11px;white-space:nowrap}.hero{max-width:1360px;margin:auto;padding:48px 48px 50px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:540px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 20px;color:#52757e;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#c59226}.hero h1{font-size:clamp(42px,4.8vw,68px);letter-spacing:-3.5px;line-height:1.08;margin:0 0 24px;font-weight:750}.hero h1 em{font-style:normal;color:#648b91}.intro{max-width:450px;color:#637c83;font-size:16px;line-height:1.8}.primary{background:#073946;color:white;border:0;border-radius:8px;padding:16px 22px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:28px;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#0b5363}.hero-button{margin-top:20px}.primary>span{font-size:19px;font-weight:400;line-height:1}.hero-note{font-size:10px;color:#6b8188;margin-top:16px}.hero-art{position:relative;min-height:410px;border-radius:28px;background:radial-gradient(ellipse at 45% 40%,#d6ebec 0,#eef6f5 42%,#f5f9f8 70%);overflow:hidden}.orbit{position:absolute;left:50%;top:47%;border:1px solid #bed7d8;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit.one{width:330px;height:250px}.orbit.two{width:490px;height:380px;border-style:dashed;border-color:#d2e2e2}.init-tile{width:132px;height:142px;border-radius:29px;background:linear-gradient(145deg,#175261,#052f3a);color:#fff;font-size:64px;font-weight:800;letter-spacing:-5px;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:15px 20px 35px #20444b30;display:flex;align-items:center;justify-content:center;padding-bottom:16px}.init-tile>span{color:#edc466}.init-tile small{position:absolute;font-size:9px;letter-spacing:1px;bottom:17px;font-weight:500}.float-app{position:absolute;border-radius:17px;background:#fff;box-shadow:0 8px 25px #0e414d12;font-weight:750;font-size:11px;padding:20px 17px;display:grid;place-items:center;min-height:62px;z-index:1;border:1px solid #ffffffd0}.firefox{left:10%;top:18%;transform:rotate(-12deg);color:#e16626}.libreoffice{right:8%;top:12%;transform:rotate(11deg);color:#3e8959}.nextcloud{right:9%;top:63%;transform:rotate(-7deg);color:#0082c9}.vlc{left:14%;top:65%;transform:rotate(8deg);color:#dd7427}.art-caption{position:absolute;bottom:24px;left:0;right:0;font-size:10px;color:#5d7d82;text-align:center}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#719e7a;margin-right:5px}.benefits{max-width:1264px;margin:0 auto 84px;border-top:1px solid #e1e9eb;border-bottom:1px solid #e1e9eb;display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0}.benefits div{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;color:#607981}.benefits div+div{border-left:1px solid #e1e9eb}.benefits b{font-size:10px;color:#b17a13}.catalog-section{max-width:1360px;margin:auto;padding:0 48px 65px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1.5px;font-weight:700;margin:0}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{font-size:12px;color:#6d8389;line-height:1.9;max-width:360px}.presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}.presets>span{font-size:11px;color:#6d8389;margin-right:2px}.presets button{background:#f1f6f6;border:1px solid #dce8e9;border-radius:6px;padding:9px 13px;font-size:11px;color:#224a55;font-weight:650}.presets button:hover{border-color:#789da5;background:#e8f1f1}.presets button span{font-size:9px;margin-left:8px;opacity:.65}.catalog-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.search{background:#f6f8f8;border:1px solid #e1e8ea;border-radius:8px;display:flex;align-items:center;gap:11px;width:min(100%,470px);padding:12px 15px}.search svg{width:17px;height:17px;stroke:#779097;stroke-width:1.6}.search input{border:0;background:transparent;outline:0;color:#214650;min-width:0;width:100%;font-size:12px}.search input::placeholder{color:#82969c}#result-count{color:#789097;font-size:10px;margin-left:auto}.categories{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e2e9eb;padding:0 0 20px;margin-bottom:23px}.categories button{border:1px solid #e1e8ea;background:#fff;border-radius:18px;padding:7px 12px;font-size:10px;color:#6e848a;white-space:nowrap}.categories button[aria-pressed=true]{background:#073946;color:#fff;border-color:#073946}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.app-card{border:1px solid #e0e8ea;border-radius:10px;min-height:154px;background:#fff;position:relative;transition:background .15s,border-color .15s}.app-card:hover{border-color:#8aadb4;box-shadow:0 4px 14px #07394608}.app-card.selected{border-color:#1f7b8a;background:#f0f8f7}.app-label{display:block;padding:20px;cursor:pointer;min-height:151px}.app-head{display:flex;align-items:center;gap:10px;padding-right:19px}.app-icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:var(--app-color);color:#fff;font-size:13px;line-height:1;font-weight:750;letter-spacing:-.5px}.app-name{font-size:12px;line-height:1.3;font-weight:750}.app-version{display:block;font-size:9px;color:#83979c;margin-top:4px;font-weight:400;overflow-wrap:anywhere}.app-description{font-size:10px;color:#6a8289;line-height:1.7;margin:12px 0 0;padding-right:2px}.app-card input{position:absolute;right:14px;top:17px;width:16px;height:16px;accent-color:#0d6678;cursor:pointer}.app-card:focus-within{outline:2px solid #c4a754;outline-offset:2px}.app-source{position:absolute;bottom:10px;right:13px;font-size:8px;color:#6c8790;text-decoration:underline;text-underline-offset:2px}.catalog-caption{font-size:9px;color:#81959a;margin-top:23px}.empty{padding:50px 10px;text-align:center;color:#6d8288}.empty button,.error button{border:0;background:none;text-decoration:underline;color:inherit}.how{background:#f1f6f6;display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding:65px max(48px,calc((100vw - 1264px)/2));margin-top:18px}.how-heading>p:last-child{font-size:12px;color:#71878e}.how ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:25px}.how li{display:flex;gap:19px}.how li>b{flex-shrink:0;width:31px;height:31px;border:1px solid #b9d0d4;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#517780;font-weight:500}.how h3{font-size:14px;margin:2px 0 7px}.how li p{font-size:11px;color:#6e848b;line-height:1.85;margin:0;max-width:450px}.faq{max-width:1360px;margin:auto;padding:74px 48px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{font-size:29px}.faq details{border-bottom:1px solid #e2e9eb;padding:16px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq summary::after{content:'+';font-size:19px;font-weight:400;color:#82979d}.faq details[open] summary::after{content:'−'}.faq details p{font-size:12px;color:#6c8289;line-height:1.9;max-width:650px}.help{max-width:1264px;margin:0 auto 50px;background:#073946;color:white;padding:44px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:30px}.help .eyebrow{color:#91b5bd;margin-bottom:17px}.help h2{font-size:31px;letter-spacing:-1px}.help p:last-child{max-width:470px;font-size:12px;color:#afc8cd;margin:17px 0 0}.help .primary{background:white;color:#073946;white-space:nowrap}footer{max-width:1360px;margin:auto;display:flex;gap:25px;padding:22px 48px 140px;border-top:1px solid #e1e8ea;color:#7c9197;font-size:10px}footer>a:first-child{font-weight:750;color:#173f49}footer>span{margin-right:auto}.selection-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #d9e5e7;border-radius:13px;box-shadow:0 8px 44px #07394626;width:min(calc(100% - 40px),1060px);padding:13px 17px;display:flex;align-items:center;gap:20px;z-index:10}.selection-summary{background:none;border:0;color:#244d58;display:flex;gap:13px;align-items:center;padding:0;text-align:left;min-width:0}.selection-summary>span:first-child{width:40px;height:40px;border-radius:10px;background:#eaf2f3;display:grid;place-items:center;font-size:20px;font-weight:700;flex-shrink:0}.selection-summary strong{font-size:12px;display:block}.selection-summary small{font-size:9px;color:#82969c;display:block;margin-top:3px}.clear{margin-left:auto;border:0;color:#819399;font-size:10px;background:transparent;text-decoration:underline}.selection-bar .primary{font-size:11px;padding:15px 19px;gap:19px;white-space:nowrap}#selection-list{position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:20px;background:white;border:1px solid #dbe5e8;border-radius:13px;box-shadow:0 3px 25px #07394615;max-height:40vh;overflow:auto;display:flex;flex-wrap:wrap;gap:7px}#selection-list button{background:#edf5f5;border:1px solid #d1e3e5;color:#2a5a66;border-radius:15px;font-size:11px;padding:6px 10px}dialog{border:0;border-radius:17px;max-width:600px;width:calc(100% - 30px);padding:36px;color:#234852;box-shadow:0 30px 120px #061d2b66;max-height:88vh;overflow:auto}dialog::backdrop{background:#062d39aa;backdrop-filter:blur(4px)}dialog h2{font-size:31px;max-width:400px;margin-bottom:18px}dialog p,dialog li{font-size:12px;line-height:1.9}dialog ol{padding-left:20px;margin:20px 0}.dialog-note{color:#7c9096;background:#f0f5f6;padding:12px 15px;border-radius:7px}.dialog-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#789096;font-size:25px}.source-button{display:block;border:0;background:none;color:#627e86;font-size:11px;text-decoration:underline;margin-top:16px;padding:0}pre{background:#edf3f4;padding:15px;font-size:10px;line-height:1.8;overflow:auto;max-height:300px;border-radius:6px}dialog .eyebrow{font-size:9px}.error{padding:20px;background:#fcf0f0;color:#a74646}.noscript{position:fixed;top:0;left:0;right:0;background:#fff1cc;color:#2a3f46;padding:20px;z-index:40}.noscript a{text-decoration:underline}
@media(min-width:1500px){.how{padding-left:calc((100vw - 1264px)/2);padding-right:calc((100vw - 1264px)/2)}}
@media(max-width:1050px){.site-header,.hero,.catalog-section,.faq{padding-left:30px;padding-right:30px}.site-header nav{gap:15px;font-size:11px}.hero{gap:25px;min-height:480px}.hero h1{font-size:51px;letter-spacing:-2.8px}.hero-art{min-height:360px}.benefits,.help{margin-left:30px;margin-right:30px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how{padding:50px 30px;gap:40px}.help{padding:32px}}
@media(max-width:700px){html{scroll-padding-top:18px}.site-header{padding:17px 20px;gap:15px}.brand{gap:14px}.brand img{width:90px}.brand-divider{height:26px}.wordmark{font-size:29px}.site-header nav{display:none}.platform{margin-left:auto;font-size:9px;padding:5px 10px}.hero{padding:34px 22px 24px;gap:16px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:48px;letter-spacing:-2.5px;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro{font-size:14px;max-width:440px}.hero-button{margin-top:11px}.hero-art{min-height:260px;margin-top:15px}.init-tile{width:105px;height:113px;font-size:50px}.init-tile small{font-size:8px;bottom:12px}.float-app{padding:13px;min-height:50px;font-size:10px;border-radius:13px}.firefox{left:11%;top:15%}.libreoffice{right:8%;top:12%}.nextcloud{right:9%;top:57%}.vlc{left:14%;top:61%}.art-caption{bottom:15px;font-size:9px}.orbit.one{width:260px;height:180px}.orbit.two{width:390px;height:280px}.benefits{margin:0 22px 45px;padding:16px 0;gap:12px;grid-template-columns:1fr}.benefits div{justify-content:flex-start;font-size:10px}.benefits div+div{border-left:0}.benefits b{font-size:9px}.catalog-section{padding:0 20px 30px}.section-heading{display:block;margin-bottom:23px}h2{font-size:30px}.section-heading>p{font-size:11px;line-height:1.7;margin-top:16px}.presets{gap:6px;margin-bottom:22px}.presets>span{width:100%;margin-bottom:3px}.presets button{padding:8px 10px;font-size:10px}.presets button span{font-size:8px;margin-left:4px}.catalog-toolbar{display:block;margin-bottom:15px}.search{padding:11px 13px}.search input{font-size:12px}#result-count{display:block;font-size:9px;margin-top:9px}.categories{gap:6px;padding-bottom:17px;margin-bottom:17px}.categories button{font-size:9px;padding:6px 10px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-label{padding:14px 11px;min-height:163px}.app-head{align-items:flex-start;gap:8px;flex-direction:column;padding-right:19px}.app-icon{width:29px;height:29px;font-size:10px;border-radius:7px}.app-name{font-size:11px}.app-version{font-size:8px}.app-description{font-size:9px;line-height:1.6;margin-top:8px}.app-card input{right:10px;top:14px;width:15px;height:15px}.app-source{font-size:7px;bottom:8px;right:10px}.catalog-caption{font-size:8px;line-height:1.8}.how{padding:35px 22px;grid-template-columns:1fr;gap:26px;margin-top:5px}.how h2{font-size:30px}.how-heading .eyebrow{margin-bottom:13px}.how-heading>p:last-child{font-size:11px}.how li{gap:14px}.how h3{font-size:13px}.how li p{font-size:11px}.faq{padding:40px 22px;grid-template-columns:1fr;gap:22px}.faq h2{font-size:27px}.faq summary{font-size:12px}.faq details p{font-size:11px}.help{margin:0 20px 30px;padding:28px 24px;display:block;border-radius:10px}.help h2{font-size:27px}.help p:last-child{font-size:11px}.help .primary{margin-top:23px;padding:13px 19px;font-size:11px}footer{padding:20px 22px 175px;flex-wrap:wrap;gap:13px;font-size:9px}footer>span{width:calc(100% - 55px);margin-right:0}.selection-bar{bottom:10px;width:calc(100% - 20px);padding:11px 12px;gap:9px;flex-wrap:wrap;border-radius:11px}.selection-summary{flex:1}.selection-summary>span:first-child{width:32px;height:32px;border-radius:8px;font-size:17px}.selection-summary strong{font-size:10px}.selection-summary small{font-size:8px;line-height:1.4}.clear{font-size:9px;padding:4px}.selection-bar .primary{width:100%;font-size:11px;padding:12px 15px;justify-content:space-between}dialog{padding:30px 23px}dialog h2{font-size:27px}dialog .primary{width:100%;padding:14px}dialog p,dialog li{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Catalogue: readable names and descriptions on desktop and mobile. */
.app-name{font-size:14px}.app-description{font-size:12px}.app-label{min-height:180px}
@media(max-width:700px){.app-name{font-size:12px}.app-description{font-size:11px}.app-label{min-height:200px}}
