.hero{text-align:center;padding:72px 0 0}.pill{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 18px;border-radius:999px;background:var(--sq-surface);border:1px solid var(--sq-line);font-size:15px;font-weight:600}.pill:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sq-success)}.hero h1{font-family:var(--sq-f-display);font-weight:800;font-size:clamp(40px,5.2vw,80px);line-height:1.15;letter-spacing:-.025em;margin:28px auto 32px;max-width:17em}.hero h1 em{font-style:normal;color:var(--sq-primary)}.hero__sub{font-size:clamp(17px,1.4vw,21px);color:var(--sq-muted);max-width:40em;margin:0 auto;line-height:1.6}.search{display:flex;align-items:center;margin:40px auto 0;max-width:880px;height:72px;padding:0 10px 0 22px;background:var(--sq-surface);border:1px solid var(--sq-n-300);border-radius:14px;text-align:left}.search:focus-within{border-color:var(--sq-primary);box-shadow:0 0 0 3px var(--sq-petrol-100)}.search svg{flex:none;color:var(--sq-muted)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:17px;padding:0 14px;color:var(--sq-ink)}.search input::placeholder{color:var(--sq-n-500)}.search select{border:0;border-left:1px solid var(--sq-line);background:none;font:inherit;font-size:17px;font-weight:500;padding:0 16px;height:36px;color:var(--sq-ink);cursor:pointer;outline:0;max-width:240px}.search .btn{height:52px}.hero__alt{margin-top:22px;color:var(--sq-muted)}.hero__alt a{color:var(--sq-primary);font-weight:600}.hero__alt a:hover{text-decoration:underline}.showcase{position:relative;overflow-x:clip;margin-top:80px;padding-bottom:clamp(48px,6vw,80px);isolation:isolate}.showcase:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:280px;bottom:0;background:var(--sq-primary);background-image:radial-gradient(circle,var(--sq-petrol-600) 1.8px,transparent 2.3px);background-size:48px 44px;background-position:24px 30px;overflow:hidden}.showcase__disc{position:absolute;z-index:-1;right:-250px;bottom:-390px;width:480px;height:480px;border-radius:50%;background:var(--sq-accent);pointer-events:none}.showcase__clip{position:absolute;inset:280px 0 0;overflow:hidden;z-index:-1}.showcase__inner{position:relative;max-width:1440px;margin:0 auto;padding:0 var(--sq-gutter)}.app{background:var(--sq-surface);border-radius:20px;box-shadow:0 40px 80px -24px rgba(10,43,40,.45);overflow:hidden;text-align:left}.app__bar{display:flex;align-items:center;gap:8px;height:52px;padding:0 20px;background:var(--sq-n-100)}.app__bar i{width:12px;height:12px;border-radius:50%;background:var(--sq-n-300)}.app__url{margin:0 auto;padding:4px 40px;background:var(--sq-surface);border-radius:14px;font-size:13px}.app__demo,.app__url{font-family:var(--sq-f-mono);color:var(--sq-muted)}.app__demo{margin-left:12px;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.app__body{display:grid;grid-template-columns:240px 1fr}.app__side{background:var(--sq-bg);padding:28px 16px}.app__side .logo{font-size:22px;padding:0 12px}.app__side ul{margin-top:28px;display:grid;gap:8px}.app__side li{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-radius:8px;color:var(--sq-muted);font-weight:500;font-size:15px}.app__side li:before{content:"";width:16px;height:16px;border-radius:4px;background:var(--sq-n-300)}.app__side li.is-active{background:var(--sq-petrol-100);color:var(--sq-primary);font-weight:600}.app__side li.is-active:before{background:var(--sq-primary)}.app__side .count{margin-left:auto;background:var(--sq-accent);color:var(--sq-ink);font-size:12px;font-weight:700;padding:1px 8px;border-radius:10px}.app__main{padding:32px 40px 24px}.app__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.app__title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}.app__title h2{font-family:var(--sq-f-display);font-weight:700;font-size:28px;letter-spacing:-.01em}.app__meta{color:var(--sq-muted);font-size:15px;margin-top:8px}.app__actions{display:flex;gap:16px}.app__actions .btn{height:46px}.app__tabs{display:flex;gap:36px;margin-top:28px;border-bottom:1px solid var(--sq-line);font-size:15px;font-weight:500;color:var(--sq-muted)}.app__tabs span{padding-bottom:12px}.app__tabs .is-active{color:var(--sq-ink);font-weight:600;box-shadow:inset 0 -3px var(--sq-primary)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.kpi{background:var(--sq-bg);border-radius:12px;padding:18px 20px}.kpi span{font-size:14px;color:var(--sq-muted)}.kpi strong{display:block;font-family:var(--sq-f-display);font-weight:700;font-size:26px;margin-top:2px}.offers{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}.offers th{background:var(--sq-bg);color:var(--sq-muted);font-weight:600;font-size:14px;text-align:left;padding:12px 20px}.offers th:first-child{border-radius:8px 0 0 8px}.offers th:last-child{border-radius:0 8px 8px 0}.offers td{padding:14px 20px;border-bottom:1px solid var(--sq-line);white-space:nowrap}.offers tr:last-child td{border-bottom:0}.offers .is-best td{background:var(--sq-petrol-50);border-bottom-color:transparent}.offers .is-best td:first-child{border-radius:8px 0 0 8px}.offers .is-best td:last-child{border-radius:0 8px 8px 0}.co{display:flex;align-items:center;gap:12px;font-weight:600}.co i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:13px;font-weight:700}.score{display:flex;align-items:center;gap:12px;color:var(--sq-muted);font-family:var(--sq-f-mono);font-size:14px}.score .bar{width:120px}.bar{height:8px;background:var(--sq-n-100);overflow:hidden}.bar,.bar i{border-radius:4px}.bar i{display:block;height:100%;background:var(--sq-petrol-300)}.is-best .bar i{background:var(--sq-primary)}.offers td:last-child{text-align:right}.offers .badge{height:28px;font-size:12px}.offers .link{font-size:14px}.float{position:absolute;z-index:2;background:var(--sq-surface);border-radius:var(--sq-r-lg);box-shadow:0 24px 48px -12px rgba(10,43,40,.4)}.float--notif{top:-44px;right:calc(var(--sq-gutter) - 60px);display:flex;align-items:center;gap:14px;padding:20px 28px 20px 18px}.float--track{left:calc(var(--sq-gutter) - 60px);top:430px;width:320px;padding:22px 24px}.notif__icon{width:48px;height:48px;border-radius:50%;background:var(--sq-petrol-100);color:var(--sq-primary);display:grid;place-items:center;font-family:var(--sq-f-display);font-weight:700;font-size:18px}.notif strong{display:block;font-size:15px}.notif span{font-size:14px;color:var(--sq-muted)}.track__title{font-family:var(--sq-f-mono);font-size:12px;font-weight:500;color:var(--sq-muted);text-transform:uppercase;margin-bottom:12px}.track ol{display:grid;gap:12px;font-size:15px;font-weight:500}.track li{display:flex;align-items:center;gap:12px}.track li:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;box-sizing:border-box;border:1.6px solid var(--sq-n-300)}.track .done:before{border:0;background:var(--sq-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2 5 8.2 9 4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}.track .current{font-weight:600}.track .current:before{border:5px solid var(--sq-amber-100);background:var(--sq-amber-700)}.track .todo{color:var(--sq-muted)}.band-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,5vw,64px);color:#fff;text-align:center}.band-stats li+li{border-left:1px solid var(--sq-petrol-600)}.band-stats strong{display:block;font-family:var(--sq-f-display);font-weight:800;font-size:clamp(30px,3vw,40px);line-height:1.2}.band-stats span{color:var(--sq-on-dark-muted);font-size:16px}.tender.mobile-card{display:none}.toggle{display:inline-flex;padding:6px;border-radius:999px;background:var(--sq-n-100);margin-top:36px}.toggle button{height:44px;padding:0 44px;border-radius:999px;font-weight:500;color:var(--sq-muted);transition:background .2s,color .2s}.toggle button[aria-selected=true]{background:var(--sq-surface);color:var(--sq-ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{background:var(--sq-surface);border:1px solid var(--sq-line);border-radius:var(--sq-r-xl);padding:40px}.step__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.step__num{font-family:var(--sq-f-display);font-weight:800;font-size:64px;line-height:1;color:var(--sq-petrol-100)}.step__art{width:150px;height:96px;border-radius:12px;background:var(--sq-petrol-50);position:relative}.step__art--bare{background:none}.step h3{font-family:var(--sq-f-display);font-weight:700;font-size:26px;margin-bottom:12px}.step p{color:var(--sq-muted);font-size:17px;line-height:1.65}.steps[hidden]{display:none}.features{background:var(--sq-surface);border-radius:var(--sq-r-2xl);padding:clamp(40px,5vw,80px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(32px,5vw,80px)}.features .h2{margin:12px 0 24px}.features .lead{margin-bottom:36px;max-width:28em;line-height:1.65}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.feature{background:var(--sq-bg);border-radius:18px;padding:30px}.feature__icon{width:56px;height:56px;border-radius:14px;background:var(--sq-petrol-100);color:var(--sq-primary);display:grid;place-items:center;margin-bottom:22px}.feature__icon--amber{background:var(--sq-amber-100);color:var(--sq-amber-700)}.feature h3{font-family:var(--sq-f-display);font-weight:600;font-size:21px;margin-bottom:6px}.feature p{color:var(--sq-muted);font-size:16px}.rt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.rt-head .h2{margin-top:12px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 36px}.chip{height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--sq-line);background:var(--sq-surface);font-weight:500;font-size:15px}.chip:hover{border-color:var(--sq-n-400)}.chip[aria-pressed=true]{background:var(--sq-ink);border-color:var(--sq-ink);color:#fff;font-weight:600}.tenders{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.empty{grid-column:1/-1;text-align:center;padding:48px;border:1px dashed var(--sq-n-300);border-radius:var(--sq-r-xl);color:var(--sq-muted)}.testimonial{position:relative;overflow:hidden;background:var(--sq-primary);color:#fff;border-radius:var(--sq-r-2xl);padding:clamp(40px,5vw,72px) clamp(32px,5vw,80px);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:center}.testimonial:after{content:"";position:absolute;right:-250px;bottom:-270px;width:400px;height:400px;border-radius:50%;background:var(--sq-accent)}.testimonial:before{content:"";position:absolute;right:120px;top:40px;width:180px;height:380px;background-image:radial-gradient(circle,var(--sq-petrol-600) 2px,transparent 2.5px);background-size:40px 48px}.quote-mark{font-family:var(--sq-f-display);font-weight:800;font-size:90px;line-height:.8;color:var(--sq-accent)}.testimonial blockquote p{font-family:var(--sq-f-display);font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1.5;margin:16px 0 40px;max-width:34em}.author{display:flex;align-items:center;gap:16px}.author__avatar{width:52px;height:52px;border-radius:50%;background:var(--sq-petrol-300);color:var(--sq-primary);display:grid;place-items:center;font-weight:700}.author strong{display:block;font-size:18px;font-weight:600}.author span span{color:var(--sq-on-dark-muted)}.t-stats{position:relative;z-index:1;display:grid;gap:36px}.t-stats strong{display:block;font-family:var(--sq-f-display);font-weight:800;font-size:52px;line-height:1.1}.t-stats span{color:var(--sq-on-dark-muted);font-size:17px}.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(32px,5vw,80px)}.faq .h2{margin:12px 0 20px}.faq .lead{max-width:24em;margin-bottom:16px;line-height:1.65}.faq__list{display:grid;gap:16px;align-content:start}.faq details{background:var(--sq-surface);border:1px solid var(--sq-line);border-radius:var(--sq-r-lg)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;font-weight:600;font-size:19px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq__icon{flex:none;width:32px;height:32px;border-radius:50%;background:var(--sq-petrol-50);color:var(--sq-primary);display:grid;place-items:center;transition:background .2s,color .2s}.faq__icon:after,.faq__icon:before{content:"";grid-area:1/1;width:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s}.faq__icon:after{transform:rotate(90deg)}.faq details[open] .faq__icon{background:var(--sq-primary);color:#fff}.faq details[open] .faq__icon:after{transform:rotate(0)}.faq details p{padding:0 96px 28px 32px;color:var(--sq-muted);font-size:17px;line-height:1.65}.cta{background:var(--sq-accent);border-radius:var(--sq-r-2xl);padding:clamp(40px,5vw,72px) clamp(32px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.cta .h2{max-width:14em}.cta p{margin-top:16px;font-size:19px;color:#3d2a08}.cta__actions{display:flex;gap:16px;flex-wrap:wrap}@media (max-width:1200px){.float--track{left:12px;top:auto;bottom:140px}.float--notif{right:12px}.app__side{display:none}.app__body,.faq,.features,.testimonial{grid-template-columns:1fr}.t-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.steps,.tenders{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.offers td:nth-child(3),.offers td:nth-child(5),.offers th:nth-child(3),.offers th:nth-child(5){display:none}.band-stats{grid-template-columns:repeat(2,1fr);row-gap:32px}.band-stats li:nth-child(3){border-left:0}.float{display:none}}@media (max-width:640px){.search{flex-wrap:wrap;height:auto;padding:12px}.search input{flex-basis:calc(100% - 30px);height:48px}.search select{border-left:0;border-top:1px solid var(--sq-line);flex:1;height:52px;padding:0 4px;max-width:none}.search .btn{flex:1}.hero{padding-top:32px}.app{display:none}.tender.mobile-card{display:flex}.showcase{margin-top:48px}.showcase:before,.showcase__clip{top:160px}.showcase__disc{width:200px;height:200px;right:-80px;bottom:-100px}.t-stats{grid-template-columns:1fr}.toggle button{padding:0 22px}.feature-grid{grid-template-columns:1fr}.faq details p{padding-right:32px}}.hero>*{animation:sq-fade-up .7s cubic-bezier(.2,.7,.2,1) both}.hero>:nth-child(2){animation-delay:.08s}.hero>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4){animation-delay:.24s}.hero>:nth-child(5){animation-delay:.32s}.pill:before{animation:sq-pulse 2.4s ease-out infinite}.app{animation:sq-rise .9s cubic-bezier(.2,.7,.2,1) .35s both}.float--notif{animation:sq-fade-up .6s .9s both,sq-float 6s ease-in-out 1.5s infinite}.float--track{animation:sq-fade-up .6s 1.1s both,sq-float 7s ease-in-out 1.7s infinite}.showcase__disc{animation:sq-drift 16s ease-in-out infinite}.bar i{transform-origin:left;animation:sq-fill 1.1s cubic-bezier(.2,.7,.2,1) 1s both}.offers tbody tr{transition:background .2s}.offers tbody tr:not(.is-best):hover td{background:var(--sq-n-50)}.band-stats li{transition:transform .25s ease}.band-stats li:hover{transform:translateY(-3px)}.feature,.step{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.step:hover{transform:translateY(-6px);border-color:var(--sq-petrol-200);box-shadow:0 26px 50px -26px rgba(10,43,40,.35)}.feature__icon,.step__art,.step__num{transition:transform .35s cubic-bezier(.2,.7,.2,1),color .25s}.step:hover .step__art{transform:translateY(-4px) rotate(-2deg)}.step:hover .step__num{color:var(--sq-petrol-300)}.feature:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px rgba(10,43,40,.3)}.feature:hover .feature__icon{transform:rotate(-8deg) scale(1.06)}.chip{transition:border-color .15s,transform .2s ease,background .15s}.chip:hover{transform:translateY(-2px)}.faq details{transition:border-color .2s,box-shadow .2s}.faq details:hover{border-color:var(--sq-petrol-200)}.faq details[open]{box-shadow:0 14px 30px -24px rgba(10,43,40,.35)}.faq details[open] p{animation:sq-fade-up .35s ease both}.cta,.testimonial:after{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.testimonial:hover:after{transform:translate(-16px,-16px) scale(1.05)}.toggle button{transition:background .2s,color .2s,transform .2s}.toggle button:active{transform:scale(.97)}.steps:not([hidden]) .step{animation:sq-fade-up .45s ease backwards}.steps:not([hidden]) .step:nth-child(2){animation-delay:.06s}.steps:not([hidden]) .step:nth-child(3){animation-delay:.12s}.reveal-pending{opacity:0;transform:translateY(28px)}.reveal-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.app__tabs{align-items:flex-end}.app__tabs button{padding-bottom:12px;color:inherit;font-weight:inherit;transition:color .15s,box-shadow .2s}.app__tabs button:hover{color:var(--sq-ink)}.app__tabs button.is-active{color:var(--sq-ink);font-weight:600;box-shadow:inset 0 -3px var(--sq-primary)}.app__tabs .demo-reset{margin-left:auto;font-size:13px;color:var(--sq-primary);font-weight:600}.app__actions button.btn{cursor:pointer}.demo-pane{min-height:430px;animation:sq-fade-in .25s ease}.demo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:14px;color:var(--sq-muted)}.demo-toolbar button{height:32px;padding:0 14px;border-radius:16px;border:1px solid var(--sq-line);background:var(--sq-surface);font-size:13px;font-weight:500;color:var(--sq-ink);transition:background .15s,border-color .15s,color .15s}.demo-toolbar button:hover{border-color:var(--sq-n-400)}.demo-toolbar button[aria-pressed=true]{background:var(--sq-primary);border-color:var(--sq-primary);color:#fff}.demo-toolbar small{margin-left:auto;font-size:13px}.demo-row{cursor:pointer}.demo-name{font-weight:600;text-align:left}.demo-row.is-open td{background:var(--sq-n-50)}.offers .is-winner td{background:var(--sq-petrol-100);border-bottom-color:transparent}.offers .is-winner td:first-child{border-radius:8px 0 0 8px}.offers .is-winner td:last-child{border-radius:0 8px 8px 0}.score .bar i{transition:width .35s cubic-bezier(.2,.7,.2,1)}.demo-mod{margin-left:4px;font-style:normal;font-family:var(--sq-f-body);font-size:11px;font-weight:600;color:var(--sq-amber-700);background:var(--sq-amber-100);padding:1px 7px;border-radius:8px}.offers .demo-detail td{text-align:left;white-space:normal;background:var(--sq-n-50);padding:4px 20px 20px;animation:sq-fade-up .25s ease both}.demo-crits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-crit{background:var(--sq-surface);border:1px solid var(--sq-line);border-radius:12px;padding:14px 16px;display:grid;gap:8px}.demo-crit__head{display:flex;justify-content:space-between;font-size:14px}.demo-crit__head span{font-family:var(--sq-f-mono);color:var(--sq-primary);font-weight:600}.demo-crit__score{display:flex;align-items:baseline;gap:6px}.demo-crit__score b{font-family:var(--sq-f-display);font-size:26px;font-weight:800;min-width:44px;text-align:center}.demo-crit__score small{color:var(--sq-muted);font-size:13px}.demo-crit__score button{width:28px;height:28px;border-radius:8px;border:1px solid var(--sq-line);font-size:16px;font-weight:700;color:var(--sq-primary);align-self:center;transition:background .15s,border-color .15s}.demo-crit__score button:hover{background:var(--sq-petrol-50);border-color:var(--sq-petrol-200)}.demo-crit__bar{height:5px;border-radius:5px;background:var(--sq-n-100);overflow:hidden}.demo-crit__bar i{display:block;height:100%;background:var(--sq-primary);transition:width .35s ease}.demo-crit p{font-size:13px;color:var(--sq-muted);line-height:1.45}.demo-total{margin-top:12px;font-size:14px;color:var(--sq-n-700)}.demo-total b{font-family:var(--sq-f-mono);color:var(--sq-primary)}.demo-more{margin-top:12px;font-size:14px;font-weight:600;color:var(--sq-primary)}.demo-more:hover,.demo-reset:hover{text-decoration:underline}.demo-apps,.demo-docs,.demo-qa{display:grid;gap:8px;margin-top:22px}.demo-apps li{display:grid;grid-template-columns:minmax(0,1fr) auto 150px 110px;align-items:center;gap:16px;padding:10px 14px;border:1px solid var(--sq-line);border-radius:10px;font-size:14px}.demo-apps .co i{width:28px;height:28px;font-size:12px}.demo-apps .badge{height:26px;font-size:12px}.demo-apps .link,.demo-docs .link{font-size:14px;text-align:right}.demo-note{font-size:14px;color:var(--sq-muted);margin-bottom:6px}.demo-qa li:not(.demo-note){border:1px solid var(--sq-line);border-radius:10px;overflow:hidden}.demo-qa button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:600;font-size:15px;text-align:left}.demo-qa button:hover{background:var(--sq-n-50)}.demo-qa button span{margin-left:auto;color:var(--sq-primary);font-size:18px}.demo-qa b{flex:none;width:26px;height:26px;border-radius:7px;display:inline-grid;place-items:center;background:var(--sq-n-100);font-family:var(--sq-f-mono);font-size:13px}.demo-qa p{display:flex;gap:12px;padding:0 16px 14px;font-size:15px;color:var(--sq-n-700);animation:sq-fade-in .2s ease}.demo-qa p b{background:var(--sq-petrol-100);color:var(--sq-primary)}.demo-docs li:not(.demo-note){display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--sq-line);border-radius:10px;font-size:15px}.demo-docs li strong{flex:1;font-weight:500}.demo-docs__icon{width:36px;height:36px;border-radius:9px;background:var(--sq-petrol-50);color:var(--sq-primary);display:grid;place-items:center}.demo-toast{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(560px,90%);padding:12px 18px;border-radius:12px;background:var(--sq-ink);color:#fff;font-size:14px;box-shadow:var(--sq-shadow);animation:sq-fade-up .25s ease both;z-index:2}.app{position:relative}@media (max-width:1200px){.demo-crits{grid-template-columns:minmax(0,1fr)}.demo-apps li{grid-template-columns:minmax(0,1fr) auto}.demo-apps li>.muted,.demo-toolbar small{display:none}}