/* Hospitality presentation: warm surfaces, cinematic imagery and clear hierarchy. */
.iptvEditorial{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:0 0 76px;scroll-margin-top:30px}.editorialMedia{position:relative;border-radius:18px;overflow:hidden;background:#11273a}.editorialMedia img{width:100%;height:390px;object-fit:cover;display:block}.editorialMedia>span{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;background:#0d223be6;color:#d9e1e8;font-size:10px}.editorialCopy h2{font-size:30px;line-height:1.6}.editorialCopy>p{font-size:15px}.channelCategories{display:flex;gap:9px;flex-wrap:wrap}.channelCategories span{padding:7px 13px;border:1px solid #d5d5ca;background:#fff;border-radius:25px;font-size:13px}.editorialCopy .note{font-size:12px}.contentEditorial{padding:40px;border-radius:20px;background:#e9ece8;gap:35px}.contentBenefits{display:grid;gap:20px}.contentBenefits article{display:flex;gap:17px}.contentBenefits article>span{color:#9b814f;font-size:12px;padding-top:4px}.contentBenefits h3{font-size:17px;margin:0 0 5px}.contentBenefits p{font-size:13px;margin:0}.promotionPreview{margin:0;border-radius:13px;overflow:hidden;background:#fff;border:1px solid #c9d4da;box-shadow:0 18px 35px #152a3e14}.previewBrowser{background:#172d41;padding:13px;display:flex;align-items:center;gap:5px}.previewBrowser>span{width:6px;height:6px;border-radius:50%;background:#879ba9}.previewBrowser b{font-size:10px;font-weight:400;color:#d1dce4;margin-left:10px}.promotionPreview>img{display:block;width:100%;height:auto}.promotionPreview figcaption{padding:23px}.promotionPreview strong{font-size:16px;font-weight:500}.promotionPreview p{font-size:12px;margin-bottom:0}.iptvExperience .iptvJourneyNav{grid-template-columns:repeat(5,minmax(0,1fr))}.iptvExperience .iptvJourneyNav button{padding:20px 17px}.iptvExperience .iptvJourneyNav strong{font-size:13px}.iptvExperience .iptvJourneyNav b{display:none}@media(max-width:1000px){.iptvEditorial{gap:28px}.contentEditorial{padding:28px}.editorialCopy h2{font-size:26px}.iptvExperience .iptvJourneyNav{grid-template-columns:repeat(3,1fr)}.iptvExperience .iptvJourneyNav button{border-bottom:1px solid #dbe1e2}}@media(max-width:750px){.iptvEditorial{grid-template-columns:1fr;margin-bottom:48px}.editorialMedia img{height:auto}.contentEditorial{padding:25px}.editorialCopy h2 br{display:none}.iptvExperience .iptvJourneyNav{grid-template-columns:repeat(2,1fr)}.iptvExperience .iptvJourneyNav button:last-child{grid-column:1/-1}.editorialCopy h2{font-size:27px}}
.iptvHero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:48px;padding:50px 0}.iptvHero h1{font-size:clamp(34px,3.8vw,55px);line-height:1.45;font-weight:600;letter-spacing:-1px;margin:18px 0}.iptvHeroText>p{font-size:17px;line-height:1.95;margin-bottom:26px}.heroServiceTags{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:28px}.heroServiceTags span{font-size:9px;letter-spacing:1.2px;color:#7b725f}.iptvHeroScene{border-radius:20px;overflow:hidden;background:#14273c;box-shadow:0 24px 45px #10273c25}.iptvHeroScene>img{width:100%;height:355px;object-fit:cover;display:block}.sceneSignature{display:flex;align-items:center;gap:20px;padding:20px 23px}.sceneSignature>img{width:110px;height:auto;display:block;border-radius:4px}.sceneSignature>span{font-size:14px;color:#ecdfc5}.sceneSignature small{display:block;font-size:10px;color:#a2b5c6;margin-top:5px}.iptvJourneyNav{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 60px;gap:0;border:1px solid #d3dbdc;border-radius:12px;overflow:hidden;background:#fff}.iptvJourneyNav button{position:relative;text-align:left;padding:24px 28px;border:0;border-right:1px solid #dbe1e2;background:transparent}.iptvJourneyNav button:last-child{border-right:0}.iptvJourneyNav button:hover{background:#eeece5}.iptvJourneyNav button>span{font-size:9px;letter-spacing:1.4px;color:#907440}.iptvJourneyNav strong{display:block;font-size:16px;font-weight:500;margin-top:7px;padding-right:10px}.iptvJourneyNav b{position:absolute;right:17px;top:35px;color:#907440}.iptvExperience .demoSection{scroll-margin-top:28px}.iptvExperience .visualClipSelector{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.visualClipSelector button{padding:0!important;border:1px solid #d0d8dc;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.visualClipSelector button[aria-pressed=true]{border:1px solid #152b40;box-shadow:0 0 0 2px #bba16b}.visualClipSelector button:hover{transform:translateY(-3px)}.clipCover{position:relative;background:#0d2134}.clipCover img{display:block;width:100%;height:135px;object-fit:cover}.clipCover .clipPlay{position:absolute;right:12px;bottom:10px;background:#0b1f35d9;border:1px solid #ffffff6b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:21px;color:white;margin:0}.clipCardText{padding:18px}.clipCardText>span{font-size:9px!important;letter-spacing:1px}.clipCardText strong{font-size:15px;font-weight:500;line-height:1.8;display:block;min-height:54px}.iptvExperience .videoFrame{border:7px solid #12283b;box-shadow:0 20px 35px #152c4220}.iptvExperience .videoFrame video{max-width:100%;max-height:75vh}.iptvExperience .clipHeading{font-size:25px;margin-top:26px}.iptvExperience .clipChapters{padding:24px 0 10px}.iptvExperience .chapterButtons button{background:#fff;min-height:44px}.iptvExperience .chapterButtons button[aria-pressed=true]{background:#152b40}.iptvExperience .journeySteps{margin-top:22px}.serviceConnection{background:linear-gradient(120deg,#132a40,#1c3a51);color:white;border-radius:20px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:65px}.serviceConnection .eyebrow{color:#dfc28a}.serviceConnection p{color:#bdcbd6;font-size:15px}.serviceSteps>div{display:grid;grid-template-columns:35px 1fr;gap:5px 15px;border:1px solid #5c7685;border-radius:10px;padding:16px 20px;background:#ffffff05}.serviceSteps>div>span{grid-row:span 2;color:#dfc28a;font-size:13px;align-self:center}.serviceSteps strong{font-size:16px;font-weight:500}.serviceSteps small{font-size:9px;letter-spacing:2px;color:#99b4c5}.serviceSteps>i{display:block;text-align:center;font-style:normal;font-size:20px;color:#d7bb86;padding:3px}.iptvExperience .roleSection{scroll-margin-top:30px}.iptvExperience .roleFeatures article{padding:20px;background:#f5f5f0;border-radius:10px}.iptvExperience .roleFeatures p{font-size:14px}.iptvExperience .roleFeatures h4{font-size:18px}.iptvCompare{border-top:1px solid #c8d3d8;border-bottom:1px solid #c8d3d8;margin:0 0 30px;scroll-margin-top:30px}.iptvCompare>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:26px 0;font-size:21px;list-style:none}.iptvCompare>summary::-webkit-details-marker{display:none}.iptvCompare>summary b{font-size:25px;color:#927a4a;font-weight:400}.iptvCompare[open]>summary b{transform:rotate(45deg)}.iptvCompare .comparison{padding-top:20px;border:0}.iptvClosingNote{margin-bottom:60px}@media(max-width:1000px){.iptvHero{gap:28px}.iptvHero h1{font-size:39px}.iptvHeroScene>img{height:310px}.sceneSignature{gap:12px;padding:16px}.sceneSignature>span{font-size:12px}.sceneSignature>img{width:90px}.iptvJourneyNav button{padding:20px}.iptvJourneyNav strong{font-size:14px}.clipCardText{padding:14px}.clipCardText strong{font-size:14px}.clipCover img{height:110px}.serviceConnection{gap:30px;padding:32px}}@media(max-width:800px){.iptvHero{grid-template-columns:1fr;padding:32px 0}.iptvHero h1{font-size:40px}.iptvHeroScene>img{height:auto;max-height:380px;object-position:center}.iptvJourneyNav{margin-bottom:42px}.iptvExperience .visualClipSelector{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.clipCover img{height:auto;aspect-ratio:16/9}.clipCardText strong{min-height:0;font-size:16px}.serviceConnection{grid-template-columns:1fr;gap:18px}.serviceConnection h2 br{display:none}}@media(max-width:520px){.iptvHero h1{font-size:34px}.iptvHeroText>p{font-size:16px}.iptvJourneyNav{grid-template-columns:1fr}.iptvJourneyNav button{border-right:0;border-bottom:1px solid #dbe1e2;padding:17px 20px}.iptvJourneyNav button:last-child{border-bottom:0}.iptvJourneyNav b{top:22px}.sceneSignature>img{width:95px}.heroServiceTags{margin-top:22px}.iptvExperience .visualClipSelector{gap:10px}.clipCardText{padding:12px}.clipCardText strong{font-size:14px;min-height:50px}.iptvExperience .videoFrame{border-width:3px;border-radius:12px}.iptvExperience .clipHeading{font-size:22px}.serviceConnection{padding:26px;margin-bottom:42px}.serviceSteps>div{padding:15px}.iptvCompare>summary{font-size:18px}.iptvExperience .roleFeatures article{padding:16px}}@media(prefers-reduced-motion:reduce){.visualClipSelector button{transition:none}.visualClipSelector button:hover{transform:none}}
.headendShowcase{position:relative;overflow:hidden;border-radius:18px;background:#10263b;box-shadow:0 20px 45px #162d4025}.headendShowcase>img{width:100%;height:345px;object-fit:cover;display:block}.showcaseLabel{position:absolute;bottom:0;left:0;right:0;padding:45px 24px 20px;background:linear-gradient(transparent,#091725f5);color:#fff}.showcaseLabel span{font-size:10px;letter-spacing:2px;color:#e0c188}.showcaseLabel strong{display:block;font-size:20px;margin:7px 0}.showcaseLabel small{font-size:10px;color:#b6c6d2}.hotelArchitecture{padding-top:24px!important}.hotelCasePicker.visualCasePicker{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.visualCasePicker button{padding:0!important;overflow:hidden;transition:transform .2s,box-shadow .2s}.visualCasePicker button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #16314a18}.caseThumbnail{position:relative;background:#14273b}.caseThumbnail img{width:100%;height:175px;object-fit:cover;display:block}.caseThumbnail>span{position:absolute;left:15px;top:15px;background:#0b1c2edb;color:#e5c98f!important;padding:4px 9px;border-radius:4px;font-size:9px;letter-spacing:1px}.caseCardCopy{padding:20px}.visualCasePicker .caseCardCopy strong{max-width:none;font-size:19px;margin:0 0 8px}.visualCasePicker .caseCardCopy small{font-size:12px;line-height:1.8;min-height:43px}.caseAction{display:block;margin-top:18px;padding-top:14px;border-top:1px solid #8999a533;font-size:12px!important;letter-spacing:0!important}.visualCasePicker button[aria-pressed=true]{box-shadow:0 0 0 2px #c5ab78}.systemImageButton{display:block;position:relative;border:0;background:#102237;padding:0;width:100%;border-radius:18px;overflow:hidden;cursor:zoom-in}.systemImageButton>img{border-radius:0;box-shadow:none}.imageExpand{position:absolute;right:18px;bottom:18px;background:#0a1d30dc;color:#fff;font-size:12px;padding:8px 14px;border:1px solid #ffffff50;border-radius:7px}.systemImageDialog{width:min(1500px,96vw)}.systemImageDialog img{background:#102237;max-height:76vh}.systemImageDialog .closePhoto{background:#152b40;color:#fff}.hotelArchitecture+.explorer{margin-top:8px;margin-bottom:24px}@media(max-width:900px){.hotelCasePicker.visualCasePicker{gap:12px}.caseThumbnail img{height:145px}.caseCardCopy{padding:16px}.visualCasePicker .caseCardCopy strong{font-size:16px}.headendShowcase>img{height:330px}}@media(max-width:650px){.hotelCasePicker.visualCasePicker{grid-template-columns:1fr}.caseThumbnail img{height:auto;aspect-ratio:16/9}.visualCasePicker .caseCardCopy small{min-height:0}.visualCasePicker .caseCardCopy strong{font-size:20px}.headendShowcase>img{height:290px}.showcaseLabel strong{font-size:18px}.imageExpand{right:10px;bottom:10px;font-size:11px}.caseAction{margin-top:12px}}@media(prefers-reduced-motion:reduce){.visualCasePicker button{transition:none}.visualCasePicker button:hover{transform:none}}
.hotelIdentity{display:flex;align-items:center;gap:30px;padding:24px;background:#11253a;border:1px solid #35485a;border-radius:16px;margin:20px 0;color:#fff}.hotelIdentity>img{width:210px;height:auto;display:block;border-radius:8px}.hotelIdentity .eyebrow{color:#d8bd83}.hotelIdentity h3{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:8px 0}.hotelIdentity p{color:#bcc9d5;font-size:14px;margin:0}@media(max-width:600px){.hotelIdentity{gap:18px;padding:20px;flex-direction:column;align-items:flex-start}.hotelIdentity>img{width:170px}.hotelIdentity h3{font-size:26px}}
.inputLegends{display:flex;flex-wrap:wrap;gap:14px 24px;padding:20px 24px;background:#fff;border:1px solid #d6dfe3;border-radius:12px;margin-bottom:25px}.inputLegends span{font-size:14px;display:flex;gap:10px;align-items:center}.inputLegends i{width:11px;height:11px;border-radius:50%;flex-shrink:0}.amberDot{background:#bb882c}.purpleDot{background:#935ecc}.cyanDot{background:#2599a7}.streamJourney{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.streamJourney article{padding:20px 0;border-top:2px solid #b7a077}.streamJourney b{font-size:12px;color:#887044;letter-spacing:1px}.streamJourney h3{font-size:20px}.streamJourney p{font-size:14px}.httpsIngest{padding:20px;background:#f0eaf8;border-left:3px solid #9268b9;border-radius:8px;margin-top:20px}.httpsIngest p{font-size:13px;margin-bottom:0}@media(max-width:750px){.streamJourney{grid-template-columns:1fr;gap:8px}}
.rackScene img{min-width:0!important}.rackScene:before{display:none!important}
.rackScene{margin:10px 0 26px}.rackScene img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 35px #12283c20}.rackScene figcaption{font-size:13px;color:#607585;text-align:center;margin:16px 0}.rackExplanation>summary{cursor:pointer;padding:20px 24px;background:#e7e9e5;border-radius:10px;font-weight:600;font-size:15px}.rackExplanation[open]>summary{margin-bottom:20px}.rackScene{overflow:auto}.rackScene img{min-width:620px}@media(max-width:650px){.rackScene figcaption{text-align:left}.rackScene:before{content:'↔';display:block;text-align:right;color:#8c754a;font-size:20px}}
.renovationIntro{padding:28px 0}.renovationIntro h3{font-size:28px;margin:12px 0}.renovationIntro p{max-width:900px}.twoRackRoom{border:1px solid #ced8dd;background:#fff;border-radius:20px;padding:30px}.headendRoomLabel{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce3e5;padding-bottom:20px;margin-bottom:28px}.headendRoomLabel>span{letter-spacing:3px;color:#667888;font-size:13px}.headendRoomLabel small{font-size:12px;color:#6e7c85}.twoRackGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.renovationSource{text-align:center;background:#f0eee8;border-radius:10px;padding:18px}.renovationSource span,.renovationSource small{display:block;font-size:12px;color:#637482}.renovationSource strong{display:block;font-size:17px;margin:5px 0}.physicalRack{border:9px solid #253342;border-top-width:14px;border-bottom-width:17px;border-radius:9px;background:#111e2b;padding:16px 12px;color:#eef3f5;box-shadow:0 14px 25px #12273c20}.rackTop{display:flex;justify-content:space-between;align-items:center;padding:0 6px 17px;font-size:12px;letter-spacing:1px}.rackTop span{color:#dcc38f}.rackUnit{display:flex;gap:12px;align-items:center;min-height:86px;margin:10px 0;padding:15px 12px;background:linear-gradient(#364655,#233240);border:1px solid #506271;border-radius:3px;box-shadow:0 4px 5px #0004}.rackUnit>i{width:4px;height:36px;background:#10202c;border:1px solid #657681;border-radius:2px;flex-shrink:0}.rackUnit strong{font-size:12px;letter-spacing:.5px;display:block}.rackUnit small{display:block;color:#c3cdd4;font-size:11px;margin-top:5px;line-height:1.6}.rackLights{margin-left:auto;color:#c7ae73;white-space:nowrap;font-size:8px}.newWing .rackLights{color:#72d6cc}.rackVent{height:32px;margin:18px 10px;background:repeating-linear-gradient(90deg,#07101a 0 3px,transparent 3px 8px)}.physicalRack>p{font-size:11px;color:#c6d0d7;text-align:center;margin:0}.cableRoute{text-align:center;display:grid;gap:6px;padding:16px 0}.cableRoute>span{font-size:26px;line-height:1;color:#ab8950}.newWing .cableRoute>span{color:#39899c}.cableRoute strong{font-size:17px}.cableRoute small{font-size:12px;color:#657786}.roomGroup{text-align:center;border:1px solid #dcd5c8;border-radius:12px;padding:22px;background:#f5f1e8}.newWing .roomGroup{border-color:#c8dce1;background:#edf5f5}.roomScreens{display:flex;gap:25px;justify-content:center;color:#597183;font-size:38px;line-height:1}.roomGroup h3{font-size:19px;margin:16px 0 8px}.roomGroup p{font-size:13px;margin:0}.twoRackRoom>.note{margin-top:26px;margin-bottom:0}@media(max-width:750px){.twoRackGrid{grid-template-columns:1fr;gap:35px}.twoRackRoom{padding:20px}.headendRoomLabel{display:block}.headendRoomLabel small{display:block;margin-top:8px}.renovationIntro h3{font-size:23px}.rackUnit{min-height:83px}}
.hotelCasePicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.hotelCasePicker button{background:white;border:1px solid #cfd8dd;border-radius:14px;padding:24px;text-align:left}.hotelCasePicker button[aria-pressed=true]{background:#142d43;color:white;border-color:#142d43;box-shadow:0 12px 30px #172f421c}.hotelCasePicker span{font-size:10px;color:#927443;letter-spacing:2px}.hotelCasePicker strong{display:block;font-size:19px;margin:12px 0}.hotelCasePicker small{display:block;font-size:12px;line-height:1.8}.hotelCasePicker b{display:block;font-size:25px;letter-spacing:3px;margin-top:20px;color:#a1834e}.hotelCasePicker button[aria-pressed=true] span,.hotelCasePicker button[aria-pressed=true] b{color:#dfc38b}.caseDescription{padding:28px 0}.caseDescription h3{font-size:27px;margin:12px 0}.caseDescription p{max-width:850px;margin-bottom:0}.channelSummary{display:flex;align-items:center;gap:35px;background:#e9e5db;padding:28px 32px;border-radius:14px;margin:0 0 28px}.channelNumber{font-size:46px;line-height:1.2;color:#173349;min-width:230px;font-weight:600}.channelNumber small{font-size:13px;display:block;margin-top:10px;font-weight:400}.channelSummary p{margin:0;font-size:15px}.hotelFlow{padding:32px;border-radius:20px;background:white;border:1px solid #d7dfe0}.flowHeading{display:flex;gap:16px;align-items:center;margin-bottom:22px}.flowHeading b{background:#ebdfc5;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:13px}.flowHeading h3{margin:0;font-size:22px}.sourceRows{display:grid;gap:12px}.sourceRows article{display:grid;grid-template-columns:44px 1fr 28px 190px;gap:18px;align-items:center;border:1px solid #dce2e3;border-radius:12px;padding:18px}.sourceRows p{font-size:13px;margin:5px 0 0}.sourceSymbol{font-size:30px;color:#7d663b;text-align:center}.sourceConnector{color:#8b754c;font-size:24px}.receiveBox{border-radius:8px;background:#edf1f2;padding:14px;text-align:center;font-size:15px}.receiveBox small{display:block;font-size:11px;color:#637789}.flowDown{text-align:center;color:#a08045;font-size:28px;line-height:1.6;margin:10px 0}.centralHeadend{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;background:#152c41;border-radius:14px;padding:28px;color:white;align-items:center}.centralHeadend h3{font-size:25px;margin:10px 0}.centralHeadend .eyebrow{color:#dfc38b}.centralHeadend p{color:#bccbd5;font-size:14px;margin-bottom:0}.rackIllustration{background:white;padding:16px;border-radius:10px}.rackIllustration img{width:100%;height:65px;object-fit:contain;display:block}.rackIllustration small{font-size:9px;color:#647789;display:block;text-align:center;margin-top:8px}.distributionChoice{text-align:center;font-size:13px;font-weight:600}.distributionBranches{display:grid;grid-template-columns:1fr 1fr;gap:22px}.distributionBranch{border:1px solid #d2dce0;border-radius:14px;padding:24px;background:#f6f6f2}.branchHeading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.branchHeading>span{border-radius:8px;display:grid;place-items:center;width:46px;height:46px;background:#ad8850;color:white;font-weight:600}.ipBranch .branchHeading>span{background:#2d6980}.branchHeading h3{font-size:19px;margin:0}.pathBlock{border:1px solid #d8e0e1;border-radius:9px;padding:17px;background:#fff}.pathBlock b{font-size:15px}.pathBlock p,.roomEndpoint p{font-size:13px;margin:8px 0 0}.hotelFloors{background:#fff;border:1px solid #d4dde0;border-radius:10px;padding:15px;display:grid;gap:12px}.hotelFloors>div{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e6eaeb;padding-bottom:9px}.hotelFloors>div:last-child{border:0;padding-bottom:0}.hotelFloors span{font-size:12px;min-width:42px}.hotelFloors i{height:2px;background:#b59c73;flex:1}.hotelFloors b{color:#576e7e;font-size:25px;line-height:1}.roomEndpoint{padding-top:20px}.roomEndpoint strong{font-size:16px}.architectureAnswers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.architectureAnswers article{border-top:2px solid #b99b62;padding-top:16px}.architectureAnswers h3{font-size:19px;line-height:1.6}.architectureAnswers p{font-size:14px}.architectureNotes{border:1px solid #d6dddf;padding:20px 24px;border-radius:10px;background:#eeefeb}.architectureNotes summary{cursor:pointer;font-size:14px;font-weight:600}.architectureNotes p{font-size:13px}.architectureNotes a{color:#6f562d;text-decoration:underline}.case-rf .ipBranch,.case-ip .rfBranch{display:none}.case-rf .distributionBranches,.case-ip .distributionBranches{grid-template-columns:1fr}.case-rf .distributionBranch,.case-ip .distributionBranch{max-width:700px;width:100%;margin:auto}.hybridSplit{text-align:center;padding:14px;background:#e7edf0;border:1px dashed #8aa3b5;border-radius:9px;font-size:14px;margin-bottom:20px}
@media(max-width:800px){.hotelCasePicker{grid-template-columns:1fr;gap:10px}.hotelCasePicker button{padding:20px;position:relative}.hotelCasePicker b{position:absolute;right:20px;top:15px;font-size:20px}.hotelCasePicker strong{max-width:75%;font-size:18px}.centralHeadend{grid-template-columns:1fr;gap:20px}.distributionBranches,.architectureAnswers{grid-template-columns:1fr}.channelSummary{gap:22px;padding:24px}.channelNumber{min-width:170px;font-size:36px}.hotelFlow{padding:22px}.sourceRows article{grid-template-columns:30px 1fr;gap:10px}.sourceConnector{display:none}.receiveBox{grid-column:2;text-align:left;font-size:13px}.receiveBox small{display:inline;margin-left:12px}}
@media(max-width:520px){.channelSummary{display:block}.channelSummary p{margin-top:16px}.hotelFlow{padding:16px}.centralHeadend{padding:22px}.distributionBranch{padding:17px}.hotelCasePicker b{font-size:17px}.hotelCasePicker strong{font-size:17px}.caseDescription h3{font-size:23px}.sourceRows article{padding:14px}.hotelFloors>div{gap:10px}}
:root{color-scheme:light;--bg:#f4f2ed;--panel:#fff;--ink:#14263a;--muted:#586776;--gold:#88662e;--line:#dcdedc;--navy:#101f31;--champagne:#dfc38b}
body{background:var(--bg);font-family:'Noto Sans Thai','Leelawadee UI',system-ui,sans-serif;line-height:1.8}
header{max-width:none;padding:20px max(5%,calc((100vw - 1180px)/2));background:#f9f8f4ed;border-bottom:1px solid #d6d9d5;position:relative;z-index:2}
.brand{letter-spacing:1.2px}.brand .mark{background:var(--navy);border:0;border-radius:9px;color:var(--champagne);width:42px;height:46px}.brand small{letter-spacing:1.8px;font-size:9px}nav a{padding:8px 0;position:relative}nav a:hover:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}#language{border-radius:7px;border-color:#c8cfcf;background:white}
.wrap{max-width:1360px;padding:0 6%}.hero{gap:48px;padding:76px 0 68px;grid-template-columns:1fr 1.06fr}.hero h1{font-size:clamp(36px,3.6vw,56px);line-height:1.4;letter-spacing:-1.2px;font-weight:600}.hero p{font-size:17px;line-height:1.95}.eyebrow{font-size:11px;letter-spacing:2px}.button{border-radius:8px;background:var(--navy);color:white;border-color:var(--navy);padding:15px 23px;box-shadow:0 8px 22px #11283d16}.button:hover{background:#25425c}.textlink{font-weight:600}.experienceVisual{position:relative;border-radius:20px;overflow:hidden;min-height:460px;box-shadow:0 24px 60px #12243825;background:#14253a}.experienceVisual>img{width:100%;height:460px;object-fit:cover;object-position:48% center;display:block}.experienceVisual:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#091827f5);pointer-events:none}.experienceCaption{position:absolute;bottom:52px;left:30px;right:26px;z-index:1;color:white}.experienceCaption .eyebrow{color:var(--champagne)}.experienceCaption strong{display:block;font-size:25px;font-weight:500;margin:10px 0}.experienceCaption a{font-size:14px;color:#e5cfaa}.imageCredit{position:absolute;bottom:16px;left:30px;color:#c4ccd2;font-size:10px;z-index:1}
.strip{padding:22px 0;border-color:#cfd4d4;justify-content:flex-start;gap:35px}.strip span{display:flex;align-items:center;gap:10px}.strip span:before{content:'';width:5px;height:5px;border-radius:50%;background:#a98648}.section{padding:72px 0}.sectionTop{margin-bottom:32px}h2{font-weight:600;font-size:clamp(26px,2.6vw,36px)}.cards{gap:24px}.systemCard{padding:0;overflow:hidden;border:1px solid #d8dddf;border-radius:16px;box-shadow:0 6px 16px #15314b05;background:#fff}.systemCard:hover{box-shadow:0 16px 34px #15314b14;border-color:#b49a67}.systemVisual{height:170px;background:#e8e8e3;overflow:hidden;position:relative}.systemVisual img{width:100%;height:100%;object-fit:cover;display:block}.system-headend .systemVisual{background:#fff;padding:32px}.system-headend .systemVisual img{object-fit:contain}.system-iptv .systemVisual img{object-position:50% 30%}.system-v4 .systemVisual,.system-v5 .systemVisual{display:flex;align-items:center;gap:24px;padding:28px 32px;background:linear-gradient(130deg,#1b3449,#0e2032);color:#e0c58f}.system-v5 .systemVisual{background:repeating-linear-gradient(110deg,transparent 0 42px,#afbed412 43px 44px),#24394a}.systemVersion{font-size:80px;line-height:1;letter-spacing:-5px;font-weight:600}.versionCaption{font-size:11px;letter-spacing:2px;max-width:100px}.systemCard .cardTop{margin:25px 28px 0;font-size:11px;letter-spacing:.7px}.systemCard h3{margin:16px 28px 10px;font-size:25px;font-weight:600}.systemCard>p{margin:0 28px 24px;min-height:80px}.systemCard .cardBottom{margin:0 28px;padding:18px 0 22px}.cardBottom>span:last-child{display:grid;place-items:center;background:#f0eee8;border-radius:50%;width:30px;height:30px;color:var(--gold)}.tag{border-radius:20px;background:#f7f1e3;white-space:nowrap}
.back{font-size:13px;margin-top:25px}.pageHero{padding:38px 0 52px}.pageHero h1{font-size:clamp(36px,4vw,58px);font-weight:600;line-height:1.4;letter-spacing:-1.3px}.pageHero p{font-size:17px}.headendHero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.equipmentStage{border-radius:18px;background:#fff;box-shadow:0 18px 45px #132a4110;overflow:hidden;border:1px solid #dce0e0;padding:26px;position:relative}.stageLabel{display:flex;justify-content:space-between;color:#65717c;font-size:10px;letter-spacing:1.7px}.equipmentStage img{display:block;width:100%;height:150px;object-fit:contain;margin:22px 0 10px}.stagePorts{display:flex;justify-content:center;gap:9px}.stagePorts span{padding:3px 12px;font-size:10px;letter-spacing:1px;border:1px solid #d8dddf;border-radius:5px;color:#6b747b}.equipmentStage p{text-align:center;margin:22px 0 4px;font-size:16px;color:#253a4b}.equipmentStage small{display:block;text-align:center;font-size:11px;color:#687681}.headendHero .textlink{margin-top:0}.explorer{background:var(--navy);color:#f5f6f8;border:0;border-radius:20px;padding:36px;box-shadow:0 20px 44px #14283c18;position:relative;overflow:hidden}.explorer .eyebrow,.explorer .arrow{color:var(--champagne)}.explorer .muted,.explorer .note{color:#bac8d4}.explorer h2{font-size:28px}.tabs{padding:5px;background:#ffffff0c;border-radius:10px}.tabs button{border:0;border-radius:7px;color:#c9d5df;padding:9px 22px}.tabs button[aria-pressed=true]{background:#dfc38b;color:#14263a}.diagram{gap:15px;padding:36px 0}.node{border:1px solid #40566b;border-radius:11px;background:#1b3045;color:#f0f4f7;box-shadow:0 5px 10px #0001;padding:19px 10px}.node small{color:#b3c4d3;font-size:12px;line-height:1.6;margin-top:5px}.node:hover,.node[aria-pressed=true]{background:#2b4358;border-color:#dfc38b}.node.core{background:linear-gradient(135deg,#3b5062,#20384d);padding:45px 12px;border-color:#cdb27c;font-weight:600;letter-spacing:1px}.detail{border-radius:10px;border-left:3px solid var(--champagne);background:#0a1726;color:#f1f4f7}.detail p{color:#b8c7d5}.detail h3{color:#e4ca93}.explorer .note{border-color:#506276;margin-bottom:0;font-size:12px}.equipmentGrid{gap:24px}.equipmentCard{border:1px solid #d7dddf;border-radius:15px;box-shadow:0 5px 18px #15293c05}.photoButton{padding:26px 25px 14px;background:white;border-bottom:1px solid #edf0ee}.photoButton img{height:175px;transition:transform .25s}.photoButton:hover img{transform:scale(1.035)}.photoButton span{font-size:11px;color:#697782}.equipmentCopy{padding:24px 26px}.equipmentCopy h3{font-size:22px;font-weight:600}.equipmentCopy .eyebrow{font-size:10px}.equipmentCopy p{font-size:14px;line-height:1.9}.columns{gap:22px}.columns article{border-top:2px solid #c0ab7f;padding:20px 5px}.columns h3{font-weight:600}.note{font-size:12px;color:#67737e}
.withPhoto{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px}.productHeroPhoto{position:relative;overflow:hidden;border-radius:18px;background:#102237}.productHeroPhoto img{width:100%;height:270px;object-fit:cover;display:block}.productHeroPhoto span{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:#102237bb;color:#e2e8ec;font-size:10px}.roleButtons{background:#e7e8e3;padding:6px;border-radius:12px;width:fit-content;gap:4px}.roleButtons button{border:0;border-radius:8px;background:transparent;color:#576675}.roleButtons button[aria-pressed=true]{background:#fff;color:#14263a;box-shadow:0 2px 8px #15263a14}.perspectivePanel{border:1px solid #d8dddf;border-radius:16px;background:#fff;padding:32px}.perspectiveIntro h3{font-weight:600}.roleFeatures{gap:26px 40px}.roleFeatures h4{font-weight:600}.roleExample{background:#f4f2ec;color:#5b6874;border-radius:0 8px 8px 0}.roleClip{border-color:#cbd1d5;border-radius:8px;font-size:14px;margin-right:8px}.roleClip:hover{background:#f7f2e6}.clipSelector{gap:12px}.clipSelector button{border:1px solid #d0d7da;border-radius:12px;background:white;font-size:16px;transition:background .2s}.clipSelector button[aria-pressed=true]{background:#152b40;border:2px solid #152b40;color:#fff}.clipSelector button[aria-pressed=true] span{color:#dfc38b}.clipHeading{font-weight:600}.chapterButtons button{border:1px solid #d1d8da;border-radius:8px;background:#fff;font-size:13px;padding:10px 14px}.chapterButtons button[aria-pressed=true]{background:#152b40;color:white;border-color:#152b40}.videoFrame{border:0;border-radius:16px;overflow:hidden;background:#091321;box-shadow:0 15px 36px #15293c20}.videoFrame video{max-width:1100px}.journeySteps article{padding:20px;border-radius:12px;background:#fff;border:1px solid #d6dcdc}.compareTable{background:#fff;border-radius:12px;overflow:hidden;font-size:14px}.compareTable thead{background:#152c42;color:#e3c992}.compareTable tbody tr:nth-child(even){background:#eeefeb}.compareTable td{line-height:1.85}.compareTable th,.compareTable td{padding:20px}.demoTeaser{margin-top:10px;padding:45px;border:0;background:#152b40;border-radius:18px;color:white;margin-bottom:65px;gap:50px}.demoTeaser .eyebrow{color:#dfc38b}.demoTeaser p{color:#bac9d4}.demoTeaser .button{background:#dec28d;color:#152b40;border-color:#dec28d}.journeyMini span{border-color:#ffffff24;color:#dec28d}.journeyMini b{color:#fff}.featurelist article{border-radius:14px}.photoDialog{border-radius:16px;background:white}.closePhoto{border-radius:7px}footer{max-width:1200px;padding-top:28px;padding-bottom:30px;color:#6a7781}
@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:90px}}
@media(max-width:1000px){.hero,.headendHero{gap:28px}.hero h1{font-size:38px}.experienceVisual,.experienceVisual>img{min-height:400px;height:400px}.equipmentStage{padding:20px}.headendHero h1{font-size:40px}.withPhoto{gap:24px}.systemCard .cardTop{flex-wrap:wrap}.systemCard>p{min-height:108px}}
@media(max-width:800px){header{padding:16px 5%}.wrap{padding:0 5%}.hero,.headendHero,.withPhoto{grid-template-columns:1fr}.hero{padding:40px 0}.hero h1{font-size:40px;max-width:650px}.hero p{max-width:650px}.experienceVisual,.experienceVisual>img{height:390px;min-height:0}.experienceVisual>img{object-position:center 30%}.headendHero{padding:28px 0 38px;gap:20px}.equipmentStage img{height:135px}.explorer{padding:25px}.diagram{grid-template-columns:1fr;gap:16px}.node.core{padding:25px 10px}.productHeroPhoto img{height:300px}.systemCard>p{min-height:0}.demoTeaser{padding:28px;gap:25px}.columns article{padding:16px 0}.journeySteps article{padding:20px}.section{padding:48px 0}.strip{gap:14px 24px}.comparison{padding-top:45px}}
@media(max-width:520px){.hero h1{font-size:34px;letter-spacing:-.6px}.experienceVisual,.experienceVisual>img{height:340px}.experienceCaption{left:22px;bottom:44px}.experienceCaption strong{font-size:22px}.imageCredit{left:22px;font-size:9px}.pageHero h1{font-size:35px}.pageHero p{font-size:16px}.equipmentStage{padding:18px}.equipmentStage img{height:100px;margin-top:12px}.stagePorts span{padding:3px 10px}.equipmentStage small{font-size:10px}.explorer{padding:20px;border-radius:15px}.explorer h2{font-size:24px}.node{font-size:12px}.node small{font-size:11px}.nodes{gap:6px}.detail{padding:19px}.detail h3{font-size:17px}.detail p{font-size:14px}.systemVisual{height:150px}.systemCard .cardTop,.systemCard h3{margin-left:22px;margin-right:22px}.systemCard>p{margin-left:22px;margin-right:22px}.systemCard .cardBottom{margin:0 22px}.systemCard h3{font-size:23px}.photoButton img{height:155px}.perspectivePanel{padding:22px}.roleButtons{width:100%}.roleButtons button{padding:10px 13px}.clipSelector{grid-template-columns:1fr 1fr;gap:8px}.clipSelector button{font-size:13px;padding:12px}.clipSelector button[aria-pressed=true]{padding:11px}.clipSelector button span{font-size:11px}.chapterButtons{display:flex}.chapterButtons button{font-size:12px;flex:1 1 140px}.roleClip{margin-right:0}.demoTeaser{padding:25px}.productHeroPhoto img{height:230px}.compareTable tbody th{color:#e4cb9c}.journeyMini b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.photoButton img,.clipSelector button{transition:none}}