.ap-demo{background:var(--s-bg);position:relative;overflow:hidden}html:not([data-theme=light]) .ap-demo{--s-bg:var(--white)}.ap-wedge{pointer-events:none;width:clamp(420px,52vw,860px);position:absolute;top:-5%;right:-4%}.ap-wedge polygon{fill:var(--s-chip)}.ap-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;display:grid;position:relative}.ap-demo .section-head{margin-bottom:30px}.ap-tabs{background:var(--s-chip);border-radius:12px;gap:4px;margin-bottom:18px;padding:5px;display:inline-flex}.ap-tab{cursor:pointer;font-family:var(--f-display);color:var(--s-muted);background:0 0;border:0;border-radius:8px;padding:11px 18px;font-weight:500;transition:background .3s,color .3s}.ap-tab:hover{color:var(--s-strong)}.ap-tab.on{background:var(--brand);color:var(--white)}[data-theme=light] .ap-tab.on{background:var(--mint);color:var(--ink)}.ap-tab:focus-visible,.ap-feature:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.ap-features{display:grid}.ap-features[hidden]{display:none}.ap-feature{text-align:left;border:0;border-top:1px solid var(--s-line);cursor:pointer;width:100%;color:var(--s-muted);transition:color .3s, padding .4s var(--ease);background:0 0;gap:20px;padding:17px 0;display:flex}.ap-feature:last-child{border-bottom:1px solid var(--s-line)}.ap-feature small{font-family:var(--f-display);letter-spacing:.08em;flex:none;width:26px;padding-top:6px;font-size:.8rem}.ap-feature span{font-size:.96rem}.ap-feature b{font-family:var(--f-display);letter-spacing:-.015em;color:inherit;margin-bottom:3px;font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:500;display:block}.ap-feature:hover{color:var(--s-strong)}.ap-feature.on{color:var(--s-strong);padding-left:12px}.ap-feature.on small{color:var(--s-accent)}.ap-phone-wrap{justify-self:center}.ap-phone{aspect-ratio:330/660;background:var(--ink);border-radius:44px;width:min(330px,78vw);padding:13px;position:relative;box-shadow:0 50px 90px -40px #051f20d9,0 0 0 1px #8eb69b66}.ap-notch{z-index:2;background:var(--ink);border-radius:12px;width:84px;height:20px;margin-left:-42px;position:absolute;top:22px;left:50%}.ap-screen{background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .45s, transform .6s var(--ease);border-radius:32px;flex-direction:column;display:flex;position:absolute;inset:13px;overflow:hidden;transform:translate(22px)}.ap-screen.on{opacity:1;transform:none}.ap-top{color:var(--white);background:linear-gradient(145deg, var(--ink), var(--brand));flex-direction:column;gap:14px;padding:54px 22px 22px;display:flex}.ap-top svg{width:34px;height:auto}.ap-top b{font-family:var(--f-display);letter-spacing:-.025em;font-size:1.7rem;font-weight:500;line-height:1.1}.ap-rows{flex:1;align-content:start;gap:9px;padding:18px 16px;display:grid}.ap-rows div{background:var(--white);border-radius:12px;justify-content:space-between;gap:12px;padding:14px;font-size:.88rem;display:flex;box-shadow:0 10px 20px -16px #051f2080}.ap-rows em{color:var(--brand);white-space:nowrap;font-style:normal;font-weight:600}.ap-cta{text-align:center;font-family:var(--f-display);background:var(--brand);color:var(--white);border-radius:12px;margin:0 16px 22px;padding:14px;font-weight:500}@media (width<=1024px){.ap-grid{grid-template-columns:1fr;gap:56px}}@media (width<=640px){.ap-tabs{display:flex}.ap-tab{flex:1;padding:10px;font-size:.86rem}}
