/* Homepage phone layout, Figma 607:31450 (393 px reference). */
.mobile-menu-toggle,.mobile-copyright{display:none}
@media(max-width:680px){
 .home-mobile-root .updated-hawl .wrap{width:calc(100% - 48px);max-width:none}
 .home-mobile-root .updated-hawl .figma-hero{padding:56px 0 40px}
 .home-mobile-root .updated-hawl .figma-hero .hero-grid{display:flex;flex-direction:column;gap:24px;min-height:0;position:relative}
 .home-mobile-root .updated-hawl .figma-hero .hero-primary{width:100%;gap:24px}
 .home-mobile-root .updated-hawl .figma-hero h1{font:500 32px/36px Inter,sans-serif;letter-spacing:-.32px;max-width:none}
 .home-mobile-root .updated-hawl .figma-hero .hero-description{padding:0;width:100%}
 .home-mobile-root .updated-hawl .figma-hero .hero-description p{font:400 14px/20px Inter,sans-serif;letter-spacing:.16px}
 .home-mobile-root .updated-hawl .figma-hero .hero-objects{left:auto;right:-8px;top:-50px;bottom:auto;width:132.169px;height:92px;transform:none}
 .home-mobile-root .updated-hawl .hero-objects .hero-orb{left:12.69px;top:11.86px;width:65.74px;height:68.268px;transform:rotate(-30deg)}
 .home-mobile-root .updated-hawl .hero-objects .hero-hand{left:69.21px;top:10.95px;width:48.884px;height:68.268px;transform:rotate(31.39deg)}
 .home-mobile-root .updated-hawl .hero-orb-green{display:none}
 .home-mobile-root .updated-hawl .work{display:none}
 .home-mobile-root .updated-hawl .figma-services{width:calc(100% - 16px);padding:40px 0}
 .home-mobile-root .updated-hawl .figma-services:before{display:none}
 .home-mobile-root .updated-hawl .figma-services .section-heading{width:calc(100% - 32px);display:flex;flex-direction:column;gap:16px;margin:0 auto 48px}
 .home-mobile-root .updated-hawl .figma-services .section-heading h3{font:500 32px/36px Inter,sans-serif;letter-spacing:-.32px}
 .home-mobile-root .updated-hawl .figma-services .section-heading>p{font:400 14px/20px Inter,sans-serif;letter-spacing:.16px}
 .home-mobile-root .updated-hawl .figma-services .service{padding:28px;gap:16px;min-height:0;border-radius:24px;background:#1c1e21}
 .home-mobile-root .updated-hawl .service-art{display:none}
 .home-mobile-root .updated-hawl .service-top{padding:0;justify-content:flex-start;gap:16px;font:400 12px/18px Inter,sans-serif}
 .home-mobile-root .updated-hawl .service-copy h4{font:500 18px/24px Inter,sans-serif;letter-spacing:-.54px;margin:0}
 .home-mobile-root .updated-hawl .service-copy p{font:400 14px/21px Inter,sans-serif;margin:8px 0 0}
 .home-mobile-root .updated-hawl .how-it-works{padding:40px 0}
 .home-mobile-root .updated-hawl .how-intro{display:block;margin:0 0 40px}
 .home-mobile-root .updated-hawl .how-intro h2{font:500 40px/44px Inter,sans-serif;letter-spacing:-.4px}
 .home-mobile-root .updated-hawl .how-intro>p{font:400 14px/20px Inter,sans-serif;margin:20px 0 0}
 .home-mobile-root .updated-hawl .how-cta{margin-top:28px}
 .home-mobile-root .updated-hawl .how-track{display:none}
 .home-mobile-root .updated-hawl .how-steps{display:flex;flex-direction:column;gap:24px;padding:0;list-style:none}
 .home-mobile-root .updated-hawl .how-steps li{padding:0;text-align:left;min-height:0}
 .home-mobile-root .updated-hawl .how-marker{position:static;width:auto;height:18px;border:0;background:none;box-shadow:none;display:block;transform:none}
 .home-mobile-root .updated-hawl .how-marker:before,.home-mobile-root .updated-hawl .how-marker:after{display:none}
 .home-mobile-root .updated-hawl .how-number{font:500 12px/18px Inter,sans-serif;color:#91939d}
 .home-mobile-root .updated-hawl .how-steps h3{font:500 20px/24px Inter,sans-serif;letter-spacing:-.6px;margin:8px 0 12px}
 .home-mobile-root .updated-hawl .how-steps p{font:400 14px/20px Inter,sans-serif;margin:0}
 .home-mobile-root .updated-hawl .client-pricing{width:calc(100% - 16px);padding:40px 0}
 .home-mobile-root .updated-hawl .cost-story{width:calc(100% - 32px);gap:40px}
 .home-mobile-root .updated-hawl .price-comparison-copy{gap:24px}
 .home-mobile-root .updated-hawl .price-comparison-data{gap:24px}
 .home-mobile-root .updated-hawl .client-pricing .cost-amount{font-size:32px;line-height:44px}
 .home-mobile-root .updated-hawl .cost-subscription-caption{margin-top:0;gap:16px;flex-wrap:wrap}
 .home-mobile-root .updated-hawl .client-pricing>.lab-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:56px}
 .home-mobile-root .updated-hawl .client-pricing .lab-card{padding:28px;min-height:526px;border-radius:24px}
 .home-mobile-root .updated-hawl .lab-card h3{font:500 20px/24px Inter,sans-serif}
 .home-mobile-root .updated-hawl .lab-price strong{font-size:36px;line-height:40px}
 .home-mobile-root .updated-hawl .lab-card ul{gap:16px}
 .home-mobile-root .updated-hawl .collaboration{padding:40px 0;display:flex;flex-direction:column;gap:40px;position:relative}
 .home-mobile-root .updated-hawl .collab-intro{position:static}
 .home-mobile-root .updated-hawl .collab-intro h2{font:500 40px/44px Inter,sans-serif;letter-spacing:-.4px;margin:20px 0}
 .home-mobile-root .updated-hawl .collab-meter,.home-mobile-root .updated-hawl .collab-position{display:none}
 .home-mobile-root .updated-hawl .collab-icons{position:absolute;top:260px;right:0;width:64px;height:64px;margin:0}
 .home-mobile-root .updated-hawl .collab-icon{width:64px;height:64px}
 .home-mobile-root .updated-hawl .collab-list{width:100%;gap:24px}
 .home-mobile-root .updated-hawl .collab-item,.home-mobile-root .updated-hawl .collab-item:first-child,.home-mobile-root .updated-hawl .collab-item:last-child{display:flex;flex-direction:column;gap:24px;padding:0 0 24px;min-height:0;border-bottom:1px solid #34363c}
 .home-mobile-root .updated-hawl .collab-number{font:400 40px/40px Inter,sans-serif}
 .home-mobile-root .updated-hawl .collab-item h3{font:500 18px/24px Inter,sans-serif;margin:0 0 12px}
 .home-mobile-root .updated-hawl .recent-project{width:calc(100% - 16px);padding:0}
 .home-mobile-root .updated-hawl .recent-project-preview{aspect-ratio:377/167;border-radius:8px}
 .home-mobile-root .updated-hawl .recent-project-details{display:flex;flex-direction:column;gap:40px;width:calc(100% - 32px);padding:40px 0;margin:0 auto}
 .home-mobile-root .updated-hawl .recent-project-overview h3{font:500 24px/28px Inter,sans-serif;margin:12px 0 20px}
 .home-mobile-root .updated-hawl .recent-project-platform{display:none}
 .home-mobile-root .updated-hawl .recent-project-story{gap:32px}
 .home-mobile-root .updated-hawl .recent-project-story .recent-eyebrow{font:500 16px/24px Inter,sans-serif}
 .home-mobile-root .updated-hawl .client-reviews{padding:40px 0}
 .home-mobile-root .updated-hawl .reviews-heading{margin-bottom:32px}
 .home-mobile-root .updated-hawl .reviews-heading h2,.home-mobile-root .updated-hawl .fit-heading h2,.home-mobile-root .updated-hawl .faq-section-heading h2{font:500 40px/44px Inter,sans-serif;letter-spacing:-.4px}
 .home-mobile-root .updated-hawl .reviews-heading>p{font:400 14px/21px Inter,sans-serif;margin-top:16px}
 .home-mobile-root .updated-hawl .review-avatars{gap:8px;margin-bottom:24px;flex-wrap:wrap}
 .home-mobile-root .updated-hawl .review-avatar{width:40px;height:40px;padding:0}
 .home-mobile-root .updated-hawl .review-avatar img{width:40px;height:40px}
 .home-mobile-root .updated-hawl .review-slide{display:flex;flex-direction:column;gap:24px;height:auto}
 .home-mobile-root .updated-hawl .review-slide>blockquote{font:500 16px/24px Inter,sans-serif;letter-spacing:-.54px;margin:0;order:1}
 .home-mobile-root .updated-hawl .review-footer{order:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px}
 .home-mobile-root .updated-hawl .review-author{gap:16px;flex-direction:row}
 .home-mobile-root .updated-hawl .review-author h3{font:500 16px/24px Inter,sans-serif}
 .home-mobile-root .updated-hawl .review-author p{font:400 12px/18px Inter,sans-serif}
 .home-mobile-root .updated-hawl .review-sidebar{order:2;display:flex;justify-content:flex-start;gap:40px;border-top:0;padding-top:8px}
 .home-mobile-root .updated-hawl .review-fact{padding:0;gap:4px;align-items:flex-start}
 .home-mobile-root .updated-hawl .review-fact strong{font:500 20px/24px Inter,sans-serif}
 .home-mobile-root .updated-hawl .review-fact+.review-fact{padding-left:0;border-left:0}
 .home-mobile-root .updated-hawl .review-metric-example{display:none}
 .home-mobile-root .updated-hawl .client-fit{padding:40px 0;display:flex;flex-direction:column;gap:40px}
 .home-mobile-root .updated-hawl .fit-heading{display:block;margin:0}
 .home-mobile-root .updated-hawl .fit-heading>p{margin:16px 0 0;font:400 14px/21px Inter,sans-serif}
 .home-mobile-root .updated-hawl .fit-social-proof{margin-top:32px;gap:16px}
 .home-mobile-root .updated-hawl .fit-customer-photos img{width:24px;height:24px;border:0;margin-left:-2px}
 .home-mobile-root .updated-hawl .fit-customer-photos img:first-child{margin-left:0}
 .home-mobile-root .updated-hawl .fit-social-proof p{font:400 14px/21px Inter,sans-serif}
 .home-mobile-root .updated-hawl .fit-grid{display:flex;flex-direction:column;gap:40px}
 .home-mobile-root .updated-hawl .fit-card{padding:0;background:none;border-radius:0;min-height:0;gap:0}
 .home-mobile-root .updated-hawl .fit-card>.fit-category-icon{margin:0 0 8px;width:24px;height:24px}
 .home-mobile-root .updated-hawl .fit-card h3{margin:0 0 8px;font:500 18px/24px Inter,sans-serif}
 .home-mobile-root .updated-hawl .client-faq{padding:40px 0;gap:48px}
 .home-mobile-root .updated-hawl .faq-section-heading>p{font:400 14px/21px Inter,sans-serif;margin:16px 0 0}
 .home-mobile-root .updated-hawl .faq-body{grid-template-columns:1fr;gap:48px}
 .home-mobile-root .updated-hawl .faq-guidance{flex-direction:column;align-items:flex-start;gap:24px}
 .home-mobile-root .updated-hawl .faq-mascot-stage{width:160px;height:160px}
 .home-mobile-root .updated-hawl .faq-headset{width:160px;height:160px}
 .home-mobile-root .updated-hawl .faq-guidance h3{font:500 24px/32px Inter,sans-serif;letter-spacing:-.72px}
 .home-mobile-root .updated-hawl .faq-item summary{padding:16px 16px 16px 0;gap:4px}
 .home-mobile-root .updated-hawl .faq-question{font:500 16px/24px Inter,sans-serif}
 .home-mobile-root .updated-hawl .faq-answer{padding:0 16px 16px 0;font:400 14px/21px Inter,sans-serif}
 .home-mobile-root .updated-hawl .editorial-footer>.editorial-panel{padding:40px 0;border-radius:0 0 32px 32px}
 .home-mobile-root .updated-hawl .editorial-layout.wrap{width:calc(100% - 48px);display:flex;flex-direction:column;gap:40px;min-height:0}
 .home-mobile-root .updated-hawl .editorial-cta h2{font:500 40px/44px Inter,sans-serif;letter-spacing:-.4px;white-space:normal}
 .home-mobile-root .updated-hawl .editorial-cta>p:not(.editorial-copyright){margin:16px 0 24px;font:400 14px/21px Inter,sans-serif}
 .home-mobile-root .updated-hawl .editorial-start{height:40px;padding:10px 24px;font:500 14px/20px Inter,sans-serif;box-sizing:border-box}
 .home-mobile-root .updated-hawl .editorial-cta .editorial-copyright{display:none}
 .home-mobile-root .updated-hawl .editorial-right{gap:40px;width:100%}
 .home-mobile-root .updated-hawl .editorial-columns{gap:16px}
 .home-mobile-root .updated-hawl .editorial-company{padding-top:20px}
 .home-mobile-root .updated-hawl .editorial-company p{font:400 14px/20px Inter,sans-serif}
 .home-mobile-root .updated-hawl .editorial-company .mobile-copyright{display:block;margin-top:16px;font:400 14px/21px Inter,sans-serif}
 .home-mobile-root .updated-hawl .editorial-reveal{height:146px;min-height:146px;padding:41px 24px 0;box-sizing:border-box;align-items:flex-start;overflow:hidden}
 .home-mobile-root .updated-hawl .editorial-wordmark{width:100%;height:auto}
}
@media(max-width:680px){
 .home-mobile-root .framer-1y9ya35{padding-top:0!important}
 .home-mobile-root .updated-hawl .how-intro{text-align:left}
 .home-mobile-root .updated-hawl .how-marker{display:none}
 .home-mobile-root .updated-hawl .review-footer{display:contents}
 .home-mobile-root .updated-hawl .review-author{order:0}
 .home-mobile-root .updated-hawl .review-sidebar{order:2}
 .home-mobile-root .updated-hawl .editorial-reveal>picture{display:block;width:100%}
 .home-mobile-root .updated-hawl .fit-grid .fit-card>picture{display:block;width:24px;height:24px;margin-bottom:8px}
 .home-mobile-root .updated-hawl .fit-card picture>.fit-category-icon{width:24px;height:24px;margin:0}
 .home-mobile-root .updated-hawl .review-avatar picture{display:block;width:40px;height:40px}
}
@media(max-width:680px){
 .home-mobile-root .framer-1y9ya35>.updated-hawl:first-child{padding-top:0!important}
 .home-mobile-root .framer-14x5va7{height:81px!important;min-height:0!important;margin:0!important;padding:8px 0!important;overflow:hidden;box-sizing:border-box}
 .home-mobile-root .framer-14x5va7 section{height:65px!important;min-height:0!important;padding:10px!important}
 .home-mobile-root .framer-14x5va7 li img{width:130px!important;height:50px!important;object-fit:contain}
 .home-mobile-root .updated-hawl .how-intro h2{margin-bottom:0}
 .home-mobile-root .updated-hawl .how-timeline{padding-top:0}
 .home-mobile-root .updated-hawl .recent-project-story p{margin-top:8px;font:400 14px/21px Inter,sans-serif}
 .home-mobile-root .updated-hawl .recent-project-tags{margin:0}
 .home-mobile-root .updated-hawl .recent-project-link{margin-top:24px}
 .home-mobile-root .updated-hawl .recent-project-preview .recent-preview-browser{width:96.9796%;left:1.592%;top:11.5226%}
 .home-mobile-root .updated-hawl .recent-project-preview .recent-preview-backdrop{width:165.157%;height:207%;left:-30.0796%;top:-15.8436%}
}
.mobile-plan-icon{display:none}
@media(max-width:680px){
 .home-mobile-root .updated-hawl .lab-symbol .mobile-plan-icon{display:block;width:20px;height:20px}
 .home-mobile-root .updated-hawl .lab-card li .mobile-plan-icon{display:block;width:20px;height:20px;flex:none}
 .home-mobile-root .updated-hawl .lab-symbol:has(.mobile-plan-icon)>svg,.home-mobile-root .updated-hawl .lab-card li:has(.mobile-plan-icon)>svg{display:none}
 .home-mobile-root .updated-hawl .client-reviews .reviews-heading h2{font:500 32px/36px Inter,sans-serif;letter-spacing:-.96px}
 .home-mobile-root .updated-hawl .review-slide:not(.is-active){display:none}
 .home-mobile-root .updated-hawl .review-author>div{order:-2}
 .home-mobile-root .updated-hawl .review-author .review-divider{order:-1}
 .home-mobile-root .updated-hawl .review-author h3{font-size:18px}
 .home-mobile-root .updated-hawl .review-author p{font-size:14px;line-height:21px}
 .home-mobile-root .updated-hawl .review-brand{max-width:90px}
 .home-mobile-root .updated-hawl .review-company-logo{height:24px;max-width:80px}
 .home-mobile-root .updated-hawl .fit-customer-photos picture{display:block;width:24px;height:24px;flex:none;margin-left:-2px}
 .home-mobile-root .updated-hawl .fit-customer-photos picture:first-child{margin-left:0}
 .home-mobile-root .updated-hawl .fit-customer-photos picture img{margin-left:0}
 .home-mobile-root .updated-hawl .editorial-cta{min-height:0}
 .home-mobile-root .updated-hawl .editorial-start{margin-top:0}
 .home-mobile-root .updated-hawl .editorial-company{margin:0}
 .home-mobile-root .updated-hawl .recent-project-story{display:flex;flex-direction:column;gap:32px}
 .home-mobile-root .updated-hawl .recent-project-link{padding-top:0}
}
/* Preserve desktop asset wrappers and the existing fixed footer reveal. */
@media(min-width:681px){
 .home-mobile-root .fit-card>picture{display:block;width:20px;height:20px;margin-bottom:4px}
 .home-mobile-root .fit-card>picture>.fit-category-icon{width:20px;height:20px;margin:0}
 .home-mobile-root .fit-customer-photos>picture{display:contents}
 .home-mobile-root .editorial-reveal>picture{display:contents}
}
@media(max-width:680px){
 .home-mobile-root .editorial-footer{margin-bottom:146px!important}
 .home-mobile-root .editorial-reveal{height:146px;min-height:146px;padding:41px 24px 0;box-sizing:border-box;align-items:flex-start;overflow:hidden}
 .home-mobile-root .editorial-reveal>picture{display:block;width:100%}
 .home-mobile-root .editorial-wordmark{width:100%;height:auto}
 .home-mobile-root .updated-hawl .editorial-columns{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px}
 .home-mobile-root .updated-hawl .editorial-start:hover{color:#0e0f11}
 .home-mobile-root .updated-hawl .how-number{display:block}
 .home-mobile-root .updated-hawl .client-pricing .lab-price .plan-amount{font:500 36px/40px Inter,sans-serif;letter-spacing:-.36px}
}
@media(max-width:680px){
 .home-mobile-root .updated-hawl .reviews-heading{text-align:left}
 .home-mobile-root .updated-hawl .reviews-heading h2 em{display:block}
 .home-mobile-root .updated-hawl .review-avatars{justify-content:flex-start}
 .home-mobile-root .updated-hawl .review-avatars .review-avatar img{object-fit:cover}
}
@media(max-width:680px){
 .home-mobile-root .updated-hawl .review-fact strong{color:#e3e5f1}
 .home-mobile-root .updated-hawl .fit-heading h2{margin:0}
 .home-mobile-root .updated-hawl .lab-card .mobile-plan-icon{object-fit:contain}
}
@media(max-width:680px){
 .home-mobile-root .framer-14x5va7{position:relative}
 .home-mobile-root .framer-14x5va7>.framer-pxl4yt-container{position:absolute!important;inset:8px 20px auto!important;width:calc(100% - 40px)!important;height:65px!important;margin:0!important}
 .home-mobile-root .editorial-wordmark{left:24px;top:41px;transform:none;width:calc(100% - 48px);max-width:none}
}
@media(max-width:680px){
 .home-mobile-root .updated-hawl .fit-card:nth-child(1){order:0}
 .home-mobile-root .updated-hawl .fit-card:nth-child(2){order:1}
 .home-mobile-root .updated-hawl .fit-card:nth-child(3){order:2}
 .home-mobile-root .updated-hawl .fit-card:nth-child(4){order:5}
 .home-mobile-root .updated-hawl .fit-card:nth-child(5){order:3}
 .home-mobile-root .updated-hawl .fit-card:nth-child(6){order:4}
}
/* Keep the timer ring centred on the 40 px avatar at phone sizes. */
@media(max-width:680px){
 .home-mobile-root .updated-hawl .review-avatar{position:relative;flex:0 0 40px;box-sizing:border-box;overflow:visible}
 .home-mobile-root .updated-hawl .review-avatar svg{inset:-2px;width:44px;height:44px;pointer-events:none}
}
@media(max-width:680px){.home-mobile-root .updated-hawl .collaboration>.collab-icons{z-index:4;pointer-events:none;right:0;}}
