:where(.lp-root) .demos-hero{position:relative;overflow:hidden;padding-top:calc(var(--header-h) + clamp(3rem, 6vw, 6rem));padding-bottom:clamp(3rem,6vw,6rem);background:var(--white)}:where(.lp-root) .demos-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}:where(.lp-root) .demos-hero__copy{max-width:40rem}:where(.lp-root) .demos-hero .eyebrow--dotted{margin-bottom:clamp(1.5rem,2.2vw,2rem)}:where(.lp-root) .demos-hero__title{font-size:var(--fs-display);line-height:1.05;letter-spacing:-.04em;font-weight:700;color:var(--ink);text-wrap:balance}:where(.lp-root) .demos-hero__lede{margin-top:clamp(1.5rem,2.4vw,2rem);padding-top:1.35rem;border-top:1px solid var(--line);font-size:var(--fs-lede);line-height:1.72;color:var(--ink-70);max-width:34rem}:where(.lp-root) .demos-hero__actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}:where(.lp-root) .demos-hero__meta{list-style:none;margin:clamp(2rem,3vw,2.75rem) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,3vw,2.75rem)}:where(.lp-root) .demos-hero__meta li{display:flex;flex-direction:column;gap:.25rem}:where(.lp-root) .demos-hero__meta-n{font-size:clamp(1.5rem,2vw,1.9rem);font-weight:700;letter-spacing:-.02em;color:var(--blue);line-height:1}:where(.lp-root) .demos-hero__meta-t{font-size:var(--fs-xs);color:var(--ink-55)}:where(.lp-root) .demos-hero__panel{position:relative;border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(120% 120% at 100% 0,color-mix(in srgb,var(--blue) 6%,transparent),transparent 55%),var(--white);box-shadow:0 22px 60px rgba(41,50,65,.12);overflow:hidden}:where(.lp-root) .demos-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line-soft,rgba(61,90,128,.1))}:where(.lp-root) .demos-panel__title{font-size:var(--fs-sm);font-weight:700;letter-spacing:-.01em;color:var(--ink)}:where(.lp-root) .demos-panel__body{display:grid;gap:.6rem;padding:1.25rem}:where(.lp-root) .demos-panel__row{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}:where(.lp-root) .demos-panel__ico{flex:none;width:2rem;height:2rem;color:var(--accent)}:where(.lp-root) .demos-panel__ico svg{width:100%;height:100%}:where(.lp-root) .demos-panel__label{font-size:var(--fs-sm);font-weight:600;color:color-mix(in srgb,var(--accent) 72%,var(--ink))}:where(.lp-root) .demos-panel__dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.7}:where(.lp-root) .demos-panel__foot{padding:.95rem 1.25rem;border-top:1px solid var(--line-soft,rgba(61,90,128,.1));font-size:var(--fs-xs);color:var(--ink-55)}:where(.lp-root) .demos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}:where(.lp-root) .demo-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,2.5vw,2.25rem);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--white);box-shadow:0 10px 30px rgba(41,50,65,.05);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}:where(.lp-root) .demo-card:before{content:"";position:absolute;inset:-30% -30% auto auto;width:70%;height:70%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);filter:blur(28px);opacity:.85;transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}:where(.lp-root) .demo-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(41,50,65,.12);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}:where(.lp-root) .demo-card:hover:before{opacity:1;transform:scale(1.08)}:where(.lp-root) .demo-card__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem}:where(.lp-root) .demo-card__n{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,var(--accent) 55%,transparent);font-variant-numeric:tabular-nums}:where(.lp-root) .demo-card__tag{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:.35rem .8rem;border-radius:999px;color:color-mix(in srgb,var(--accent) 78%,var(--ink));background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}:where(.lp-root) .demo-card__ico{position:relative;width:clamp(2.75rem,4vw,3.25rem);height:clamp(2.75rem,4vw,3.25rem);color:var(--accent);margin-top:.25rem}:where(.lp-root) .demo-card__ico svg{width:100%;height:100%}:where(.lp-root) .demo-card__title{position:relative;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink)}:where(.lp-root) .demo-card__text{position:relative;font-size:var(--fs-sm);line-height:1.65;color:var(--ink-70);flex:1 1 auto}:where(.lp-root) .demo-card__actions{position:relative;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;align-items:flex-start}:where(.lp-root) .demo-card__try{width:100%;justify-content:center}:where(.lp-root) .demos-closing{background:radial-gradient(90% 120% at 100% 0,rgba(90,61,128,.35),transparent 55%),var(--ink)}@media (max-width:1024px){:where(.lp-root) .demos-hero__inner{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,3rem)}:where(.lp-root) .demos-hero__copy{max-width:44rem}:where(.lp-root) .demos-grid{grid-template-columns:minmax(0,1fr);max-width:34rem}}@media (max-width:640px){:where(.lp-root) .demos-hero__meta{gap:1.25rem 1.75rem}}:where(.lp-root) .demo-detail-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}:where(.lp-root) .demo-detail__crumb{color:var(--blue-ink);text-decoration:none;transition:color .3s var(--ease)}:where(.lp-root) .demo-detail__crumb:hover{color:var(--blue)}:where(.lp-root) .demo-detail-hero__badge{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:clamp(1.75rem,3vw,2.5rem);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-xl);background:radial-gradient(120% 120% at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),var(--white);box-shadow:0 22px 60px rgba(41,50,65,.12);overflow:hidden}:where(.lp-root) .demo-detail-hero__badge:before{content:"";position:absolute;inset:-35% -25% auto auto;width:65%;height:65%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%);filter:blur(30px);pointer-events:none}:where(.lp-root) .demo-detail-hero__glyph{position:relative;width:clamp(3rem,5vw,3.75rem);height:clamp(3rem,5vw,3.75rem);color:var(--accent)}:where(.lp-root) .demo-detail-hero__glyph svg{width:100%;height:100%}:where(.lp-root) .demo-detail-hero__badge-tag{position:relative;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700;letter-spacing:-.02em;color:var(--ink)}:where(.lp-root) .demo-detail-hero__live{position:relative}:where(.lp-root) .demo-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,4rem)}:where(.lp-root) .demo-detail__col{display:flex;flex-direction:column;gap:1.75rem}:where(.lp-root) .demo-detail__head{padding-bottom:1.25rem;border-bottom:1px solid var(--line)}:where(.lp-root) .demo-detail__title{margin-top:.75rem;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.18;letter-spacing:-.02em;font-weight:700;color:var(--ink);text-wrap:balance}:where(.lp-root) .demo-detail__list{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}:where(.lp-root) .demo-detail__list li{display:flex;align-items:flex-start;gap:1rem;font-size:var(--fs-body);line-height:1.6;color:var(--ink-70)}:where(.lp-root) .demo-detail__mark{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-top:.1rem;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}:where(.lp-root) .demo-detail__mark svg{width:1rem;height:1rem}:where(.lp-root) .demo-detail__step-n{flex:none;font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 60%,transparent);margin-top:.15rem;min-width:1.75rem}:where(.lp-root) .demo-detail-try__panel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.25rem,2.5vw,2.25rem);padding:clamp(1.75rem,3vw,2.75rem);border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(90% 140% at 0 0,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%),var(--white);box-shadow:0 18px 44px rgba(41,50,65,.08);overflow:hidden}:where(.lp-root) .demo-detail-try__glyph{flex:none;display:grid;place-items:center;width:clamp(3rem,5vw,3.75rem);height:clamp(3rem,5vw,3.75rem);border-radius:var(--r-md);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}:where(.lp-root) .demo-detail-try__glyph svg{width:60%;height:60%}:where(.lp-root) .demo-detail-try__title{margin-top:.5rem;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink)}:where(.lp-root) .demo-detail-try__text{margin-top:.5rem;font-size:var(--fs-sm);color:var(--ink-70)}:where(.lp-root) .demo-detail-try__btn{flex:none}@media (max-width:1024px){:where(.lp-root) .demo-detail-hero__inner{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,3rem)}:where(.lp-root) .demo-detail-hero__badge{max-width:24rem}:where(.lp-root) .demo-detail__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){:where(.lp-root) .demo-detail-try__panel{grid-template-columns:minmax(0,1fr);text-align:left}:where(.lp-root) .demo-detail-try__btn{width:100%;justify-content:center}}:where(.lp-root) .demos-faq__list{display:grid}:where(.lp-root) .demos-faq__item{border-bottom:1px solid var(--line)}:where(.lp-root) .demos-faq__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.25rem 0;cursor:pointer;list-style:none;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:700;letter-spacing:-.01em;color:var(--ink);text-align:left}:where(.lp-root) .demos-faq__q::-webkit-details-marker{display:none}:where(.lp-root) .demos-faq__q:after{content:"";flex:none;width:1.25rem;height:1.25rem;background-image:linear-gradient(var(--coral),var(--coral)),linear-gradient(var(--coral),var(--coral));background-repeat:no-repeat;background-position:50%;background-size:100% 2px,2px 100%;transition:transform .3s ease,opacity .3s ease}:where(.lp-root) .demos-faq__item[open] .demos-faq__q:after{background-size:100% 2px,2px 0}:where(.lp-root) .demos-faq__a{margin:0;padding:0 0 1.4rem;max-width:62ch;font-size:var(--fs-body);line-height:1.7;color:var(--ink-70)}@media (prefers-reduced-motion:reduce){:where(.lp-root) .demos-faq__q:after{transition:none}}