.ng-foundation-card{--ng-fg:#f4f3f6;--ng-muted:#a3a1ab;box-sizing:border-box;width:100%;max-width:520px;color:var(--ng-fg);background:#101012;border:1px solid #ffffff18;border-radius:24px;font-family:inherit;overflow:hidden;box-shadow:0 20px 60px #0000001a,inset 0 1px #ffffff04}.ng-foundation-card *,.ng-footer-email-pill{box-sizing:border-box}.ng-foundation-card__demo{background:radial-gradient(at 50% 24%,#76708012,#0000 68%);padding:25px 26px 20px}.ng-foundation-card__eyebrow{color:var(--ng-muted);letter-spacing:.11em;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:500;line-height:1.5;display:flex}.ng-foundation-card__eyebrow>span{font-variant-numeric:tabular-nums;letter-spacing:.04em;flex-shrink:0}.ng-foundation-card__scene{width:min(100%,336px);height:269px;margin:13px auto 0;position:relative}.ng-foundation-card__layer{background:#1b1a1e;border:1px solid #ffffff19;border-radius:12px;width:100%;padding:13px 14px;position:absolute;left:0;box-shadow:0 8px 20px #00000024,inset 0 1px #ffffff06}.ng-foundation-card__layer--apps{z-index:3;background:linear-gradient(120deg,#28262e,#1c1b20);width:86%;top:5px;left:7%}.ng-foundation-card__layer--base{z-index:2;background:linear-gradient(115deg,#36313e,#29262f);border-color:#b5a0dd42;width:94%;top:87px;left:3%}.ng-foundation-card__layer--data{background:#171719;padding-top:11px;padding-bottom:11px;top:174px}.ng-foundation-card__layer-label{color:#c1bec8;letter-spacing:.095em;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:500;line-height:1.4;display:flex}.ng-foundation-card__layer--base .ng-foundation-card__layer-label{color:#d4c7e9}.ng-foundation-card__layer-label svg{color:#c8bdd7}.ng-foundation-card__layer-line{opacity:.65;background:#a38abf;border-radius:1px;width:28px;height:2px}.ng-foundation-card__chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px;display:grid}.ng-foundation-card__chips>span{white-space:nowrap;color:#e0dde5;background:#ffffff06;border:1px solid #ffffff0c;border-radius:5px;justify-content:center;align-items:center;padding:7px 3px;font-size:10px;line-height:1.2;display:flex}.ng-foundation-card__layer--data .ng-foundation-card__chips>span{color:#b9b6c0}.ng-foundation-card__connector{color:#766d83;height:12px;position:absolute;top:163px;left:calc(50% - 6px);transform:rotate(180deg)}.ng-foundation-card__connector svg{transform:rotate(180deg)}.ng-foundation-card__deploy{color:#c0b2d3;justify-content:center;align-items:center;gap:5px;font-size:10px;line-height:14px;display:flex;position:absolute;bottom:-2px;left:0;right:0}.ng-foundation-card__explanation{text-align:center;min-height:98px;margin-top:17px}.ng-foundation-card__explanation h3{letter-spacing:-.025em;color:var(--ng-fg);margin:0;font-family:inherit;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.3}.ng-foundation-card__explanation p{max-width:360px;color:var(--ng-muted);margin:10px auto 0;font-size:12px;font-weight:400;line-height:1.65}.ng-foundation-card__controls{justify-content:center;align-items:center;gap:5px;margin-top:7px;display:flex}.ng-foundation-card__controls button{color:#9e9aa7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:38px;margin:0;padding:0 8px;font-family:inherit;font-size:10px;line-height:1.2;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.ng-foundation-card__controls button[aria-pressed=true]{color:#e8dff3;background:#ffffff08;border-color:#ffffff0d}.ng-foundation-card__controls button:hover{color:#f4f3f6;background:#ffffff0d}.ng-foundation-card__step-number{color:#837b8e;font-variant-numeric:tabular-nums;font-size:9px}.ng-foundation-card__controls .ng-foundation-card__play{flex-shrink:0;width:32px;margin-left:3px;padding:0}.ng-foundation-card__contact{border-top:1px solid #ffffff0a;padding:19px 26px 22px}.ng-foundation-card__contact>p{color:#a9a5af;text-align:center;margin:0 0 13px;font-size:11px}.ng-foundation-card__action{color:#f5f3f7;background:linear-gradient(#2c2a30,#242329);border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:10px;min-height:44px;padding:12px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 3px 8px #0002}.ng-foundation-card__action span{flex:1}.ng-foundation-card__action svg:first-child{color:#bcb4c8}.ng-foundation-card__action:hover{background:#35313b;border-color:#c3acd14d}.ng-foundation-card__contact small{text-align:center;color:#929098;margin:12px 0 0;font-size:9px;line-height:1.6;display:block}.ng-foundation-card button:focus-visible{outline-offset:4px;outline:2px solid #cbb2e5}.ng-foundation-card a:focus-visible{outline-offset:4px;outline:2px solid #cbb2e5}.ng-footer-email-pill:focus-visible{outline-offset:4px;outline:2px solid #cbb2e5}.ng-footer-email-pill{-webkit-backdrop-filter:blur(12px);color:#e4dfea;background:linear-gradient(125deg,#ffffff10,#b9a3d011 55%,#ffffff05);border:1px solid #ffffff2b;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:44px;padding:11px 15px;font-family:inherit;font-size:12px;font-weight:400;line-height:1.25;text-decoration:none;transition:border-color .22s,background .22s,color .22s;display:inline-flex;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #ffffff05,0 3px 10px #0002}.ng-footer-email-pill>svg{color:#b4a9c4;flex-shrink:0}.ng-footer-email-pill:hover{color:#fff;background:linear-gradient(125deg,#ffffff17,#b9a3d01c 55%,#ffffff09);border-color:#d5bde653}.ng-footer-email-pill__arrow{margin-left:4px;transition:transform .22s}.ng-footer-email-pill:hover .ng-footer-email-pill__arrow{transform:translate(1px,-1px)}@media (max-width:420px){.ng-foundation-card{border-radius:20px}.ng-foundation-card__demo{padding:22px 16px 16px}.ng-foundation-card__eyebrow{letter-spacing:.06em;font-size:8px}.ng-foundation-card__contact{padding:18px 18px 20px}.ng-foundation-card__controls{gap:2px}.ng-foundation-card__controls button{padding:0 5px;font-size:9px}.ng-foundation-card__controls .ng-foundation-card__play{width:28px;margin-left:0}.ng-foundation-card__explanation{min-height:112px}.ng-foundation-card__contact small>span:last-child{display:block}.ng-foundation-card__contact small>span[aria-hidden]{display:none}}@media (prefers-reduced-motion:reduce){.ng-foundation-card *,.ng-footer-email-pill,.ng-footer-email-pill *{transition:none!important}.ng-footer-email-pill:hover .ng-footer-email-pill__arrow{transform:none}}.ng-foundation-card--compact .ng-foundation-card__demo{grid-template-columns:76px minmax(0,1fr);gap:20px;padding:24px;display:grid}.ng-foundation-card--compact .ng-foundation-card__controls{flex-direction:column;align-self:center;align-items:stretch;gap:10px;margin:0}.ng-foundation-card--compact .ng-foundation-card__controls button{border:1px solid #ffffff13;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;width:100%;min-height:60px;padding:10px 5px;font-size:12px;display:flex}.ng-foundation-card--compact .ng-foundation-card__controls button[aria-pressed=true]{background:linear-gradient(135deg,#c9b4df16,#ffffff05);border-color:#c4aed342;box-shadow:inset 0 1px #ffffff12}.ng-foundation-card--compact .ng-foundation-card__stage{min-width:0}.ng-foundation-card--compact .ng-foundation-card__scene{max-width:336px;height:266px;margin:0 auto}.ng-foundation-card--compact .ng-foundation-card__details{align-items:center;gap:14px;min-height:104px;margin-top:18px;display:flex}.ng-foundation-card.ng-foundation-card--compact .ng-foundation-card__explanation{text-align:left;flex:1;min-width:0;min-height:0;margin:0}.ng-foundation-card--compact .ng-foundation-card__explanation h3{font-size:21px;line-height:1.2}.ng-foundation-card--compact .ng-foundation-card__explanation p{margin:9px 0 0;font-size:13px;line-height:1.65}@media (max-width:600px){.ng-foundation-card--compact .ng-foundation-card__demo{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:20px 16px}.ng-foundation-card--compact .ng-foundation-card__controls{gap:8px}.ng-foundation-card--compact .ng-foundation-card__controls button{min-height:56px;padding-inline:4px;font-size:11px}.ng-foundation-card--compact .ng-foundation-card__layer{padding:11px 9px}.ng-foundation-card--compact .ng-foundation-card__layer-label{letter-spacing:.04em;gap:5px;font-size:9px}.ng-foundation-card--compact .ng-foundation-card__chips>span{white-space:normal;text-align:center;min-height:30px;padding:5px 2px;font-size:10px}.ng-foundation-card--compact .ng-foundation-card__explanation h3{font-size:18px}.ng-foundation-card--compact .ng-foundation-card__details{gap:10px;min-height:112px;margin-top:10px}}
