#principles{background:#fff;padding:90px 0 0;overflow:hidden}.principles-heading{position:relative;min-height:310px;display:flex;align-items:center;justify-content:flex-end;max-width:1440px;margin:auto;padding:0 6% 60px}.creation-hand{position:absolute;width:50%;left:-8%;top:30px;pointer-events:none;mix-blend-mode:multiply}.principles-heading .details-intro{width:62%;position:relative;align-items:flex-start;text-align:left}.principles-heading h2{font-size:clamp(30px,3.6vw,52px);line-height:1.12;letter-spacing:-1.7px}.capability-grid{max-width:1240px;margin:0 auto!important;padding:50px 44px;background:#f6f6f3;border-radius:22px;gap:28px}.capability-grid article{border-top:0!important;min-height:100px;padding:16px;border-inline-start:1px solid #deded8}.capability-grid article:first-child{border-inline-start:0}.capability-grid h3{font-size:21px!important;line-height:1.55!important}.onboarding-section{margin:0!important;padding:100px 6% 90px!important;border:0!important;background:#fff;text-align:center}.onboarding-section h3{font:400 clamp(28px,3vw,40px)/1.2 Arial,sans-serif;letter-spacing:-1px;margin:0 0 52px}.onboarding-section ol{max-width:1000px;margin:auto;gap:24px}.onboarding-section li{flex-direction:column;gap:16px}.onboarding-section li span{width:42px;height:42px;background:#f6f6f3;border:1px solid #deded8;font-size:14px}.onboarding-section strong{font-size:16px;font-weight:400}.onboarding-section .onboarding-free{margin-top:38px;color:#777;font-size:15px}
@media(max-width:760px){#principles{padding-top:64px}.principles-heading{display:block;min-height:290px;padding:0 22px 155px}.principles-heading .details-intro{width:100%;align-items:center;text-align:center}.principles-heading h2{font-size:30px;letter-spacing:-1px}.creation-hand{width:78%;left:-12%;top:110px}.capability-grid{margin:0 20px!important;padding:24px 14px;gap:0;border-radius:18px;grid-template-columns:1fr 1fr}.capability-grid article{padding:20px 8px;min-height:110px}.capability-grid article:nth-child(3){border-inline-start:0}.capability-grid article:nth-child(n+3){border-top:1px solid #deded8!important}.capability-grid h3{font-size:17px!important}.onboarding-section{padding:70px 22px!important}.onboarding-section h3{margin-bottom:34px}.onboarding-section ol{grid-template-columns:repeat(4,1fr);gap:8px}.onboarding-section strong{font-size:12px;line-height:1.5}.onboarding-section li span{width:34px;height:34px}.onboarding-section .onboarding-free{font-size:14px;margin-top:28px}}
/* Small artistic accent between the heading and capabilities. */
.principles-heading{min-height:285px;align-items:flex-start;justify-content:center;padding-bottom:130px}.principles-heading .details-intro{width:100%;align-items:center;text-align:center}.creation-hand{width:clamp(180px,24vw,310px);left:5%;top:auto;bottom:14px}
@media(max-width:760px){.principles-heading{min-height:235px;padding:0 22px 120px}.creation-hand{width:185px;left:-20px;top:auto;bottom:18px}}
/* Separate desktop composition from the compact mobile arrangement. */
@media(min-width:761px){.principles-heading{min-height:310px;align-items:center;justify-content:flex-end;padding:0 6% 60px}.principles-heading .details-intro{width:62%;align-items:flex-start;text-align:left}.creation-hand{width:50%;left:-8%;top:30px;bottom:auto}}
@media(max-width:760px){#principles{padding-top:40px}.principles-heading{min-height:0;padding:0 22px 68px}.principles-heading h2{font-size:clamp(25px,6.6vw,30px);line-height:1.15}.creation-hand{width:150px;left:-18px;top:auto;bottom:-6px;z-index:1}.capability-grid{position:relative;margin-top:0!important;padding:18px 14px}.capability-grid article{min-height:96px;padding:16px 8px}}