.hero{border-bottom:1px solid var(--line);background:radial-gradient(1100px 500px at 85% 20%,#e8edff 0,#e8edff00 60%),linear-gradient(#f7f8fc,#fff);overflow:hidden}.hero-in{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding-top:56px;padding-bottom:56px;display:grid}.hero h1{margin-bottom:14px}.hero-cta{flex-wrap:wrap;gap:10px;margin:22px 0 18px;display:flex}.hero-trust{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.hero-art{height:480px;position:relative}.hero-art img{box-shadow:var(--shadow-lg);object-fit:cover;background:#f4f5f7;border-radius:22px;position:absolute}.h1i{aspect-ratio:1;z-index:2;width:62%;height:auto;top:0;right:16%}.h2i{aspect-ratio:1;z-index:3;border:5px solid #fff;width:40%;bottom:8px;right:0}.h3i{aspect-ratio:1;z-index:1;width:38%;bottom:30px;left:0}.h-tag{z-index:4;background:var(--accent);color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;font-weight:700;position:absolute;top:30px;left:8%}.h-tag b{font-size:20px}.sec-hd{margin-bottom:24px}.sec-hd.row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sec-hd h2{margin:0}.cats{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.cat{border:1px solid var(--line);border-radius:var(--r);color:var(--ink);background:#fff;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.cat:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cat img{aspect-ratio:1;object-fit:cover;background:#f4f5f7;width:100%}.cat span{flex-direction:column;padding:10px 12px;display:flex}.cat small{color:var(--accent-2);font-weight:700}.how{grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 28px;padding:0;list-style:none;display:grid}.how li{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:22px}.how span{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:10px;font-weight:800;display:inline-flex}.how p{color:var(--ink-2);margin:0}.dark{background:var(--navy);color:#fff}.dark .eyebrow{color:#ffb38f}.muted-d{color:#c3cbef;margin:8px 0 0}.lay-row{grid-template-columns:repeat(9,1fr);gap:10px;display:grid}.lay-mini{background:#fff;border-radius:12px;padding:4px;display:block;position:relative}.lay-mini img{aspect-ratio:3/4;object-fit:cover;border-radius:9px;width:100%}.lay-mini span{color:#fff;background:#000000bf;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800;position:absolute;top:8px;left:8px}.lay-mini:hover{outline:3px solid var(--accent)}.inds{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ind{border:1px solid var(--line);border-radius:var(--r);color:var(--ink);background:#fff;flex-direction:column;gap:4px;padding:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.ind:hover{border-color:var(--navy);box-shadow:var(--shadow)}.ind-i{font-size:28px}.ind small{color:var(--muted)}.gal-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gal-row figure{border-radius:var(--r);border:1px solid var(--line);background:#fff;margin:0;overflow:hidden}.gal-row img{aspect-ratio:1;object-fit:cover;width:100%}.why h3{font-size:18px}.why p{color:var(--ink-2);margin:0}.cta-band{background:linear-gradient(135deg,var(--navy),#2a3aa8);color:#fff;padding:48px 0}.cta-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.cta-in h2{margin:0 0 6px}.cta-in p{color:#d5dcff;margin:0}.cta-band .btn-ghost{color:#fff;background:0 0;border-color:#ffffff80}@media (width<=1000px){.cats{grid-template-columns:repeat(3,1fr)}.lay-row{grid-template-columns:repeat(5,1fr)}.lay-row a:nth-child(n+6){display:none}.inds{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.hero-in{grid-template-columns:1fr;padding-top:32px}.hero-art{width:100%;max-width:480px;height:360px;margin:0 auto}.how{grid-template-columns:1fr}.gal-row{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.hero-cta .btn{flex:100%}.cats{grid-template-columns:repeat(2,1fr)}.lay-row{grid-template-columns:repeat(3,1fr)}.lay-row a:nth-child(n+4){display:none}.hero-art{height:300px}}
