:root{--ink:#24342d;--muted:#738177;--green:#2c5c48;--green2:#648772;--pale:#eaf0e9;--surface:#f8f9f6;--white:#fff;--line:#e1e9e1;--shadow:0 24px 60px rgba(41,70,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 76px));margin-inline:auto}p{line-height:1.76;color:var(--muted);margin:0}h1,h2,h3,h4{margin:0;letter-spacing:-.05em}h2{font-size:clamp(35px,4.3vw,59px);line-height:1.09;font-weight:640}h3{font-size:23px;line-height:1.19;font-weight:650}h1{font-size:clamp(55px,6vw,90px);line-height:1.055;font-weight:620;letter-spacing:-.078em}h1 em,h2 em{font-style:normal;color:var(--green2)}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:10px;font-weight:830;color:#47785b;display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:7px;height:7px;background:#99bea4;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 22px;font-size:13px;font-weight:760;border-radius:99px;border:1px solid transparent;transition:.2s transform,.2s background;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--green);color:white}.button.dark:hover{background:#204935}.button.light{background:#fff;border-color:#e1e8df}.button.white{background:#fff;color:var(--green)}.button.small{padding:12px 18px;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #85b69d;outline-offset:3px}
.site-nav{height:82px;position:sticky;z-index:20;top:0;border-bottom:1px solid #e2e8dfd0;background:#f8f9f6f2;backdrop-filter:blur(18px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;height:100%}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--green);color:#fff;font-size:11px;font-weight:850;letter-spacing:-.9px}.wordmark{font-size:22px;letter-spacing:-1.05px;font-weight:750}.wordmark .iq,.mini-brand .iq{color:#608b70;font-weight:850}.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;color:#516357;font-weight:680}.nav-links a{white-space:nowrap;position:relative}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#1c4c32}.nav-links a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;border-radius:5px;background:#538265}.nav-actions{display:flex;align-items:center;gap:11px}.lang{display:flex;align-items:center;gap:3px;background:white;border:1px solid var(--line);border-radius:99px;padding:5px}.lang button{border:0;border-radius:99px;background:transparent;color:#7b8c7e;padding:7px 9px;font-size:10px;font-weight:800}.lang button.active{background:#e6efe7;color:#295840}.menu-button{display:none;border:0;background:none;color:var(--green);font-size:26px}.mobile-cta{display:none}
.hero{padding:84px 0 98px}.hero-layout{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:65px}.hero h1{margin:28px 0 27px}.hero p.lead{font-size:17px;max-width:510px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:8px;margin-top:31px;color:#8b988d;font-size:12px}.hero-note svg{color:#6b9a78}.scene{position:relative;min-height:560px;background:#c7cabc;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.scene img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.82)}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#253e290b 20%,#1b33283f 100%);pointer-events:none}.scene-pill{position:absolute;z-index:2;left:24px;top:24px;display:flex;align-items:center;gap:8px;padding:10px 13px;background:#ffffffee;border-radius:99px;font-size:11px;font-weight:700;color:#33543c;box-shadow:0 10px 35px #17291618}.live-dot{display:inline-block;width:6px;height:6px;background:#90b99b;border-radius:100%}.scene-widget{position:absolute;z-index:2;bottom:22px;left:24px;right:24px;padding:19px 19px 16px;background:#ffffffef;border:1px solid #ffffffbf;box-shadow:0 15px 38px #17291612;border-radius:15px;backdrop-filter:blur(10px)}.widget-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800}.widget-head .status{color:#71907b;font-size:10px;font-weight:650}.widget-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.widget-tile{background:#f3f6f2;border-radius:9px;padding:11px 9px;min-width:0}.widget-tile .little{font-size:14px;color:#638171}.widget-tile small{display:block;margin:6px 0 3px;color:#77877b;font-size:9px}.widget-tile strong{display:block;font-size:10px;letter-spacing:-.02em}.underbar{border-top:1px solid #e7ece7;border-bottom:1px solid #e7ece7;padding:20px 0;color:#7d8c82;font-size:12px}.underbar-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.underbar-list{display:flex;gap:23px;flex-wrap:wrap}.underbar-list span:before{content:"✓";margin-right:8px;color:#4b8e63;font-weight:bold}
.section{padding:108px 0}.section.soft{background:#edf2eb}.section-header{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}.section-header h2{margin-top:17px}.section-header p{max-width:340px;font-size:13px}.markets{display:grid;grid-template-columns:1.13fr .87fr .87fr;gap:16px}.market{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e8df;border-radius:20px;padding:22px;min-height:375px;transition:transform .2s,box-shadow .2s}.market:hover{transform:translateY(-4px);box-shadow:0 20px 42px #19391c0c}.market.featured{background:#2d5845;color:#fff;border-color:#2d5845}.market-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.10em;text-transform:uppercase;font-weight:790;color:#86968a}.market.featured .market-top{color:#c4ddcc}.market-ico{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e6efe8;font-size:20px;color:#2b5b44}.market.featured .market-ico{background:#5c806c;color:white}.market-illustration{height:127px;background:#dfe8de;border-radius:13px;margin:17px 0 20px;overflow:hidden}.market.featured .market-illustration{background:#71927b}.market-illustration img{height:100%;width:100%;object-fit:cover;object-position:center 45%;opacity:.92}.market h3{font-size:25px;margin-bottom:10px}.market p{font-size:12px;line-height:1.65}.market.featured p{color:#d2e3d6}.market-link{margin-top:auto;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:760;color:#2b5b44}.market.featured .market-link{color:#f1f7f1}.market-link span:last-child{font-size:18px;transition:transform .2s}.market:hover .market-link span:last-child{transform:translateX(4px)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{padding:25px;border-radius:17px;background:#fff;border:1px solid #e5ebe4;min-height:207px}.service-icon{width:39px;height:39px;display:grid;place-items:center;background:#eaf2eb;border-radius:11px;font-size:19px;margin-bottom:20px;color:#37724c}.service h3{font-size:16px;letter-spacing:-.03em;margin-bottom:9px}.service p{font-size:12px;line-height:1.73}.demo{background:#eaf0e8}.demo-heading{text-align:center;max-width:575px;margin:0 auto 35px}.demo-heading h2{margin:15px 0}.demo-heading p{font-size:13px}.demo-frame{display:grid;grid-template-columns:.94fr 1.06fr;gap:24px;background:#fff;border-radius:24px;padding:13px;max-width:1070px;margin:0 auto;box-shadow:0 20px 50px #2a4d3516}.demo-picture{position:relative;min-height:425px;border-radius:16px;overflow:hidden;background:#b8c7b6}.demo-picture img{width:100%;height:100%;position:absolute;object-fit:cover}.demo-picture.off:after{content:"";position:absolute;inset:0;background:#152a27a0;pointer-events:none}.demo-tag{position:absolute;bottom:15px;left:15px;background:#ffffffed;border-radius:99px;padding:9px 13px;font-size:10px;font-weight:750;z-index:2}.demo-control{padding:24px 18px 18px 5px}.demo-overline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.07em;color:#84968a;font-weight:780}.mini-brand{font-weight:800;letter-spacing:-.025em;color:#375942}.demo-control h3{font-size:31px;letter-spacing:-.06em;margin-top:24px}.demo-control>p{font-size:12px;line-height:1.6;margin:9px 0 22px;max-width:400px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:13px;border-top:1px solid #e7eee6;padding:17px 0}.control-name{display:flex;align-items:center;gap:12px}.control-icon{width:37px;height:37px;display:grid;place-items:center;background:#eaf2e9;border-radius:10px;color:#487458;font-size:17px}.control-name strong{display:block;font-size:12px}.control-name small{display:block;font-size:10px;color:#8a9a90;margin-top:4px}.toggle{width:47px;height:26px;background:#d4ddd5;border:0;border-radius:99px;position:relative}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #10201726;transition:transform .2s}.toggle.on{background:#4a8965}.toggle.on:after{transform:translateX(21px)}.climate{display:flex;align-items:center;gap:9px}.climate button{border:0;border-radius:100%;width:26px;height:26px;background:#eff3ef;color:#557660;font-weight:800}.climate strong{min-width:33px;text-align:center;font-size:14px}.preview-note{background:#f1f6f0;color:#7c9481;border-radius:10px;font-size:10px;padding:12px 13px;line-height:1.5}.process{display:grid;grid-template-columns:.93fr 1.07fr;gap:100px;align-items:start}.process-copy p{max-width:450px;margin:20px 0 24px;font-size:14px}.steps article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid #dfe7df}.steps article:first-child{padding-top:6px}.steps .num{font-size:11px;letter-spacing:.08em;color:#53946b;font-weight:830}.steps h3{font-size:16px;margin-bottom:8px}.steps p{font-size:12px}.cta{margin:0 auto 90px;background:#234a37;border-radius:24px;padding:46px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta:after{content:"";pointer-events:none;position:absolute;right:-150px;top:-190px;border:50px solid #ffffff08;border-radius:100%;width:340px;height:340px}.cta h2{color:#fff;font-size:clamp(30px,3.6vw,49px);margin:14px 0}.cta p{max-width:640px;color:#b9d1bf;font-size:13px}.cta .eyebrow{color:#b1d3b8}.cta .button{position:relative;z-index:2}
.page-hero{padding:72px 0 92px}.page-hero .hero-layout{grid-template-columns:1fr 1fr}.page-hero h1{font-size:clamp(52px,5.4vw,79px)}.page-hero .scene{min-height:493px}.page-kicker{display:flex;align-items:center;gap:13px;margin-bottom:28px;color:#799081;font-weight:700;font-size:11px}.page-kicker a:hover{text-decoration:underline}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.pill-row span{display:inline-flex;padding:9px 12px;border:1px solid #dfe8df;background:#fff;border-radius:99px;font-size:11px;font-weight:730;color:#5c7767}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.use-card{background:#fff;border:1px solid #e0e8df;padding:27px;min-height:220px;border-radius:17px}.use-card .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf1eb;color:#367252;font-size:19px;margin-bottom:28px}.use-card h3{font-size:19px;margin-bottom:10px}.use-card p{font-size:12px}.feature-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-visual{min-height:440px;border-radius:23px;position:relative;overflow:hidden;background:#d4dfd3}.story-visual img{position:absolute;height:100%;width:100%;object-fit:cover}.story-overlay{position:absolute;bottom:20px;left:20px;right:20px;padding:20px;border-radius:13px;background:#fffffff0;backdrop-filter:blur(6px)}.story-overlay .eyebrow{margin-bottom:10px}.story-overlay strong{display:block;font-size:17px;letter-spacing:-.03em}.story-overlay p{font-size:11px;margin-top:7px}.story-copy h2{margin:18px 0 21px}.story-copy p{font-size:14px}.story-bullets{margin:25px 0 0;padding:0;list-style:none}.story-bullets li{display:flex;gap:11px;align-items:center;margin:14px 0;font-size:13px;color:#445a4b}.story-bullets li:before{content:"✓";display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border-radius:50%;background:#e0ede2;color:#497858;font-weight:800;font-size:11px}
.footer{border-top:1px solid #e1e9e1;padding:36px 0 50px}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand-symbol{width:27px;height:27px;border-radius:8px;font-size:10px}.footer .wordmark{font-size:18px}.footer-links{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#6b796e}.footer p{font-size:11px}.preview-pill{position:fixed;bottom:10px;left:10px;z-index:19;background:#264837e8;color:#fff;font-size:9px;padding:9px 12px;border-radius:99px;pointer-events:none;box-shadow:0 7px 17px #1c3e283b}.modal{border:0;border-radius:21px;width:min(94vw,580px);padding:0;box-shadow:0 30px 120px #172b224f;color:var(--ink)}.modal::backdrop{background:#162a22a8;backdrop-filter:blur(4px)}.modal-inner{padding:34px}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.modal h2{font-size:32px;margin:12px 0}.modal p{font-size:12px}.close-modal{border:0;background:#eff4ee;border-radius:50%;width:33px;height:33px;font-size:22px;color:#54725d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:11px}.field :is(select,textarea){border-radius:11px;border:1px solid #d9e3d8;background:#fff;padding:12px;font-size:12px;color:var(--ink);width:100%}.field textarea{min-height:92px;resize:vertical}.form-actions{margin-top:19px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.form-note{margin-top:14px;font-size:10px!important}.form-feedback{font-size:11px;color:#33714b;font-weight:700;min-height:17px}
@media(max-width:1090px){.nav-links{gap:16px}.nav-inner{gap:13px}.nav-links a{font-size:11px}.hero-layout{gap:35px}.hero{padding:67px 0 85px}.scene{min-height:490px}.markets{grid-template-columns:1fr 1fr}.market.featured{grid-column:1/-1;min-height:285px}.market.featured .market-illustration{height:110px;max-width:65%}.section{padding:85px 0}.process{gap:54px}}
@media(max-width:820px){.wrap{width:min(100% - 36px,640px)}.site-nav{height:71px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 25px 24px;background:#f8f9f6;box-shadow:0 20px 22px #203a2522;flex-direction:column;align-items:start;gap:20px;border-top:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{font-size:14px}.nav-links a[aria-current="page"]:after{display:none}.menu-button{display:block}.nav-actions .button{display:none}.hero-layout,.page-hero .hero-layout{grid-template-columns:1fr;gap:37px}.hero,.page-hero{padding:58px 0 72px}h1,.page-hero h1{font-size:clamp(47px,10vw,75px)}.hero h1{margin:22px 0}.hero p.lead{font-size:15px;max-width:640px}.scene{min-height:490px}.page-hero .scene{min-height:435px}.section{padding:77px 0}.section-header{align-items:start;flex-direction:column;gap:12px}.section-header h2{font-size:40px}.services,.use-grid{grid-template-columns:1fr 1fr}.demo-frame{grid-template-columns:1fr}.demo-picture{min-height:335px}.demo-control{padding:14px 15px 18px}.process,.feature-story{grid-template-columns:1fr;gap:35px}.cta{padding:36px 30px;flex-direction:column;align-items:start}.foot-inner{flex-wrap:wrap}.underbar-inner{justify-content:center}}
@media(max-width:560px){.wrap{width:calc(100% - 34px)}.brand .wordmark{font-size:21px}.brand-symbol{width:30px;height:30px}.nav-actions{gap:7px}.lang button{padding:6px 8px}.hero{padding:47px 0 57px}.hero h1,.page-hero h1{font-size:clamp(47px,12vw,69px)}.hero p.lead{font-size:14px;line-height:1.72}.hero-note{font-size:10px;flex-wrap:wrap}.scene,.page-hero .scene{min-height:400px;border-radius:21px}.scene-pill{top:17px;left:17px;font-size:9px}.scene-widget{left:14px;right:14px;bottom:14px;padding:15px 12px}.widget-tile{padding:9px 6px}.widget-tile strong{font-size:9px}.underbar{font-size:11px}.underbar-list{gap:12px}.section{padding:63px 0}.section-header h2,.demo-heading h2{font-size:35px}.markets,.services,.use-grid{grid-template-columns:1fr}.market.featured{grid-column:auto;min-height:352px}.market.featured .market-illustration{max-width:none}.market{min-height:337px}.service,.use-card{min-height:180px}.demo-picture{min-height:255px}.demo-control h3{font-size:28px}.demo-frame{gap:4px}.story-visual{min-height:330px}.form-grid{grid-template-columns:1fr}.cta{margin-bottom:45px}.modal-inner{padding:23px}.footer p{order:3;flex-basis:100%}.preview-pill{bottom:5px;left:5px;font-size:8px}.page-hero .scene{min-height:376px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* domotIQs v4 — original demonstrations and refined branding */
.film-section{background:#f7f9f5}
.film-section .section-header h2 em{color:#638f72}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.film-card{overflow:hidden;background:#fff;border:1px solid #e0e8dd;border-radius:23px;box-shadow:0 8px 24px #213d2a0a}
.film-media{position:relative;aspect-ratio:16 / 9;background:linear-gradient(130deg,#293f37 4%,#567a63 65%,#a7bca6 100%);overflow:hidden;isolation:isolate}
.film-media:before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(circle at 80% 30%,#d6ecce55 0 14%,transparent 15%),linear-gradient(115deg,transparent 30%,#efeee233 31% 33%,transparent 34% 50%,#f3f4e51a 51% 53%,transparent 54%)}
.film-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;z-index:0}
.film-card:hover .film-media>img{transform:scale(1.025)}
.film-media:after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(to top,#101c1b77,transparent 48%);z-index:1}
.film-watermark{position:absolute;left:24px;bottom:22px;color:#fff;font-size:20px;font-weight:760;letter-spacing:-.05em;z-index:2;text-shadow:0 2px 15px #10261e8a}
.film-watermark span{color:#a7e4b6}
.film-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:100%;border:1px solid #ffffffa0;background:#ffffffeb;display:grid;place-items:center;font-size:22px;color:#25523b;box-shadow:0 18px 60px #0e281b88;transition:transform .2s,background .2s;cursor:pointer}
.film-play span{padding-left:4px}
.film-play:hover{transform:translate(-50%,-50%) scale(1.075);background:#fff}
.film-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4}
.film-info{padding:27px 31px 30px}
.film-meta{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#66836f;margin-bottom:18px}
.film-info h3{font-size:clamp(21px,2.2vw,29px);margin-bottom:9px}
.film-info p{font-size:13px;line-height:1.68;min-height:44px}
.film-youtube{display:inline-block;font-size:12px;font-weight:800;color:#37644d;margin-top:20px}
.film-youtube:hover{text-decoration:underline}
.films-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}
.films-bottom p{max-width:620px;font-size:12px}
.demo-page-intro{padding:92px 0 20px;background:#f7f9f5}
.demo-page-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.demo-page-hero h1{margin:25px 0 21px;font-size:clamp(48px,5.6vw,80px)}
.demo-page-hero p{font-size:16px;line-height:1.8;max-width:560px;margin-bottom:30px}
.demo-page-art{min-height:425px;border-radius:27px;background:radial-gradient(circle at 75% 18%,#608e7780,transparent 45%),linear-gradient(145deg,#234b37,#133626 70%,#103025);display:grid;place-items:center;position:relative;overflow:hidden}
.art-orbit{position:absolute;inset:12%;border:1px solid #c7e6cf34;border-radius:50%;transform:rotate(-24deg) scaleX(1.28)}
.art-orbit-two{inset:-20%;border-width:1px;transform:rotate(34deg) scaleX(.78)}
.art-glyph{font-size:clamp(80px,10vw,160px);font-weight:780;color:#e2f1e5;letter-spacing:-.13em;margin-right:25px;text-shadow:0 12px 30px #10251c66}
.art-caption{position:absolute;bottom:25px;left:27px;color:#dcebdd;font-size:12px;letter-spacing:.06em}
.film-full{padding-top:85px}
.demo-next{background:#edf2eb}
.demo-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.demo-benefits>div{background:#fff;border:1px solid #dae6d9;border-radius:19px;padding:28px}
.demo-benefits>div>span{font-size:11px;font-weight:830;color:#69967a}
.demo-benefits h3{font-size:19px;margin:28px 0 11px}
.demo-benefits p{font-size:12px}
.subpage-video-link{margin:20px auto 75px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:20px;background:#eaf1e8;padding:34px 40px}
.subpage-video-link h2{font-size:clamp(24px,3vw,36px);margin-top:14px}
@media(max-width:1090px){.nav-links{gap:13px}.nav-links a{font-size:10px}.demo-page-hero{gap:30px}}
@media(max-width:820px){.film-grid,.demo-page-hero{grid-template-columns:1fr}.demo-page-intro{padding:64px 0 0}.demo-page-art{min-height:300px}.film-full{padding-top:65px}.demo-benefits{grid-template-columns:1fr}.subpage-video-link{flex-direction:column;align-items:flex-start}.films-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.film-info{padding:22px}.film-play{width:65px;height:65px;font-size:18px}.film-watermark{font-size:17px}.film-meta{font-size:9px}.demo-page-art{min-height:240px}.subpage-video-link{padding:26px}.film-section{padding-block:65px}}