/* Real Koyo screens in responsive, code-built iPhone frames. */
body .koyo-app-features{background:#fff8f2!important;overflow:clip;padding-top:80px!important;padding-bottom:72px!important;scroll-margin-top:96px}
body .koyo-app-features .home-features-oct-heading h2{max-width:800px!important;margin-bottom:42px!important}
body .koyo-app-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
body .koyo-app-feature-card{display:flex;min-width:0;flex-direction:column;padding:28px 25px 24px;border:1px solid #e8ddd3;border-radius:22px;background:#fff;overflow:hidden}
body .koyo-app-feature-card .koyo-app-feature-copy{min-height:174px}
body .koyo-app-features .koyo-feature-number{display:block;margin:0 0 14px;font:600 10px/1.5 "Instrument Sans",sans-serif;letter-spacing:.12em;color:#a74420}
body .koyo-app-features .koyo-app-feature-copy h3,body .koyo-app-features .koyo-family-benefit h3{font:500 25px/1.2 "Instrument Sans",sans-serif!important;letter-spacing:-.03em!important;color:#191d19;margin:0 0 14px!important}
body .koyo-app-features .koyo-app-feature-copy p,body.koyo-chat-brand.koyo-chat-pdf main .koyo-app-feature-copy p,body .koyo-app-features .koyo-family-benefit p{font:400 16px/1.65 "Instrument Sans",sans-serif!important;color:#636963;margin:0!important}
body .koyo-phone-trigger{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:22px;width:100%;padding:22px 8px 0;margin:0;border:0;background:none;color:#5d635e;cursor:zoom-in;font:400 13px/1.4 "Instrument Sans",sans-serif}
body .koyo-iphone{display:block;position:relative;width:min(100%,244px);padding:7px;border-radius:39px;background:linear-gradient(135deg,#5b5b5b 0%,#191919 8%,#060606 45%,#424242 95%);border:1px solid #535353;box-shadow:0 2px 0 #b1b1af inset,0 0 0 1px #101010,0 21px 35px -15px #251c1540;isolation:isolate}
body .koyo-iphone::before{content:"";position:absolute;width:3px;height:28px;left:-3px;top:100px;border-radius:2px 0 0 2px;background:#555;box-shadow:0 37px #555}
body .koyo-iphone::after{content:"";position:absolute;width:3px;height:49px;right:-3px;top:120px;border-radius:0 2px 2px 0;background:#555}
body .koyo-phone-display{display:block;aspect-ratio:1284/2778;border-radius:31px;overflow:hidden;background:#fff}
body .koyo-phone-display img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:0!important}
body .koyo-iphone-island{position:absolute;z-index:1;top:13px;left:50%;width:25%;height:14px;transform:translateX(-50%);border-radius:12px;background:#080808;box-shadow:0 1px 2px #333 inset;pointer-events:none}
body .koyo-iphone-island::after{content:"";position:absolute;right:7px;top:4px;width:5px;height:5px;border-radius:50%;background:#17212b;box-shadow:0 0 0 1px #282b31}
body .koyo-iphone-home{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:28%;height:3px;border-radius:3px;background:#161616;pointer-events:none}
body .koyo-screen-enlarge{display:flex;align-items:center;gap:9px}
body .koyo-screen-enlarge svg{flex:none}
body .koyo-phone-trigger:hover .koyo-screen-enlarge{text-decoration:underline;text-underline-offset:4px;color:#a74420}
body .koyo-phone-trigger:focus-visible{outline:2px solid #a74420;outline-offset:6px;border-radius:12px}
/* Protect phone frames from WordPress and Elementor's filled button states. */
body .koyo-app-features .koyo-phone-trigger,
body .koyo-app-features .koyo-phone-trigger:is(:hover,:focus,:active){background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important;transform:none!important}
body .koyo-app-features .koyo-phone-trigger::before,
body .koyo-app-features .koyo-phone-trigger::after{content:none!important}
body .koyo-family-benefit{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:26px 0 0;padding:30px 34px;border:1px solid #e8ddd3;border-radius:20px;background:#f4ece1}
body .koyo-family-benefit>div:first-child{max-width:650px}
body .koyo-app-features .koyo-family-benefit h3{margin-bottom:9px!important}
body .koyo-family-device:empty{display:none}
body .koyo-family-device:not(:empty){width:210px;flex-shrink:0}
body .koyo-family-plan{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;flex-shrink:0;min-height:48px;padding:13px 18px;border:1px solid #bba993;border-radius:9px;text-decoration:none;color:#252a25;font:500 15px/1.4 "Instrument Sans",sans-serif}
body .koyo-family-plan:hover{background:#fff8f2}
body .koyo-app-features .koyo-app-screen-note,body.koyo-chat-brand.koyo-chat-pdf main .koyo-app-screen-note{max-width:820px;margin:22px 0 0!important;color:#6c716b;font:400 13px/1.6 "Instrument Sans",sans-serif!important}
body .koyo-app-screen-navigation{display:none}
body .koyo-screen-dialog{position:fixed;inset:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:480px;margin:auto;padding:20px;border:1px solid #e7dbd0;border-radius:20px;background:#fffaf5;color:#191d19;overflow:auto;box-shadow:0 25px 80px #0004;z-index:100000}
body .koyo-screen-dialog::backdrop{background:#101310b8;backdrop-filter:blur(4px)}
body .koyo-screen-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
body .koyo-screen-dialog h2{font:500 20px/1.25 "Instrument Sans",sans-serif!important;letter-spacing:-.025em;margin:0}
body .koyo-screen-close{flex:none;width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid #ddd2c8;border-radius:50%;color:#222;cursor:pointer}
body .koyo-screen-dialog-image{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100dvh - 176px)!important;margin:0 auto!important;object-fit:contain}
body .koyo-screen-dialog p{font:400 12px/1.6 "Instrument Sans",sans-serif!important;color:#636963;margin:14px 0 0!important}
@media(min-width:951px) and (max-width:1150px){body .koyo-app-feature-card{padding-inline:18px}body .koyo-app-feature-card .koyo-app-feature-copy{min-height:205px}}
@media(max-width:950px){
 body .koyo-app-feature-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:3px 2px 20px;scrollbar-width:thin;scrollbar-color:#d8baa4 transparent;overscroll-behavior-x:contain}
 body .koyo-app-feature-card{flex:0 0 calc((100% - 18px)/2);scroll-snap-align:start;padding:25px 22px}
 body .koyo-app-feature-card .koyo-app-feature-copy{min-height:185px}
 body .koyo-app-screen-navigation{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:6px;color:#656b65;font:400 13px/1.5 "Instrument Sans",sans-serif}
 body .koyo-app-screen-navigation>div{display:flex;gap:8px}
 body .koyo-app-screen-navigation button{width:40px;height:40px;border:1px solid #d8c9bb;border-radius:50%;background:#fff;color:#262b26;font-size:20px;cursor:pointer}
 body .koyo-app-screen-navigation button:disabled{opacity:.35;cursor:default}
 body .koyo-family-benefit{align-items:flex-start;flex-direction:column;gap:22px}
}
@media(max-width:600px){
 body .koyo-app-features{padding:52px 20px!important}
 body .koyo-app-features .home-features-oct-heading h2{font-size:32px!important;margin-bottom:28px!important}
 body .koyo-app-feature-grid{margin-right:-20px;padding-right:20px;scroll-padding-left:2px;gap:14px}
 body .koyo-app-feature-card{flex-basis:87%;padding:24px 20px 20px}
 body .koyo-app-feature-card .koyo-app-feature-copy{min-height:172px}
 body .koyo-app-features .koyo-app-feature-copy h3{font-size:24px!important}
 body .koyo-iphone{width:224px;max-width:100%}
 body .koyo-family-benefit{padding:26px 22px;margin-top:24px}
 body .koyo-family-plan{width:100%}
 body .koyo-family-device:not(:empty){align-self:center}
}