/* Mobile feature accordion, one contained demonstration. */
.mobile-features{display:none}
@media(max-width:740px){
 body.studio.kerbi-studied #product{width:calc(100% - 40px);max-width:560px;margin-top:28px}
 body.studio.kerbi-studied .studio-film{background:transparent;border:0;border-radius:0;overflow:visible;color:#20211e;box-shadow:none}
 body.studio.kerbi-studied .studio-film .film-stage{background:transparent;border-radius:0;height:auto;overflow:visible}
 .studio-film .film-topline,.studio-film .film-copy .eyebrow,.studio-film .source-link,.studio-film .film-controls{display:none!important}
 body.studio.kerbi-studied .studio-film .film-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0 0 30px;min-height:0}
 body.studio.kerbi-studied .studio-film .film-copy h2{color:#20211e;font-size:36px;line-height:1.06;letter-spacing:-.035em;margin-bottom:16px}
 body.studio.kerbi-studied .studio-film .film-copy p{color:#66665e;font-size:16px;line-height:1.5;max-width:350px}
 .mobile-features{display:block;background:#111110;color:#f3f3ed;border-radius:22px;padding:14px;overflow:hidden;box-shadow:0 18px 45px #11111118}
 .mobile-feature-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-bottom:3px}
 .mobile-feature-trigger{display:flex;grid-column:span 2;min-width:0;min-height:58px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:9px;padding:11px 12px;border:1px solid #363630;border-radius:11px;background:#191917;color:#aaa99f;text-align:left;font:500 11px/1.1 'Kerbi Text',Arial,sans-serif;transition:background .22s,color .22s,border-color .22s}
 .mobile-feature-trigger:nth-child(n+4){grid-column:span 3}
 .mobile-feature-trigger span:last-child{font:600 13px/1.1 'Switzer','Kerbi Text',Arial,sans-serif;letter-spacing:-.02em}
 .mobile-feature-trigger[aria-selected="true"]{background:#d9caf2;border-color:#d9caf2;color:#17131d}
 .mobile-feature-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}
 .feature-number{font-size:9px;letter-spacing:.06em;color:inherit;font-weight:500}
 .mobile-feature-body{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(112px,.82fr);min-height:280px;margin-top:14px;border:1px solid #30302c;border-radius:15px;overflow:hidden;background:#171715}
 .mobile-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:25px 18px 21px}
 .mobile-feature-label{font-size:9px;line-height:1.4;letter-spacing:.085em;text-transform:uppercase;color:#92928a}
 body.studio.kerbi-studied .mobile-feature-copy h3{font:600 29px/1.02 'Switzer','Kerbi Text',Arial,sans-serif;letter-spacing:-.04em;margin:16px 0 13px;max-width:190px;color:#f5f5ef}
 body.studio.kerbi-studied .mobile-feature-copy p{font-size:12px;line-height:1.5;color:#a5a59d;max-width:190px}
 .mobile-feature-link{display:inline-flex;align-items:center;min-height:38px;margin-top:auto;border-bottom:1px solid #55554e;color:#efefe8;font:500 10px/1.3 'Kerbi Text',Arial,sans-serif}
 .mobile-product-preview{position:relative;min-width:0;background:#20201d;color:#efefe7;overflow:hidden;isolation:isolate;border-left:1px solid #30302c}
 .mobile-feature-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
 .mobile-features[data-chapter="1"] .mobile-feature-poster,.mobile-features[data-chapter="2"] .mobile-feature-poster,.mobile-features[data-chapter="4"] .mobile-feature-poster{object-position:50% 16%}
 .mobile-preview-caption{position:absolute;left:0;right:0;bottom:0;padding:38px 10px 10px;background:linear-gradient(transparent,#111110e8);font-size:7px;line-height:1.35;color:#d2d2cb}
 body.studio.kerbi-studied .studio-film .film-stage>.device-wrap{display:none!important}
 body.studio.kerbi-studied .whole-day{margin-top:30px}
 body.studio.kerbi-studied .studio-film .device{position:absolute;inset:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none;transition:none;background:#111110}
 body.studio.kerbi-studied .studio-film .device-screen{inset:0;overflow:hidden;border-radius:0;background:#111110}
 .studio-film .hardware,.studio-film .side-key,.studio-film .device:before,.studio-film .device-wrap:after,.studio-film .device-floor,.studio-film .home-indicator,.studio-film .app-nav{display:none!important}
 .studio-film .screen-panel{inset:0;transform:none;transition:none}
 .studio-film .app-header{display:none}.studio-film .app-header h3{font-size:23px}
 .studio-film .subtotals,.studio-film .app-insight,.studio-film .phone-metrics{display:none}
 .studio-film .payout{font-size:39px}.studio-film .payout-summary{margin-bottom:20px}.studio-film .bar-chart{height:133px}
 .studio-film .selected-month strong{font-size:18px}.studio-film .selected-month span{font-size:10px}.studio-film .selected-month .comparison strong{font-size:12px}.studio-film .month-label{font-size:11px}
 .studio-film .receipt-scan{height:130px;margin-top:12px;background:#f4f4ee}.studio-film .receipt-scan>img{height:100%;object-fit:contain}
 .studio-film .receipt-words{padding-top:14px}.studio-film .receipt-words h4{font-size:24px;line-height:1.1}.studio-film .receipt-words h4 br{display:none}
 .studio-film .receipt-results{max-height:130px;margin-top:12px}.studio-film .receipt-review{font-size:11px;margin-top:12px}
 body.studio.kerbi-studied .studio-film .film-caption{display:none!important}
 .mobile-product-preview .transport{display:none!important}.studio-film [data-scrub]{display:none}
 /* Consistent reading width and fewer nested margins in the rest of the page. */
 body.studio.kerbi-studied .section-wrap{width:calc(100% - 40px);max-width:560px}
 body.studio.kerbi-studied .together{padding-top:60px;text-align:left}
 body.studio.kerbi-studied .together>h2,body.studio.kerbi-studied .decision-copy h2{font-family:'Switzer',Arial,sans-serif;font-weight:600;font-size:36px;line-height:1.06;letter-spacing:-.035em}
 body.studio.kerbi-studied .together>.eyebrow{font-size:9px;line-height:1.6;max-width:290px}
 body.studio.kerbi-studied .connect-strip{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-top:28px;padding:24px 0}
 .connection-copy{max-width:none;width:auto;display:block;text-align:left}
 .connection-copy p{font-size:15px!important;max-width:none;line-height:1.5}
 .connection-copy .eyebrow{display:none}
 .app-connections{width:100%;justify-content:space-between;gap:12px}
 .connection{min-width:0}.connection>span{width:46px;height:46px}
 .connection b{font-size:11px}.connection small{font-size:8px}
 .connection-arrow{display:none}.connection-kerbi{font-size:24px}
 body.studio.kerbi-studied .context-scene{width:calc(100% - 24px);margin-top:40px;max-width:560px}
 body.studio.kerbi-studied .context-frame{height:600px;border-radius:20px}
 body.studio.kerbi-studied .context-copy{top:30px;left:24px;right:24px}
 body.studio.kerbi-studied .context-copy h2{font-family:'Switzer',Arial,sans-serif;font-size:36px;line-height:1.06;letter-spacing:-.035em;max-width:340px}
 body.studio.kerbi-studied .context-copy p{font-size:14px;line-height:1.5;max-width:300px}
 body.studio.kerbi-studied .context-proof{width:230px;bottom:-25px;right:50%;transform:translateX(50%)}
 body.studio.kerbi-studied .context-frame:hover .context-proof{transform:translateX(50%)}
 body.studio.kerbi-studied .feature-pair{width:calc(100% - 24px);gap:16px;max-width:560px;margin-top:16px}
 body.studio.kerbi-studied .feature{min-height:560px;border-radius:20px}
 body.studio.kerbi-studied .feature-copy{padding:28px 24px 0}
 body.studio.kerbi-studied .feature-copy h3{font-family:'Switzer',Arial,sans-serif;font-size:34px;line-height:1.06;letter-spacing:-.035em}
 body.studio.kerbi-studied .feature-copy>p{font-size:15px;line-height:1.5}
 body.studio.kerbi-studied .feature-copy .text-button{font-size:13px;min-height:44px;margin-top:8px}
 .receipt-art-scene{height:265px}.receipt-slip{right:7%;width:220px}.receipt-hands{width:210px;left:-15px;bottom:-15px}
 body.studio.kerbi-studied .decision-feature{padding-top:60px;gap:26px}
 .decision-copy p{font-size:15px!important;line-height:1.55;max-width:none}
 body.studio.kerbi-studied .offer-stage{height:390px;padding:50px 18px 30px;border-radius:18px}
 .offer-stage>.original{width:min(100%,290px);transform:rotate(-2deg)}
 .offer-label{font-size:8px;left:18px;right:18px;text-align:center;letter-spacing:.06em}
 .offer-footer{font-size:10px;left:22px;right:22px}
 body.studio.kerbi-studied .journal-v5{padding-top:60px;width:100%}
 .journal-v5-head h2{font-family:'Switzer',Arial,sans-serif;font-size:36px;line-height:1.06;letter-spacing:-.035em}
 .journal-v5-head p,.journal-article p{font-size:15px!important;line-height:1.55}
 .journal-v5-head a,.journal-article>a{min-height:44px;display:inline-flex;align-items:center}
 .journal-v5-grid{gap:30px}.journal-image{aspect-ratio:1.5;border-radius:14px}
 .journal-article h3{font-family:'Switzer',Arial,sans-serif;font-size:27px;line-height:1.12;letter-spacing:-.025em}
 body.studio.kerbi-studied .closing{width:calc(100% - 24px);padding:30px 24px 210px;min-height:0;margin:60px auto 48px;border-radius:20px}
 body.studio.kerbi-studied .closing h2{font-family:'Switzer',Arial,sans-serif;font-size:38px;line-height:1.05;letter-spacing:-.035em;max-width:340px}
 body.studio.kerbi-studied .closing p{font-size:15px;line-height:1.5;max-width:300px}
 .closing .button{font-size:13px;min-height:46px}
 .closing-mascot{width:110px;right:24px;bottom:-6px;top:auto}
 body.studio.kerbi-studied .faq{display:block;padding-bottom:40px}
 .faq h2{font-family:'Switzer',Arial,sans-serif;font-size:36px;line-height:1.06;margin-bottom:24px}
 body.studio.kerbi-studied .questions summary{font-size:15px;line-height:1.4;min-height:64px;padding:16px 0;gap:16px}
 .questions details p{font-size:14px;line-height:1.6}
 footer{flex-wrap:wrap;gap:20px;padding-block:24px}.prototype-note{font-size:10px;line-height:1.6;padding-inline:20px}
}
@media(max-width:360px){

 body.studio.kerbi-studied .studio-film .film-copy h2{font-size:32px}
 body.studio.kerbi-studied .studio-film .device-wrap{width:calc(100% - 32px);margin-inline:16px}
 .mobile-feature-body{grid-template-columns:minmax(0,1.32fr) minmax(90px,.68fr);min-height:270px}
 .mobile-feature-copy{padding:21px 14px 17px}
 body.studio.kerbi-studied .mobile-feature-copy h3{font-size:25px;margin:13px 0 10px}
 body.studio.kerbi-studied .mobile-feature-copy p{font-size:11px;line-height:1.45}
 .mobile-feature-link{font-size:9px;min-height:34px}

 body.studio.kerbi-studied .feature-copy h3{font-size:30px}
}