/* Endpoint — translucent protective shells, ink and aqua */
body{--paper:#e4f3ee;--ink:#113b3c;--quiet:#456764;--rule:#8ab5ab;--card:#fafffbc9;--field:#f5fff9;--pop:#b9f078;--art-second:#49b8b0;--tint:#d4ede3;--radius:24px;--button-radius:8px 24px 8px 24px;--canvas:radial-gradient(ellipse at 82% 12%,#8adbd0,transparent 31%),linear-gradient(145deg,#eef7e9,#d6efe8)}
.intro{padding-top:72px;min-height:435px}.intro h1{font-size:clamp(45px,6.1vw,82px);letter-spacing:-.065em;font-weight:650}.design-art .shape-a{width:210px;height:255px;border-radius:70px 70px 110px 110px;background:linear-gradient(140deg,#f8fffaaa,#5aafa299);border:1px solid #fff;rotate:12deg;top:9%;left:15%;box-shadow:inset 6px 6px 14px #ffffffbb,inset -10px -10px 22px #247e7780,14px 20px 35px #36776e44;animation:none}.design-art .shape-b{width:135px;height:165px;border-radius:35px 35px 80px 80px;background:#c7f698aa;border:1px solid #5b9c77;top:22%;right:21%;rotate:12deg;animation:none;box-shadow:inset 0 3px 7px white}.design-art .shape-c{width:290px;height:90px;border-color:#2c827999;rotate:-25deg;right:2%;top:41%}.design-art b{font:700 34px Arial,sans-serif;letter-spacing:.02em;top:39%;left:33%;rotate:12deg}.design-art .art-note{top:2%;left:0;right:auto;border-radius:30px;background:#effbd9;rotate:-5deg}.design-art .art-label{bottom:0;left:27%}.case-nav{border:0}.case-nav a{border-radius:25px 5px 25px 5px}.panel{backdrop-filter:blur(15px);border-radius:28px 5px 28px 28px;box-shadow:0 20px 30px #285d5312}.stats{gap:10px}.stat{border:0;border-bottom:4px solid #54a992;background:#e3f6ec}.stat:nth-child(2){border-color:#96b958}.stat:nth-child(3){border-color:#416c76}.preview-grid article:nth-child(2){border-radius:50px 5px 5px 5px;background:#d3ecb5}.pill{box-shadow:none;border-radius:0 20px 0 20px}@media(max-width:800px){.intro{padding:30px 0 20px;min-height:0}.design-art .shape-a{width:155px;height:190px;left:26%}.design-art .shape-b{width:95px;height:125px;right:26%}.design-art b{font-size:26px;left:40%}.design-art .shape-c{width:90%}}
#overview .preview-grid article:first-child{flex-basis:34%;border-radius:45px 45px 5px 45px}
#overview .preview-grid article:nth-child(2){flex-basis:20%;margin-top:55px}
#overview .preview-grid article:nth-child(3){flex-basis:22%;margin-top:25px}
@media(max-width:800px){#overview .preview-grid article:nth-child(n){flex-basis:100%;margin-top:0}}