:root{--bg: radial-gradient(1400px 800px at 0% 0%, #f7f9ff 0%, #f2f5fb 50%, #eaeef8 100%);--text: #1a2236;--muted: #64708c;--a: #3aa8ff;--b: #ff9f5a;--c: #35d187;--d: #8a78ff;--e: #ff6f9d;--f: #ffd358}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}.site{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden}.site:before,.site:after{content:"";position:absolute;inset:-20vmax auto auto -20vmax;width:60vmax;height:60vmax;background:conic-gradient(from 120deg at 50% 50%,#e6ecfb,transparent 40%);filter:blur(50px);transform:rotate(12deg);opacity:.7}.site:after{inset:auto -20vmax -20vmax auto;transform:rotate(-8deg)}.hero{text-align:center;padding:64px 24px 24px}.brand{font-weight:800;letter-spacing:.5px;font-size:clamp(32px,5vw,64px);background:linear-gradient(90deg,#2a7cff,#ff7fb0);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{margin:8px auto 0;color:var(--muted);font-size:clamp(14px,2.2vw,18px)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;padding:28px;max-width:1280px;margin:0 auto}.card{position:relative;border-radius:18px;padding:22px 20px 24px;display:grid;grid-template-rows:auto auto 1fr;align-content:start;background:linear-gradient(180deg,#fff,#fafbff);border:1px solid #e6eaf5;box-shadow:0 12px 24px #2e3d621f;overflow:hidden;isolation:isolate}.card h2{margin:12px 0 6px;font-size:22px;letter-spacing:.3px}.card p{margin:0;color:var(--muted);line-height:1.35}.card .icon{width:64px;height:64px;color:#1f2a46;display:grid;place-items:center}.card .icon svg{width:100%;height:100%}.card:before{content:"";position:absolute;inset:-30% auto auto -30%;width:60%;height:60%;border-radius:60% 40%/40% 60%;transform:rotate(18deg);filter:blur(18px);opacity:.35}.card:after{content:"";position:absolute;inset:auto -26% -26% auto;width:40%;height:40%;border-radius:50%;filter:blur(14px);opacity:.65}.card-a{grid-column:span 4;transform:translateY(0) rotate(-.8deg)}.card-a .icon{color:var(--a)}.card-a:before{background:radial-gradient(var(--a),transparent 60%)}.card-a:after{background:radial-gradient(closest-side,rgba(58,168,255,.25),transparent 70%)}.card-b{grid-column:span 5;transform:translateY(-10px) rotate(.6deg)}.card-b .icon{color:var(--b)}.card-b:before{background:radial-gradient(var(--b),transparent 60%)}.card-b:after{background:radial-gradient(closest-side,rgba(255,159,90,.25),transparent 70%)}.card-c{grid-column:span 3;transform:translateY(12px) rotate(-.4deg)}.card-c .icon{color:var(--c)}.card-c:before{background:radial-gradient(var(--c),transparent 60%)}.card-c:after{background:radial-gradient(closest-side,rgba(53,209,135,.25),transparent 70%)}.card-d{grid-column:span 6;transform:translateY(-6px) rotate(.9deg)}.card-d .icon{color:var(--d)}.card-d:before{background:radial-gradient(var(--d),transparent 60%)}.card-d:after{background:radial-gradient(closest-side,rgba(138,120,255,.25),transparent 70%)}.card-e{grid-column:span 4;transform:translateY(18px) rotate(.5deg)}.card-e .icon{color:var(--e)}.card-e:before{background:radial-gradient(var(--e),transparent 60%)}.card-e:after{background:radial-gradient(closest-side,rgba(255,111,157,.25),transparent 70%)}.card-f{grid-column:span 7;transform:translateY(-8px) rotate(-.7deg)}.card-f .icon{color:var(--f)}.card-f:before{background:radial-gradient(var(--f),transparent 60%)}.card-f:after{background:radial-gradient(closest-side,rgba(255,211,88,.25),transparent 70%)}@media (max-width: 900px){.grid{grid-template-columns:repeat(6,1fr);gap:22px}.card-a,.card-b,.card-c,.card-d,.card-e,.card-f{grid-column:span 6;transform:none}}@media (max-width: 560px){.hero{padding-top:48px}.grid{gap:16px;padding:16px}.card{padding:18px;border-radius:16px}.card .icon{width:56px;height:56px}}.foot{text-align:center;padding:28px;color:var(--muted);font-size:12px;opacity:.8}