
:root{--orange:#ff791e;--dark:#151718;--ink:#202426;--muted:#62686b;--paper:#f4f5f5;--line:#dfe2e3;--green:#1a9a58;--heading:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.65 var(--body);color:var(--ink);background:#fff}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--heading);font-weight:700;line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(4rem,6.9vw,7rem)}h2{font-size:clamp(2.7rem,4.4vw,4.65rem)}h3{font-size:1.18rem;line-height:1.35}em{font-style:normal;color:var(--orange)}.dark{background:var(--dark);color:#fff}.eyebrow{display:block;font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:25px;color:var(--muted)}.dark .eyebrow{color:#c0c3c4}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--orange);color:#141414;padding:17px 25px;border:1px solid transparent;border-radius:5px;font-size:.92rem;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#ff9448;transform:translateY(-2px)}.button span{font-size:1.3rem}.button.small{padding:11px 17px;font-size:.82rem;gap:15px}.site-header{position:sticky;top:0;z-index:30;background:rgba(21,23,24,.96);color:white;border-bottom:1px solid #ffffff16;backdrop-filter:blur(16px)}.nav-wrap{max-width:1440px;margin:auto;min-height:90px;padding:12px 4.3%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:175px;height:auto}.nav-wrap nav{display:flex;gap:25px;font-size:.82rem}.nav-wrap nav a{color:#d4d6d7;transition:color .2s}.nav-wrap nav a:hover{color:var(--orange)}.menu-toggle{display:none}.hero{position:relative;min-height:min(830px,calc(100svh - 90px));display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:clamp(65px,7vw,115px) 20px 110px max(5vw,calc((100vw - 1280px)/2));position:relative;z-index:2}.hero h1 em{display:block}.hero-copy p{font-size:1.2rem;line-height:1.6;color:#bfc3c5;margin:27px 0 33px}.text-link{display:block;width:fit-content;font-size:.84rem;color:#c4c6c7;margin-top:22px}.text-link span{margin-left:25px}.hero-media{position:relative;min-height:620px}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark),transparent 22%),linear-gradient(0deg,var(--dark),transparent 40%)}.hero-media>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-media figcaption{position:absolute;z-index:2;bottom:90px;right:10%;padding:12px 19px;border:1px solid #ffffff36;border-radius:5px;background:#181b1bd4;font-size:.8rem;backdrop-filter:blur(8px)}.live-dot{background:#35cb7d;box-shadow:0 0 15px #35cb7d70}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid #ffffff20;color:#9c9fa2;font-size:.75rem;letter-spacing:.08em}.hero-bottom>span:last-child{display:flex;align-items:center;gap:14px}.line{width:90px;height:1px;background:#555}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px;color:black}.skip:focus{top:10px}footer{background:#101213;color:#93999b;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5%;font-size:.8rem}footer .logo{width:150px}
@media(min-width:1600px){.hero{min-height:850px}.hero-copy{padding-top:140px}}
@media(max-width:1100px){.nav-wrap nav{gap:14px;font-size:.76rem}.nav-wrap{gap:18px}.logo{width:145px}.header-cta{display:none}}
@media(max-width:760px){html{scroll-padding-top:85px}.nav-wrap{min-height:75px;padding:13px 6%}.logo{width:155px}.menu-toggle{display:flex;align-items:center;gap:12px;color:white;background:none;border:1px solid #ffffff40;border-radius:4px;padding:7px 12px;font-size:.84rem}.nav-wrap nav{display:none;position:absolute;top:100%;left:0;right:0;background:#191c1e;padding:20px 6%;font-size:1rem;border-bottom:1px solid #ffffff30}.nav-wrap nav.open{display:flex;flex-direction:column;gap:17px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:55px 6% 30px}.hero h1{font-size:clamp(3.8rem,15vw,6rem)}.hero-copy p{font-size:1.1rem;margin:22px 0 26px}.hero-media{min-height:390px}.hero-media:after{background:linear-gradient(180deg,var(--dark),transparent 25%),linear-gradient(0deg,var(--dark),transparent 45%)}.hero-media>img{object-position:center 30%}.hero-media figcaption{bottom:87px;right:6%;font-size:.76rem}.hero-bottom{left:6%;right:6%;font-size:.7rem}.hero-bottom .line{width:40px}footer{flex-direction:column;text-align:center;padding:35px 6%;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.section{padding:110px 5%;scroll-margin-top:0}.container{max-width:1220px;margin:auto}.light{background:var(--paper)}.section-heading{max-width:920px;margin-bottom:50px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading.center .lead{margin-left:auto;margin-right:auto}.section-number{color:var(--orange);margin-right:17px;font-variant-numeric:tabular-nums}.lead{max-width:760px;color:var(--muted);font-size:1.06rem;line-height:1.8;margin-top:25px}.dark .lead{color:#aeb5b8}.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}.comparison-images figure>img{width:100%;border-radius:7px}.comparison-images figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:15px;margin-top:17px;color:var(--muted);font-size:.82rem}.comparison-images figcaption>span{font-family:var(--heading);font-size:1.5rem;font-weight:600;color:var(--ink)}.comparison-images figcaption>.orange-text{color:#bd4b00}.between-arrow{position:absolute;z-index:2;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--orange);border:6px solid var(--paper);border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:1.8rem}.benefits{background:radial-gradient(ellipse at 0 80%,#642b121c,transparent 65%),var(--dark)}.benefit-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;margin-top:65px}.feature-index{font-size:.75rem;letter-spacing:.1em;color:#757d80;font-weight:600;display:block;margin-bottom:18px}.dark .feature-index{color:#a3a9ac}.stat-block h3{font-size:1.35rem;margin-bottom:18px}.stat-block p{max-width:455px;font-size:.97rem;color:#abb1b4}.big-stat{font-family:var(--heading);font-weight:700;font-size:clamp(4.3rem,7.4vw,7.5rem);line-height:1.15;letter-spacing:-.03em;color:var(--orange);white-space:nowrap;margin:20px 0 10px}.big-stat span{font-weight:400;color:#bc5c22;font-size:.65em}.benefit-side .feature{padding:0 0 28px 33px;border-left:1px solid #ffffff25}.benefit-side .feature+.feature{padding-top:26px;padding-bottom:0}.feature h3{margin-bottom:12px}.feature p{color:var(--muted);font-size:.96rem;line-height:1.75}.dark .feature p{color:#aeb5b8}.dynamic-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.dynamic-visual{position:sticky;top:130px}.dynamic-visual img{width:100%;border-radius:6px}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 27px}.pills span{font-size:.74rem;font-weight:600;border:1px solid #f4c2a2;border-radius:30px;padding:9px 15px;color:#8e3b08;background:#fff9f4}.editorial-list .feature{position:relative;padding:0 0 25px 43px;border-bottom:1px solid var(--line);margin-bottom:25px}.editorial-list .feature:last-child{margin-bottom:0;border-bottom:0}.editorial-list .feature-index{position:absolute;left:0;top:3px;color:#aa4b0e}.two-col{display:grid;grid-template-columns:1fr 1fr;column-gap:75px;align-items:center}.two-col>.section-heading{margin-bottom:0}.manual-cycle ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:none}.manual-cycle li{border:1px solid #dbbdbd;border-radius:6px;background:#fbf7f7;padding:24px;min-height:128px;font-weight:600;line-height:1.4;font-size:1rem}.manual-cycle li>span{display:block;color:#a44747;font-size:.78rem;letter-spacing:.08em;font-weight:500;margin-bottom:12px}.waste{color:#994d4d;font-family:var(--heading);font-size:1.8rem;font-weight:600;border-top:1px solid #d5c1c1;margin-top:25px;padding-top:17px;display:flex;justify-content:space-between}.waste span{font-size:2rem;line-height:1.3}.online{padding-bottom:70px;background:radial-gradient(ellipse at 80% 70%,#76310825,transparent 60%),#141719}.online .section-heading{margin-bottom:34px}.online-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.statement{font-size:1.35rem;line-height:1.65}.online-copy>p:last-child{color:#aeb5b8;font-size:.98rem}.online-visual{margin-top:40px}.online-visual img{width:100%;border-radius:8px}.flow-labels{display:flex;justify-content:space-between;align-items:center;padding:25px 9% 0;font-size:.84rem;color:#c9cdce}.cloud-node{border:1px solid #895331;border-radius:30px;padding:8px 24px;color:#f5ac77}.segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 26px}.segment{overflow:hidden}.segment img{width:100%;border-radius:6px;transition:filter .3s}.segment:hover img{filter:brightness(1.05)}.segment figcaption{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:1.06rem;font-weight:600}.segment figcaption span{color:#a94b0c;font-size:1.3rem}.device-flow{max-width:1040px;margin:15px auto 55px;padding:20px;background:#fff;border:1px solid #e8eaeb;border-radius:8px}.device-flow img{width:100%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-grid>.feature{border-top:2px solid #d4d8da;padding-top:24px}.feature-grid .feature-index{color:#a94b0c}.price-section{background:radial-gradient(ellipse at 100% 15%,#fff1e5,transparent 60%),#fff}.price-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.price-editor{background:#191c1e;color:#fff;padding:35px;border:1px solid #383a3c;border-radius:9px;box-shadow:0 20px 60px #20242612}.price-editor .feature-index{color:#d6a57d}.price-editor h3{font-size:1.35rem;margin-bottom:30px}.price-editor label{font-size:.83rem;display:block;margin-bottom:9px;color:#c9ced1}.price-field{display:flex;align-items:center;gap:12px;background:#272c2f;border:1px solid #596066;border-radius:5px;padding:13px 17px}.price-field span{font-size:1.25rem;color:#ff9c53}.price-field input{background:transparent;border:0;color:white;font-size:1.9rem;width:100%;min-width:0;line-height:1.4;font-weight:600}.micro{font-size:.78rem;color:#adb4b7;margin-top:12px}.price-editor .button{width:100%;margin-top:25px;cursor:pointer}.price-visual img{width:100%;border-radius:8px}.published{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cce7d7;border-radius:6px;padding:20px;background:#f1faf5;margin-top:20px}.published .feature-index{color:#37724f;font-size:.68rem;margin-bottom:7px}.published strong{font-size:.9rem}.published output{font-size:1.5rem;font-family:var(--heading);font-weight:600;white-space:nowrap;color:#167240}.updated{animation:price-flash .8s ease-out}@keyframes price-flash{0%{transform:scale(1.12);color:#0c4a24}100%{transform:scale(1)}}#price-status{font-size:.75rem;color:#68706f;margin-top:12px;min-height:2.8em}.content-showcase{background:#eaf0f3;padding:20px;border-radius:6px;overflow:hidden}.content-showcase img{width:100%;border-radius:4px}.content-types{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0;margin:50px 0 0;list-style:none}.content-types li{padding-top:21px;border-top:1px solid #cfd4d7;font-size:.91rem;font-weight:600;line-height:1.5}.content-types li>span{display:block;color:#a94b0c;font-size:.76rem;letter-spacing:.1em;margin-bottom:15px}.content-types small{display:block;font-size:.8rem;color:#6c7478;font-weight:400}.timeline{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:75px;gap:50px}.timeline:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff791e,#ffac6b 45%,#202426)}.timeline article{position:relative;padding-top:34px}.time-dot{position:absolute;left:0;top:-6px;height:15px;width:15px;border:3px solid white;border-radius:50%;background:#f27826;box-shadow:0 0 0 1px #d7dadd}.timeline article:nth-child(2) .time-dot{background:#d19d75}.timeline article:last-child .time-dot{background:#202426}.timeline h3{font-family:var(--heading);font-size:2rem;margin-bottom:12px}.timeline p{color:var(--muted);max-width:260px}.timeline .feature-index{margin-bottom:7px}.setup-flow{display:grid;grid-template-columns:.7fr 1.3fr;max-width:910px;margin:55px auto;gap:100px;align-items:center}.internet{position:relative;display:flex;align-items:center;flex-direction:column;gap:17px;text-align:center}.internet svg{background:#ff791e;color:#fff;box-sizing:content-box;padding:24px;border-radius:50%;box-shadow:0 8px 35px #ff791e30}.internet:after{content:"";position:absolute;right:-75px;top:40%;width:85px;height:1px;background:#b8bec1}.internet strong{font-size:.93rem}.setup-options{position:relative;display:grid;gap:20px}.setup-options:before{content:"";position:absolute;left:-26px;top:22%;bottom:23%;width:1px;background:#b8bec1}.setup-option{position:relative;display:flex;align-items:center;gap:30px;padding:23px;background:white;border:1px solid #e1e4e6;border-radius:7px;box-shadow:0 6px 15px #17212a05}.setup-option:before{content:"";position:absolute;left:-26px;top:50%;width:25px;height:1px;background:#b8bec1}.setup-option>img{width:128px;flex-shrink:0}.setup-option .feature-index{margin-bottom:8px}.setup-option h3{font-size:1.1rem}.box-diagram{display:flex;align-items:center;gap:12px;font-size:.83rem;margin-top:16px}.box-node{display:inline-flex;flex-direction:column;border:1px solid #bec4c7;border-radius:4px;padding:7px 17px;background:#f3f5f6;line-height:1.3}.box-node b{font-size:.72rem;font-weight:600;color:#287348;margin-top:2px}.setup-finish{display:flex;align-items:center;justify-content:center;gap:15px;text-align:center;background:#e5f5ec;border:1px solid #c1e5d0;padding:22px;border-radius:6px;color:#1f6540;font-size:.98rem}.setup-finish>span{font-size:1.4rem}.impact{background:#191d1f}.comparison-table{max-width:970px;margin:0 auto;border:1px solid #3a4145;border-radius:8px;overflow:hidden}.comparison-table table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}.comparison-table th{padding:25px 34px;background:#23292c;font-family:var(--heading);font-size:1.9rem;font-weight:600;line-height:1.2}.comparison-table th:last-child{background:#153a29;color:#b3efcb}.comparison-table td{padding:21px 34px;font-size:.97rem;border-top:1px solid #ffffff10;color:#b7bfc3;line-height:1.45;vertical-align:top}.comparison-table td:last-child{background:#1d2b24;color:#e3ece6}.negative,.positive{display:inline-block;margin-right:16px;color:#e99696;font-size:1.1rem;font-weight:600}.positive{color:#5ddd93}.idea{border-top:1px solid #ffffff13;background:radial-gradient(ellipse at 75% 80%,#692b131a,transparent 60%),#111517}.idea-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.idea .section-heading{margin:0}.idea-image img{width:100%;border-radius:6px}.idea-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0;margin:65px 0 0}.idea-flow li{position:relative;border-top:1px solid #835131;padding-top:20px;font-size:.9rem;color:#bec5c8}.idea-flow li:not(:last-child):after{content:'→';position:absolute;right:0;top:19px;color:#d77637}.idea-flow li span{color:#f09154;font-size:.75rem;margin-right:16px}.final-cta{padding-top:100px;padding-bottom:100px;background:radial-gradient(ellipse at 90% 40%,#ffebd9,transparent 65%),#fafafa}.cta-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:90px;align-items:center}.cta-logo{width:240px;margin-bottom:36px}.final-cta h2{font-size:clamp(3rem,5vw,5rem)}.final-cta h2 em{color:#cb560c}.final-cta .lead{font-size:1rem}.final-cta .button{margin-top:33px}.qr-panel{padding:28px;background:#fff;border:1px solid #ebe1d9;border-radius:10px;box-shadow:0 15px 45px #75370008;text-align:center}.qr-panel p{font-size:.84rem;line-height:1.7;margin-top:15px;color:#53585c}#qr-code{width:100%;max-width:240px;margin:auto}#qr-code svg,#qr-code img{width:100%;height:auto;display:block}.qr-link{display:block}.reveal{transition:opacity .65s ease,transform .65s ease}.reveal-pending{opacity:0;transform:translateY(20px)}
@media(max-width:1100px){.section{padding:85px 5%}.benefit-grid,.dynamic-layout,.two-col,.online-copy{gap:45px}.price-layout{gap:30px;grid-template-columns:.85fr 1.15fr}.price-editor{padding:27px}.feature-grid{gap:25px}.cta-layout{gap:45px}.setup-flow{gap:70px}.setup-option{gap:20px}.segment-grid{gap:23px}.published{padding:15px;gap:15px}.published output{font-size:1.25rem}.big-stat{font-size:clamp(4rem,8vw,6.4rem)}}
@media(max-width:760px){.section{padding:65px 6%}h2{font-size:clamp(2.5rem,10vw,3.6rem)}.section-heading{margin-bottom:32px}.section-heading br{display:none}.section-heading.center{text-align:left}.eyebrow{font-size:.7rem;letter-spacing:.12em;margin-bottom:20px}.lead{font-size:1rem;margin-top:21px}.comparison-images{grid-template-columns:1fr;gap:35px}.comparison-images figcaption{font-size:.78rem;gap:12px}.between-arrow{display:none}.benefit-grid,.dynamic-layout,.two-col,.online-copy,.price-layout,.idea-layout,.cta-layout{grid-template-columns:1fr;gap:35px}.benefit-grid{margin-top:37px}.big-stat{font-size:clamp(4.5rem,18vw,6rem)}.benefit-side .feature{padding-left:23px}.dynamic-visual{position:static}.pills{gap:8px;margin-bottom:20px}.pills span{font-size:.73rem;padding:8px 11px}.editorial-list .feature{padding-left:34px}.manual-cycle li{padding:20px;min-height:120px;font-size:.96rem}.manual-cycle ol{gap:12px}.online .section-heading{margin-bottom:25px}.online-copy{gap:20px}.statement{font-size:1.15rem}.online-visual{margin-top:30px}.online-visual img{border-radius:4px}.flow-labels{padding:20px 0 0;font-size:.7rem;gap:10px}.cloud-node{padding:7px 13px;text-align:center}.segment-grid{grid-template-columns:1fr 1fr;gap:25px 17px}.segment figcaption{font-size:.89rem;padding:12px 0;gap:10px}.segment figcaption span{font-size:1.1rem}.feature-grid{grid-template-columns:1fr;gap:27px}.feature-grid>.feature{padding-top:22px}.feature-grid .feature-index{margin-bottom:12px}.device-flow{padding:12px;margin:5px 0 35px}.price-editor{padding:27px}.price-visual{min-width:0}.published{gap:15px}.published strong{font-size:.85rem}.published output{font-size:1.4rem}.content-types{grid-template-columns:1fr 1fr;gap:24px;margin-top:0}.content-showcase{padding:10px}.timeline{grid-template-columns:1fr;gap:33px;margin-top:42px;padding-left:30px}.timeline:before{left:3px;top:0;bottom:0;width:2px;height:100%;background:linear-gradient(180deg,#ff791e,#ffac6b,#202426)}.timeline article{padding-top:0}.time-dot{left:-34px;top:6px}.timeline h3{font-size:1.8rem}.timeline p{max-width:none;font-size:.96rem}.setup-flow{grid-template-columns:1fr;gap:30px;margin:35px 0}.internet{flex-direction:row;justify-content:center;gap:20px}.internet svg{width:30px;height:30px;padding:15px}.internet:after,.setup-options:before,.setup-option:before{display:none}.setup-option{padding:20px;gap:22px}.setup-option>img{width:100px}.setup-option h3{font-size:1rem}.setup-finish{padding:20px;font-size:.91rem;text-align:left;align-items:flex-start}.comparison-table th{font-size:1.45rem;padding:20px 15px}.comparison-table td{padding:17px 14px;font-size:.82rem;line-height:1.6}.negative,.positive{display:block;margin-right:0;margin-bottom:5px;font-size:1rem}.idea-flow{grid-template-columns:1fr 1fr;gap:25px;margin-top:38px}.idea-flow li{font-size:.79rem;padding-right:18px}.idea-flow li span{margin-right:8px}.idea-image{margin-top:0}.cta-logo{width:210px;margin-bottom:30px}.final-cta h2{font-size:clamp(3rem,12vw,4rem)}.final-cta .button{padding:17px 20px;font-size:.86rem;gap:16px}.qr-panel{max-width:290px;justify-self:center;padding:25px;width:100%}.cta-layout{gap:40px}.final-cta .lead{font-size:.95rem}}
@media(max-width:390px){.segment-grid{grid-template-columns:1fr}.manual-cycle ol{grid-template-columns:1fr}.manual-cycle li{min-height:auto}.content-types{grid-template-columns:1fr}.pills span{font-size:.7rem}.published{flex-direction:column;align-items:flex-start}.setup-option{gap:14px;padding:16px}.setup-option>img{width:82px}.hero-copy .button{padding:16px 20px}.comparison-table th{font-size:1.3rem}.comparison-table td{font-size:.78rem}.big-stat{font-size:17vw}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}}
.online-diagram{display:grid;grid-template-columns:1.2fr .55fr .75fr;align-items:center;gap:20px}.online-diagram img{width:100%;border-radius:5px}.online-diagram figure:last-child{max-width:280px;justify-self:end}.online-diagram figcaption{font-size:.85rem;color:#bdc4c7;text-align:center;margin-top:17px}.cloud-connection{display:flex;align-items:center;justify-content:center;gap:13px}.cloud-connection>span:not(.cloud-node){color:var(--orange);font-size:1.4rem}.cloud-connection .cloud-node{font-size:.78rem;white-space:nowrap;padding:8px 15px}.online-diagram{margin-top:25px}
@media(max-width:760px){.online-diagram{grid-template-columns:1fr .75fr;gap:20px;position:relative;padding-bottom:64px}.online-diagram .cloud-connection{position:absolute;bottom:0;left:0;right:0}.online-diagram figure:last-child{max-width:190px}.online-diagram figcaption{font-size:.78rem}.online-diagram .cloud-node{font-size:.75rem}}
/* Language navigation stays visible alongside the mobile menu. */
.language-switcher{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto;border:1px solid #ffffff30;border-radius:5px;padding:3px}
.language-switcher a{display:grid;place-items:center;min-width:34px;min-height:36px;padding:5px;font-size:.72rem;font-weight:700;border-radius:3px;color:#d4d6d7}
.language-switcher a:hover{color:#fff;background:#ffffff15}
.language-switcher a[aria-current="page"]{background:var(--orange);color:var(--dark)}
.nav-wrap>.language-switcher{order:3}.nav-wrap>.menu-toggle{order:4}.nav-wrap>.header-cta{order:2}
@media(min-width:1101px) and (max-width:1300px){.nav-wrap{gap:15px}.nav-wrap nav{gap:15px}.nav-wrap .logo{width:145px}.header-cta{display:none}}
@media(max-width:760px){.nav-wrap{gap:10px;flex-wrap:wrap}.nav-wrap>.language-switcher{order:0;margin-left:auto}.nav-wrap>.menu-toggle{order:0}.nav-wrap .logo{width:130px}.language-switcher a{min-width:30px;min-height:34px}.menu-toggle{gap:6px;padding:7px 8px}}
@media(max-width:370px){.nav-wrap{padding-left:4%;padding-right:4%;gap:7px}.nav-wrap .logo{width:105px}.language-switcher a{min-width:27px}.menu-toggle{font-size:.76rem}}
/* Live price demo: all amounts are real text, synchronized on publication. */
.live-price-scene{display:grid;grid-template-columns:minmax(0,.75fr) 25px minmax(0,1.2fr);gap:14px;align-items:center;padding:28px 20px;background:radial-gradient(ellipse at 90% 15%,#ffdfbd66,transparent 65%),#f2f4f4;border:1px solid #e4e7e7;border-radius:10px;min-height:360px}
.demo-device{min-width:0}.demo-device figcaption{text-align:center;color:#68706f;font-size:.72rem;margin-top:16px;line-height:1.4}
.phone-shell{background:#1b2022;color:#fff;border:5px solid #303638;border-radius:26px;box-shadow:0 14px 25px #18202320;overflow:hidden;padding:10px 12px 22px;min-height:270px}
.phone-camera{width:40%;height:6px;border-radius:8px;background:#080a0b;margin:0 auto 17px}
.device-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.65rem;font-weight:700}.device-top>span:first-child{color:#ff994e}.device-connected{display:inline-flex;align-items:center;gap:4px;font-size:.5rem;font-weight:400;white-space:nowrap}.device-connected i{height:5px;width:5px;background:#27b469;border-radius:50%;flex-shrink:0}
.device-body{padding-top:27px}.device-kicker{display:block;font-size:.6rem;letter-spacing:.12em;color:#cf915f;text-transform:uppercase;font-weight:700;margin-bottom:9px}.demo-device h3{font-family:var(--heading);font-size:1.6rem;line-height:1.06;margin:0 0 10px}.demo-device p{font-size:.62rem;line-height:1.6;color:#acb2b4;margin-bottom:16px}
.device-price{display:block;max-width:100%;min-width:0;font-family:var(--heading);font-weight:700;line-height:1.3;white-space:nowrap;border-radius:5px;padding:9px 10px;font-variant-numeric:tabular-nums}
.phone-price{background:var(--orange);color:#151718;font-size:28px}.device-skeleton{display:grid;gap:6px;margin-top:18px}.device-skeleton i{height:4px;border-radius:3px;background:#363d40}.device-skeleton i:last-child{width:60%}
.sync-arrow{font-size:2rem;color:#d9772b;text-align:center}.tv-shell{border:6px solid #303638;border-radius:5px;background:#fff;box-shadow:0 12px 25px #18202320;padding:13px 16px 20px;min-height:225px}.tv-shell .device-top{color:#495653}.tv-content{padding-top:22px}.tv-content .device-kicker{color:#ad5b1f}.tv-content h3{font-size:1.95rem;color:#202426}.tv-content p{color:#69716e}.tv-price{background:#dcf6e6;color:#166b3b;font-size:38px;border:1px solid #a8dfbd}.tv-stand{width:40%;height:15px;margin:0 auto;background:linear-gradient(90deg,#363e40,#687275,#363e40);clip-path:polygon(30% 0,70% 0,77% 70%,100% 85%,100% 100%,0 100%,0 85%,23% 70%)}
.price-visual{min-width:0}.published output{max-width:60%;min-width:0;font-variant-numeric:tabular-nums}.price-field span{flex-shrink:0}.price-field input{font-size:clamp(1.2rem,2.5vw,1.9rem)}.price-editor button:disabled{opacity:.6;cursor:wait}.is-published .tv-shell{animation:screen-sync .8s ease-out}@keyframes screen-sync{0%{box-shadow:0 0 0 3px #35b96d66,0 12px 25px #18202320}100%{box-shadow:0 12px 25px #18202320}}
@media(min-width:761px) and (max-width:1100px){.live-price-scene{padding:20px 12px;gap:8px;grid-template-columns:minmax(0,.8fr) 18px minmax(0,1.1fr)}.phone-shell{padding:10px 8px 18px}.tv-shell{padding:12px 10px 18px}.demo-device h3{font-size:1.35rem}.device-connected{font-size:0}.device-connected i{width:6px;height:6px}}
@media(max-width:600px){.live-price-scene{grid-template-columns:1fr;justify-items:center;gap:18px;padding:25px 20px}.demo-phone{width:200px;max-width:100%}.demo-tv{width:100%;max-width:360px}.phone-shell{padding:10px 16px 22px}.demo-device h3{font-size:1.8rem}.demo-device p{font-size:.75rem}.sync-arrow{transform:rotate(90deg);line-height:1}.tv-content h3{font-size:2rem}.device-top{font-size:.74rem}.device-connected{font-size:.6rem}.demo-device figcaption{font-size:.75rem;margin-top:12px}.published output{max-width:100%}}
/* Video wall: customer installation and unaltered panoramic artwork. */
.video-wall{margin-top:75px;padding:44px;border-radius:12px;background:radial-gradient(ellipse at 90% 95%,#60331b44,transparent 60%),#171b1d;overflow:hidden}.vw-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.vw-copy h3,.vw-demo-heading h4{font-family:var(--heading);font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.02em;margin:0}.vw-copy p,.vw-demo-heading p{font-size:.96rem;line-height:1.8;color:#b7bfc3;margin-top:22px}.vw-customer img{width:100%;height:auto;border-radius:7px}.vw-customer figcaption{font-size:.73rem;line-height:1.6;color:#bec7cb;margin-top:12px}.vw-customer .live-dot{width:6px;height:6px;margin-right:8px}.vw-demo{margin-top:40px;padding-top:35px;border-top:1px solid #ffffff22}.vw-demo-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:28px}.vw-demo-heading .eyebrow{font-size:.64rem;letter-spacing:.1em;margin-bottom:15px}.vw-demo-heading h4{font-size:2.65rem}.vw-demo-heading p{margin:0;font-size:.86rem}.vw-panorama{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:center}.vw-screen{display:block;min-width:0;border:6px solid #080b0d;border-radius:5px;box-shadow:0 10px 25px #0005;overflow:hidden}.vw-image{display:block;aspect-ratio:16/9;background-image:url('../images_landing/video-wall-esfihas.jpeg');background-size:300% 100%;background-repeat:no-repeat;background-position:0% 50%}.vw-screen:nth-child(2) .vw-image{background-position:50% 50%}.vw-screen:nth-child(3) .vw-image{background-position:100% 50%}.vw-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:.74rem;color:#aeb8bd}.vw-expand{display:inline-flex;align-items:center;gap:12px;color:#ffac70;padding:9px 0;font-weight:600}.vw-expand:hover{color:#ffd6b9}.vw-action{margin-top:25px}.vw-action .button{font-size:.86rem}.vw-dialog{width:min(1200px,94vw);max-width:94vw;max-height:90svh;padding:25px;border:1px solid #586066;border-radius:10px;background:#171b1d;color:#fff}.vw-dialog::backdrop{background:#070b0de0}.vw-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.vw-dialog-header h3{font-size:1rem;line-height:1.5}.vw-dialog-header button{background:#30383d;color:#fff;border:1px solid #66717a;border-radius:5px;padding:9px 14px;cursor:pointer;white-space:nowrap}.vw-dialog-header button span{margin-left:12px;font-size:1.3rem}.vw-dialog-tip{display:none;color:#b7bfc3;font-size:.8rem;margin-bottom:16px}.vw-dialog-scroll{overflow-x:auto;padding-bottom:12px;overscroll-behavior:contain}.vw-dialog-scroll .vw-panorama{min-width:900px}.vw-dialog-scroll:focus-visible{outline:2px solid var(--orange);outline-offset:3px}html.vw-modal-open{overflow:hidden}
@media(max-width:1000px){.video-wall{padding:30px}.vw-intro{gap:25px}.vw-copy h3{font-size:2.65rem}.vw-copy p{font-size:.9rem}.vw-dialog-tip{display:block}}
@media(max-width:760px){.video-wall{margin-top:45px;padding:25px 19px}.vw-intro,.vw-demo-heading{grid-template-columns:1fr;gap:25px}.vw-copy h3{font-size:2.6rem}.vw-copy h3 br,.vw-demo-heading h4 br{display:none}.vw-copy p{margin-top:18px}.vw-customer figcaption{font-size:.7rem}.vw-demo{margin-top:30px;padding-top:27px}.vw-demo-heading{gap:17px;margin-bottom:23px}.vw-demo-heading h4{font-size:2.2rem}.vw-demo-heading .eyebrow{line-height:1.7}.vw-panorama{gap:3px}.vw-screen{border-width:3px;border-radius:3px}.vw-demo-caption{flex-direction:column;align-items:flex-start;gap:3px;line-height:1.6;font-size:.68rem}.vw-expand{font-size:.78rem;min-height:44px}.vw-action{margin-top:20px}.vw-action .button{width:100%;padding:15px;gap:12px;font-size:.8rem}.vw-dialog{padding:18px}.vw-dialog-header{align-items:flex-start;gap:12px}.vw-dialog-header h3{font-size:.85rem}.vw-dialog-header button{font-size:.8rem;padding:7px 10px}.vw-dialog-header button span{margin-left:7px}}

/* Four-screen panorama preserves the supplied artwork proportions. */
.vw-panorama-four{grid-template-columns:repeat(4,minmax(0,1fr))}.vw-panorama-four .vw-image{background-image:url('../images_landing/video-wall-quatro-tvs.png');background-size:400% 100%;aspect-ratio:1898 / 1060}.vw-panorama-four .vw-screen:nth-child(2) .vw-image{background-position:33.333333% 50%}.vw-panorama-four .vw-screen:nth-child(3) .vw-image{background-position:66.666667% 50%}.vw-panorama-four .vw-screen:nth-child(4) .vw-image{background-position:100% 50%}.vw-dialog-scroll .vw-panorama-four{min-width:1200px}
/* Persistent account access, separate from the demo CTA. */
.nav-wrap>.header-login{order:3;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:42px;padding:9px 15px;border:1px solid #ffffff65;border-radius:5px;color:#fff;font-size:.82rem;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}.header-login:hover{background:#ffffff12;border-color:var(--orange)}.nav-wrap>.language-switcher{order:4;margin-left:0}
@media(min-width:761px) and (max-width:1450px){.nav-wrap>.header-cta{display:none}}
@media(max-width:760px){html{scroll-padding-top:145px}.nav-wrap{display:grid;grid-template-columns:1fr auto;gap:10px 15px}.nav-wrap>a:first-child{grid-column:1;grid-row:1}.nav-wrap>.language-switcher{grid-column:2;grid-row:1;justify-self:end;order:0}.nav-wrap>.header-login{grid-column:1;grid-row:2;justify-self:start;order:0;min-height:40px;padding:8px 13px}.nav-wrap>.menu-toggle{grid-column:2;grid-row:2;justify-self:end;min-height:40px}}
/* Extend the video wall background to both screen edges without widening content. */
.video-wall{border-radius:0;background:#171b1d;box-shadow:0 0 0 100vmax #171b1d;clip-path:inset(0 -100vmax)}
