*{box-sizing:border-box}body{margin:0;background:#eaede7;color:#112426;font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.apps-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd0c8;background:rgba(234,237,231,.93);padding:13px 4vw;backdrop-filter:blur(14px)}.apps-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.apps-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#112426;color:#fff;font-weight:900}.apps-brand b{font-size:12px}.apps-nav nav{display:flex;gap:20px}.apps-nav nav a{color:inherit;font-size:10px;font-weight:850;text-decoration:none}.apps-nav nav small{border-radius:99px;background:#edc653;padding:2px 5px}.apps-hero{display:grid;grid-template-columns:1.2fr .55fr;gap:60px;align-items:end;min-height:560px;padding:85px max(5vw,30px);background:radial-gradient(circle at 80% 12%,rgba(235,196,82,.28),transparent 26%),#102528;color:#fff}.apps-hero>div>span,.app-copy small,.apps-note>span{color:#e6c258;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.apps-hero h1{margin:18px 0;font-size:clamp(64px,9vw,132px);line-height:.8;letter-spacing:-.07em}.apps-hero>div>p{max-width:730px;color:#bdc9c4;font-size:15px}.apps-hero aside{border:1px solid #405556;border-radius:18px;background:#182f31;padding:28px}.apps-hero aside i{display:block;width:12px;height:12px;border-radius:50%;background:#ebc557;box-shadow:0 0 0 8px rgba(235,197,87,.12)}.apps-hero aside strong{display:block;margin-top:22px;font-size:19px}.apps-hero aside p{color:#aebeba;font-size:11px}.apps-filter{display:flex;flex-wrap:wrap;gap:7px;padding:18px max(4vw,20px);border-bottom:1px solid #cbd0c8}.apps-filter button{border:1px solid #bac2b9;border-radius:99px;background:transparent;padding:8px 12px;color:#293936;font:800 9px inherit;cursor:pointer}.apps-filter button.active{background:#102528;color:#fff}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px max(4vw,20px)}.app-tile{display:grid;grid-template-columns:1fr 1fr;min-height:350px;border:1px solid #c8cdc6;border-radius:18px;background:#fff;color:inherit;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.app-tile:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(14,38,36,.1)}.app-tile.compact{display:block;min-height:0}.app-preview{min-height:280px;background:#dde4dc;overflow:hidden}.app-copy{display:flex;flex-direction:column;justify-content:center;padding:28px}.app-copy h2{margin:8px 0;font-size:32px;line-height:1}.app-copy p{color:#68736e;font-size:11px}.app-copy b{margin-top:auto;padding-top:24px;font-size:10px}.qbr-preview{padding:34px;background:#153033;color:#fff}.qbr-preview>span{font-size:8px;letter-spacing:.12em}.qbr-preview h2{margin:45px 0;font-size:33px;line-height:.95}.qbr-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.qbr-preview i{height:55px;border-radius:8px;background:#e6bd4d}.qbr-preview i:nth-child(2){background:#6f8e84}.qbr-preview i:nth-child(3){background:#fff}.foundry-preview{display:flex;align-items:center;justify-content:center;gap:4px;padding:25px;background-image:linear-gradient(#d2dad2 1px,transparent 1px),linear-gradient(90deg,#d2dad2 1px,transparent 1px);background-size:22px 22px}.foundry-preview span{border:1px solid #b9c3ba;border-radius:10px;background:#fff;padding:15px 8px;font-size:7px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.06)}.foundry-preview i{width:18px;height:2px;background:#86968d}.security-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#233538}.security-preview div{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#173133,#274a4b);padding:22px;color:#fff}.security-preview div:nth-child(2){background:#e6c057;color:#112426}.security-preview span{font-size:7px;font-weight:900}.security-preview b{font-size:17px}.cost-preview{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#eef0e8 0 26%,transparent 27%),repeating-radial-gradient(circle,#adbbb0 0 1px,transparent 2px 45px),#dfe5dd}.cost-preview div{display:grid;place-items:center;width:95px;height:110px;background:#102528;clip-path:polygon(50% 0,93% 15%,88% 68%,50% 100%,12% 68%,7% 15%);color:#ebc458;font-size:32px}.cost-preview>span{position:absolute;border-radius:99px;background:#fff;padding:5px 8px;font-size:6px;font-weight:900}.cost-preview>span:nth-of-type(1){top:25px}.cost-preview>span:nth-of-type(2){right:18px}.cost-preview>span:nth-of-type(3){bottom:25px}.cost-preview>span:nth-of-type(4){left:18px}.resume-preview{position:relative;background:#cfd8cf;padding:30px}.resume-preview article:first-child{position:absolute;inset:28px 45px 10px 25px;background:#fff;padding:24px;box-shadow:0 14px 35px rgba(0,0,0,.12)}.resume-preview article:last-child{position:absolute;inset:48px 25px -10px 60px;border:1px solid #aaa;background:#f1f1ed;z-index:-1}.resume-preview article span{font-size:8px;font-weight:900}.resume-preview h3{font-size:16px}.resume-preview p{height:4px;background:#c5ccc5}.resume-preview div{width:45%;height:50px;background:#132f31}.toolkit-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:24px;background:#dfe4db}.toolkit-preview i{display:grid;place-items:center;border-radius:12px;background:#fff;color:#142a2d;font-size:24px;font-style:normal;font-weight:900}.toolkit-preview i:nth-child(2){background:#e8c253}.apps-note{margin:18px max(4vw,20px) 60px;border-radius:20px;background:#e5bd4f;padding:45px}.apps-note>span{color:#3e3b26}.apps-note h2{max-width:1100px;margin:15px 0 22px;font-size:clamp(28px,4vw,52px);line-height:1}.apps-note a{color:inherit;font-size:10px;font-weight:900}footer{display:flex;justify-content:space-between;border-top:1px solid #cbd0c8;padding:22px 4vw;color:#67716c;font-size:9px}footer div{display:flex;gap:16px}footer a{color:inherit}@media(max-width:1000px){.apps-grid{grid-template-columns:1fr}.apps-hero{grid-template-columns:1fr}.apps-hero aside{max-width:500px}}@media(max-width:650px){.apps-nav nav{display:none}.apps-hero{min-height:0;padding:75px 20px}.apps-hero h1{font-size:62px}.apps-grid{padding:12px}.app-tile{grid-template-columns:1fr}.app-preview{min-height:230px}.app-copy{min-height:260px}.apps-note{margin:12px 12px 40px;padding:28px}footer{display:block}footer div{margin-top:10px}}
