:root{--bg:#fbfaf8;--bg-subtle:#f2f0ec;--surface:#fff;--border:#e3dfd8;--border-strong:#c9c3b8;--text:#14181f;--text-muted:#5a6472;--accent:#0b5fff;--accent-hover:#0a4fd6;--accent-subtle:#e8f0ff;--font-heading:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 40px);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.btn{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:inset 0 -2px #0000001f}.btn:hover{background:var(--accent-hover)}.btn:active{transform:scale(.98)}.btn span{transition:transform .25s}.btn:hover span{transform:translate(3px)}.btn--sm{min-height:44px;padding:0 18px;font-size:15px}.header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fbfaf8db;position:sticky;top:0}.header__in{justify-content:space-between;align-items:center;min-height:68px;display:flex}.brand{align-items:center;gap:10px;min-height:44px;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:32px}.brand__tag{color:var(--accent);background:var(--accent-subtle);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.header__nav{align-items:center;gap:8px;display:flex}.header__link{min-height:44px;color:var(--text-muted);border-radius:8px;align-items:center;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.header__link:hover{color:var(--text)}.hero{isolation:isolate;align-items:center;min-height:calc(100svh - 69px);padding:40px 0 56px;display:grid;position:relative;overflow:hidden}.dotgrid__canvas,.dotgrid__spot{pointer-events:none;z-index:-1;position:absolute}.dotgrid__canvas{width:100%;height:100%;inset:0;-webkit-mask-image:radial-gradient(#000 50%,#0000 100%);mask-image:radial-gradient(#000 50%,#0000 100%)}.dotgrid__spot{opacity:0;border-radius:50%;top:0;left:0}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero__copy{justify-items:start;gap:20px;display:grid}.hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,4.6vw,60px);font-weight:800;line-height:1.04}.hero h1 em{color:var(--accent);font-style:normal}.hero__sub{color:var(--text-muted);max-width:40ch;font-size:clamp(17px,1.4vw,19px)}.hero__visual{--rx:0deg;--ry:0deg;perspective:1100px;justify-self:end;width:100%;max-width:560px}.stack{transform:rotateX(var(--rx)) rotateY(var(--ry));padding:0 0 36px 28px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.stack__back{border:1px solid var(--border);border-radius:14px;width:78%;position:absolute;bottom:0;left:0;transform:rotate(-3deg);box-shadow:0 24px 50px -28px #14181f66}.stack__front{border:1px solid var(--border);background:var(--surface);border-radius:16px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 40px 80px -36px #0b5fff59,0 8px 24px -12px #14181f40}.stack__front:hover{transform:rotate(0)scale(1.015)}.stack__front img{width:100%}.chip{background:var(--text);color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;bottom:10px;right:-6px;box-shadow:0 10px 24px -10px #14181f99}.enter{animation:.8s cubic-bezier(.2,.8,.2,1) both rise}.enter-1{animation-delay:50ms}.enter-2{animation-delay:.15s}.enter-3{animation-delay:.28s}.enter-4{animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.list{background:var(--bg-subtle);border-top:1px solid var(--border);padding:clamp(56px,8vw,104px) 0}.list__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.list h2{letter-spacing:-.03em;margin-top:10px;font-size:clamp(28px,3.4vw,42px);font-weight:800}.list__count{color:var(--text-muted);font-size:15px}.filters{flex-wrap:wrap;gap:8px;margin:28px 0 32px;display:flex}.filter{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);font:500 15px var(--font-body);cursor:pointer;border-radius:999px;padding:0 18px;transition:background .2s,color .2s,border-color .2s}.filter:hover{border-color:var(--accent)}.filter.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 1px 2px #14181f0a}a.card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 24px 48px -28px #0b5fff66}.card__thumb{aspect-ratio:16/10;background:var(--bg-subtle);border-bottom:1px solid var(--border);overflow:hidden}.card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}a.card:hover .card__thumb img{transform:scale(1.04)}.card__body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{color:var(--accent);background:var(--accent-subtle);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.card h3{font-size:20px;font-weight:700;line-height:1.25}.card p{color:var(--text-muted);font-size:15px}.card__meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.card__cta{color:var(--accent);font-weight:600}.card__cta span{transition:transform .25s;display:inline-block}a.card:hover .card__cta span{transform:translate(4px)}.card--soon{border-style:dashed;border-color:var(--border-strong);box-shadow:none;background:0 0}.card--soon h3{color:var(--text-muted)}.card__soon{background:repeating-linear-gradient(135deg,#0000 0 14px,#14181f09 14px 15px);place-items:center;height:100%;display:grid}.card__soon span{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.footer{border-top:1px solid var(--border);color:var(--text-muted);padding:28px 0;font-size:14px}.footer__in{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.footer a{color:var(--text);font-weight:500}@media (width<=1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__grid{grid-template-columns:1fr}.hero{min-height:0;padding:32px 0 48px}.hero__visual{justify-self:start;max-width:520px}}@media (width<=640px){.grid{grid-template-columns:1fr}.header__link{display:none}.stack{padding-left:14px}.chip{right:0}}