/* Shared geometry: media keep their native ratio; the layout supplies the space. */
:root{--section-gap:76px;--column-gap:48px;--header-height:82px}
html{scroll-padding-top:calc(var(--header-height) + 22px)}
.header{position:fixed;height:var(--header-height);padding-inline:max(56px,calc((100vw - 1380px)/2));background:#070a08ec;backdrop-filter:blur(18px);border-bottom-color:#ffffff1c;transition:background .2s,box-shadow .2s}
.header.scrolled{background:#070a08f7;box-shadow:0 5px 30px #0003}
.header nav a[aria-current="location"]{color:#22d36a}
.header nav .button[aria-current]{color:#031708}
.section{padding-block:var(--section-gap)}
.section-top{align-items:center;gap:var(--column-gap);margin-bottom:38px}
.section-top>div,.section-top>h2{flex:1;min-width:0}
.section-top .section-description{flex:0 1 40%;max-width:none}
.hero-content{padding-top:88px}
.hero-copy{margin:24px 0 25px}
.hero-journey{display:flex;gap:0;list-style:none;padding:0;margin:0 0 34px;max-width:780px}
.hero-journey li{display:flex;flex-direction:column;gap:9px;padding:0 25px;border-left:1px solid #ffffff3c;font-size:16px;color:#e3ebe6;font-weight:550;white-space:nowrap}
.hero-journey li:first-child{padding-left:0;border-left:0}
.hero-journey li span{font:14px Outfit;color:#22d36a;letter-spacing:.1em}
.hero-buttons{display:flex;align-items:center;gap:30px}
.hero-film{padding:10px 0;border:0;font-size:15px;gap:12px}
.hero-film .play-icon{width:40px;height:40px;color:#24d56c;border-color:#24d56c80}
.intro{padding-block:var(--section-gap)}
.experience-demo{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--column-gap);margin-top:35px}
.phone-stage{min-height:0;padding:44px 20px 21px;background:#0b130e}
.phone{width:390px;max-width:100%;border-width:4px}
.phone-stage>[role=tabpanel]{width:100%;display:flex;justify-content:center;min-width:0}
.stage-caption{top:15px;left:20px}
.screen-orbit{width:660px;height:660px}
.steps{padding:0}
.steps>[role=tab]{padding-block:27px;gap:18px}
.steps strong{font-size:24px}
.steps small{font-size:14px}
.steps .note{font-size:12px!important}
.automation-line{margin:38px 0 28px;padding-block:23px}
.automation-line strong{font-size:21px}
.viewer-head{gap:15px}
.inline-tabs{gap:4px}
.inline-tabs button{font-size:14px;padding-inline:14px}
.desktop-screen{min-height:0;padding:16px;display:block}
.desktop-screen img{height:auto;width:100%;object-fit:contain}
.viewer-caption{grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:20px 24px;min-height:100px}
.viewer-caption strong{grid-column:1;font-size:20px}
.viewer-caption p{grid-column:1;font-size:15px;max-width:1000px}
.viewer-caption>span{grid-column:2;grid-row:1/3}
.action-example{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 24px 20px}
.action-example>span{color:#8c9b90;font-size:12px}
.action-example .text-link{font-size:14px}
.operation-bottom{margin-top:24px}
.black .section-top h2{font-size:clamp(36px,3.8vw,55px)}
.black .section-top{margin-bottom:32px}
.black-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--column-gap);align-items:center}
.black-feature>*{min-width:0}
.black-product{margin:0}
.black-product>img{width:100%;height:auto;object-fit:contain}
.product-overlay{position:absolute;left:5%;top:9%;padding:0}
.product-overline{font-size:10px}
.product-overlay h3{font-size:clamp(48px,5.5vw,80px);margin:18px 0 0}
.black-product .image-credit{right:14px;bottom:12px;font-size:10px}
.black-detail .specs{grid-template-columns:1fr;margin:0;padding:0;border:0}
.black-detail .specs>div{padding:15px 0!important;border:0;border-bottom:1px solid var(--line);display:block}
.black-detail .specs>div:first-child{padding-top:0!important}
.black-detail .spec-value{font-size:45px;line-height:1;letter-spacing:0}
.black-detail .spec-value.resolution{font-size:39px;line-height:45px}
.black-detail .spec-value>span{font-size:11px;margin-left:10px}
.black-detail .specs h4{font-size:14px;font-weight:500;color:var(--muted);margin:8px 0 0}
.black-video-links{display:flex;flex-wrap:wrap;gap:12px 23px;padding-top:13px}
.black-video-links .text-link{font-size:13px;border:0;gap:9px;padding:7px 0}
.black-video-links .play-icon{width:28px;height:28px;font-size:9px}
.technology-link{font-size:13px;margin-top:7px;padding-bottom:7px}
.tech-note{margin-top:22px;font-size:12px!important}
.lesson{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--column-gap);padding:40px 0 55px}
.lesson-visual{padding:18px 18px}
.pro-phone{width:380px;transform:none}
.pro-phone:hover{transform:none}
.lesson-backdrop{font-size:clamp(140px,17vw,225px);left:3%;top:14%}
.prize{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:35px var(--column-gap);padding-top:55px}
.prize-screen{max-width:none;padding:16px}
.prize h3{font-size:clamp(28px,2.7vw,39px)}
.faq{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--column-gap)}
.mobile-consult{display:none}
@media(max-width:1150px){:root{--column-gap:32px}.header{padding-inline:35px}.header nav{gap:20px}.header nav>a{font-size:13px}.steps strong{font-size:21px}.steps small{font-size:13px}.phone{width:365px}.viewer-head{align-items:flex-start;flex-direction:column}.inline-tabs{width:100%}.inline-tabs button{flex:1}.black-video-links{gap:8px 15px}.black-detail .spec-value{font-size:40px}.black-detail .spec-value.resolution{font-size:32px;line-height:40px}.product-overlay h3{font-size:54px}.product-overline{font-size:8px}}
@media(max-width:800px){:root{--section-gap:58px;--column-gap:24px;--header-height:70px}html{scroll-padding-top:90px}.header{padding-inline:20px;height:70px}.header nav{top:70px;max-height:calc(100dvh - 140px);overflow:auto}.hero{min-height:760px;height:850px}.hero-content{padding-top:64px}.hero-copy{font-size:15px;line-height:1.8;margin:22px 0}.hero-journey{display:grid;grid-template-columns:1fr 1fr;gap:18px 8px;max-width:345px;margin-bottom:27px}.hero-journey li{display:flex;flex-direction:row;align-items:center;gap:10px;padding:0;border:0;font-size:14px;white-space:normal}.hero-journey li span{font-size:12px}.hero-buttons{gap:16px;align-items:flex-start;flex-direction:column}.hero-buttons .button{padding:16px 20px;min-height:52px;font-size:15px;gap:30px}.hero-film{font-size:14px;padding:0}.hero-film .play-icon{width:30px;height:30px;font-size:9px}.hero-number{font-size:300px;right:0;bottom:65px}.hero-bottom{bottom:20px}.section-top{display:block;margin-bottom:28px}.section-top .section-description{font-size:15px;max-width:none;margin-top:20px}.intro .section-top h2{font-size:35px}.experience-demo{grid-template-columns:1fr;gap:20px;margin-top:28px}.steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}.steps>[role=tab]{padding:18px 0;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);border-top:0;min-height:89px}.step-number{font-size:23px;min-width:21px;margin-top:2px}.steps strong{font-size:16px;line-height:1.45}.steps small{display:none}.steps .step-arrow{display:none}.steps>.note{grid-column:1/-1;font-size:12px!important;margin-top:15px}.phone-stage{padding:37px 8px 18px}.phone{width:min(390px,100%);border-width:3px}.phone-stage .stage-caption{font-size:10px;top:12px;left:12px}.zoom-hint{font-size:11px;gap:12px}.automation-line{margin:28px 0 23px;padding-block:20px}.automation-line strong{font-size:17px}.viewer-head{padding:14px 10px 10px}.inline-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.inline-tabs button{font-size:12px;min-height:44px;padding:10px 5px}.viewer-caption{min-height:130px;padding:17px 13px;gap:8px 15px}.viewer-caption strong{font-size:16px;line-height:1.5}.viewer-caption p{font-size:13px;line-height:1.75}.desktop-screen{padding:6px}.action-example{padding:0 13px 17px;align-items:flex-start;flex-direction:column;gap:12px}.action-example>span{font-size:11px}.action-example .text-link{font-size:13px}.operation-bottom .note{font-size:12px!important}.black .section-top h2{font-size:34px}.black-feature{grid-template-columns:1fr;gap:23px}.black-product{margin:0}.black-product>img{width:100%;height:auto}.product-overlay{position:absolute;left:5%;top:9%;padding:0}.product-overlay h3{font-size:clamp(35px,11vw,66px);line-height:.95;margin:10px 0 0}.product-overline{font-size:7px;letter-spacing:.08em}.black-product .image-credit{font-size:8px;right:8px;bottom:7px}.black-detail .specs>div{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:15px;padding:15px 0!important}.black-detail .specs h4{font-size:13px;margin:0;line-height:1.6}.black-detail .spec-value{font-size:36px;line-height:1.1;grid-row:auto}.black-detail .spec-value.resolution{font-size:28px;line-height:1.1;white-space:nowrap}.black-detail .spec-value>span{font-size:9px;margin-left:7px}.black-video-links{gap:10px 22px}.black-video-links .text-link{font-size:12px}.technology-link{font-size:12px}.lesson{grid-template-columns:1fr;gap:20px;padding:32px 0 40px}.pro-phone{width:min(380px,100%)}.lesson-visual{padding:12px}.prize{grid-template-columns:1fr;gap:27px;padding-top:40px}.prize-content{grid-row:1}.prize-screen{padding:8px}.faq{grid-template-columns:1fr;gap:28px}.contact{padding-block:55px}.footer{padding-bottom:115px}.mobile-consult{position:fixed;z-index:25;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;background:#00b34a;color:#032410;box-shadow:0 6px 30px #0008}.mobile-consult span{font-size:12px;font-weight:550}.mobile-consult strong{font-size:15px}.modal-open .mobile-consult{visibility:hidden}.media-dialog{z-index:100}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}