:root{font-family:"Avenir Next","Segoe UI",sans-serif;color:#161716;background:#eeeae1;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit}.skip{position:fixed;left:1rem;top:1rem;z-index:100;transform:translateY(-180%);background:#111;color:#fff;padding:.75rem 1rem}.skip:focus{transform:none}.top{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1rem,5vw,5rem);background:rgba(238,234,225,.94);border-bottom:1px solid #c7c1b5;backdrop-filter:blur(18px)}.top>a{display:flex;align-items:center;gap:.7rem;text-decoration:none}.top>a span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#161716;color:#eeeae1;font-size:.7rem;font-weight:900}.top p{font-size:.84rem}.intro{max-width:1380px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.kicker,.meta p{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.intro h1{max-width:11ch;margin:.7rem 0 1.4rem;font:500 clamp(3.6rem,9vw,8.2rem)/.9 "Iowan Old Style",Georgia,serif;letter-spacing:-.055em}.lead{max-width:820px;font-size:1.18rem}.pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}.pills span{padding:.5rem .75rem;border:1px solid #bdb6a9;border-radius:999px;font-size:.8rem}.catalog{max-width:1500px;margin:auto;padding:0 clamp(1rem,5vw,5rem) 9rem;display:grid;gap:clamp(5rem,10vw,10rem)}.showcaseCard{padding-top:1.3rem;border-top:1px solid #bdb6a9}.meta{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.meta p{margin:0 0 .3rem}.meta h2{margin:0;font:500 clamp(2.2rem,5vw,4.8rem)/1 "Iowan Old Style",Georgia,serif}.meta a{min-height:44px;display:inline-flex;align-items:center;font-weight:850}.mockup{position:relative;min-height:min(65vw,760px);padding:clamp(1rem,3vw,3rem);overflow:hidden}.m1{background:#2f6cf6}.m2{background:#f4c84a}.m3{background:#507a83}.m4{background:#d83a2e}.m5{background:#7b3034}.m6{background:#ff654d}.m7{background:#74a99e}.m8{background:#6f8f45}.m9{background:#2147c7}.m10{background:#d72f77}.browser{width:88%;height:min(56vw,650px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.28)}.chrome{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#eeece7;border-bottom:1px solid #d5d2cc}.chrome i{width:8px;height:8px;border-radius:50%;background:#b4b0a9}.chrome span{margin-left:8px;font:600 .62rem/1 ui-monospace,monospace;color:#68655f}.browser iframe{border:0;width:1440px;height:920px;transform:scale(.72);transform-origin:0 0;pointer-events:none}.phone{position:absolute;right:3%;bottom:2%;width:21%;height:58%;background:#111;border:8px solid #111;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35)}.phone::before{content:"";position:absolute;z-index:3;top:7px;left:50%;width:32%;height:7px;border-radius:999px;background:#141414;transform:translateX(-50%)}.phone iframe{border:0;width:390px;height:844px;transform:scale(.72);transform-origin:0 0;pointer-events:none}.summary{max-width:700px;margin-top:1.3rem;color:#474842}footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2rem clamp(1rem,5vw,5rem);border-top:1px solid #c7c1b5;font-size:.86rem}@media(max-width:760px){.top p{display:none}.intro h1{font-size:clamp(3.2rem,17vw,5.5rem)}.meta{align-items:start;flex-direction:column;gap:.55rem}.mockup{min-height:520px}.browser{width:100%;height:430px}.browser iframe{transform:scale(.42)}.phone{width:34%;height:58%;right:4%}.phone iframe{transform:scale(.46)}}