.id-page{--id-space:clamp(3.5rem, 7vw, 6rem);--id-gap:clamp(2rem, 5vw, 5rem);--id-secondary:#c7dce9;color:var(--navy);background:var(--paper)}.id-page h1{letter-spacing:-.035em;font-size:clamp(2.6rem,4.6vw,4.5rem);line-height:1.06}.id-page h1 span{display:block}.id-page h2{letter-spacing:-.025em;max-width:19ch;font-size:clamp(2rem,3.1vw,3rem);line-height:1.15}.id-page h3{letter-spacing:-.015em;font-size:1.15rem;line-height:1.35}.id-page p{max-width:65ch}.id-page svg,.id-switcher svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.id-page .button{gap:1rem;margin-top:1.75rem}.id-page .button svg,.id-read-link svg,.id-diagram-toggle svg{flex:none;width:1.15rem;height:1.15rem}.id-page .button:hover svg{transform:translate(3px)}.id-page .button svg{transition:transform var(--transition)}.id-page .id-lead{font-size:var(--text-lead);max-width:44ch;line-height:1.7}.id-section{padding-block:var(--id-space)}.id-section-lead{color:var(--muted);margin-top:1.5rem}.id-editorial-grid{gap:var(--id-gap);grid-template-columns:1fr 1fr;display:grid}.id-read-link{width:fit-content;min-height:2.75rem;color:var(--sky);align-items:center;gap:.75rem;margin-top:1rem;font-size:.9rem;font-weight:600;display:flex}.id-read-link:hover{text-underline-offset:.3em;text-decoration:underline}.id-diagram-toggle{border:1px solid var(--border-dark);border-radius:var(--radius-pill);color:var(--white);min-height:2.75rem;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:0 0;justify-content:center;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.id-diagram-toggle:hover{background:var(--sky);color:var(--navy);border-color:var(--sky)}.id-page :is(.id-a-hero,.id-c-hero,.id-b-delivery,.id-close,.id-boundary) :focus-visible{outline-color:var(--sky)}.id-a-hero{isolation:isolate;background:var(--navy-deep);color:var(--white);padding-top:4.5rem;position:relative}.id-a-hero .particle-field{opacity:.2}.id-a-opening{grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;min-height:min(48rem,100svh - 9.5rem);padding-block:4rem;display:grid}.id-a-heading h1 span:last-child{color:var(--sky)}.id-a-heading .id-lead{color:var(--id-secondary);max-width:35ch;margin-top:1.75rem}.id-exploded{text-align:center;min-width:0;margin:0}.id-stack-space{max-width:30rem;height:27rem;margin-inline:auto;position:relative}.id-stack-spine{background:var(--sky);opacity:.45;width:1px;position:absolute;top:2rem;bottom:1rem;left:50%}.id-stack-spine:before,.id-stack-spine:after{content:"";background:var(--sky);border-radius:50%;width:.5rem;height:.5rem;position:absolute;left:-.22rem}.id-stack-spine:before{top:0}.id-stack-spine:after{bottom:0}.id-plane{border:1px solid var(--sky);border-radius:.75rem;width:76%;height:8.5rem;transition:translate .85s cubic-bezier(.16,1,.3,1);position:absolute;left:12%;transform:perspective(900px)rotateX(32deg)rotate(-10deg)}.id-plane-content{text-align:left;grid-template-columns:2rem 1fr;align-content:center;column-gap:1rem;height:100%;padding:1.5rem 2rem;display:grid}.id-plane-content strong{font-size:1.15rem;line-height:1.35}.id-plane-content>span:last-child{grid-column:2;margin-top:.3rem;font-size:.78rem}.id-plane-symbol{grid-row:span 2;align-self:center}.id-plane-symbol svg{width:2rem;height:2rem}.id-plane-apps{z-index:3;background:var(--paper);color:var(--navy);top:1.25rem}.id-plane-paas{z-index:2;background:var(--sky);color:var(--navy);top:10rem}.id-plane-server{z-index:1;background:var(--navy);color:var(--white);top:18.75rem}.id-exploded[data-separated=false] .id-plane-apps{translate:0 6rem}.id-exploded[data-separated=false] .id-plane-server{translate:0 -6rem}.id-exploded figcaption{color:var(--id-secondary);margin-top:1rem;font-size:.9rem}.id-exploded .id-diagram-toggle{margin-top:1rem}.id-a-foot{border-top:1px solid var(--border-dark);color:var(--sky);justify-content:space-between;gap:1.5rem;padding-block:1.75rem;font-size:.9rem;font-weight:600;display:flex}.id-control-rows article{border-top:1px solid var(--border);padding-block:1.75rem}.id-control-rows article:first-child{border-top:0;padding-top:0}.id-control-rows p{color:var(--muted);margin-top:.65rem}.id-a-cost{background:var(--sky)}.id-cost-heading{gap:var(--id-gap);grid-template-columns:1fr 1fr;align-items:start;display:grid}.id-cost-heading p{max-width:45ch}.id-cost-equation{border-block:1px solid var(--navy);grid-template-columns:1fr auto 1fr auto 1.4fr;align-items:center;gap:1.5rem;margin-top:3.5rem;padding-block:2.25rem;display:grid}.id-cost-equation dt{font-size:.85rem}.id-cost-equation dd{letter-spacing:-.025em;margin-top:.5rem;font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:650;line-height:1.2}.id-cost-equation>span{font-size:2rem;font-weight:300}.id-page .id-cost-note{max-width:78ch;margin-top:1.5rem;font-size:.85rem;line-height:1.7}.id-a-delivery h2{max-width:25ch}.id-a-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.id-a-steps li{border-top:1px solid var(--border);padding-top:2rem;position:relative}.id-step-index{background:var(--navy);width:2rem;height:2rem;color:var(--white);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;margin-bottom:1.5rem;font-size:.85rem;display:grid}.id-a-steps p{color:var(--muted);margin-top:.75rem}.id-b-hero{padding-block:9rem 3rem}.id-b-intro{align-items:center;gap:var(--id-gap);grid-template-columns:1fr 1fr;margin-bottom:3.5rem;display:grid}.id-b-intro h1 span:last-child{color:var(--navy)}.id-b-intro .id-lead{color:var(--muted)}.id-boundary{background:var(--navy-deep);color:var(--white);border-radius:1rem;margin:0;padding:2.5rem}.id-boundary figcaption{border-bottom:1px solid var(--border-dark);align-items:center;gap:.75rem;padding-bottom:2rem;font-size:1.15rem;font-weight:600;display:flex}.id-boundary figcaption>svg{width:1.5rem;height:1.5rem;color:var(--sky)}.id-boundary figcaption>span{color:var(--id-secondary);margin-left:auto;font-size:.85rem;font-weight:400}.id-boundary-layers{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:2.5rem;display:grid}.id-boundary-layer{border-left:1px solid var(--border-dark);padding-inline:2rem}.id-boundary-layer:first-child{border-left:0;padding-left:0}.id-boundary-layer:last-child{padding-right:0}.id-boundary-layer summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.8rem;min-height:4.5rem;list-style:none;display:flex}.id-boundary-layer summary::-webkit-details-marker{display:none}.id-boundary-layer summary>svg{width:2.5rem;height:2.5rem;color:var(--sky)}.id-boundary-layer summary>span:not(.id-detail-marker){font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:600}.id-detail-marker{flex:none;width:1rem;height:1rem;margin-left:auto;position:relative}.id-detail-marker:before,.id-detail-marker:after{content:"";background:var(--sky);width:1rem;height:1px;position:absolute;top:.45rem;left:0}.id-detail-marker:after{transition:rotate .2s;rotate:90deg}.id-boundary-layer[open] .id-detail-marker:after{rotate:0deg}.id-boundary-layer p{color:var(--id-secondary);margin-top:1rem;font-size:.9rem}.id-boundary-tags{color:var(--sky);margin-top:1.25rem;font-size:.78rem}.id-boundary-base{border-top:1px solid var(--border-dark);color:var(--sky);justify-content:space-between;gap:1.5rem;padding-top:1.5rem;font-size:.85rem;display:flex}.id-layer-hint{color:var(--muted);margin-top:1rem;font-size:.85rem}.id-b-cost{padding-top:2rem}.id-b-ledger>div{border-top:1px solid var(--border);padding-block:1.5rem}.id-b-ledger>div:first-child{border-top:0;padding-top:0}.id-b-ledger dt{font-size:1.15rem;font-weight:600}.id-b-ledger dd{color:var(--muted);margin-top:.5rem}.id-b-cost .id-cost-note{color:var(--muted)}.id-b-delivery{background:var(--navy-deep);color:var(--white)}.id-b-delivery .id-section-lead{color:var(--id-secondary)}.id-b-steps{margin:0;padding:0;list-style:none}.id-b-steps li{border-left:1px solid var(--sky);padding:0 0 2.5rem 2.5rem;position:relative}.id-b-steps li:before{content:"";background:var(--sky);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.4rem;left:-.27rem}.id-b-steps li:last-child{border-left-color:#0000;padding-bottom:0}.id-b-steps p{color:var(--id-secondary);margin-top:.75rem}.id-b-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem;display:grid}.id-b-principles article{border-top:1px solid var(--border);padding-top:1.75rem}.id-b-principles p{color:var(--muted);margin-top:.75rem}.id-c-hero{isolation:isolate;background:var(--navy-deep);color:var(--white);padding-top:8.5rem;position:relative}.id-c-hero .particle-field{opacity:.15}.id-c-intro{gap:var(--id-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}.id-c-intro h1 span:last-child{color:var(--sky)}.id-c-intro .id-lead{color:var(--id-secondary)}.id-migration{margin:2.5rem 0 0}.id-migration-diagram{grid-template-columns:1fr .8fr 3.2fr;align-items:center;gap:1rem;min-height:19rem;display:grid}.id-repository{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.id-repository svg{width:3rem;height:3rem;color:var(--sky)}.id-repository strong{max-width:15ch;font-weight:500;line-height:1.5}.id-deploy-link{color:var(--id-secondary)}.id-deploy-link span{font-size:.75rem}.id-deploy-link svg{width:100%;height:1.5rem;margin-top:.5rem}.id-migration-slots{grid-template-columns:1fr 1fr;gap:1.5rem;height:19rem;display:grid;position:relative}.id-server-slot{border:1px dashed var(--border-dark);color:var(--id-secondary);border-radius:.75rem;align-items:flex-end;padding:1rem;font-size:.78rem;display:flex}.id-server-slot-first{border-style:solid;border-color:var(--sky)}.id-portable-stack{width:calc(50% - 2.75rem);transition:translate 1s cubic-bezier(.16,1,.3,1);position:absolute;top:1.5rem;left:1rem}.id-portable-apps,.id-portable-paas,.id-portable-server{border-bottom:1px solid var(--navy-deep);padding:1rem}.id-portable-apps{background:var(--paper);color:var(--navy);border-radius:.5rem .5rem 0 0}.id-portable-paas{background:var(--sky);color:var(--navy)}.id-portable-server{background:var(--navy);color:var(--white);border:1px solid var(--sky);border-radius:0 0 .5rem .5rem;align-items:center;gap:.6rem;display:flex}.id-portable-stack strong{font-size:.95rem;display:block}.id-portable-stack span{margin-top:.25rem;font-size:.72rem;display:block}.id-portable-stack svg{flex:none;width:1.5rem;height:1.5rem}.id-migration[data-moved=true] .id-portable-stack{translate:calc(100% + 3.5rem)}.id-migration[data-moved=true] .id-server-slot-first{border-style:dashed;border-color:var(--border-dark)}.id-migration[data-moved=true] .id-server-slot-next{border-style:solid;border-color:var(--sky)}.id-migration figcaption{justify-content:space-between;align-items:flex-start;gap:2rem;padding-block:1.5rem 2.5rem;display:flex}.id-migration figcaption strong{color:var(--sky);font-size:1.05rem;font-weight:600}.id-migration figcaption p{max-width:64ch;color:var(--id-secondary);margin-top:.4rem;font-size:.78rem}.id-migration .id-diagram-toggle{flex:none}.id-c-cost-rail{background:var(--sky);color:var(--navy)}.id-c-cost-rail>dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;padding-block:1.75rem;display:grid}.id-c-cost-rail dt{font-size:1.05rem;font-weight:650}.id-c-cost-rail dd{max-width:28ch;margin-top:.35rem;font-size:.85rem}.id-c-section-heading{gap:var(--id-gap);grid-template-columns:1fr 1fr;display:grid}.id-c-section-heading p{color:var(--muted)}.id-c-control-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:3rem;display:grid}.id-c-control-list article{grid-template-columns:2rem 1fr;gap:1rem;display:grid}.id-control-glyph svg{width:2rem;height:2rem}.id-c-control-list p{color:var(--muted);margin-top:.75rem;font-size:.95rem}.id-c-delivery{background:var(--soft)}.id-c-delivery .id-cost-note{color:var(--muted)}.id-c-steps{margin:0;padding:0;list-style:none}.id-c-steps li{border-top:1px solid var(--border);grid-template-columns:2.5rem 1fr;gap:1rem;padding-block:1.75rem;display:grid}.id-c-steps li:first-child{border-top:0;padding-top:0}.id-c-steps li>span{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:300;line-height:1.2}.id-c-steps p{color:var(--muted);margin-top:.75rem}.id-fit{background:var(--soft);padding-block:2.5rem}.id-fit>div{gap:var(--id-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}.id-fit h2{font-size:clamp(1.5rem,2.3vw,2.2rem)}.id-fit p{color:var(--muted)}.id-variant-C .id-fit{background:var(--paper)}.id-page .faq-section{padding-block:var(--id-space)}.id-page .faq-heading h2{font-size:clamp(2rem,3.1vw,3rem)}.id-page .faq-layout{gap:var(--id-gap)}.id-close{background:var(--navy-deep);color:var(--white)}.id-close p{color:var(--id-secondary)}.id-switcher{z-index:70;border-radius:var(--radius-pill);background:var(--white);width:max-content;max-width:calc(100% - 1.5rem);color:var(--navy);align-items:center;gap:.4rem;padding:.4rem;display:flex;position:fixed;inset:auto auto 1rem 50%;translate:-50%;box-shadow:0 8px 32px #0c234833}.id-switcher a{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:.5rem;min-width:2.75rem;min-height:2.75rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:flex}.id-switcher>a{padding:.5rem}.id-switcher svg{width:1.1rem;height:1.1rem}.id-switcher a:hover{background:var(--soft)}.id-switcher a[aria-current]{background:var(--navy);color:var(--white)}.id-switcher-options{gap:.25rem;display:flex}.id-switcher-short{display:none}.id-switcher-options a>span:first-child{opacity:.75;font-size:.7rem}body:has(.id-page) .site-footer{padding-bottom:7rem}@media (width<=1100px){.id-a-opening{min-height:42rem}.id-plane-content{column-gap:.75rem;padding-inline:1.25rem}.id-plane-content strong{font-size:1rem}.id-boundary-layer{padding-inline:1.25rem}.id-boundary-layer summary>svg{width:2rem;height:2rem}.id-boundary-layer summary{gap:.6rem}.id-migration-diagram{grid-template-columns:.9fr .5fr 3.4fr}.id-portable-stack{width:calc(50% - 2rem)}.id-migration[data-moved=true] .id-portable-stack{translate:calc(100% + 2.75rem)}}@media (width<=800px){.id-page{--id-space:3.5rem}.id-a-opening{grid-template-columns:1fr 1fr;gap:.5rem;min-height:40rem;padding-block:3rem}.id-a-heading h1{font-size:2.6rem}.id-plane{width:90%;left:5%}.id-plane-content{grid-template-columns:1.5rem 1fr;gap:.5rem;padding:1rem}.id-plane-content strong{font-size:.95rem}.id-plane-symbol svg{width:1.5rem;height:1.5rem}.id-plane-content>span:last-child{font-size:.75rem}.id-editorial-grid,.id-cost-heading,.id-c-section-heading{gap:2.5rem}.id-a-steps{gap:1.5rem}.id-boundary{padding:2rem}.id-boundary figcaption{flex-wrap:wrap;padding-bottom:1.5rem}.id-boundary figcaption>span{width:100%;margin-left:0}.id-boundary-layer summary{flex-direction:column;align-items:flex-start}.id-boundary-layer .id-detail-marker{position:absolute;top:.75rem;right:0}.id-boundary-layer summary{padding-right:1rem;position:relative}.id-boundary-layer summary>span:not(.id-detail-marker){font-size:1.1rem}.id-boundary-base{gap:.75rem;font-size:.8rem}.id-b-principles,.id-c-control-list{gap:1.5rem}.id-c-control-list article{grid-template-columns:1fr}.id-c-intro{gap:2.5rem}.id-migration-diagram{grid-template-columns:1fr 3.2fr;gap:1.5rem}.id-deploy-link{display:none}.id-migration figcaption{flex-direction:column;gap:1rem}}@media (width<=600px){.id-page h1,.id-a-heading h1{font-size:clamp(2.35rem,9.8vw,3rem)}.id-page .id-lead{font-size:1rem;line-height:1.65}.id-page h2{font-size:2rem}.id-page .id-fit h2{font-size:1.65rem}.id-page .button{margin-top:1.5rem}.id-editorial-grid,.id-cost-heading,.id-c-section-heading,.id-fit>div{grid-template-columns:1fr;gap:1.75rem}.id-a-hero{padding-top:4rem}.id-a-opening{grid-template-columns:1fr;gap:1.25rem;min-height:auto;padding-block:3rem 1.5rem}.id-a-heading .id-lead{margin-top:1.25rem}.id-read-link{margin-top:.75rem;font-size:.85rem}.id-exploded{margin-top:.5rem}.id-stack-space{max-width:23rem;height:22rem}.id-plane{width:76%;height:7rem;left:12%}.id-plane-content{grid-template-columns:1.5rem 1fr;gap:.75rem;padding-inline:1.25rem}.id-plane-content strong{font-size:1rem}.id-plane-apps{top:1rem}.id-plane-paas{top:8rem}.id-plane-server{top:15rem}.id-exploded[data-separated=false] .id-plane-apps{translate:0 4.5rem}.id-exploded[data-separated=false] .id-plane-server{translate:0 -4.5rem}.id-exploded figcaption{font-size:.8rem}.id-a-foot{flex-wrap:wrap;justify-content:flex-start;gap:.5rem 1.5rem;padding-block:1.5rem;font-size:.8rem}.id-a-cost{padding-block:3rem}.id-cost-equation{grid-template-columns:1fr auto;gap:1.25rem;margin-top:2rem;padding-block:1.5rem}.id-cost-equation>dl:last-child{border-top:1px solid var(--navy);grid-column:1/-1;padding-top:1.5rem}.id-cost-equation>span:last-of-type{display:none}.id-cost-equation>dl:nth-of-type(2){grid-column:1/-1}.id-cost-equation dd{font-size:1.75rem}.id-a-steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.id-a-steps li{grid-template-columns:2rem 1fr;column-gap:1rem;padding-top:1.5rem;display:grid}.id-step-index{grid-row:span 2;margin:0}.id-a-steps p{grid-column:2;margin-top:.5rem}.id-b-hero{padding-top:7rem;padding-bottom:2rem}.id-b-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.id-boundary{padding:1.5rem}.id-boundary figcaption{gap:.6rem;font-size:1.05rem}.id-boundary figcaption>span{font-size:.78rem}.id-boundary-layers{grid-template-columns:1fr;padding-block:0}.id-boundary-layer,.id-boundary-layer:first-child,.id-boundary-layer:last-child{border-left:0;border-bottom:1px solid var(--border-dark);padding:1.25rem 0}.id-boundary-layer:last-child{border-bottom:0}.id-boundary-layer summary{flex-direction:row;align-items:center;gap:.85rem;min-height:3rem;padding:0}.id-boundary-layer summary>svg{width:2rem;height:2rem}.id-boundary-layer .id-detail-marker{position:relative;top:auto;right:auto}.id-boundary-layer p{font-size:.9rem}.id-boundary-base{flex-direction:column;gap:.5rem;font-size:.8rem}.id-b-principles{grid-template-columns:1fr;gap:1.5rem}.id-b-steps{margin-top:.5rem;margin-left:.25rem}.id-b-steps li{padding-left:1.75rem}.id-c-hero{padding-top:7rem}.id-c-intro{grid-template-columns:1fr;gap:1.5rem}.id-migration{margin-top:2rem}.id-migration-diagram{grid-template-columns:1fr;gap:1.25rem}.id-repository{border-top:1px solid var(--border-dark);flex-direction:row;align-items:center;padding-block:1rem}.id-repository svg{width:1.75rem;height:1.75rem}.id-repository strong{max-width:none;font-size:.9rem}.id-migration-slots{gap:.75rem;height:17rem}.id-server-slot{padding:.75rem .5rem;font-size:.75rem}.id-portable-stack{width:calc(50% - 1.375rem);top:1rem;left:.5rem}.id-portable-apps,.id-portable-paas,.id-portable-server{padding:1rem .7rem}.id-portable-stack strong{font-size:.78rem}.id-portable-stack span{font-size:.75rem}.id-portable-server{gap:.5rem}.id-portable-stack svg{width:1.1rem;height:1.1rem}.id-migration[data-moved=true] .id-portable-stack{translate:calc(100% + 1.75rem)}.id-migration figcaption{padding-block:1.5rem 2rem}.id-migration figcaption strong{font-size:.95rem}.id-c-cost-rail>dl{grid-template-columns:1fr;gap:1rem;padding-block:1.5rem}.id-c-cost-rail>dl>div{border-top:1px solid var(--navy);padding-top:1rem}.id-c-cost-rail>dl>div:first-child{border-top:0;padding-top:0}.id-c-cost-rail dt{font-size:1rem}.id-c-cost-rail dd{max-width:40ch}.id-c-control-list{grid-template-columns:1fr;gap:1.75rem;margin-top:2rem}.id-c-control-list article{grid-template-columns:2rem 1fr}.id-c-steps{margin-top:.5rem}.id-page .faq-layout{grid-template-columns:1fr;gap:1.75rem}.id-switcher{gap:0;padding:.3rem;bottom:.75rem}.id-switcher a{white-space:nowrap;gap:.35rem;padding-inline:.65rem;font-size:.75rem}.id-switcher>a{min-width:2rem;padding-inline:.35rem}.id-switcher-options a>span:first-child,.id-switcher .id-switcher-name{display:none}.id-switcher-short{display:inline}}@media (prefers-reduced-motion:reduce){.id-page *,.id-page :before,.id-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.id-switcher,.id-diagram-toggle{display:none!important}.id-page{print-color-adjust:exact}.id-page details::details-content{content-visibility:visible;height:auto}.id-page section{break-inside:avoid}}