/* Kasuar v7: client care and a photographic hand holding the product. */
/* Display quads are measured from the generated glass. HTML stays sharp in perspective. */
.product-stage{height:660px;padding:0}
.handset-mockup{position:absolute;width:500px;height:750px;left:50%;top:110px;transform:translateX(-43%);--art-scale:.48828125}
.handset-photo{display:block;width:100%;height:100%;max-width:none}
.handset-ui-plane{position:absolute;left:0;top:0;width:1024px;height:1536px;transform:scale(var(--art-scale));transform-origin:0 0;pointer-events:none}
.handset-screen{position:absolute;left:0;top:0;width:278px;height:591px;border-radius:32px;overflow:hidden;background:#F2F3F5;transform-origin:0 0}
.handset-screen .product-phone{position:absolute;inset:0 auto auto 0;width:278px;min-width:278px;max-width:none;height:591px;min-height:591px;padding:0 11px 20px;margin:0;border:0;outline:0;border-radius:0;box-shadow:none;transform:none!important;transform-origin:0 0}
.handset-screen .product-phone::after{content:"";position:absolute;width:85px;height:4px;border-radius:5px;background:#263431;bottom:10px;left:calc(50% - 42.5px)}
.stage-order .handset-mockup{transform:translateX(-61%)}
.stage-money .handset-mockup{transform:translateX(-41%);width:555px;height:832.5px;--art-scale:.5419921875;top:115px}
.stage-client .handset-screen{transform:matrix3d(1.407426472,0.184079414,0.000000000,-0.000051613,-0.283838893,1.382266080,0.000000000,-0.000082808,0.000000000,0.000000000,1.000000000,0.000000000,317.411920116,98.473583838,0.000000000,1.000000000)}
.stage-order .handset-screen{transform:matrix3d(1.340506559,-0.189689306,0.000000000,0.000083401,0.270174879,1.346851330,0.000000000,-0.000038426,0.000000000,0.000000000,1.000000000,0.000000000,363.934947731,161.995835058,0.000000000,1.000000000)}
.stage-money .handset-screen{transform:matrix3d(1.270361562,0.125218655,0.000000000,0.000014294,-0.148865650,1.201994929,0.000000000,-0.000081493,0.000000000,0.000000000,1.000000000,0.000000000,283.293974310,64.034784417,0.000000000,1.000000000)}

@media(min-width:901px) and (max-width:1100px){.product-stage{height:580px}.handset-mockup{width:435px;height:652.5px;--art-scale:.4248046875;top:104px}.stage-money .handset-mockup{width:485px;height:727.5px;--art-scale:.4736328125;top:110px}}
@media(max-width:900px){.product-preview-grid{display:block;max-width:510px;margin:38px auto 0}.product-preview-card+.product-preview-card{margin-top:40px}.product-stage{height:740px}.handset-mockup{width:580px;height:870px;--art-scale:.56640625;top:110px}.stage-money .handset-mockup{width:640px;height:960px;--art-scale:.625;top:115px}.product-callout{font-size:12px}.product-preview-card>h3{font-size:25px}.product-preview-card>p{font-size:15px}}
@media(max-width:600px){.product-stage{height:660px}.handset-mockup{width:500px;height:750px;--art-scale:.48828125;top:110px}.stage-money .handset-mockup{width:555px;height:832.5px;--art-scale:.5419921875;top:115px}.product-callout{font-size:11px}.product-preview-card>h3{font-size:24px}.product-preview-card>p{font-size:14px}}
@media(max-width:360px){.product-stage{height:600px}.handset-mockup{width:450px;height:675px;--art-scale:.439453125;top:108px}.stage-money .handset-mockup{width:500px;height:750px;--art-scale:.48828125;top:112px}.product-callout{font-size:10px}}
.client-care{background:#EAF0E9;padding:88px 0}
.care-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px}
.care-copy h2{font-size:48px;line-height:1.13;letter-spacing:-.045em;margin:16px 0 27px}
.care-copy h2 span{color:#4B6D5E}
.care-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:520px;color:#455D53}
.care-copy>p+p{margin-top:16px}
.care-benefits{display:flex;flex-wrap:wrap;gap:14px 23px;margin-top:26px}
.care-benefits>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650}
.care-benefits .icon{width:17px;height:17px;color:#4B6D5E}
.care-example{padding:31px;border:1px solid #D0DCD1;border-radius:26px;background:#F7FBF8}
.care-reminder{display:flex;align-items:center;gap:13px;padding:0 0 24px}
.care-reminder .small-icon{flex-shrink:0;background:#FFDC25;color:#001718}
.care-reminder small{display:block;font-size:10px;color:#5D7368;margin-bottom:7px}
.care-reminder strong{font-size:13px;line-height:1.6;display:block}
.care-message{background:#001F1D;border-radius:19px 19px 19px 3px;padding:25px;color:#F7FBF8}
.care-message>span{font-size:9px;color:#B8CBC0;text-transform:uppercase;letter-spacing:.07em}
.care-message>p{font-size:19px;line-height:1.7;letter-spacing:-.3px;margin:18px 0 22px}
.care-message>div{display:flex;align-items:center;gap:7px;font-size:10px;color:#C2D3C7}
.care-message .icon{width:16px;height:16px;color:#FFDC25}
.care-caption{font-size:10px;line-height:1.7;color:#5D7368;margin:18px 0 0}
@media(max-width:1100px){.care-layout{gap:45px}.care-copy h2{font-size:42px}.care-example{padding:24px}}
@media(max-width:820px){.care-layout{gap:28px}.care-copy h2{font-size:36px}.care-copy>p:not(.eyebrow){font-size:13px}.care-message{padding:20px}.care-message>p{font-size:16px}.care-example{padding:19px}}
@media(max-width:600px){.client-care{padding:60px 0}.care-layout{grid-template-columns:1fr;gap:32px}.care-copy h2{font-size:36px;margin-bottom:22px}.care-copy>p:not(.eyebrow){font-size:14px}.care-example{padding:23px}.care-message>p{font-size:18px}.care-copy .eyebrow{font-size:9px}}