.examples-module__oao2VG__page{background:radial-gradient(circle at 8% 0,#ff6b3524,#0000 30rem),radial-gradient(circle at 92% 8%,#0f172a1a,#0000 30rem),linear-gradient(#fff 0%,#eef2f7 100%);min-height:100dvh;padding:clamp(16px,3vw,34px)}.examples-module__oao2VG__shell{width:min(1180px,100%);margin-inline:auto}.examples-module__oao2VG__nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #94a3b857;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(34px,7vw,86px);padding:10px;display:flex;box-shadow:0 18px 60px #0f172a14}.examples-module__oao2VG__brand{letter-spacing:-.04em;align-items:center;gap:10px;min-width:0;padding-inline-start:6px;font-weight:900;text-decoration:none;display:inline-flex}.examples-module__oao2VG__navActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.examples-module__oao2VG__hero{grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);align-items:end;gap:clamp(28px,6vw,70px);margin-bottom:clamp(34px,6vw,64px);display:grid}.examples-module__oao2VG__hero h1{letter-spacing:-.08em;max-width:880px;margin:0;font-size:clamp(3rem,8vw,7.2rem);line-height:.88}.examples-module__oao2VG__hero p{color:#475569;margin:18px 0 0;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.7}.examples-module__oao2VG__heroAside{color:#475569;background:#ffffffbd;border:1px solid #94a3b852;border-radius:24px;padding:20px;line-height:1.6}.examples-module__oao2VG__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.examples-module__oao2VG__card{background:#ffffffdb;border:1px solid #94a3b857;border-radius:30px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a17}.examples-module__oao2VG__preview{aspect-ratio:4/5;pointer-events:none;overflow:hidden}.examples-module__oao2VG__preview .public-preview--compact{height:100%;min-height:100%;padding:22px 15px}.examples-module__oao2VG__preview .preview-content-layer{gap:13px}.examples-module__oao2VG__preview .preview-header h1{font-size:clamp(1.2rem,3vw,1.65rem)}.examples-module__oao2VG__preview .preview-header p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;display:-webkit-box;overflow:hidden}.examples-module__oao2VG__content{flex:1;gap:12px;padding:22px;display:grid}.examples-module__oao2VG__label{color:#9a3412;letter-spacing:.06em;text-transform:uppercase;background:#fff0e8;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.72rem;font-weight:900}.examples-module__oao2VG__content h2{letter-spacing:-.055em;overflow-wrap:anywhere;margin:0;font-size:1.7rem;line-height:1}.examples-module__oao2VG__content p{color:#64748b;margin:0;line-height:1.6}.examples-module__oao2VG__content a{margin-top:auto}.examples-module__oao2VG__demoPage{background:#0f172a;min-height:100dvh}.examples-module__oao2VG__demoToolbar{z-index:20;color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:14px;padding:12px clamp(14px,3vw,28px);display:flex;position:relative}.examples-module__oao2VG__demoToolbarCopy{min-width:0}.examples-module__oao2VG__demoToolbarCopy strong,.examples-module__oao2VG__demoToolbarCopy span{display:block}.examples-module__oao2VG__demoToolbarCopy strong{overflow-wrap:anywhere}.examples-module__oao2VG__demoToolbarCopy span{color:#cbd5e1;margin-top:2px;font-size:.82rem}.examples-module__oao2VG__demoToolbarActions{flex:none;gap:8px;display:flex}.examples-module__oao2VG__demoToolbar a{min-height:44px}@media (max-width:900px){.examples-module__oao2VG__hero,.examples-module__oao2VG__grid{grid-template-columns:1fr}.examples-module__oao2VG__heroAside{max-width:620px}.examples-module__oao2VG__grid{width:min(620px,100%);margin-inline:auto}}@media (max-width:680px){.examples-module__oao2VG__page{padding:12px}.examples-module__oao2VG__nav{border-radius:24px;flex-direction:column;align-items:stretch}.examples-module__oao2VG__navActions,.examples-module__oao2VG__navActions a{width:100%}.examples-module__oao2VG__demoToolbar{flex-direction:column;align-items:stretch}.examples-module__oao2VG__demoToolbarActions,.examples-module__oao2VG__demoToolbarActions a{width:100%}}@media (max-width:380px){.examples-module__oao2VG__content{padding:18px}.examples-module__oao2VG__card{border-radius:24px}}