:is(#whyPage,#realizationPage) .why-hero{padding:64px 0 58px} :is(#whyPage,#realizationPage) .why-hero-grid{gap:42px} :is(#whyPage,#realizationPage) .why-hero h1{font-size:60px;margin:12px 0 16px} :is(#whyPage,#realizationPage) .why-hero .lead{font-size:21px;margin-bottom:12px} :is(#whyPage,#realizationPage) .why-hero p{font-size:15px;line-height:1.55} :is(#whyPage,#realizationPage) .why-actions{margin-top:20px} :is(#whyPage,#realizationPage) .hero-real{min-height:365px;border-radius:20px} :is(#whyPage,#realizationPage) .hero-real::before{display:none} :is(#whyPage,#realizationPage) .photo-tag{font-size:9px;padding:8px 11px;bottom:12px;left:12px} :is(#whyPage,#realizationPage) .benefits{padding:58px 0 64px} :is(#whyPage,#realizationPage) .benefits::after{display:none} :is(#whyPage,#realizationPage) .section-head{margin-bottom:24px} :is(#whyPage,#realizationPage) .section-head h2,:is(#whyPage,#realizationPage) .benefits h2,:is(#whyPage,#realizationPage) .flow h2,:is(#whyPage,#realizationPage) .build-story h2,:is(#whyPage,#realizationPage) .why-cta h2{font-size:38px;margin:7px 0 20px} :is(#whyPage,#realizationPage) .benefit-grid{gap:12px} :is(#whyPage,#realizationPage) .benefit-grid article{min-height:220px;padding:82px 20px 18px;border-radius:16px} :is(#whyPage,#realizationPage) .benefit-grid article::before{height:78px} :is(#whyPage,#realizationPage) .benefit-grid article::after{top:74px;height:4px;width:48px} :is(#whyPage,#realizationPage) .benefit-grid h3{font-size:18px;margin:5px 0 7px} :is(#whyPage,#realizationPage) .benefit-grid p{font-size:13px;line-height:1.48;margin:0} :is(#whyPage,#realizationPage) .flow{padding:62px 0 66px} :is(#whyPage,#realizationPage) .flow .intro{margin-top:-10px;margin-bottom:20px;font-size:14px} :is(#whyPage,#realizationPage) .flow-grid{grid-template-columns:1fr 36px 1fr 36px 1fr;margin-top:20px} :is(#whyPage,#realizationPage) .flow-grid article{border-radius:16px;box-shadow:0 14px 32px rgba(29,47,34,.11)} :is(#whyPage,#realizationPage) .flow-grid article:nth-of-type(2){transform:translateY(12px)} :is(#whyPage,#realizationPage) .flow-grid img{height:190px} :is(#whyPage,#realizationPage) .flow-grid h3{font-size:17px;margin:12px 0 5px;padding:0 16px} :is(#whyPage,#realizationPage) .flow-grid p{font-size:12.5px;line-height:1.45;padding:0 16px;margin-bottom:16px} :is(#whyPage,#realizationPage) .arrow{width:30px;height:30px;font-size:17px} :is(#whyPage,#realizationPage) .flow-end{margin-top:30px;padding:17px 22px;border-radius:12px} :is(#whyPage,#realizationPage) .flow-end strong{font-size:17px} :is(#whyPage,#realizationPage) .flow-end::after{display:none} :is(#whyPage,#realizationPage) .build-story{padding:68px 0} :is(#whyPage,#realizationPage) .build-story::after{display:none} :is(#whyPage,#realizationPage) .story-grid{gap:42px} :is(#whyPage,#realizationPage) .story-photo{border-radius:18px} :is(#whyPage,#realizationPage) .story-photo img{height:340px} :is(#whyPage,#realizationPage) .story-photo::after{font-size:9px;padding:8px 11px;left:12px;bottom:12px} :is(#whyPage,#realizationPage) .story-copy h2{font-size:42px;margin-bottom:14px} :is(#whyPage,#realizationPage) .story-copy p{font-size:15px;line-height:1.55} :is(#whyPage,#realizationPage) .steps{gap:7px;margin-top:20px} :is(#whyPage,#realizationPage) .steps span{padding:10px 12px;font-size:11px} :is(#whyPage,#realizationPage) .steps b{width:22px;height:22px;font-size:10px} :is(#whyPage,#realizationPage) .why-cta{padding:42px 0} :is(#whyPage,#realizationPage) .why-cta::after{display:none} :is(#whyPage,#realizationPage) .why-cta h2{font-size:36px;margin:5px 0 3px} :is(#whyPage,#realizationPage) .why-cta p{font-size:14px;margin:0} :is(#whyPage,#realizationPage) .why-cta .btn{padding-top:13px;padding-bottom:13px} @media(max-width:900px){:is(#whyPage,#realizationPage) .why-hero h1{font-size:50px}:is(#whyPage,#realizationPage) .hero-real{min-height:340px}:is(#whyPage,#realizationPage) .flow-grid{grid-template-columns:1fr}:is(#whyPage,#realizationPage) .flow-grid article:nth-of-type(2){transform:none}:is(#whyPage,#realizationPage) .arrow{margin:7px auto}:is(#whyPage,#realizationPage) .story-photo img{height:300px}} @media(max-width:560px){:is(#whyPage,#realizationPage) .why-hero{padding:44px 0}:is(#whyPage,#realizationPage) .why-hero h1{font-size:42px}:is(#whyPage,#realizationPage) .benefits,:is(#whyPage,#realizationPage) .flow,:is(#whyPage,#realizationPage) .build-story{padding:48px 0}:is(#whyPage,#realizationPage) .benefit-grid article{min-height:0;padding-top:74px}:is(#whyPage,#realizationPage) .story-copy h2{font-size:36px}}