/* One Sincere frame, four deliberately different example businesses. */
.film-visual{height:520px;--scene-cover:0;--cart:0;--checkout:0}
.demo-site-google-ads{--green:#17384c;--paper:#f9fbfc;--accent:#f4c648;font-family:Arial,sans-serif}
.demo-site-google-ads .film-site-nav{border-bottom-color:#dde4e9;padding-top:21px;padding-bottom:21px}
.demo-site-google-ads .film-site-nav>b{font-family:Arial,sans-serif;font-size:14px;letter-spacing:-.4px}
.demo-site-google-ads .film-site-hero{padding:29px 29px 25px;gap:25px;grid-template-columns:1.15fr .85fr}
.demo-site-google-ads .film-site-hero h4{font-family:Arial,sans-serif;font-weight:800;font-size:42px;letter-spacing:-1.8px}
.demo-site-google-ads .film-site-cta{background:var(--accent);color:var(--green);font-family:Arial,sans-serif;font-weight:700;gap:12px}
.demo-site-google-ads .film-site-benefits{border-color:#dde4e9;background:#f0f4f6}
.electric-call-card{height:225px;background:#17384c;color:#fff;border-radius:8px;padding:22px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.electric-bolt{display:flex;align-items:center;justify-content:center;font:700 32px/1 Arial;background:#f4c648;color:#17384c;width:44px;height:44px;border-radius:50%}
.electric-call-card>small{font:700 8px/1.3 Arial;letter-spacing:1.1px;color:#f4c648}
.electric-call-card>b{font:700 23px/1.05 Arial;letter-spacing:-.6px}
.electric-phone{font:700 10px/1.4 Arial;padding-bottom:2px;border-bottom:1px solid #ffffff66}
.electric-call-card>div{font:9px/1.3 Arial;display:flex;align-items:center;gap:6px;color:#c6d5df}
.electric-call-card>div>i{display:block;width:5px;height:5px;background:#f4c648;border-radius:50%}
.ads-film .your-result .film-result-brand:before{content:'ϟ';background:#17384c;color:#f4c648;font-size:16px}
.demo-site-seo{--green:#225c3b;--paper:#f4f7ec;--accent:#d7e6a3}
.demo-site-seo .film-site-nav>b{font-size:20px;letter-spacing:-1.1px;font-family:Georgia,serif;font-weight:700}
.demo-site-seo .film-site-hero{grid-template-columns:1fr 1.1fr;padding:29px;gap:20px}
.demo-site-seo .film-site-hero h4{font-family:Georgia,serif;font-size:40px;letter-spacing:-1.4px;font-weight:400;line-height:1.02}
.demo-site-seo .film-site-hero .film-photo{height:225px;max-width:none;border-radius:65px 5px 5px 5px}
.demo-site-seo .film-photo img{object-position:52% 50%}
.demo-site-seo .film-site-cta{background:#225c3b;border-radius:22px;font-size:10px;gap:12px}
.demo-site-seo .film-site-benefits{background:#e6edcf;border-color:#d3dfb7}
.seo-film .your-result .film-result-brand:before{content:'E';background:#d7e6a3;color:#225c3b;font-family:Georgia,serif;font-size:13px}
.seo-results .film-result{height:86px}
.demo-site-website-design{--green:#493e35;--paper:#f8f3eb;--accent:#d5b096}
.demo-site-website-design .film-site-nav{border-color:#ddd0c4;padding:18px 26px}
.demo-site-website-design .film-site-nav>b{font-family:Georgia,serif;font-size:20px;letter-spacing:-.7px;font-weight:400}
.demo-site-website-design .film-site-nav>span{font-size:8px}
.demo-site-website-design .film-site-hero{position:relative;min-height:309px;display:block;padding:34px 28px;box-sizing:border-box;isolation:isolate}
.demo-site-website-design .film-site-hero>div:first-child{position:relative;z-index:2;max-width:57%}
.demo-site-website-design .film-site-hero h4{font:400 43px/1.03 Georgia,serif;letter-spacing:-1.8px;margin:15px 0 18px}
.demo-site-website-design .film-site-hero p{font-size:11px;line-height:1.5;max-width:180px}
.demo-site-website-design .film-site-hero small{font-size:7px;letter-spacing:1px}
.demo-site-website-design .film-site-hero>.film-photo{position:absolute;inset:0 0 0 auto;width:60%;height:100%;max-width:none;border-radius:0;z-index:0}
.demo-site-website-design .film-site-hero>.film-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f3eb 0%,#f8f3eb55 25%,transparent 50%)}
.demo-site-website-design .film-photo img{object-position:70% 50%}
.demo-site-website-design .film-site-cta{background:#975e43;gap:18px;border-radius:0;font-size:10px}
.demo-site-website-design .film-site-benefits{border-color:#ddd0c4;background:#eee4d8;font-size:9px;padding:17px 26px}
.demo-site-website-design .film-quote{border-color:#c8b4a3}
.demo-site-website-design .film-success{background:#f8f3ebf5}
.design-outcome strong{font-size:19px;letter-spacing:-.6px;line-height:1.15}
.design-outcome .film-revenue-icon{background:#d5b096}
/* Meta: a fully covered scene cut, so old/new feeds never mix. */
.meta-mattress{display:block;padding:0;background:radial-gradient(ellipse at 50% 55%,#eadcd2 0%,#f3eee7 70%)}
.meta-phase-bar{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:285px;max-width:calc(100% - 24px);display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:8px;box-sizing:border-box}
.meta-phase-bar>span{display:block;border:1px solid #ccd1c5;background:#f7f7f2;border-radius:5px;padding:9px 11px;min-height:48px;box-sizing:border-box;color:#6b7563}
.meta-phase-bar b{display:block;font-size:11px;line-height:1.3}
.meta-phase-bar small{display:block;font-size:7px;line-height:1.4;margin-top:3px;white-space:nowrap}
.meta-phase-bar>i{font:400 18px/1 Arial;text-align:center;font-style:normal;color:#71816a}
[data-phase=before] .meta-before-label,[data-phase=after] .meta-after-label{background:var(--green);border-color:var(--green);color:var(--paper);box-shadow:2px 2px 0 var(--accent)}
.meta-mattress .film-phone{position:absolute;top:80px;left:50%;transform:translateX(-50%);height:420px;width:285px;margin:0;max-width:calc(100% - 24px)}
.meta-mattress .film-before-feed{transform:translateY(calc(var(--feed-scroll)*-1px))}
.meta-mattress .film-social-upgrade{clip-path:none;opacity:var(--after);background:#f0f2f5}
.meta-mattress .film-after-feed{transform:translateY(calc(var(--after-feed-scroll)*-1px))}
.meta-mattress .film-feed-ad-art{height:165px}
.meta-mattress .film-feed-ad-art:after{background:linear-gradient(90deg,#4b342cbd,transparent 90%)}
.meta-mattress .film-feed-ad-art>.film-photo{height:100%;width:100%;border-radius:0}
.meta-mattress .film-feed-ad-art>strong{font-family:Georgia,serif;font-size:25px;line-height:1.04;letter-spacing:-.8px;top:20px;left:15px;font-weight:400;max-width:210px;color:#fff9ed}
.meta-mattress .film-feed-ad-art img{object-position:55% 60%}
.meta-mattress .film-feed-who>i{background:#eaded4;color:#6a493d;font-family:Georgia,serif;font-size:16px}
.meta-mattress .mattress-ad-line{font:10px/1.4 Arial,sans-serif;color:#303337;padding:0 11px 9px;margin:0}
.meta-mattress .film-feed-ad-copy{background:#f4eee8;min-height:52px}
.meta-mattress .film-feed-ad-copy>span{font-size:8px;line-height:1.5;color:#6a5446}
.meta-mattress .film-feed-ad-copy>span>strong{font-size:11px;font-weight:700;color:#4e3a30}
.meta-mattress .film-feed-ad-copy>b{background:#e9dfd6;border-color:#d8c8bb;color:#50392e}
.meta-mattress .boring-creative>b{font-size:15px}
.meta-mattress .boring-creative>span{font-size:10px}
.neutral-feed-photo{height:165px;background:linear-gradient(160deg,#c7d5ca,#ece6d7);display:flex;justify-content:center;align-items:center;color:#f4f4df;font-size:65px}
.meta-scene-transition{position:absolute;inset:0;z-index:14;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--green);color:var(--paper);opacity:var(--scene-cover);gap:24px;text-align:center;pointer-events:none}
.meta-scene-transition>span{font:800 23px/1 var(--sans);letter-spacing:-1.4px;color:var(--accent)}
.meta-scene-transition>b{font:800 32px/1.05 var(--sans);letter-spacing:-1px}
.meta-scene-transition>i{font-size:27px;font-style:normal;color:var(--accent)}
/* A product, bag and checkout — not a second lead form. */
.film-shop{height:100%;position:relative;overflow:hidden;background:#fffaf4;color:#503c30;font-family:Arial,sans-serif}
.shop-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid #e4d9cf;height:43px;box-sizing:border-box}
.shop-nav>b{font:700 20px/1 Georgia,serif;letter-spacing:-.8px}
.shop-nav>span{font-size:9px}
.shop-nav i{font-style:normal;font-size:8px;line-height:14px;width:14px;text-align:center;display:inline-block;background:#6f4c3a;color:#fff;border-radius:50%}
.shop-product{padding:0 13px 13px}
.film-shop .shop-product>.film-photo{height:130px;width:calc(100% + 26px);max-width:none;border-radius:0;margin:0 -13px 12px}
.film-shop .film-photo img{object-position:50% 60%;transform:none}
.shop-product>small{font:700 6px/1.4 Arial,sans-serif;letter-spacing:1px;color:#8b7566;display:block}
.shop-product>h4{font:400 23px/1.08 Georgia,serif;color:#503c30;margin:6px 0 10px;letter-spacing:-.5px}
.shop-price{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px}
.shop-price>b{font-size:17px;font-weight:700}
.shop-price>span{font-size:8px;color:#8b7566}
.shop-size{display:block;font-size:9px;padding:8px 10px;border:1px solid #cbb5a5;border-radius:2px;margin-bottom:9px;width:75px;box-sizing:border-box}
.shop-add,.shop-checkout,.shop-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#6f4c3a;color:#fff9f1;border-radius:3px;font-size:10px;font-weight:600;line-height:1.3}
.shop-add b,.shop-checkout b,.shop-pay b{font-size:14px;font-weight:400}
.shop-cart{position:absolute;inset:43px 0 0;background:#fffaf4;z-index:2;padding:24px 17px;box-sizing:border-box;opacity:calc(var(--cart)*(1 - var(--checkout)));transform:translateY(calc((1 - var(--cart))*12px))}
.shop-cart>span:first-child{font-size:9px;color:#557b51;background:#eef2e4;border:1px solid #dbe4ce;display:block;padding:10px;border-radius:3px;margin-bottom:20px}
.shop-cart>h4{font:400 28px/1.06 Georgia,serif;color:#503c30;margin:0 0 20px;letter-spacing:-.8px}
.shop-cart>div{display:grid;grid-template-columns:73px 1fr;gap:13px;align-items:center;margin-bottom:23px}
.film-shop .shop-cart .film-photo{height:80px;width:73px;border-radius:4px;max-width:none}
.shop-cart>div>div:last-child{display:flex;flex-direction:column;gap:7px}
.shop-cart>div b{font-size:10px;line-height:1.3}
.shop-cart>div small{font-size:8px;color:#8b7566}
.shop-cart>div strong{font-size:13px}
.shop-checkout-page{position:absolute;inset:43px 0 0;z-index:3;background:#fffaf4;padding:20px 16px;box-sizing:border-box;opacity:var(--checkout);transform:translateY(calc((1 - var(--checkout))*12px))}
.shop-checkout-page .film-quote-title{margin-bottom:18px}
.shop-checkout-page .film-quote-title>b{font:400 24px/1 Georgia,serif;color:#503c30}
.shop-checkout-page label{display:block;font-size:8px;font-weight:600;margin:10px 0 5px;color:#796050;line-height:1.4}
.shop-checkout-page .film-fake-field{font-family:Arial,sans-serif;font-size:9px;line-height:1.5;padding:7px 9px;min-height:28px;border-color:#d9c9bc;color:#503c30;background:#fffdf9}
.shop-checkout-page .job-field{min-height:33px}
.shop-total{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.4;border-top:1px solid #e4d9cf;padding-top:12px;margin:16px 0 13px}
.shop-order-success{position:absolute;inset:0;z-index:4;background:#fffaf4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center;padding:25px;box-sizing:border-box;opacity:var(--success)}
.shop-order-success>span{display:flex;align-items:center;justify-content:center;font:400 29px/1 Arial;width:59px;height:59px;border-radius:50%;background:#e7eddd;color:#557b51}
.shop-order-success>small{font-size:8px;letter-spacing:1px;color:#8b7566}
.shop-order-success>h4{font:400 39px/1.01 Georgia,serif;letter-spacing:-1.3px;color:#503c30;margin:0}
.shop-order-success>p{font-size:11px;line-height:1.5;color:#8b7566;margin:0}
.shop-order-success>b{font-size:21px;color:#6f4c3a}
@media(max-width:800px){
 .demo-site-google-ads .film-site-hero h4{font-size:36px}
 .demo-site-seo .film-site-hero h4{font-size:35px}
 .demo-site-website-design .film-site-hero h4{font-size:39px}
 .electric-call-card{height:215px;padding:19px}
 .electric-call-card>b{font-size:21px}
}
@media(max-width:620px){
 .film-visual{height:500px}
 .meta-mattress .film-phone{height:400px;top:80px;width:275px}
 .meta-phase-bar{width:275px}
 .demo-site-google-ads .film-site-nav{padding:17px 19px}
 .demo-site-google-ads .film-site-nav>b{font-size:11px}
 .demo-site-google-ads .film-site-hero{padding:28px 18px 23px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .demo-site-google-ads .film-site-hero>div{min-width:0}
 .demo-site-google-ads .film-site-hero h4{font-size:30px;letter-spacing:-1.2px}
 .demo-site-google-ads .film-site-hero p{font-size:10px}
 .demo-site-google-ads .film-site-cta{font-size:9px;padding:10px;gap:6px}
 .electric-call-card{padding:13px;height:200px;gap:11px}
 .electric-bolt{height:33px;width:33px;font-size:26px}
 .electric-call-card>small{font-size:6px;letter-spacing:.5px}
 .electric-call-card>b{font-size:18px;letter-spacing:-.5px}
 .electric-phone{font-size:7px;line-height:1.4}
 .electric-call-card>div{font-size:6px;gap:4px}
 .demo-site-seo .film-site-nav{padding:17px 19px}
 .demo-site-seo .film-site-nav>b{font-size:18px}
 .demo-site-seo .film-site-hero{padding:26px 19px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
 .demo-site-seo .film-site-hero>div{min-width:0}
 .demo-site-seo .film-site-hero h4{font-size:31px;letter-spacing:-1px}
 .demo-site-seo .film-site-hero p{font-size:10px}
 .demo-site-seo .film-site-hero .film-photo{height:210px;border-radius:45px 4px 4px 4px}
 .demo-site-seo .film-site-cta{padding:11px;font-size:8px;gap:7px}
 .demo-site-seo .film-site-benefits{font-size:7px;line-height:1.5}
 .demo-site-website-design .film-site-nav{padding:17px 19px}
 .demo-site-website-design .film-site-nav>b{font-size:18px}
 .demo-site-website-design .film-site-hero{padding:32px 19px;min-height:315px}
 .demo-site-website-design .film-site-hero>div:first-child{max-width:63%}
 .demo-site-website-design .film-site-hero h4{font-size:34px;line-height:1.04;letter-spacing:-1.3px}
 .demo-site-website-design .film-site-hero small{font-size:6px;letter-spacing:.5px;max-width:140px}
 .demo-site-website-design .film-site-hero p{max-width:135px;font-size:10px;line-height:1.6}
 .demo-site-website-design .film-site-hero>.film-photo{width:62%}
 .demo-site-website-design .film-site-cta{font-size:9px;gap:15px;padding:12px}
 .demo-site-website-design .film-site-benefits{font-size:7px;padding:16px 19px;line-height:1.4}
 .design-outcome strong{font-size:17px}
 .film-phone .shop-product>.film-photo{height:120px}
 .film-phone .shop-product>h4{font-size:22px}
 .film-phone .shop-product .shop-size{padding:7px 9px;margin-bottom:8px}
 .film-phone .shop-checkout-page{padding-top:16px}
 .film-phone .shop-checkout-page .film-quote-title{margin-bottom:12px}
 .film-phone .shop-checkout-page label{margin-top:8px}
 .film-phone .shop-checkout-page .film-fake-field{padding:6px 8px;min-height:27px}
 .film-phone .shop-checkout-page .job-field{min-height:30px}
 .film-phone .shop-total{margin:13px 0 12px;padding-top:10px}
 .film-phone .shop-order-success{gap:15px}
 .film-phone .shop-order-success>h4{font-size:36px}
 .search-film .film-searchbar{font-size:11px;padding:0 12px}
 .search-film .film-searchbar>b{font-size:19px}
}