.ninegrid-page{background:var(--navy);&{--ng-blue:#254bce;--ng-blue-deep:#1637a3;--ng-lime:#c7f437}& .ng-hero{height:auto;min-height:calc(33.5 * var(--layout-unit))}& .ng-hero-inner{min-height:calc(33.5 * var(--layout-unit));margin-inline:calc(4 * var(--layout-unit));column-gap:calc(1 * var(--layout-unit));grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative}& .ng-hero-copy{min-width:0;padding:calc(2 * var(--layout-unit)) 0 calc(2.8 * var(--layout-unit));z-index:2;position:relative}& .ng-brand-lockup{align-items:center;gap:calc(1.2 * var(--layout-unit));display:flex}& .ng-brand-lockup>.ng-mark{width:calc(4.7 * var(--layout-unit));height:calc(4.7 * var(--layout-unit));border-radius:calc(1 * var(--layout-unit));flex-shrink:0}& .ng-hero h1{margin:0}& .ng-tagline{font-size:var(--text-body);line-height:var(--leading-body);margin-top:calc(.55 * var(--layout-unit))}& .ng-intro{margin-top:calc(1.9 * var(--layout-unit));font-size:var(--text-body);line-height:var(--leading-body);max-width:calc(30 * var(--layout-unit))}& .ng-hero-features{margin:calc(1.9 * var(--layout-unit)) 0;gap:calc(.55 * var(--layout-unit));max-width:calc(31 * var(--layout-unit));grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}& .ng-hero-features li{align-items:center;gap:calc(.6 * var(--layout-unit));font-size:var(--text-body);line-height:var(--leading-body);min-width:0;display:flex}& .ng-hero-features .icon{width:calc(1.8 * var(--layout-unit));height:calc(1.8 * var(--layout-unit));stroke-width:1.5px}& .ng-platform-row{align-items:center;gap:calc(.85 * var(--layout-unit));padding:calc(.5 * var(--layout-unit)) calc(.7 * var(--layout-unit));border-radius:calc(.7 * var(--layout-unit));display:inline-flex}& .ng-platform{gap:calc(.45 * var(--layout-unit));font-size:var(--text-ui);padding:calc(.28 * var(--layout-unit)) calc(.35 * var(--layout-unit));align-items:center;display:inline-flex}& .ng-platform .icon{width:calc(1.35 * var(--layout-unit));height:calc(1.35 * var(--layout-unit));stroke-width:1.8px}& .ng-hero-actions{align-items:center;gap:calc(1.4 * var(--layout-unit));margin-top:calc(1.2 * var(--layout-unit));flex-wrap:wrap;display:flex}& .ng-light-link{align-items:center;gap:calc(.5 * var(--layout-unit));font-size:var(--text-body);padding:calc(.75 * var(--layout-unit)) 0;display:inline-flex}& .ng-light-link:hover{color:var(--amber)}& .ng-release-note{font-size:var(--text-small);line-height:var(--leading-body);margin-top:calc(.95 * var(--layout-unit))}& .ng-device-stage{width:100%;min-height:calc(33.5 * var(--layout-unit));align-self:stretch;position:relative}& .ng-phone-mockup{z-index:2;width:auto;max-width:none;height:min(calc(100% - 2.2 * var(--layout-unit)), 620px);filter:drop-shadow(0 calc(1.15 * var(--layout-unit)) calc(1.4 * var(--layout-unit)) #0000006b);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .ng-stage-note{z-index:3;right:calc(-1.9 * var(--layout-unit));bottom:calc(2.5 * var(--layout-unit));color:#f3f7fb;font-family:var(--text);font-size:var(--text-body);line-height:var(--leading-body);position:absolute;transform:rotate(-9deg)}& .ng-stage-note span{background:var(--amber);height:calc(.15 * var(--layout-unit));width:calc(5.3 * var(--layout-unit));margin-top:calc(.6 * var(--layout-unit));display:block;transform:rotate(-6deg)}& .ng-stage-square{border-radius:calc(1.9 * var(--layout-unit));background:#111f32;border:1px solid #1f3049;position:absolute}& .ng-stage-square-one{width:calc(18 * var(--layout-unit));height:calc(18 * var(--layout-unit));left:calc(1 * var(--layout-unit));top:calc(9 * var(--layout-unit));transform:rotate(-15deg)}& .ng-stage-square-two{width:calc(9 * var(--layout-unit));height:calc(9 * var(--layout-unit));right:calc(.6 * var(--layout-unit));top:calc(1.4 * var(--layout-unit));background:#13213b;border-color:#28375b;transform:rotate(11deg)}& .ng-content{padding-top:calc(2.4 * var(--layout-unit))}& .ng-overview{grid-template-columns:minmax(0,1fr) calc(20 * var(--layout-unit));gap:calc(2.5 * var(--layout-unit));align-items:start;display:grid}& .ng-overview h2{margin-top:calc(.6 * var(--layout-unit))}& .ng-overview .section-description{margin-top:calc(.7 * var(--layout-unit));line-height:var(--leading-body)}& .ng-benefits{gap:calc(1 * var(--layout-unit));margin-top:calc(1.8 * var(--layout-unit));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}& .ng-benefit .icon-disc{color:var(--ng-blue);width:calc(4 * var(--layout-unit));height:calc(4 * var(--layout-unit));margin-bottom:calc(.9 * var(--layout-unit));background:#e6eeff}& .ng-benefit .icon-disc .icon{width:calc(2 * var(--layout-unit));height:calc(2 * var(--layout-unit));stroke-width:1.7px}& .ng-benefit p{margin-top:calc(.5 * var(--layout-unit));font-size:var(--text-body);line-height:var(--leading-body);color:#4c5e79}& .ng-rules-card{border-radius:calc(1 * var(--layout-unit));padding:calc(1.7 * var(--layout-unit)) calc(1.5 * var(--layout-unit));text-align:center;background:#eaf1fc;border:1px solid #e2ebf9}& .ng-rules-card>.ng-mark{width:calc(4.2 * var(--layout-unit));height:calc(4.2 * var(--layout-unit));border-radius:calc(.85 * var(--layout-unit));margin:0 auto calc(1.1 * var(--layout-unit))}& .ng-rules-card p{font-size:var(--text-body);line-height:var(--leading-body);color:#445a7c;margin:calc(.8 * var(--layout-unit)) 0 calc(1.15 * var(--layout-unit))}& .ng-button-blue{background:var(--ng-blue);color:#fff;border:1px solid var(--ng-blue);min-height:calc(2.7 * var(--layout-unit));border-radius:calc(.6 * var(--layout-unit))}& .ng-button-blue:hover{background:var(--ng-blue-deep)}& .ng-screenshots{margin-top:calc(2.6 * var(--layout-unit));scroll-margin-top:calc(1.5 * var(--layout-unit))}& .ng-blue-link{align-items:center;gap:calc(.45 * var(--layout-unit));font-size:var(--text-body);color:var(--ng-blue);padding:calc(.55 * var(--layout-unit)) 0;background:0 0;font-weight:600;display:inline-flex}& .ng-blue-link:hover{color:var(--ng-blue-deep);text-underline-offset:.18em;text-decoration:underline}& .ng-gallery-intro{margin-top:calc(.75 * var(--layout-unit));color:#506079;font-size:var(--text-body);line-height:var(--leading-body)}& .ng-gallery{gap:calc(1.3 * var(--layout-unit));margin-top:calc(1.5 * var(--layout-unit));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}& .ng-shot{min-width:0}& .ng-shot-media{aspect-ratio:.5;border-radius:calc(.8 * var(--layout-unit));width:100%;box-shadow:0 calc(.3 * var(--layout-unit)) calc(1 * var(--layout-unit)) #0e274d0d;background:#ecf1f8;border:1px solid;display:flex;position:relative;overflow:hidden}& .ng-shot-media:hover .ng-expand-badge{color:#fff;background:var(--ng-blue)}& .ng-shot-media>img{object-fit:cover;object-position:top;width:100%;height:100%}& .ng-shot-splash{background:var(--ng-navy)}& .ng-shot-home{background:#f5f5f0}& .ng-shot-home>img{object-fit:contain}& .ng-expand-badge{bottom:calc(.65 * var(--layout-unit));right:calc(.6 * var(--layout-unit));width:calc(1.75 * var(--layout-unit));height:calc(1.75 * var(--layout-unit));color:#294674;border-radius:calc(.45 * var(--layout-unit));box-shadow:0 calc(.15 * var(--layout-unit)) calc(.6 * var(--layout-unit)) #0a1c2e1a;background:#fff;place-items:center;display:grid;position:absolute}& .ng-expand-badge .icon{width:calc(1 * var(--layout-unit));height:calc(1 * var(--layout-unit))}& .ng-shot figcaption{padding-top:calc(.85 * var(--layout-unit));text-align:center}& .ng-shot figcaption strong{font-size:var(--text-small);line-height:var(--leading-body);color:#12233d;font-weight:600;display:block}& .ng-shot figcaption>span{font-size:var(--text-small);line-height:var(--leading-body);color:#617189;margin-top:calc(.18 * var(--layout-unit));display:block}& .ng-pro{margin-top:calc(2.1 * var(--layout-unit));scroll-margin-top:calc(1.8 * var(--layout-unit))}& .ng-pro h2{margin-top:calc(.6 * var(--layout-unit))}& .ng-pro .section-description{margin-top:calc(.7 * var(--layout-unit));max-width:62ch;line-height:var(--leading-body)}& .ng-help{margin-top:calc(2.1 * var(--layout-unit))}& .ng-how-to{border-radius:calc(.85 * var(--layout-unit));scroll-margin-top:calc(1.8 * var(--layout-unit));background:#fff;border:1px solid}& .ng-how-to>summary{cursor:pointer;padding:calc(1.1 * var(--layout-unit)) calc(1.3 * var(--layout-unit));justify-content:space-between;gap:calc(1 * var(--layout-unit));align-items:center;list-style:none;display:flex}& .ng-how-to>summary::-webkit-details-marker{display:none}& .ng-summary-label{align-items:center;gap:calc(.8 * var(--layout-unit));font-size:var(--text-ui);font-weight:600;line-height:var(--leading-body);display:inline-flex}& .ng-summary-label>.icon{color:var(--ng-blue);width:calc(1.5 * var(--layout-unit));height:calc(1.5 * var(--layout-unit))}& .ng-summary-chevron{width:calc(1.15 * var(--layout-unit));height:calc(1.15 * var(--layout-unit));color:#415b81;transform:rotate(90deg)}& .ng-how-to[open] .ng-summary-chevron{transform:rotate(-90deg)}& .ng-how-content{padding:calc(1.3 * var(--layout-unit));border-top:1px solid #e8edf5}& .ng-how-intro{font-size:var(--text-body);line-height:var(--leading-body);color:#435773}& .ng-rule-steps{gap:calc(1.5 * var(--layout-unit));margin:calc(1.3 * var(--layout-unit)) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}& .ng-step-number{font-size:var(--text-ui);color:var(--ng-blue);padding:calc(.4 * var(--layout-unit)) calc(.6 * var(--layout-unit));border-radius:calc(.4 * var(--layout-unit));background:#eaf0ff;font-weight:600;display:inline-block}& .ng-rule-steps h3{margin-top:calc(.6 * var(--layout-unit))}& .ng-rule-steps p{font-size:var(--text-body);line-height:var(--leading-body);margin-top:calc(.4 * var(--layout-unit));color:#52647c}& .ng-help-links{padding:calc(1.1 * var(--layout-unit)) calc(.3 * var(--layout-unit)) calc(.3 * var(--layout-unit));justify-content:space-between;align-items:center;gap:calc(1 * var(--layout-unit));display:flex}& .ng-help-links p{font-size:var(--text-body);color:#506079}& .ng-help-links>div{gap:calc(1.8 * var(--layout-unit));display:flex}& .ng-image-dialog{width:min(calc(48 * var(--layout-unit)),calc(100vw - calc(2 * var(--layout-unit))));padding:calc(1.5 * var(--layout-unit));border-radius:calc(1 * var(--layout-unit));color:#13203a;max-height:calc(100dvh - calc(2 * var(--layout-unit)));box-shadow:0 calc(2 * var(--layout-unit)) calc(6 * var(--layout-unit)) #0006;background:#f8fafd;border:1px solid #dfe7f0;overflow:auto}& .ng-image-dialog::backdrop{background:#030a14d9}& .ng-image-heading{justify-content:space-between;align-items:flex-start;gap:calc(1 * var(--layout-unit));display:flex}& .ng-image-heading .eyebrow{font-size:var(--text-ui);margin-bottom:calc(.3 * var(--layout-unit))}& .ng-viewer-close,& .ng-viewer-prev,& .ng-viewer-next{width:calc(2.8 * var(--layout-unit));height:calc(2.8 * var(--layout-unit));min-width:44px;min-height:44px;padding:calc(.6 * var(--layout-unit));color:#294674;border-radius:calc(.6 * var(--layout-unit));background:#fff;border:1px solid #d3def0;place-items:center;display:grid}& .ng-viewer-close:hover,& .ng-viewer-prev:hover,& .ng-viewer-next:hover{background:#e7edfa}& .ng-viewer-close .icon,& .ng-viewer-prev .icon,& .ng-viewer-next .icon{width:20px;height:20px}& .ng-image-stage{border-radius:calc(.7 * var(--layout-unit));margin-top:calc(1 * var(--layout-unit));height:min(62vh,calc(42 * var(--layout-unit)));padding:calc(.6 * var(--layout-unit));background:#e9eef6;place-items:center;display:grid}& .ng-image-stage img{width:auto;max-width:100%;height:auto;max-height:min(calc(62vh - calc(1.2 * var(--layout-unit))),calc(40.8 * var(--layout-unit)));object-fit:contain;border-radius:calc(.4 * var(--layout-unit))}& #ng-image-caption{font-size:var(--text-small);line-height:var(--leading-body);margin-top:calc(.8 * var(--layout-unit));color:#52617b}& .ng-image-controls{justify-content:center;gap:calc(1.5 * var(--layout-unit));margin-top:calc(1 * var(--layout-unit));align-items:center;display:flex}& .ng-image-controls p{font-size:var(--text-body)}& .ng-viewer-prev .icon{transform:rotate(180deg)}@media (width<=767px){& .ng-hero-inner{flex-direction:column;gap:0;min-height:0;margin-inline:24px;display:flex}& .ng-hero-copy{width:100%;padding:20px 0 0}& .ng-brand-lockup{gap:15px}& .ng-brand-lockup>.ng-mark{border-radius:var(--r-sm);width:58px;height:58px}& .ng-hero h1{margin:0}& .ng-tagline{font-size:var(--text-body);line-height:var(--leading-body);margin-top:5px}& .ng-intro{max-width:none;font-size:var(--text-body);line-height:var(--leading-body);margin-top:22px}& .ng-hero-features{grid-template-columns:1fr 1fr;gap:17px 14px;max-width:none;margin:25px 0}& .ng-hero-features li{font-size:var(--text-body);line-height:var(--leading-body);gap:10px}& .ng-hero-features .icon{width:25px;height:25px}& .ng-platform-row{border-radius:10px;gap:9px;padding:6px 8px}& .ng-platform{font-size:var(--text-ui);gap:7px;padding:4px}& .ng-platform .icon{width:19px;height:19px}& .ng-hero-actions{gap:20px;margin-top:19px}& .ng-light-link{font-size:var(--text-body);gap:7px;min-height:44px;padding:13px 0}& .ng-light-link .icon{width:17px;height:17px}& .ng-release-note{font-size:var(--text-small);line-height:var(--leading-body);margin-top:13px}& .ng-device-stage{align-self:center;width:min(100%,400px);height:422px;min-height:0;margin-top:28px}& .ng-phone-mockup{left:40%}& .ng-stage-note{font-size:var(--text-small);bottom:18px;right:3px}& .ng-stage-note span{width:77px;height:2px;margin-top:6px}& .ng-stage-square-one{border-radius:23px;width:225px;height:225px;top:105px;left:18px}& .ng-stage-square-two{border-radius:22px;width:120px;height:120px;top:23px;right:5px}& .ng-content{padding-top:34px}& .ng-overview{grid-template-columns:1fr;gap:27px}& .ng-overview h2{margin-top:10px}& .ng-overview .section-description{font-size:var(--text-body);line-height:var(--leading-body);margin-top:12px}& .ng-benefits{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:25px}& .ng-benefit .icon-disc{width:52px;height:52px;margin-bottom:12px}& .ng-benefit .icon-disc .icon{width:26px;height:26px}& .ng-benefit p{font-size:var(--text-body);line-height:var(--leading-body);margin-top:6px}& .ng-rules-card{border-radius:15px;padding:26px 24px}& .ng-rules-card>.ng-mark{border-radius:var(--r-sm);width:59px;height:59px;margin-bottom:17px}& .ng-rules-card p{font-size:var(--text-body);line-height:var(--leading-body);margin:12px 0 18px}& .ng-button-blue{border-radius:9px;min-height:44px}& .ng-screenshots{margin-top:36px;scroll-margin-top:22px}& .ng-screenshots .section-title-row{margin-top:10px}& .ng-blue-link{font-size:var(--text-body);gap:7px;min-height:44px;padding:11px 0}& .ng-blue-link .icon{width:17px;height:17px}& .ng-gallery-intro{font-size:var(--text-body);line-height:var(--leading-body);margin-top:3px}& .ng-gallery{grid-template-columns:1fr 1fr;gap:22px 15px;margin-top:21px}& .ng-shot-media{border-radius:11px}& .ng-expand-badge{border-radius:6px;width:28px;height:28px;bottom:9px;right:8px}& .ng-expand-badge .icon{width:16px;height:16px}& .ng-shot figcaption{padding-top:12px}& .ng-shot figcaption strong{font-size:var(--text-small);line-height:var(--leading-body)}& .ng-shot figcaption>span{font-size:var(--text-small);line-height:var(--leading-body);margin-top:4px}& .ng-shot:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 7.5px)}& .ng-pro,& .ng-help{margin-top:30px}& .ng-how-to{border-radius:var(--r-sm);scroll-margin-top:20px}& .ng-how-to>summary{gap:12px;padding:17px 14px}& .ng-summary-label{font-size:var(--text-ui);line-height:var(--leading-body);gap:10px}& .ng-summary-label>.icon{width:21px;height:21px}& .ng-summary-chevron{width:17px;height:17px}& .ng-how-content{padding:18px}& .ng-how-intro{font-size:var(--text-body);line-height:var(--leading-body)}& .ng-rule-steps{grid-template-columns:1fr;gap:19px;margin-top:20px}& .ng-step-number{font-size:var(--text-ui);border-radius:6px;padding:6px 9px}& .ng-rule-steps h3{margin-top:8px}& .ng-rule-steps p{font-size:var(--text-body);line-height:var(--leading-body);margin-top:6px}& .ng-help-links{flex-direction:column;align-items:flex-start;gap:7px;padding:19px 0 0}& .ng-help-links p{font-size:var(--text-body)}& .ng-help-links>div{flex-wrap:wrap;gap:20px}& .ng-image-dialog{border-radius:var(--r-md);width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}& .ng-image-heading{gap:10px}& .ng-image-heading .eyebrow{font-size:var(--text-ui);letter-spacing:.08em;margin-bottom:6px}& .ng-image-stage{border-radius:10px;height:55vh;margin-top:16px;padding:8px}& .ng-image-stage img{border-radius:5px;max-height:calc(55vh - 16px)}& #ng-image-caption{font-size:var(--text-small);line-height:var(--leading-body);margin-top:12px}& .ng-image-controls{gap:24px;margin-top:15px}& .ng-image-controls p{font-size:var(--text-body)}& .ng-viewer-close,& .ng-viewer-prev,& .ng-viewer-next{border-radius:8px;width:44px;height:44px;padding:10px}}@media (width<=359px){& .ng-hero-inner{margin-inline:20px}& .ng-brand-lockup{gap:11px}& .ng-brand-lockup>.ng-mark{width:51px;height:51px}& .ng-tagline{font-size:var(--text-body)}& .ng-hero-actions{gap:16px}& .ng-hero-actions .btn{width:auto}& .ng-device-stage{height:364px}& .ng-stage-note{font-size:var(--text-small);bottom:8px;right:0}& .ng-stage-square-one{width:193px;height:193px}& .ng-shot figcaption strong{font-size:var(--text-small)}& .ng-benefits{gap:22px 15px}}@media (width>=540px) and (width<=767px){& .ng-hero-inner{margin-inline:36px}& .ng-hero-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}& .ng-hero-features li{font-size:var(--text-body);gap:8px}& .ng-hero-features .icon{width:23px;height:23px}& .ng-device-stage{height:475px}& .ng-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}& .ng-shot:last-child{grid-column:auto;width:100%}}@media (prefers-reduced-motion:reduce){& .ng-stage-note{transition:none}}& .ng-image-dialog{margin:auto}& .ng-mark{display:block}}body.ng-viewer-open{overflow:hidden}.ninegrid-page .ng-hero-inner,.ninegrid-page .ng-content>.content-container{max-width:var(--site-width);padding-inline:var(--site-gutter);margin-inline:auto}.ninegrid-page .ng-benefits,.ninegrid-page .ng-hero-features{grid-template-columns:repeat(4,minmax(0,1fr))}.ninegrid-page .ng-stage-note{right:0}@media (width<=1000px){.ninegrid-page .ng-overview{grid-template-columns:minmax(0,1fr)}}@media (width<=1200px){.ninegrid-page .ng-benefits,.ninegrid-page .ng-hero-features{grid-template-columns:repeat(2,minmax(0,1fr))}}.ninegrid-page .ng-button-blue{min-height:44px}.ninegrid-page{background:var(--bg)}.ninegrid-page .ng-hero,.ninegrid-page .ng-hero-inner{min-height:0}.ninegrid-page .ng-hero h1{color:#fff}.ninegrid-page .ng-tagline,.ninegrid-page .ng-intro,.ninegrid-page .ng-hero-features li,.ninegrid-page .ng-release-note{color:var(--on-dark-muted)}.ninegrid-page .ng-light-link{color:var(--on-dark)}.ninegrid-page .ng-platform-row{background:#ffffff14;border-radius:999px}.ninegrid-page .ng-platform{color:var(--on-dark)}.ninegrid-page .ng-platform .icon{color:var(--ng-lime)}.ninegrid-page .ng-content{padding-top:var(--section)}.ninegrid-page .ng-rules-card{border-radius:var(--r-tile)}.ninegrid-page .ng-button-blue{--wipe:var(--ng-blue-deep);--wipe-fg:#fff;border:0;border-radius:999px}.ninegrid-page .ng-shot-media{border-radius:var(--r-md);border-color:var(--line)}.ninegrid-page .ng-how-to{border-color:var(--line);border-radius:var(--r-tile)}.ninegrid-page .ng-image-dialog{border-radius:var(--r-tile)}.ninegrid-page .ng-hero-inner{max-width:none;padding-inline:var(--hero-pad-x)}.ninegrid-page .ng-hero-copy{padding-block:var(--hero-pad-top) var(--hero-pad-bottom)}@media (width<=767px){.ninegrid-page .ng-hero-copy{padding-bottom:0}}.ninegrid-page .ng-rules-card :focus-visible{outline-color:var(--ink)}