.infogrid-section{scroll-margin-top:calc(var(--header-height) + 1rem);padding-block:clamp(5.5rem,9vw,9rem);overflow:clip}.infogrid-category-switcher{opacity:0;visibility:hidden;width:min(20rem,100%);height:0;margin:0 auto;overflow:hidden;transform:translateY(.75rem)}.infogrid-category-switcher[data-category-transitioning=true]{pointer-events:none}.infogrid-category-track{--category-index:0;--category-count:2;border:1px solid var(--line);grid-template-columns:repeat(var(--category-count), minmax(0, 1fr));background:color-mix(in oklch, var(--surface) 88%, transparent);width:100%;height:48px;box-shadow:0 .65rem 1.7rem color-mix(in oklch, var(--ink) 6%, transparent);isolation:isolate;border-radius:999px;align-items:stretch;padding:.25rem;display:grid;position:relative}.infogrid-category-track button{z-index:2;min-width:0;color:var(--ink-soft);font:inherit;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding-inline:.85rem;font-size:.72rem;font-weight:620;transition:color .2s;position:relative}.infogrid-category-track button[aria-pressed=true]{color:var(--ink)}.infogrid-category-track button:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.infogrid-category-indicator{width:calc((100% - .5rem) / var(--category-count));z-index:1;border:1px solid color-mix(in oklch, var(--ink) 13%, transparent);background:var(--surface);box-shadow:0 .2rem .65rem color-mix(in oklch, var(--ink) 8%, transparent);transform:translateX(calc(var(--category-index) * 100%));border-radius:999px;transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;top:.25rem;bottom:.25rem;left:.25rem}.infogrid{--infogrid-gap:clamp(.68rem, 1vw, .92rem);width:min(calc(100% - (var(--gutter) * 2)), 68rem);height:calc((var(--infogrid-cell,21rem) * 4) + (var(--infogrid-gap) * 3));margin-inline:auto;position:relative}.infogrid[data-mode=inactive]{--stack-card-size:clamp(18rem, 27vw, 22rem);height:clamp(31rem,48vw,37rem)}.infogrid-inactive-copy{z-index:40;pointer-events:none;width:min(47%,31rem);position:absolute;top:50%;right:clamp(1rem,4.5vw,4.5rem);transform:translateY(-50%)}.infogrid-inactive-copy h2{max-width:11ch;color:var(--ink);letter-spacing:-.07em;font-size:clamp(3rem,5.7vw,5.6rem);font-weight:500;line-height:.9}.infogrid[data-mode=active] .infogrid-inactive-copy{visibility:hidden;pointer-events:none}.infogrid-card{--info-bg:var(--surface);--info-ink:var(--ink);--info-muted:var(--ink-soft);--info-line:var(--line);--info-glow:transparent;width:var(--infogrid-cell,21rem);height:var(--infogrid-cell,21rem);left:calc(var(--info-col) * (var(--infogrid-cell,21rem) + var(--infogrid-gap)));top:calc(var(--info-row) * (var(--infogrid-cell,21rem) + var(--infogrid-gap)));border:1px solid color-mix(in oklch, var(--info-line) 74%, transparent);background:var(--info-bg);color:var(--info-ink);box-shadow:0 .7rem 2rem color-mix(in oklch, var(--ink) 5%, transparent), 0 0 var(--amanah-accent-glow-radius) var(--info-glow);transform-style:preserve-3d;transform-origin:50%;isolation:isolate;backface-visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:clamp(.72rem,1.2vw,1.05rem);display:block;position:absolute;overflow:hidden}.infogrid[data-mode=active] .infogrid-card{transform:perspective(1200px)rotateY(0)}.infogrid[data-mode=inactive] .infogrid-card{--info-glow:transparent;width:var(--stack-card-size);height:var(--stack-card-size);left:clamp(1.2rem,6vw,5.25rem);top:calc(50% - (var(--stack-card-size) / 2));box-shadow:none;transform-style:flat}.infogrid[data-mode=inactive] .infogrid-card[data-stack-rank="0"],.infogrid[data-mode=inactive] .infogrid-card[data-stack-rank="1"]{will-change:transform}.infogrid[data-mode=inactive] .infogrid-card-plane{transform-style:flat;will-change:auto;transform:none!important}.infogrid[data-mode=inactive] .infogrid-card-front{backface-visibility:visible;transform:none}.infogrid[data-mode=inactive] .infogrid-card-back{display:none}.infogrid[data-mode=inactive] .infogrid-card:not([data-stack-rank="0"]):not([data-stack-rank="1"]) .infogrid-card-plane{visibility:hidden}.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=false]{pointer-events:none}.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true]{cursor:grab;touch-action:pan-y}.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true]:active{cursor:grabbing}.infogrid[data-mode=inactive][data-stack-transitioning=true] .infogrid-card,.infogrid[data-category-transitioning=true] .infogrid-card,.infogrid-card-category-ghost{pointer-events:none}.infogrid-card[data-tone=ink]{--info-bg:var(--contrast-surface);--info-ink:var(--contrast-ink);--info-muted:var(--contrast-ink-soft);--info-line:var(--contrast-line)}.infogrid-card[data-tone=blue]{--info-bg:var(--amanah-accent-blue);--info-ink:var(--amanah-accent-blue-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-blue-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-blue-ink) 24%, transparent);--info-glow:var(--amanah-accent-blue-glow)}.infogrid-card[data-tone=red]{--info-bg:var(--amanah-accent-red);--info-ink:var(--amanah-accent-red-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-red-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-red-ink) 24%, transparent);--info-glow:var(--amanah-accent-red-glow)}.infogrid-card[data-tone=yellow]{--info-bg:var(--amanah-accent-yellow);--info-ink:var(--amanah-accent-yellow-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-yellow-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-yellow-ink) 24%, transparent);--info-glow:var(--amanah-accent-yellow-glow)}.infogrid-card[data-tone=indigo]{--info-bg:var(--amanah-accent-indigo);--info-ink:var(--amanah-accent-indigo-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-indigo-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-indigo-ink) 24%, transparent);--info-glow:var(--amanah-accent-indigo-glow)}.infogrid-card[data-tone=violet]{--info-bg:var(--amanah-accent-violet);--info-ink:var(--amanah-accent-violet-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-violet-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-violet-ink) 24%, transparent);--info-glow:var(--amanah-accent-violet-glow)}.infogrid-card[data-tone=green]{--info-bg:var(--amanah-accent-green);--info-ink:var(--amanah-accent-green-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-green-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-green-ink) 24%, transparent);--info-glow:var(--amanah-accent-green-glow)}.infogrid-card[data-tone=orange]{--info-bg:var(--amanah-accent-orange);--info-ink:var(--amanah-accent-orange-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-orange-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-orange-ink) 24%, transparent);--info-glow:var(--amanah-accent-orange-glow)}.infogrid-card[data-tone=purple]{--info-bg:var(--amanah-accent-purple);--info-ink:var(--amanah-accent-purple-ink);--info-muted:color-mix(in oklch, var(--amanah-accent-purple-ink) 68%, transparent);--info-line:color-mix(in oklch, var(--amanah-accent-purple-ink) 24%, transparent);--info-glow:var(--amanah-accent-purple-glow)}.infogrid-card[data-span="2x1"]{width:calc((var(--infogrid-cell) * 2) + var(--infogrid-gap))}.infogrid-card[data-span="1x2"]{height:calc((var(--infogrid-cell) * 2) + var(--infogrid-gap))}.infogrid-card[data-span="2x2"]{width:calc((var(--infogrid-cell) * 2) + var(--infogrid-gap));height:calc((var(--infogrid-cell) * 2) + var(--infogrid-gap))}.infogrid-card[data-covered=true]{z-index:0;pointer-events:none}.infogrid-card-trigger{border-radius:inherit;width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.infogrid-article-link,.infogrid-view-link{text-decoration:none}.infogrid-card:after{content:"";z-index:4;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e}.infogrid-card.services-carousel-card{border:0}.infogrid-card.services-carousel-card:after{content:none}.infogrid-card:hover{box-shadow:0 1.1rem 2.8rem color-mix(in oklch, var(--ink) 10%, transparent), 0 0 calc(var(--amanah-accent-glow-radius) * 1.25) var(--info-glow)}.infogrid-card-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.infogrid-card[data-kind=view]{box-shadow:none;isolation:auto;background:0 0;border:0;border-radius:0;overflow:visible}.infogrid-card[data-kind=view]:after{display:none}.infogrid-card[data-kind=view]:hover{box-shadow:none}.infogrid-card-plane{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;will-change:transform;position:absolute;inset:0}.infogrid-vault-card-plane{overflow:visible}.infogrid-vault-card-plane>.vault-directory-card{aspect-ratio:1;width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.infogrid-vault-card-plane>.vault-directory-card:after{display:none}.infogrid-vault-card-plane>.vault-directory-card[data-interactive=true]:hover{box-shadow:none;transform:none}.infogrid-vault-card-plane>.vault-directory-card>a{height:100%;min-height:0;display:block;position:relative;overflow:visible}.infogrid-motion-vault-card-artwork{background:#010203;background:lab(.458622% -.0282303 -.371745);padding:0}.infogrid-motion-vault-card-artwork .showcase-view-frame{z-index:1}.infogrid-card-face{border-radius:inherit;background:var(--info-bg);color:var(--info-ink);backface-visibility:hidden;flex-direction:column;padding:clamp(1rem,1.75vw,1.45rem);display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(.1px)}.infogrid-card-front--line-art{padding:0}.infogrid-card-face.infogrid-view-card{background:#020305;background:lab(.895077% -.0558049 -.779504);padding:0}.infogrid-card-face.latest-article-face--visual{color:var(--article-cover-ink,#f3f7f1);background:0 0}.infogrid-card-face.latest-article-face--visual :is(h2,h3){color:var(--article-cover-ink,#f3f7f1)}.infogrid-view-card>.showcase-view-frame{z-index:1}.infogrid-view-card img{image-rendering:auto}.infogrid-view-card .showcase-view-motion-video{opacity:1}.infogrid-view-card-caption{z-index:6;color:#f7f8f4;-webkit-backdrop-filter:blur(.7rem)saturate(1.15);backdrop-filter:blur(.7rem)saturate(1.15);background:#08090cc7;border:1px solid #ffffff21;border-radius:clamp(.55rem,.85vw,.78rem);justify-content:space-between;align-items:flex-end;gap:.75rem;min-height:clamp(3.6rem,5.8vw,4.8rem);padding:clamp(.65rem,1.15vw,.95rem);display:flex;position:absolute;bottom:clamp(.45rem,.75vw,.65rem);left:clamp(.45rem,.75vw,.65rem);right:clamp(.45rem,.75vw,.65rem);box-shadow:0 .45rem 1.35rem #0000002e}.infogrid-view-card-caption>span{gap:.22rem;min-width:0;display:grid}.infogrid-view-card-caption>span:last-child{flex:none;justify-items:end}.infogrid-view-card-caption small{color:#f7f8f4ad;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.42rem,.57vw,.56rem);font-weight:610;line-height:1}.infogrid-view-card-caption strong{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.82rem,1.25vw,1.18rem);font-weight:540;line-height:1;overflow:hidden}.infogrid-view-card-caption svg{width:clamp(.8rem,1.15vw,1.05rem);height:auto}.infogrid-card-back{background:radial-gradient(circle at 88% 8%, color-mix(in oklch, var(--info-ink) 12%, transparent), transparent 28%), var(--info-bg);justify-content:space-between;transform:rotateY(180deg)translateZ(.1px)}.infogrid-card-topline{z-index:3;min-height:1.5rem;color:var(--info-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:clamp(.54rem,.65vw,.64rem);font-weight:650;display:flex;position:relative}.infogrid-card-topline svg{width:1rem;height:1rem;color:var(--info-ink)}.infogrid-card-copy{z-index:3;max-width:20rem;margin-top:clamp(.75rem,1.4vw,1.2rem);position:relative}.infogrid-card-copy h3,.infogrid-card-back h3{max-width:13ch;color:var(--info-ink);letter-spacing:-.055em;font-size:clamp(1.42rem,2.15vw,2.15rem);font-weight:520;line-height:.94}.infogrid-card-copy p,.infogrid-card-back p{max-width:31ch;color:var(--info-muted);margin-top:.72rem;font-size:clamp(.65rem,.78vw,.76rem);line-height:1.42}.infogrid-card-back>div:nth-child(2){margin-block:auto}.infogrid-card-back h3{max-width:11ch;font-size:clamp(1.65rem,2.7vw,2.75rem)}.infogrid-card-back p{max-width:29ch}.infogrid-back-index{color:var(--info-muted);letter-spacing:-.08em;align-self:flex-end;font-size:clamp(2.8rem,5vw,5rem);font-weight:350;line-height:.8}.infogrid-circle-mark{aspect-ratio:1;border:1px solid;border-radius:50%;place-items:center;width:1rem;display:grid}.infogrid-circle-mark i{aspect-ratio:1;background:currentColor;border-radius:50%;width:.28rem}.infogrid-card[data-expanded=true]{z-index:5}.infogrid-card[data-expanded=true] .infogrid-card-copy{max-width:42%}.infogrid-card[data-expanded=true] .infogrid-card-copy h3{font-size:clamp(2rem,3.5vw,3.7rem)}.infogrid-expanded-details{z-index:7;opacity:0;visibility:hidden;pointer-events:none;width:42%;position:absolute;bottom:clamp(.85rem,1.5vw,1.35rem);left:clamp(.85rem,1.5vw,1.35rem)}.infogrid-card[data-expanded=true] .infogrid-expanded-details{opacity:1;visibility:visible;pointer-events:auto}.infogrid-expanded-details>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.infogrid-expanded-details span{border:1px solid var(--info-line);min-height:2.25rem;color:var(--info-ink);border-radius:.55rem;align-items:center;padding:.55rem .65rem;font-size:clamp(.56rem,.72vw,.7rem);font-weight:570;display:flex}.infogrid-expanded-details>a{background:var(--info-ink);width:fit-content;min-height:2.3rem;color:var(--info-bg);border-radius:999px;align-items:center;gap:.55rem;margin-top:.55rem;padding:.58rem .72rem;font-size:clamp(.58rem,.72vw,.7rem);font-weight:640;display:inline-flex}.infogrid-expanded-details>a svg{width:.9rem;height:.9rem}.infogrid-card[data-span="1x2"] .infogrid-expanded-details{width:auto;bottom:.82rem;left:.82rem;right:.82rem}.infogrid-card[data-span="1x2"] .infogrid-expanded-details>div{grid-template-columns:1fr}.infogrid-dartboard-graphic,.infogrid-brand-graphic,.infogrid-logo-graphic,.infogrid-ux-graphic,.infogrid-browser-graphic,.infogrid-development-graphic,.infogrid-commerce-graphic,.infogrid-webapp-graphic,.infogrid-quote-graphic,.infogrid-content-graphic,.infogrid-video-graphic,.infogrid-campaign-graphic,.infogrid-automation-graphic,.infogrid-phone-graphic,.infogrid-search-graphic,.infogrid-system-graphic,.infogrid-proof-graphic,.infogrid-process-graphic,.infogrid-team-graphic,.infogrid-plans-graphic,.infogrid-connect-graphic{z-index:2;pointer-events:none;position:absolute}.infogrid-dartboard-graphic{aspect-ratio:1;width:63%;bottom:2%;right:-1%}.infogrid-target-svg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.infogrid-dartboard{filter:drop-shadow(0 .75rem .8rem #0000001f);transform-box:fill-box;transform-origin:50%}.infogrid-target-arrow{filter:drop-shadow(0 .13rem .12rem #00000024);transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.infogrid-section[data-mode=inactive]:not([data-artifacts-ready=true]) .infogrid-card[data-stack-top=true] :is(.infogrid-dartboard,.infogrid-target-arrow){animation:none!important}.infogrid-section[data-mode=inactive]:not([data-artifacts-ready=true]) .infogrid-card[data-stack-top=true] .infogrid-target-arrow{opacity:0}}.infogrid-brand-graphic{width:84%;height:43%;bottom:5%;right:6%}.infogrid-brand-sheet{border:1px solid var(--info-line);background:color-mix(in oklch, var(--surface) 88%, var(--info-bg));width:58%;height:100%;color:var(--ink);border-radius:.85rem;flex-direction:column;justify-content:space-between;padding:.65rem;display:flex;position:absolute;bottom:0;right:0;transform:rotate(4deg);box-shadow:0 .7rem 1.8rem #00000017}.infogrid-brand-sheet b{letter-spacing:-.07em;font-size:clamp(1rem,1.7vw,1.5rem)}.infogrid-brand-sheet small{letter-spacing:.08em;text-transform:uppercase;font-size:.42rem}.infogrid-brand-graphic>strong{z-index:2;color:var(--info-ink);letter-spacing:-.13em;font-size:clamp(4.4rem,7.6vw,7rem);font-weight:500;line-height:.72;position:absolute;bottom:2%;left:0}.infogrid-brand-swatches{z-index:3;gap:.25rem;display:flex;position:absolute;bottom:12%;right:7%}.infogrid-brand-swatches span{aspect-ratio:1;border:.12rem solid color-mix(in oklch, var(--surface) 78%, transparent);background:var(--amanah-accent-red);border-radius:50%;width:1.05rem}.infogrid-brand-swatches span:nth-child(2){background:var(--amanah-accent-blue)}.infogrid-brand-swatches span:nth-child(3){background:var(--amanah-accent-yellow)}.infogrid-brand-swatches span:nth-child(4){background:var(--amanah-accent-green)}.infogrid-brand-rules{gap:.28rem;width:34%;display:grid;position:absolute;bottom:30%;left:2%}.infogrid-brand-rules i{background:var(--info-ink);opacity:.42;border-radius:99px;height:.12rem}.infogrid-brand-rules i:nth-child(2){width:74%}.infogrid-brand-rules i:nth-child(3){width:48%}.infogrid-card[data-kind=logo] .infogrid-card-face{background:var(--info-bg)}.infogrid-logo-graphic{color:#fff;width:88%;height:50%;bottom:3%;right:6%}.infogrid-logo-grid{opacity:.28;border:1px dashed;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.infogrid-logo-grid:before,.infogrid-logo-grid:after{content:"";pointer-events:none;position:absolute}.infogrid-logo-grid:before{border-top:1px dashed;top:50%;left:-4%;right:-4%}.infogrid-logo-grid:after{border-left:1px dashed;top:-8%;bottom:-8%;left:50%}.infogrid-logo-grid i{border-bottom:1px dashed;border-right:1px dashed}.infogrid-logo-grid i:nth-child(4n){border-right:0}.infogrid-logo-grid i:nth-child(n+13){border-bottom:0}.infogrid-logo-blueprint-label{z-index:3;letter-spacing:.08em;text-transform:uppercase;font-size:.28rem;font-weight:650;position:absolute;top:.4rem;left:.5rem}.infogrid-logo-mark-shell{aspect-ratio:1;z-index:2;color:#fff;border-radius:50%;place-items:center;width:54%;display:grid;position:absolute;top:-4%;left:23%}.infogrid-logo-mark-shell:before{opacity:.38;content:"";pointer-events:none;border:1px dashed;border-radius:50%;position:absolute;inset:-5%}.infogrid-logo-mark{--amanah-mark-surface:var(--info-bg);width:91%}.infogrid-logo-measure{z-index:3;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.27rem;font-weight:620;display:flex;position:absolute;bottom:.4rem;right:.5rem}.infogrid-logo-measure i{border-top:1px dotted;width:2.4rem}.infogrid-logo-graphic>small{z-index:3;letter-spacing:.06em;text-transform:uppercase;font-size:.27rem;position:absolute;bottom:.4rem;left:.5rem}.infogrid-ux-graphic{width:82%;height:48%;bottom:3%;right:7%}.infogrid-ux-path{opacity:.38;background:currentColor;height:1px;position:absolute;top:46%;left:8%;right:8%}.infogrid-ux-path i{aspect-ratio:1;background:currentColor;border-radius:50%;width:.4rem;position:absolute;top:-.2rem}.infogrid-ux-path i:nth-child(2){left:50%}.infogrid-ux-path i:nth-child(3){right:0}.infogrid-ux-screen{background:color-mix(in oklch, var(--surface) 86%, var(--info-bg));width:43%;height:100%;color:var(--ink);border:1px solid;border-radius:.9rem;flex-direction:column;padding:.55rem;display:flex;position:absolute;top:0;transform:rotate(-3deg);box-shadow:0 .8rem 1.8rem #0000001a}.infogrid-ux-screen:nth-child(3){right:0;transform:rotate(3deg)}.infogrid-ux-screen small{text-transform:uppercase;font-size:.27rem}.infogrid-ux-screen strong{max-width:8ch;margin-top:auto;font-size:clamp(.62rem,1.2vw,1rem);line-height:.95}.infogrid-ux-screen>i{background:var(--line);border-radius:.25rem;height:.65rem;margin-top:.25rem}.infogrid-ux-screen>i+i{width:64%}.infogrid-ux-screen>span{color:var(--ink-soft);margin-top:.25rem;font-size:.26rem}.infogrid-ux-screen>b{background:var(--ink);min-height:1.25rem;color:var(--canvas);border-radius:999px;place-content:center;margin-top:.35rem;font-size:.28rem;display:grid}.infogrid-browser-graphic{border:1px solid color-mix(in oklch, var(--ink) 28%, transparent);background:var(--surface);width:80%;height:48%;color:var(--ink);border-radius:.95rem .95rem 0 0;bottom:-3%;right:-5%;overflow:hidden;box-shadow:0 1rem 2.4rem #00000024}.infogrid-browser-chrome{border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--surface) 92%, var(--ink));grid-template-columns:auto 1fr auto;align-items:center;gap:.48rem;height:1.55rem;padding-inline:.62rem;display:grid}.infogrid-browser-chrome>span{gap:.2rem;display:flex}.infogrid-browser-chrome i{aspect-ratio:1;background:var(--amanah-accent-red);border-radius:50%;width:.34rem}.infogrid-browser-chrome i:nth-child(2){background:var(--amanah-accent-yellow)}.infogrid-browser-chrome i:nth-child(3){background:var(--amanah-accent-green)}.infogrid-browser-chrome b{border:1px solid var(--line);min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:99px;padding:.27rem .48rem;font-size:.38rem;font-weight:520;overflow:hidden}.infogrid-browser-chrome em{font-size:.6rem;font-style:normal}.infogrid-browser-page{background:var(--canvas);height:calc(100% - 1.55rem);position:relative;overflow:hidden}.infogrid-browser-page header{height:1.4rem;color:var(--ink);align-items:center;gap:.65rem;padding-inline:.7rem;font-size:.38rem;display:flex}.infogrid-browser-page header b{margin-right:auto;font-size:.7rem}.infogrid-browser-page main{background:var(--amanah-accent-yellow);width:62%;height:calc(100% - 2.5rem);color:var(--amanah-accent-yellow-ink);flex-direction:column;align-items:flex-start;padding:.6rem .7rem;display:flex}.infogrid-browser-page main small{letter-spacing:.04em;text-transform:uppercase;font-size:.3rem}.infogrid-browser-page main strong{letter-spacing:-.055em;max-width:8ch;margin-block:auto;font-size:clamp(.72rem,1.25vw,1.08rem);font-weight:570;line-height:.88}.infogrid-browser-page main b{background:var(--ink);color:var(--canvas);border-radius:99px;padding:.3rem .45rem;font-size:.32rem;font-weight:620}.infogrid-browser-page footer{grid-template-rows:repeat(3,1fr);width:38%;display:grid;position:absolute;top:1.4rem;bottom:0;right:0}.infogrid-browser-page footer i{border-bottom:1px solid color-mix(in oklch, var(--ink) 14%, transparent);background:var(--amanah-accent-blue)}.infogrid-browser-page footer i:nth-child(2){background:var(--amanah-accent-green)}.infogrid-browser-page footer i:nth-child(3){background:var(--amanah-accent-violet);border-bottom:0}.infogrid-browser-cursor{z-index:4;color:var(--ink);filter:drop-shadow(0 2px 2px #0003);font-size:1rem;position:absolute;bottom:22%;right:17%}.infogrid-development-graphic{gap:.23rem;width:86%;display:grid;bottom:4%;right:7%}.infogrid-development-graphic>span{border:1px solid var(--info-line);background:color-mix(in oklch, var(--surface) 84%, var(--info-bg));min-height:1.45rem;color:var(--ink);border-radius:.42rem;grid-template-columns:1rem 1fr auto;align-items:center;gap:.35rem;padding:.28rem .4rem;display:grid}.infogrid-development-graphic>span>i{aspect-ratio:1;background:var(--ink);width:.75rem;color:var(--canvas);border-radius:50%;place-content:center;font-size:.2rem;font-style:normal;display:grid}.infogrid-development-graphic>span b{font-size:.34rem}.infogrid-development-graphic>span small{color:var(--ink-soft);font-size:.24rem}.infogrid-development-graphic>strong{background:var(--ink);min-height:1.6rem;color:var(--canvas);border-radius:.45rem;align-items:center;gap:.3rem;padding-inline:.45rem;font-size:.28rem;display:flex}.infogrid-development-graphic>strong i{aspect-ratio:1;background:var(--amanah-accent-green);border-radius:50%;width:.34rem}.infogrid-commerce-graphic{width:86%;height:48%;bottom:3%;right:6%}.infogrid-commerce-products{grid-template-columns:repeat(2,1fr);gap:.3rem;width:58%;display:grid;position:absolute;inset:0 auto 0 0}.infogrid-commerce-products>span{background:color-mix(in oklch, var(--surface) 90%, var(--info-bg));color:var(--ink);border-radius:.6rem;flex-direction:column;padding:.35rem;display:flex}.infogrid-commerce-products i{background:radial-gradient(circle at 50% 50%, var(--amanah-accent-orange) 0 22%, transparent 23%), var(--surface-strong);border-radius:.4rem;height:3.2rem}.infogrid-commerce-products b{margin-top:auto;font-size:.3rem}.infogrid-commerce-products small{color:var(--ink-soft);font-size:.24rem}.infogrid-commerce-cart{z-index:2;background:var(--ink);width:52%;color:var(--canvas);border-radius:.65rem;flex-direction:column;padding:.55rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 .8rem 1.8rem #0000002e}.infogrid-commerce-cart header{justify-content:space-between;font-size:.26rem;display:flex}.infogrid-commerce-cart header b{aspect-ratio:1;background:#ffffff21;border-radius:50%;place-content:center;width:.85rem;display:grid}.infogrid-commerce-cart>strong{margin-top:auto;font-size:.6rem}.infogrid-commerce-cart>small{opacity:.65;font-size:.22rem}.infogrid-commerce-cart>em{background:var(--amanah-accent-yellow);color:#111;border-radius:999px;place-content:center;min-height:1.25rem;margin-top:.3rem;font-size:.25rem;font-style:normal;display:grid}.infogrid-webapp-graphic{border:1px solid var(--info-line);background:var(--surface);width:86%;height:49%;color:var(--ink);border-radius:.7rem;grid-template-columns:29% 1fr;display:grid;bottom:3%;right:7%;overflow:hidden;box-shadow:0 .8rem 1.8rem #0000001a}.infogrid-webapp-graphic aside{border-right:1px solid var(--line);align-content:start;gap:.2rem;padding:.45rem .3rem;display:grid}.infogrid-webapp-graphic aside b{margin-bottom:.45rem;font-size:.55rem}.infogrid-webapp-graphic aside span{border-radius:.25rem;padding:.24rem;font-size:.2rem}.infogrid-webapp-graphic aside span[data-active]{background:var(--ink);color:var(--canvas)}.infogrid-webapp-graphic main{padding:.45rem}.infogrid-webapp-graphic main header{display:grid}.infogrid-webapp-graphic main header small{color:var(--ink-soft);font-size:.2rem}.infogrid-webapp-graphic main header strong{font-size:.55rem}.infogrid-webapp-graphic article{border:1px solid var(--line);border-radius:.35rem;grid-template-columns:1fr auto;margin-top:.3rem;padding:.35rem;display:grid}.infogrid-webapp-graphic article small{color:var(--ink-soft);font-size:.18rem}.infogrid-webapp-graphic article b{grid-column:1;font-size:.28rem}.infogrid-webapp-graphic article span{color:var(--ink-soft);grid-area:1/2/3;align-self:end;font-size:.18rem}.infogrid-webapp-graphic>em{background:var(--ink);color:var(--canvas);border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .45rem;font-size:.2rem;font-style:normal;display:flex;position:absolute;top:.35rem;right:.35rem}.infogrid-webapp-graphic>em i{aspect-ratio:1;background:var(--amanah-accent-green);border-radius:50%;width:.25rem}.infogrid-card[data-kind=quote] .infogrid-card-copy{opacity:0}.infogrid-quote-graphic{flex-direction:column;display:flex;inset:23% clamp(1rem,1.75vw,1.45rem) 5%}.infogrid-quote-graphic>span{color:var(--info-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.45rem;font-weight:650}.infogrid-quote-graphic>strong{max-width:9ch;color:var(--info-ink);letter-spacing:-.075em;margin-block:auto;font-size:clamp(2.2rem,4vw,3.9rem);font-weight:520;line-height:.86;position:relative}.infogrid-quote-graphic>strong b{font:inherit;white-space:normal;display:inline}.infogrid-quote-character{opacity:1;display:inline}.infogrid-quote-graphic>strong i{background:var(--amanah-accent-orange);vertical-align:-.04em;width:.08em;height:.82em;margin-left:.06em;display:inline-block}.infogrid-quote-graphic>small{color:color-mix(in oklch, var(--info-ink) 9%, transparent);font-size:clamp(10rem,18vw,16rem);font-weight:600;line-height:1;position:absolute;bottom:-29%;right:-2%}.infogrid-content-graphic{background:var(--surface);width:84%;height:49%;color:var(--ink);border-radius:.75rem;bottom:3%;right:7%;box-shadow:0 .8rem 1.8rem #0000001a}.infogrid-content-graphic>header{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;min-height:1.35rem;padding-inline:.5rem;font-size:.22rem;display:flex}.infogrid-content-graphic main{padding:.55rem}.infogrid-content-graphic main small{color:var(--ink-soft);font-size:.22rem}.infogrid-content-graphic main strong{max-width:10ch;margin-top:.28rem;font-size:clamp(.65rem,1.2vw,1rem);line-height:.92;display:block}.infogrid-content-graphic main strong em{z-index:1;font-style:italic;position:relative}.infogrid-content-graphic main strong em:before{content:"";z-index:-1;background:var(--amanah-accent-red);position:absolute;inset:56% -.08rem 0}.infogrid-content-graphic main p{color:var(--ink-soft);margin-top:.32rem;font-size:.24rem}.infogrid-content-graphic main>span{gap:.15rem;margin-top:.4rem;display:grid}.infogrid-content-graphic main>span i{background:var(--line);width:70%;height:.15rem}.infogrid-content-graphic main>span i:nth-child(2){width:54%}.infogrid-content-graphic main>span i:nth-child(3){width:39%}.infogrid-content-graphic>div{background:var(--ink);color:var(--canvas);border-radius:.55rem;align-items:center;gap:.35rem;padding:.35rem;display:flex;position:absolute;top:28%;right:-.5rem;box-shadow:0 .6rem 1.2rem #00000029}.infogrid-content-graphic>div img{object-fit:cover;border-radius:.4rem}.infogrid-content-graphic>div>span{display:grid}.infogrid-content-graphic>div b{font-size:.26rem}.infogrid-content-graphic>div small{opacity:.68;font-size:.2rem}.infogrid-video-graphic{width:86%;height:48%;bottom:3%;right:7%}.infogrid-video-screen{border:.2rem solid var(--ink);background:var(--ink);border-radius:.65rem;height:78%;position:relative;overflow:hidden;box-shadow:0 .8rem 1.8rem #00000026}.infogrid-video-screen img{object-fit:cover}.infogrid-video-screen:after{content:"";background:#0000001f;position:absolute;inset:0}.infogrid-video-screen>i{aspect-ratio:1;z-index:2;color:#111;background:#ffffffe0;border-radius:50%;place-content:center;width:2rem;font-size:.5rem;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infogrid-video-screen>span{z-index:2;color:#fff;background:#000000a6;border-radius:999px;padding:.25rem .35rem;font-size:.2rem;position:absolute;top:.35rem;left:.35rem}.infogrid-video-timeline{grid-template-columns:auto 1fr auto;align-items:center;gap:.3rem;margin-top:.35rem;font-size:.2rem;display:grid}.infogrid-video-timeline>i{background:color-mix(in oklch, currentColor 22%, transparent);border-radius:999px;height:.15rem}.infogrid-video-timeline>i b{background:currentColor;width:62%;height:100%;display:block}.infogrid-video-timeline>div{grid-column:1/-1;grid-template-columns:repeat(10,1fr);gap:.1rem;height:.75rem;display:grid}.infogrid-video-timeline>div i{background:color-mix(in oklch, currentColor 22%, transparent);border-radius:.1rem}.infogrid-video-timeline>div i:nth-child(3n){background:var(--amanah-accent-violet)}.infogrid-campaign-graphic{width:88%;height:48%;bottom:3%;right:6%}.infogrid-campaign-graphic>div{grid-template-columns:repeat(3,1fr);gap:.25rem;height:78%;display:grid}.infogrid-campaign-graphic>div>span{background:color-mix(in oklch, var(--surface) 90%, var(--info-bg));color:var(--ink);border-radius:.55rem;flex-direction:column;padding:.35rem;display:flex;box-shadow:0 .6rem 1.2rem #00000014}.infogrid-campaign-graphic>div>span[data-active]{background:var(--ink);color:var(--canvas);transform:translateY(-.25rem)}.infogrid-campaign-graphic>div i{aspect-ratio:1;background:color-mix(in oklch, currentColor 12%, transparent);border-radius:50%;place-content:center;width:.85rem;font-size:.2rem;font-style:normal;display:grid}.infogrid-campaign-graphic>div small{opacity:.66;margin-top:auto;font-size:.2rem}.infogrid-campaign-graphic>div b{margin-top:.2rem;font-size:.34rem;line-height:1}.infogrid-campaign-graphic>strong{background:var(--ink);min-height:1.35rem;color:var(--canvas);border-radius:999px;justify-content:space-between;align-items:center;margin-top:.3rem;padding-inline:.45rem;font-size:.22rem;display:flex}.infogrid-campaign-graphic>strong i{opacity:.5;font-style:normal}.infogrid-automation-graphic{width:88%;height:50%;bottom:2%;right:6%}.infogrid-automation-path{opacity:.4;position:absolute;inset:0}.infogrid-automation-path i{border-top:1px dashed;border-radius:50%;width:84%;height:54%;position:absolute;top:10%;left:8%;transform:rotate(16deg)}.infogrid-automation-path i:nth-child(2){top:35%;transform:rotate(-16deg)}.infogrid-automation-graphic>span{border:1px solid var(--info-line);background:color-mix(in oklch, var(--surface) 92%, var(--info-bg));width:24%;min-height:2.3rem;color:var(--ink);border-radius:.45rem;grid-template-columns:auto 1fr;align-items:center;gap:.25rem;padding:.3rem;display:grid;position:absolute;box-shadow:0 .5rem 1rem #00000014}.infogrid-automation-graphic>span[data-node="1"]{top:0;left:0}.infogrid-automation-graphic>span[data-node="2"]{top:0;right:0}.infogrid-automation-graphic>span[data-node="3"]{background:var(--ink);color:var(--canvas);top:36%;left:38%}.infogrid-automation-graphic>span[data-node="4"]{bottom:0;left:0}.infogrid-automation-graphic>span[data-node="5"]{bottom:0;right:0}.infogrid-automation-graphic>span i{aspect-ratio:1;width:.65rem;color:var(--canvas);background:currentColor;border-radius:50%;place-content:center;font-size:.16rem;font-style:normal;display:grid}.infogrid-automation-graphic>span[data-node="3"] i{color:var(--ink)}.infogrid-automation-graphic>span b{font-size:.22rem}.infogrid-automation-graphic>strong{background:var(--ink);color:var(--canvas);border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .4rem;font-size:.2rem;display:flex;position:absolute;bottom:-.15rem;left:50%;transform:translate(-50%)}.infogrid-automation-graphic>strong i{aspect-ratio:1;background:var(--amanah-accent-green);border-radius:50%;width:.25rem}.infogrid-phone-graphic{border:2px solid var(--info-ink);background:var(--surface);width:56%;height:57%;color:var(--ink);border-radius:1.35rem 1.35rem 0 0;flex-direction:column;display:flex;bottom:-4%;right:7%;overflow:hidden;box-shadow:0 1rem 2.4rem #00000021}.infogrid-phone-status{grid-template-columns:1fr auto 1fr;align-items:center;height:1.45rem;padding:.52rem .65rem .2rem;font-size:.36rem;display:grid}.infogrid-phone-status>i{background:var(--ink);border-radius:99px;width:1.4rem;height:.34rem}.infogrid-phone-status>b{letter-spacing:.06em;justify-self:end;font-size:.32rem}.infogrid-phone-graphic>header{gap:.08rem;padding:.35rem .65rem .45rem;display:grid;position:relative}.infogrid-phone-graphic>header span{color:var(--ink-soft);font-size:.32rem}.infogrid-phone-graphic>header strong{max-width:9ch;font-size:clamp(.72rem,1.15vw,1rem);line-height:.92}.infogrid-phone-graphic>header i{aspect-ratio:1;background:var(--amanah-accent-violet);width:1.25rem;color:var(--amanah-accent-violet-ink);border-radius:50%;place-items:center;font-size:.3rem;font-style:normal;font-weight:700;display:grid;position:absolute;top:.4rem;right:.65rem}.infogrid-phone-progress{grid-template-columns:1fr auto;align-items:center;gap:.35rem;padding:0 .65rem .48rem;display:grid}.infogrid-phone-progress>span{background:color-mix(in oklch, var(--ink) 12%, transparent);border-radius:99px;height:.25rem;overflow:hidden}.infogrid-phone-progress>span i{border-radius:inherit;background:var(--amanah-accent-green);width:72%;height:100%;display:block}.infogrid-phone-progress>b{font-size:.28rem;font-weight:600}.infogrid-phone-task{background:color-mix(in oklch, var(--amanah-accent-blue) 72%, var(--surface));color:var(--amanah-accent-blue-ink);border-radius:.65rem;grid-template-columns:1fr auto;gap:.18rem;margin-inline:.65rem;padding:.48rem;display:grid}.infogrid-phone-task small{grid-column:1/-1;font-size:.27rem}.infogrid-phone-task strong{max-width:12ch;font-size:.43rem;line-height:1.05}.infogrid-phone-task span{align-self:end;font-size:.27rem}.infogrid-phone-action{background:var(--ink);color:var(--canvas);border-radius:99px;justify-content:space-between;margin:auto .65rem .42rem;padding:.38rem .48rem;font-size:.38rem;font-weight:620;display:flex}.infogrid-phone-action i{font-style:normal}.infogrid-phone-graphic>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:.9rem;padding-inline:1.4rem;display:flex}.infogrid-phone-graphic>footer i{aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;width:.3rem}.infogrid-phone-graphic>footer i:nth-child(2){background:var(--ink)}.infogrid-search-graphic{border:1px solid var(--info-line);background:color-mix(in oklch, var(--surface) 92%, var(--info-bg));width:82%;height:47%;color:var(--ink);border-radius:.85rem;padding:.55rem;bottom:4%;right:5%;box-shadow:0 .8rem 2rem #0000001a}.infogrid-search-bar{border:1px solid var(--line);background:var(--canvas);border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;height:1.45rem;padding-inline:.48rem;display:grid}.infogrid-search-bar svg{width:.72rem;height:.72rem}.infogrid-search-bar span{white-space:nowrap;font-size:.38rem;overflow:hidden}.infogrid-search-bar b{background:var(--surface);color:var(--ink-soft);border-radius:.25rem;padding:.16rem .24rem;font-size:.3rem}.infogrid-search-results{gap:.23rem;margin-top:.38rem;display:grid}.infogrid-search-results article{background:var(--canvas);border-radius:.42rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;min-height:1.6rem;padding:.28rem .38rem;display:grid}.infogrid-search-results article:first-child{background:var(--amanah-accent-green);color:var(--amanah-accent-green-ink)}.infogrid-search-results article>i{font-size:.32rem;font-style:normal;font-weight:700}.infogrid-search-results article>div{gap:.05rem;display:grid}.infogrid-search-results article strong{font-size:.38rem}.infogrid-search-results article span{color:color-mix(in oklch, currentColor 68%, transparent);font-size:.28rem}.infogrid-search-results article>b{font-size:.3rem}.infogrid-search-graphic>small{align-items:center;gap:.22rem;font-size:.28rem;font-weight:620;display:flex;position:absolute;bottom:.3rem;right:.62rem}.infogrid-search-graphic>small i{aspect-ratio:1;background:var(--amanah-accent-green);border-radius:50%;width:.34rem}.infogrid-system-graphic{grid-template-columns:repeat(4,minmax(0,1fr));gap:.34rem;width:88%;display:grid;bottom:6%;right:6%}.infogrid-system-path{background:var(--info-line);transform-origin:0;height:.15rem;position:absolute;top:1.15rem;left:8%;right:8%}.infogrid-system-path:after{content:"";background:var(--amanah-accent-green);width:100%;height:100%;transform-origin:inherit;display:block;transform:scaleX(.84)}.infogrid-system-graphic>span{z-index:2;border:1px solid var(--info-line);background:color-mix(in oklch, var(--info-bg) 88%, var(--surface));border-radius:.62rem;flex-direction:column;min-height:5rem;padding:.5rem;display:flex;position:relative}.infogrid-system-graphic>span>i{aspect-ratio:1;background:var(--info-ink);width:1.2rem;color:var(--info-bg);border-radius:50%;place-items:center;font-size:.36rem;font-style:normal;display:grid}.infogrid-system-graphic>span b{margin-top:auto;font-size:.44rem}.infogrid-system-graphic>span small{color:var(--info-muted);font-size:.3rem}.infogrid-system-graphic>strong{background:var(--info-ink);color:var(--info-bg);border-radius:.38rem;grid-column:1/-1;justify-content:space-between;padding:.35rem .48rem;font-size:.36rem;display:flex}.infogrid-system-graphic>strong i{font-style:normal}.infogrid-proof-graphic{border:1px solid var(--info-line);background:color-mix(in oklch, var(--info-bg) 88%, var(--surface));border-radius:.75rem;width:88%;padding:.65rem;bottom:6%;right:6%}.infogrid-proof-graphic header{justify-content:space-between;align-items:center;font-size:.38rem;display:flex}.infogrid-proof-graphic header span{color:var(--info-muted);align-items:center;gap:.28rem;display:flex}.infogrid-proof-graphic header svg{width:.75rem;height:.75rem}.infogrid-proof-graphic header>b{background:var(--amanah-accent-green);color:var(--amanah-accent-green-ink);border-radius:99px;padding:.2rem .3rem;font-size:.32rem}.infogrid-proof-metric{align-items:end;gap:.45rem;margin-top:.45rem;display:flex}.infogrid-proof-metric strong{letter-spacing:-.1em;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:430;line-height:.7}.infogrid-proof-metric span{max-width:8ch;color:var(--info-muted);font-size:.38rem;line-height:1.05}.infogrid-proof-chart{align-items:flex-end;gap:.2rem;height:2.5rem;margin-top:.65rem;display:flex}.infogrid-proof-chart i{width:100%;height:var(--proof-value);background:var(--amanah-accent-blue);transform-origin:50% 100%;border-radius:.18rem .18rem 0 0;display:block}.infogrid-proof-chart i:nth-child(3n+2){background:var(--amanah-accent-orange)}.infogrid-proof-chart i:nth-child(3n){background:var(--amanah-accent-violet)}.infogrid-proof-graphic footer{color:var(--info-muted);justify-content:space-between;margin-top:.4rem;font-size:.28rem;display:flex}.infogrid-process-graphic{grid-template-columns:repeat(4,1fr);gap:.28rem;width:90%;display:grid;bottom:6%;right:5%}.infogrid-process-line{background:var(--info-line);height:.15rem;position:absolute;top:1.08rem;left:8%;right:8%}.infogrid-process-line i{background:var(--amanah-accent-yellow);transform-origin:0;width:64%;height:100%;display:block}.infogrid-process-graphic>span{z-index:2;border:1px solid var(--info-line);background:var(--info-bg);border-radius:.55rem;flex-direction:column;min-height:5.25rem;padding:.45rem;display:flex;position:relative}.infogrid-process-graphic>span>i{aspect-ratio:1;border:1px solid var(--info-line);background:var(--info-bg);border-radius:50%;place-items:center;width:1.25rem;font-size:.34rem;font-style:normal;display:grid}.infogrid-process-graphic>span:nth-of-type(-n+2)>i{background:var(--amanah-accent-yellow);color:var(--amanah-accent-yellow-ink)}.infogrid-process-graphic>span b{margin-top:auto;font-size:.43rem}.infogrid-process-graphic>span small{color:var(--info-muted);font-size:.29rem}.infogrid-team-graphic{justify-content:center;align-items:flex-end;height:44%;display:flex;bottom:4%;left:5%;right:5%}.infogrid-team-graphic>span{aspect-ratio:1;border:1px solid var(--info-line);background:var(--amanah-accent-violet);border-radius:25%;width:36%;margin-inline:-4%;position:relative;overflow:hidden;transform:rotate(-5deg)}.infogrid-team-graphic>span:nth-child(2){z-index:2;background:var(--amanah-accent-orange);transform:translateY(-8%)rotate(2deg)}.infogrid-team-graphic>span:nth-child(3){background:var(--amanah-accent-green);transform:rotate(6deg)}.infogrid-team-graphic img{object-fit:contain;object-position:center bottom}.infogrid-team-graphic>small{z-index:4;background:var(--info-ink);color:var(--info-bg);border-radius:99px;align-items:center;gap:.25rem;padding:.3rem .45rem;font-size:.34rem;font-weight:630;display:flex;position:absolute;bottom:2%;right:2%}.infogrid-team-graphic>small i{aspect-ratio:1;background:var(--amanah-accent-green);border-radius:50%;width:.35rem}.infogrid-plans-graphic{width:88%;bottom:5%;right:6%}.infogrid-plans-graphic>svg{z-index:5;width:1.4rem;height:1.4rem;position:absolute;top:.45rem;right:.45rem}.infogrid-plan-cards{height:6.4rem;position:relative}.infogrid-plan-cards>span{border:1px solid var(--info-line);background:var(--surface);width:42%;height:5.4rem;color:var(--ink);border-radius:.65rem;flex-direction:column;padding:.55rem;display:flex;position:absolute;bottom:0;left:29%;box-shadow:0 .65rem 1.4rem #00000017}.infogrid-plan-cards>span:first-child{background:var(--amanah-accent-blue);color:var(--amanah-accent-blue-ink);left:2%;transform:rotate(-7deg)}.infogrid-plan-cards>span:nth-child(2){z-index:2;background:var(--amanah-accent-yellow);color:var(--amanah-accent-yellow-ink);transform:translateY(-8%)}.infogrid-plan-cards>span:nth-child(3){background:var(--amanah-accent-green);color:var(--amanah-accent-green-ink);left:auto;right:2%;transform:rotate(7deg)}.infogrid-plan-cards small{font-size:.32rem}.infogrid-plan-cards b{margin-top:auto;font-size:.52rem}.infogrid-plan-cards i{opacity:.68;font-size:.3rem;font-style:normal}.infogrid-plans-graphic>strong{color:var(--info-muted);text-align:center;text-transform:uppercase;font-size:.38rem;display:block}.infogrid-connect-graphic{border:1px solid var(--info-line);background:color-mix(in oklch, var(--info-bg) 88%, var(--surface));border-radius:.75rem;width:88%;padding:.65rem;bottom:5%;right:6%}.infogrid-connect-graphic header{justify-content:space-between;align-items:center;font-size:.38rem;display:flex}.infogrid-connect-graphic header span{align-items:center;gap:.28rem;display:flex}.infogrid-connect-graphic header svg{width:.8rem;height:.8rem}.infogrid-connect-graphic header b{color:var(--info-muted);font-size:.32rem}.infogrid-connect-days{grid-template-columns:repeat(5,1fr);gap:.25rem;margin-top:.6rem;display:grid}.infogrid-connect-days i{aspect-ratio:1;border:1px solid var(--info-line);border-radius:.38rem;place-items:center;font-size:.34rem;font-style:normal;display:grid}.infogrid-connect-days i[data-selected=true]{background:var(--amanah-accent-blue);color:var(--amanah-accent-blue-ink)}.infogrid-connect-times{grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.35rem;display:grid}.infogrid-connect-times span{border:1px solid var(--info-line);text-align:center;border-radius:.35rem;padding:.3rem;font-size:.31rem}.infogrid-connect-times span[data-selected=true]{border-color:var(--amanah-accent-green);background:var(--amanah-accent-green);color:var(--amanah-accent-green-ink)}.infogrid-connect-graphic footer{justify-content:space-between;align-items:center;margin-top:.48rem;font-size:.29rem;display:flex}.infogrid-connect-graphic footer span{color:var(--info-muted);align-items:center;gap:.24rem;display:flex}.infogrid-connect-graphic footer span i{aspect-ratio:1;background:var(--amanah-accent-green);border-radius:50%;width:.32rem}.infogrid-connect-graphic footer b{background:var(--info-ink);color:var(--info-bg);border-radius:99px;padding:.3rem .42rem;font-size:.28rem}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-dartboard{animation:.62s cubic-bezier(.2,.82,.25,1) both infogrid-board-arrive}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-target-arrow-primary{animation:.66s cubic-bezier(.16,1,.3,1) .14s both infogrid-target-arrow-primary-in}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-target-arrow-secondary{animation:.64s cubic-bezier(.16,1,.3,1) .48s both infogrid-target-arrow-secondary-in}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-brand-sheet{animation:.52s cubic-bezier(.2,.82,.25,1) both infogrid-sheet-arrive}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-brand-graphic>strong{animation:.5s cubic-bezier(.2,.82,.25,1) .12s both infogrid-type-rise}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-brand-swatches span{animation:infogrid-pop .38s calc(.18s + (var(--swatch-index,0) * 70ms)) cubic-bezier(.2, .88, .25, 1.2) both}.infogrid-brand-swatches span:first-child{--swatch-index:0}.infogrid-brand-swatches span:nth-child(2){--swatch-index:1}.infogrid-brand-swatches span:nth-child(3){--swatch-index:2}.infogrid-brand-swatches span:nth-child(4){--swatch-index:3}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-browser-page main strong{animation:.46s cubic-bezier(.2,.82,.25,1) .1s both infogrid-detail-rise}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-browser-page footer i{animation:infogrid-panel-in .48s calc(.14s + (var(--panel-index,0) * 90ms)) cubic-bezier(.2, .82, .25, 1) both}.infogrid-browser-page footer i:first-child{--panel-index:0}.infogrid-browser-page footer i:nth-child(2){--panel-index:1}.infogrid-browser-page footer i:nth-child(3){--panel-index:2}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-browser-cursor{animation:1.15s cubic-bezier(.4,0,.2,1) .18s both infogrid-cursor-tour}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-quote-character{animation:infogrid-type-character 10ms calc(80ms + (var(--quote-character-index) * 30ms)) linear both}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-quote-graphic>strong i{animation:.55s step-end 80ms 3 both infogrid-caret-blink}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-phone-progress>span i{animation:.72s cubic-bezier(.2,.82,.25,1) 80ms both infogrid-progress-fill}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-phone-task{animation:.48s cubic-bezier(.2,.82,.25,1) .16s both infogrid-detail-rise}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-phone-action{animation:.48s cubic-bezier(.2,.82,.25,1) .26s both infogrid-detail-rise}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-search-bar span{animation:.72s steps(24,end) 50ms both infogrid-type-reveal}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-search-results article{animation:infogrid-result-in .4s calc(.12s + (var(--result-index,0) * 90ms)) cubic-bezier(.2, .82, .25, 1) both}.infogrid-search-results article:first-child{--result-index:0}.infogrid-search-results article:nth-child(2){--result-index:1}.infogrid-search-results article:nth-child(3){--result-index:2}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-system-path:after,:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-process-line i{animation:.72s cubic-bezier(.2,.82,.25,1) 80ms both infogrid-path-draw}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-system-graphic>span,:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-process-graphic>span{animation:infogrid-detail-rise .4s calc(.12s + (var(--stage-index,0) * 80ms)) cubic-bezier(.2, .82, .25, 1) both}.infogrid-system-graphic>span:first-of-type,.infogrid-process-graphic>span:first-of-type{--stage-index:0}.infogrid-system-graphic>span:nth-of-type(2),.infogrid-process-graphic>span:nth-of-type(2){--stage-index:1}.infogrid-system-graphic>span:nth-of-type(3),.infogrid-process-graphic>span:nth-of-type(3){--stage-index:2}.infogrid-system-graphic>span:nth-of-type(4),.infogrid-process-graphic>span:nth-of-type(4){--stage-index:3}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-proof-chart i{animation:infogrid-proof-grow .5s calc(80ms + (var(--bar-index,0) * 55ms)) cubic-bezier(.2, .82, .25, 1) both}.infogrid-proof-chart i:first-child{--bar-index:0}.infogrid-proof-chart i:nth-child(2){--bar-index:1}.infogrid-proof-chart i:nth-child(3){--bar-index:2}.infogrid-proof-chart i:nth-child(4){--bar-index:3}.infogrid-proof-chart i:nth-child(5){--bar-index:4}.infogrid-proof-chart i:nth-child(6){--bar-index:5}.infogrid-proof-chart i:nth-child(7){--bar-index:6}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-team-graphic>span:first-child{animation:.52s cubic-bezier(.2,.82,.25,1) both infogrid-team-left}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-team-graphic>span:nth-child(2){animation:.52s cubic-bezier(.2,.82,.25,1) 80ms both infogrid-team-center}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-team-graphic>span:nth-child(3){animation:.52s cubic-bezier(.2,.82,.25,1) .16s both infogrid-team-right}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-team-graphic>small i{animation:.8s ease-out .35s 2 infogrid-status-pulse}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-plan-cards>span:first-child{animation:.5s cubic-bezier(.2,.82,.25,1) both infogrid-plan-left}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-plan-cards>span:nth-child(2){animation:.5s cubic-bezier(.2,.82,.25,1) 80ms both infogrid-plan-center}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-plan-cards>span:nth-child(3){animation:.5s cubic-bezier(.2,.82,.25,1) .16s both infogrid-plan-right}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-connect-days i[data-selected=true],:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-connect-times span[data-selected=true]{animation:.55s ease-out .12s both infogrid-selected-pulse}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-connect-graphic footer b{animation:.44s cubic-bezier(.2,.82,.25,1) .28s both infogrid-detail-rise}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-logo-mark-shell,:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-video-screen>i{animation:.46s cubic-bezier(.2,.88,.25,1.2) 80ms both infogrid-pop}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-logo-mark .amanah-programmatic-mark-guide{animation:.62s cubic-bezier(.16,1,.3,1) .18s both amanah-mark-guide-trace}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) :is(.infogrid-ux-screen,.infogrid-development-graphic>span,.infogrid-commerce-products>span,.infogrid-commerce-cart,.infogrid-webapp-graphic article,.infogrid-content-graphic>div,.infogrid-campaign-graphic>div>span,.infogrid-automation-graphic>span){animation:.46s cubic-bezier(.2,.82,.25,1) both infogrid-detail-rise}.infogrid-ux-screen:nth-child(3),.infogrid-development-graphic>span:nth-child(2),.infogrid-commerce-products>span:nth-child(2),.infogrid-webapp-graphic article:nth-child(3),.infogrid-campaign-graphic>div>span:nth-child(2),.infogrid-automation-graphic>span:nth-of-type(2){animation-delay:.1s!important}.infogrid-development-graphic>span:nth-child(3),.infogrid-campaign-graphic>div>span:nth-child(3),.infogrid-automation-graphic>span:nth-of-type(3){animation-delay:.18s!important}.infogrid-development-graphic>span:nth-child(4),.infogrid-automation-graphic>span:nth-of-type(4){animation-delay:.26s!important}.infogrid-automation-graphic>span:nth-of-type(5){animation-delay:.34s!important}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-content-graphic main strong{animation:.5s cubic-bezier(.2,.82,.25,1) 80ms both infogrid-type-rise}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-video-timeline>i b{animation:.9s cubic-bezier(.2,.82,.25,1) .12s both infogrid-progress-fill}:is(.infogrid[data-mode=inactive] .infogrid-card[data-stack-top=true],.infogrid[data-mode=active] .infogrid-card:is(:hover,:focus-within,[data-expanded=true])) .infogrid-automation-graphic>strong{animation:.62s ease-out .42s both infogrid-selected-pulse}@keyframes infogrid-board-arrive{0%{opacity:.4;transform:rotate(-8deg)scale(.82)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes infogrid-target-arrow-primary-in{0%{opacity:0;transform:translate(68%,-68%)}72%{opacity:1;transform:translate(-3%,3%)}to{opacity:1;transform:translate(0)}}@keyframes infogrid-target-arrow-secondary-in{0%{opacity:0;transform:translate(76%,-42%)}72%{opacity:1;transform:translate(-2.5%,1.5%)}to{opacity:1;transform:translate(0)}}@keyframes infogrid-sheet-arrive{0%{opacity:0;transform:translateY(18%)rotate(10deg)}to{opacity:1;transform:translateY(0)rotate(4deg)}}@keyframes infogrid-type-rise{0%{opacity:0;transform:translateY(22%)}to{opacity:1;transform:translateY(0)}}@keyframes infogrid-pop{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes infogrid-detail-rise{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translateY(0)}}@keyframes infogrid-panel-in{0%{opacity:.3;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@keyframes infogrid-cursor-tour{0%{opacity:0;transform:translate(-2.2rem,1rem)}24%{opacity:1}60%{transform:translate(.8rem,-1.7rem)}to{opacity:1;transform:translate(0)}}@keyframes infogrid-type-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes infogrid-type-character{0%{opacity:0}to{opacity:1}}@keyframes infogrid-caret-blink{50%{opacity:0}}@keyframes infogrid-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes infogrid-result-in{0%{opacity:0;transform:translate(.65rem)}to{opacity:1;transform:translate(0)}}@keyframes infogrid-path-draw{0%{transform:scaleX(0)}}@keyframes infogrid-proof-grow{0%{opacity:.35;transform:scaleY(.06)}to{opacity:1;transform:scaleY(1)}}@keyframes infogrid-team-left{0%{opacity:0;transform:translate(42%,12%)rotate(0)}to{opacity:1;transform:translate(0)rotate(-5deg)}}@keyframes infogrid-team-center{0%{opacity:0;transform:translateY(18%)rotate(0)}to{opacity:1;transform:translateY(-8%)rotate(2deg)}}@keyframes infogrid-team-right{0%{opacity:0;transform:translate(-42%,12%)rotate(0)}to{opacity:1;transform:translate(0)rotate(6deg)}}@keyframes infogrid-status-pulse{45%{box-shadow:0 0 0 .3rem color-mix(in oklch, var(--amanah-accent-green) 25%, transparent)}}@keyframes infogrid-plan-left{0%{opacity:0;transform:translate(48%,15%)rotate(0)}to{opacity:1;transform:translate(0)rotate(-7deg)}}@keyframes infogrid-plan-center{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translateY(-8%)}}@keyframes infogrid-plan-right{0%{opacity:0;transform:translate(-48%,15%)rotate(0)}to{opacity:1;transform:translate(0)rotate(7deg)}}@keyframes infogrid-selected-pulse{45%{transform:scale(1.1)}}.infogrid-card-plane>.latest-article-face{position:absolute;inset:0}.infogrid-card[data-expanded=true][data-kind=strategy] .infogrid-dartboard-graphic{width:43%;bottom:2%;right:3%}.infogrid-card[data-expanded=true][data-kind=search] .infogrid-search-graphic{width:48%;height:52%;bottom:5%;right:3%}.infogrid-card[data-expanded=true][data-kind=web] .infogrid-browser-graphic{border-radius:1rem;width:48%;height:54%;bottom:6%;right:3%}.infogrid-card[data-expanded=true][data-kind=mobile] .infogrid-card-copy{max-width:100%}.infogrid-card[data-expanded=true][data-kind=mobile] .infogrid-phone-graphic{width:64%;height:38%;top:29%;bottom:auto;right:18%}.infogrid-card[data-expanded=true][data-kind=mobile] .infogrid-expanded-details{grid-template-columns:1fr;max-width:100%}.infogrid-card[data-expanded=true][data-kind=system] .infogrid-system-graphic{width:48%;bottom:10%;right:3%}.infogrid-card[data-expanded=true][data-kind=process] .infogrid-process-graphic{width:48%;margin:0;position:absolute;bottom:8%;right:3%}.infogrid-card[data-expanded=true][data-kind=brand] .infogrid-brand-graphic{width:45%;bottom:8%;right:5%}.infogrid-card[data-expanded=true][data-kind=logo] .infogrid-logo-graphic{width:46%;height:68%;bottom:6%;right:3.5%}.infogrid-card[data-expanded=true][data-kind=logo] .infogrid-logo-mark-shell{width:58%;top:7%;left:21%}.infogrid-card[data-expanded=true][data-kind=proof] .infogrid-proof-graphic,.infogrid-card[data-expanded=true][data-kind=team] .infogrid-team-graphic,.infogrid-card[data-expanded=true][data-kind=plans] .infogrid-plans-graphic,.infogrid-card[data-expanded=true][data-kind=connect] .infogrid-connect-graphic{width:45%;margin:0;position:absolute;bottom:8%;right:5%}.infogrid-card[data-expanded=true] .infogrid-card-copy p{display:none}@media (max-width:47.99rem){.infogrid-section{padding-block:4.75rem}.infogrid-category-switcher{width:min(15rem,100vw - 2rem)}.infogrid{--infogrid-gap:.42rem}.infogrid[data-mode=active]{height:calc((var(--infogrid-cell,12rem) * 3) + (var(--infogrid-gap) * 2))}.infogrid[data-mode=active] .infogrid-card[data-mobile-visible=false]{visibility:hidden;opacity:0;pointer-events:none}.infogrid[data-mode=inactive]{--stack-card-size:min(90vw, 36rem);height:calc(var(--stack-card-size) + 13rem)}.infogrid[data-mode=inactive] .infogrid-card{top:auto;bottom:1.2rem;left:calc(50% - (var(--stack-card-size) / 2))}.infogrid[data-mode=inactive] .infogrid-card-face{padding:clamp(1rem,4.2vw,1.35rem)}.infogrid[data-mode=inactive] .infogrid-card-topline{letter-spacing:.075em;min-height:1rem;font-size:clamp(.56rem,2.2vw,.7rem)}.infogrid[data-mode=inactive] .infogrid-card-topline svg,.infogrid[data-mode=inactive] .infogrid-circle-mark{width:1rem;height:1rem}.infogrid[data-mode=inactive] .infogrid-card-copy{margin-top:clamp(.65rem,2.5vw,.95rem)}.infogrid[data-mode=inactive] .infogrid-card-copy h3{max-width:11ch;font-size:clamp(1.35rem,6.2vw,1.75rem);line-height:.94}.infogrid[data-mode=inactive] .infogrid-card-copy p{max-width:30ch;margin-top:.65rem;font-size:clamp(.74rem,3vw,.86rem);line-height:1.35}.infogrid[data-mode=inactive] .infogrid-card-back h3{font-size:clamp(1.5rem,6.8vw,2rem)}.infogrid[data-mode=inactive] .infogrid-card-back p{margin-top:.7rem;font-size:clamp(.72rem,3vw,.88rem);line-height:1.38}.infogrid[data-mode=inactive] .infogrid-back-index{font-size:clamp(3rem,14vw,5rem)}.infogrid[data-mode=inactive] .infogrid-system-graphic{width:86%}.infogrid[data-mode=inactive] .infogrid-system-graphic>span{min-height:3.2rem;padding:.48rem}.infogrid[data-mode=inactive] .infogrid-system-graphic>span>i{font-size:.68rem}.infogrid[data-mode=inactive] .infogrid-proof-graphic strong{font-size:clamp(5.5rem,25vw,8rem)}.infogrid-inactive-copy{text-align:center;width:100%;top:0;left:0;right:auto;transform:none}.infogrid-inactive-copy h2{max-width:12ch;margin-inline:auto;font-size:clamp(2.4rem,11vw,3.6rem)}.infogrid-card-face{padding:.58rem}.infogrid-card-topline{letter-spacing:.055em;min-height:.8rem;font-size:.36rem}.infogrid-card-topline svg,.infogrid-circle-mark{width:.72rem}.infogrid-card-copy{margin-top:.38rem}.infogrid-card-copy h3{max-width:12ch;font-size:clamp(.74rem,3.2vw,.94rem)}.infogrid-card-copy p{margin-top:.32rem;font-size:.42rem;line-height:1.25}.infogrid-card-back h3{font-size:clamp(.88rem,4vw,1.2rem)}.infogrid-card-back p{margin-top:.4rem;font-size:.42rem;line-height:1.28}.infogrid-back-index{font-size:1.8rem}.infogrid-dartboard-graphic{width:68%}.infogrid-brand-graphic>strong{font-size:clamp(2.2rem,11vw,3.4rem)}.infogrid-browser-graphic{width:83%;height:40%}.infogrid-browser-page main strong{font-size:.56rem}.infogrid-phone-graphic{width:58%;height:47%}.infogrid-system-graphic{grid-template-columns:repeat(4,minmax(0,1fr));gap:.15rem;width:92%;bottom:.4rem}.infogrid-system-path{top:.78rem}.infogrid-system-graphic>span{min-height:2.65rem;padding:.2rem}.infogrid-system-graphic>span>i{width:.82rem;font-size:.24rem}.infogrid-system-graphic>span b{font-size:.27rem}.infogrid-system-graphic>span small{font-size:.2rem}.infogrid-system-graphic>strong{padding:.24rem .3rem;font-size:.27rem}.infogrid-proof-metric strong{font-size:clamp(2.5rem,15vw,4rem)}.infogrid-proof-graphic{width:82%;padding:.38rem;bottom:.38rem}.infogrid-proof-metric{display:none}.infogrid-proof-chart{height:1.45rem;margin-top:.35rem}.infogrid-proof-graphic footer{margin-top:.25rem}.infogrid-process-graphic{grid-template-columns:repeat(2,1fr)}.infogrid-process-graphic>span{min-height:2.1rem;padding:.3rem}.infogrid-process-graphic>span b{font-size:.34rem}.infogrid-process-graphic>span small{font-size:.25rem}.infogrid-plan-cards{height:4rem}.infogrid-plan-cards>span{height:3.45rem;padding:.34rem}.infogrid-connect-graphic{padding:.4rem}.infogrid-connect-days{gap:.15rem;margin-top:.35rem}.infogrid-connect-times{gap:.15rem}.infogrid-connect-times span{padding:.2rem}.infogrid-connect-graphic footer{display:none}.infogrid-quote-graphic>strong{font-size:clamp(1.15rem,5.5vw,1.7rem)}.infogrid[data-mode=inactive] .infogrid-system-graphic{grid-template-columns:repeat(4,minmax(0,1fr));gap:.34rem;width:86%}.infogrid[data-mode=inactive] .infogrid-system-path{top:1.15rem}.infogrid[data-mode=inactive] .infogrid-system-graphic>span>i{width:1.2rem;font-size:.36rem}.infogrid[data-mode=inactive] .infogrid-system-graphic>span b{font-size:.44rem}.infogrid[data-mode=inactive] .infogrid-system-graphic>span small{font-size:.3rem}.infogrid[data-mode=inactive] .infogrid-system-graphic>strong{padding:.35rem .48rem;font-size:.36rem}.infogrid[data-mode=inactive] .infogrid-process-graphic{grid-template-columns:repeat(4,minmax(0,1fr))}.infogrid[data-mode=inactive] .infogrid-process-graphic>span{min-height:3.2rem}.infogrid[data-mode=inactive] .infogrid-quote-graphic>strong{font-size:clamp(2.15rem,10vw,3.3rem)}.infogrid-card[data-expanded=true] .infogrid-card-copy{max-width:48%}.infogrid-card[data-expanded=true] .infogrid-card-copy h3{font-size:clamp(1.05rem,5vw,1.5rem)}.infogrid-expanded-details{width:44%;bottom:.58rem;left:.58rem}.infogrid-expanded-details>div{grid-template-columns:1fr;gap:.2rem}.infogrid-expanded-details span{min-height:1.25rem;padding:.28rem .34rem;font-size:.36rem}.infogrid-expanded-details>a{gap:.3rem;min-height:1.45rem;margin-top:.3rem;padding:.32rem .42rem;font-size:.38rem}.infogrid-expanded-details>a svg{width:.62rem;height:.62rem}.infogrid-card[data-expanded=true][data-kind=web] .infogrid-browser-graphic{width:48%;height:48%;bottom:5%;right:3%}.infogrid-card[data-expanded=true][data-kind=mobile] .infogrid-phone-graphic{width:62%;height:39%;top:28%;right:19%}.infogrid-card[data-expanded=true][data-kind=system] .infogrid-system-graphic{width:50%}.infogrid-card[data-expanded=true][data-kind=process] .infogrid-process-graphic{grid-template-columns:repeat(2,1fr);width:52%}.infogrid .latest-article-face{padding:.72rem}.infogrid .latest-article-face h3{max-width:10ch;font-size:clamp(1.58rem,7.8vw,2.2rem);line-height:.87}.infogrid .latest-article-face[data-title-size=medium] h3{max-width:11.2ch;font-size:clamp(1.37rem,6.8vw,1.92rem)}.infogrid .latest-article-face[data-title-size=compact] h3{max-width:12.2ch;font-size:clamp(1.18rem,5.8vw,1.62rem);line-height:.9}.infogrid .latest-article-face[data-title-size=micro] h3{max-width:13.2ch;font-size:clamp(1.02rem,5vw,1.42rem);line-height:.9}.infogrid[data-mode=inactive] .latest-article-face{padding:clamp(1rem,4.2vw,1.35rem)}.infogrid[data-mode=inactive] .latest-article-face h3{max-width:10ch;font-size:clamp(2.2rem,10.8vw,3.3rem)}.infogrid[data-mode=inactive] .latest-article-face[data-title-size=medium] h3{font-size:clamp(1.95rem,9.5vw,2.85rem)}.infogrid[data-mode=inactive] .latest-article-face[data-title-size=compact] h3{font-size:clamp(1.65rem,8.1vw,2.4rem)}.infogrid[data-mode=inactive] .latest-article-face[data-title-size=micro] h3{font-size:clamp(1.38rem,6.8vw,2rem)}}@media (prefers-reduced-motion:reduce){.infogrid-category-indicator,.infogrid-card,.infogrid-card-plane,.infogrid-expanded-details,.infogrid-card *{transition:none!important;animation:none!important}}
