.how-detailed{background:linear-gradient(180deg,var(--paper) 0%,#f5e9dd 22%,#d5aa8b 43%,#d5aa8b 88%,var(--steel) 95%,var(--night) 100%);color:var(--ink)}.how-detailed h2{text-transform:uppercase;margin:18px 0 24px}.how-detailed h3{margin:16px 0 18px}.how-detailed section p{margin:0 0 18px}.how-detailed .section-label{margin:0}.how-detailed .page-hero-art{opacity:1}.how-example-intro,.how-setup,.how-questions,.how-customer-examples{padding:80px 6%}.how-example-intro,.how-section-head,.how-questions{display:grid;grid-template-columns:1fr 1fr;gap:30px 7%}.how-example-intro>nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid var(--hair)}.how-example-intro>nav a{display:flex;justify-content:space-between;gap:16px;padding:22px 20px 22px 0;font-size:var(--type-label);letter-spacing:.1em;border-bottom:1px solid var(--hair)}.how-detailed .how-caption,.how-detailed figcaption{font-size:13px;line-height:1.5;color:#52606b}.how-stage{padding:85px 6%;display:grid;grid-template-columns:1fr 1.15fr;gap:7%;scroll-margin-top:30px;border-top:1px solid var(--hair)}.how-stage-copy ul{padding:0;list-style:none;margin:26px 0}.how-stage-copy li{font-size:var(--type-body);line-height:1.5;padding:12px 0;border-bottom:1px solid var(--hair)}.how-handoff{border-left:2px solid #c87840;padding-left:20px;margin-top:28px}.how-handoff p{margin-top:12px!important}.how-stage-evidence{min-width:0;align-self:center}.how-stage-evidence figure{margin:0}.how-screen-bar{font-size:12px;padding:16px 20px;background:#e6e2db;border:1px solid var(--hair);border-bottom:0}.how-app-screen .app-demo{background:#fff;border:1px solid var(--hair)}.how-detailed figcaption{padding:14px 0}.how-example{padding:24px 0 0;border-top:1px solid var(--hair);margin-top:20px}.how-example p{margin-top:12px!important}.how-order{background:#faf8f4;padding:32px;border:1px solid var(--hair)}.how-order dl{margin:32px 0 10px}.how-order dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:18px 0;border-top:1px solid var(--hair);font-size:var(--type-body);line-height:1.5}.how-order dd{margin:0}.how-order dt{color:#52606b}.how-production{text-align:center}.how-production img{display:block;width:70%;max-width:380px;margin:auto}.how-customer-examples{display:grid;grid-template-columns:1fr 1fr;gap:7%}.how-customer-links{display:grid;gap:18px;align-content:center}.how-customer-links>a{display:grid;grid-template-columns:110px 1fr;gap:26px;padding:26px;background:var(--paper);border:1px solid var(--hair);align-items:center}.how-customer-links img{width:100%;max-height:65px;object-fit:contain}.how-customer-links>a>span{font-size:var(--type-h3)}.how-customer-links small{font-size:var(--type-button);display:flex;justify-content:space-between;gap:16px;margin-top:16px}.how-detailed a:focus-visible,.how-questions summary:focus-visible{outline:2px solid #0b1b2b;outline-offset:5px}.how-responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:40px}.how-responsibilities article{border-top:1px solid var(--hair);padding-top:28px}.how-launch-checks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:45px 0}.how-launch-checks li{padding-top:24px;border-top:1px solid var(--hair)}.how-launch-checks li>span{font-size:var(--type-label);letter-spacing:.17em}.how-setup-foot{display:flex;gap:40px;align-items:center}.how-detailed .how-setup-foot p{font-size:14px;margin:0}.how-questions details{border-top:1px solid var(--hair);padding:24px 0}.how-questions details:last-child{border-bottom:1px solid var(--hair)}.how-questions summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-size:var(--type-body);line-height:1.5;list-style:none}.how-questions summary::-webkit-details-marker{display:none}.how-questions details[open] summary>span{transform:rotate(45deg)}.how-questions details p{margin:20px 0 0}.how-detailed>footer{background:var(--night);color:#fff}.how-detailed>.page-cta{background:linear-gradient(180deg,transparent,var(--night) 85%)}@media(max-width:760px){.how-example-intro,.how-stage,.how-setup,.how-questions,.how-customer-examples{padding:55px 6%;grid-template-columns:1fr;gap:30px}.how-example-intro>nav{grid-template-columns:1fr 1fr;margin-top:0}.how-example-intro>nav a{font-size:11px;padding-right:14px}.how-stage-copy h2{overflow-wrap:break-word}.how-stage-evidence{width:100%}.how-order{padding:24px}.how-order dl>div{grid-template-columns:1fr;gap:7px}.how-section-head,.how-responsibilities,.how-launch-checks{grid-template-columns:1fr;gap:28px}.how-responsibilities{margin-top:28px}.how-launch-checks{margin:34px 0}.how-setup-foot{align-items:flex-start;flex-direction:column;gap:22px}.how-customer-links>a{grid-template-columns:90px 1fr;padding:22px;gap:22px}}.how-detailed>.page-hero-artwork .page-hero-art:before{background:radial-gradient(circle,rgba(238,158,86,.14) 0%,rgba(238,158,86,.1) 45%,transparent 70%);width:100%;top:0;left:0;aspect-ratio:1}.how-detailed>.page-hero-artwork .page-orbit{mask-image:linear-gradient(#000 0%,#000 60%,transparent 91%);-webkit-mask-image:linear-gradient(#000 0%,#000 60%,transparent 91%)}.how-detailed>.page-hero-artwork:after{mask-image:linear-gradient(#000 0%,#000 65%,transparent 93%);-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 93%)}.how-detailed>.page-hero-artwork .page-hero-art:before{mask-image:linear-gradient(#000 0%,#000 35%,transparent 70%);-webkit-mask-image:linear-gradient(#000 0%,#000 35%,transparent 70%)}
