:root{--page-background: #f8fafc;--page-text: #0f172a;--page-muted: #475569;--surface: rgba(255, 255, 255, 0.85);--surface-border: rgba(15, 23, 42, 0.08)}*{box-sizing:border-box}body.browser-detect-page,body.card-list-page,body.button-page,body.drag-n-drop-page,body.form-components-page,body.keyboard-keys-page,body.list-page,body.layouts-page,body.accordion-page,body.like-page,body.alert-page,body.loader-page,body.paint-page,body.pill-page,body.timer-page,body.toast-page,body.typography-page{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--page-text);background:radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 32%),linear-gradient(180deg, #fff, var(--page-background))}.page-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.page-header{max-width:56rem;margin-bottom:2rem}.eyebrow,.demo-label{margin:0 0 .6rem;color:#1d4ed8;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p,span{margin:0}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.95}h2{font-size:1.45rem}.page-copy,.demo-copy{margin-top:.9rem;color:var(--page-muted);line-height:1.7}.demo-grid{display:grid;gap:1.25rem}.demo-card{display:grid;gap:1.2rem;padding:1.5rem;border:1px solid var(--surface-border);border-radius:1.25rem;background:var(--surface);box-shadow:0 20px 35px rgba(15,23,42,.08)}.demo-card--dark{background:linear-gradient(180deg, #111827, #0f172a);color:#fff}.demo-card--dark .demo-copy,.demo-card--dark .demo-label{color:rgba(241,245,249,.9)}.button-stage{display:flex;flex-wrap:wrap;gap:.75rem}.expanding-cards__base{width:100%;display:flex}.expanding-cards__panel{display:flex;flex-direction:column;justify-content:flex-end;height:45vh;min-height:300px;border-radius:40px;cursor:pointer;flex:.5;margin:10px;position:relative;transition:all 700ms ease-in;overflow:hidden;background-size:cover;background-position:center}@media(max-width: 900px){.expanding-cards__panel:nth-of-type(4),.expanding-cards__panel:nth-of-type(5){display:none}}.expanding-cards__panel.active{flex:5}.expanding-cards__panel.active h3{width:auto;opacity:1;transition:all .3s ease-in .4s}.expanding-cards__panel h3{color:#eee;margin:0 0 20px 20px;opacity:0;width:0;text-shadow:0 2px 8px rgba(0,0,0,.45)}.panel__base{background-color:#fff;display:flex;flex-direction:column;border-radius:10px;padding:1.5rem 2.5rem;width:100%;max-width:96rem;text-align:center;text-transform:uppercase}@media(min-width: 900px){.panel__base{flex-direction:row}}.price-card__base{display:flex;flex-direction:column;border-bottom:2px solid #e1f1ff;justify-content:space-between}@media(min-width: 900px){.price-card__base{border-bottom:none;border-right:2px solid #e1f1ff;padding:2.5rem 3rem;flex:1}}.price-card__base:last-child{border-bottom:none}@media(min-width: 900px){.price-card__base:last-child{border-right:none}}.price-card__img{margin-bottom:1.5rem;max-width:100%;object-fit:cover;align-self:center}.price-card__header,.price-card__features-item{font-weight:600;letter-spacing:1px}.price-card__header{color:#888;font-size:1.2rem;margin:0}.price-card__features-list{margin:2rem 0 1.25rem;color:#016ff9;list-style:none;padding:0}.price-card__features-item{font-size:.8rem;line-height:1.5;padding:.8rem 0;border-bottom:1px solid #e1f1ff}.price-card__features-item:last-child{border-bottom:1px solid #e1f1ff}.price-card__price{color:#016ff9;display:block;font-weight:700;font-size:2rem;margin-bottom:1.25rem}.button__base{border:1px solid #9dd1ff;border-radius:10px;color:#348efe;display:inline-block;padding:.75rem 1.5rem;transition:background-color .2s ease-in-out;text-decoration:none;font-weight:600}.button__base:hover,.button__base:focus{background-color:#e1f1ff}.button__base--isFeatured{background-color:#48aaff;color:#eee}.button__base--isFeatured:hover,.button__base--isFeatured:active{background-color:#48aaff}.card-list-fancy-hover__list{display:flex;column-gap:16px;padding-top:24px;list-style:none;padding-left:0;margin:0;flex-wrap:wrap}.card-list-fancy-hover__listItem{padding:10px;background:#fff;border-radius:8px;box-shadow:0 10px 20px -10px rgba(0,0,0,.6);transition:all .3s ease;cursor:pointer;overflow:hidden;flex:1 1 180px}.card-list-fancy-hover__listItem img{width:100%;height:160px;object-fit:cover;border-radius:6px}.card-list-fancy-hover__listItem p{margin:.8rem 0 0;font-weight:700;color:#0f172a;text-align:center}.card-list-fancy-hover__list:hover .card-list-fancy-hover__listItem{transform:scale(0.9);box-shadow:0 5px 10px -5px rgba(0,0,0,.8)}.card-list-fancy-hover__list:hover .card-list-fancy-hover__listItem:hover{transform:scale(1.1);box-shadow:0 15px 30px -15px rgba(0,0,0,.5)}.card-list-fancy-hover__listItem:first-child{background:#55efc4}.card-list-fancy-hover__listItem:nth-child(2){background:#81ecec}.card-list-fancy-hover__listItem:nth-child(3){background:#74b9ff}