@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');
:root{--bg:#f5f3ed;--ink:#193638;--muted:#6c7c79;--gold:#c8aa70;--line:#e2e5db;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #d3b67c;outline-offset:5px}button{color:inherit}button:hover{filter:brightness(.96)}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#102d30;color:#eef1e8;padding:36px 22px;display:flex;flex-direction:column}.brand{text-align:center;text-decoration:none;color:inherit;letter-spacing:3px;font-size:18px}.monogram{font:38px var(--serif);border:1px solid #bca676;display:grid;place-items:center;width:54px;height:62px;margin:0 auto 15px;color:#dfc693}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:9px;color:#a1b1ab}nav{display:grid;gap:10px;margin-top:52px}.nav{border:0;background:transparent;color:#b9c7c2;text-align:left;padding:16px 15px;border-radius:7px;font-size:15px;display:flex;align-items:center;gap:15px}.nav span{font-size:23px;width:25px;text-align:center}.nav.active{background:#284649;color:#f4e5c6;box-shadow:inset 3px 0 #cfb279}.help{background:#193b3d;border:1px solid #355253;border-radius:10px;margin-top:auto;padding:18px 12px;text-align:left;display:grid;gap:7px}.help>span{font-size:22px;color:#d7bd85}.help b{font-weight:500}.help small{color:#b8c7c1;font-size:12px}.powered{font-size:8px;letter-spacing:1.8px;text-align:center;color:#78938d;line-height:1.9;margin-top:27px}.powered b{color:#b8c9c3;font-size:10px;letter-spacing:2px}.shell{margin-left:240px;min-height:100vh;padding:0 48px;display:flex;flex-direction:column}header{height:101px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#71847a}.clock{margin-left:auto;text-align:right;font-size:12px;display:grid;gap:5px}.clock b{font-size:19px;font-weight:500}.clock span{color:var(--muted)}.customize{border:1px solid #dcded2;background:transparent;padding:10px 13px;border-radius:6px;color:#67776d;font-size:11px}.customize span{padding-left:7px}main{flex:1;padding:33px 0 24px;outline:none}h1,h2,h3,p{margin-top:0}h1{font:clamp(33px,3.25vw,58px)/1.17 var(--serif);letter-spacing:-1.2px;margin-bottom:14px}h2{font:34px var(--serif);margin-bottom:13px}h3{font:24px var(--serif);margin-bottom:10px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.intro p{color:var(--muted);font-size:14px;margin-bottom:0;line-height:1.7}.pill{font-size:10px;letter-spacing:1px;border:1px solid #d9ddce;padding:10px 12px;border-radius:30px;white-space:nowrap;color:#64785e}.hero{position:relative;min-height:300px;border-radius:13px;overflow:hidden;background:#769e9e;isolation:isolate;display:flex;align-items:flex-end;padding:31px 35px;color:white}.hero svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b292bc9,transparent 85%);z-index:-1}.hero .eyebrow{color:#e2d6b6;margin-bottom:11px}.hero h2{font:38px var(--serif);margin-bottom:10px}.hero p{color:#e2e9e2;font-size:13px;line-height:1.7;margin-bottom:20px}.primary{background:#ddc493;border:0;border-radius:5px;padding:14px 21px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;color:#233a34}.primary span{font-size:20px}.heroMark{margin-left:auto;align-self:flex-end;border:1px solid #ffffff60;padding:10px 14px;font-size:10px;letter-spacing:2px;background:#143d3a40}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin:27px 0 16px}.sectionTitle h3{font:20px var(--serif);margin:0}.sectionTitle small{font-size:10px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tile{border:1px solid #dce1d5;background:#fcfcf8;border-radius:9px;padding:22px 18px;text-align:left;min-height:145px;position:relative}.tile .icon{font-size:25px;color:#6a8878;margin-bottom:18px;display:block}.tile b{display:block;font-size:14px;font-weight:600}.tile small{display:block;margin-top:8px;font-size:11px;color:var(--muted)}.tile .arrow{position:absolute;right:18px;top:24px;color:#8da18e}.staybar{display:flex;gap:30px;border:1px solid #e0e3d6;border-radius:8px;margin-top:22px;padding:15px 20px;align-items:center;background:#edeee5;font-size:11px;color:#637665}.staybar b{font-weight:600;color:#344c3d}.staybar>span:last-child{margin-left:auto}footer{border-top:1px solid var(--line);padding:18px 0 20px;display:flex;justify-content:space-between;font-size:10px;color:#7f8a7f;gap:15px}footer>span{display:flex;gap:7px;align-items:center}footer i{background:#89a485;border-radius:50%;width:5px;height:5px}kbd{font:9px Arial;border:1px solid #d4d8cb;border-radius:3px;padding:3px 5px;margin:0 2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fffefa;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;padding:0;display:flex;flex-direction:column}.cardArt{height:175px;display:grid;place-items:center;background:linear-gradient(140deg,#d4d7b9,#718d70);font-size:60px;color:#fff9d5}.card:nth-child(2) .cardArt{background:linear-gradient(130deg,#d6c5a6,#a87e65)}.card:nth-child(3) .cardArt{background:linear-gradient(130deg,#b5cdd0,#50807e)}.cardText{padding:23px;flex:1}.cardText .eyebrow{font-size:9px}.cardText p{font-size:13px;line-height:1.7;color:var(--muted)}.cardText small{color:#5c765e;font-size:11px}.notice{padding:15px 18px;background:#e9eddf;border-radius:6px;color:#62735c;font-size:12px;line-height:1.7;margin:23px 0}.serviceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service{border:1px solid var(--line);background:#fffefa;border-radius:9px;padding:25px;text-align:left}.service span{font-size:25px;display:block;margin-bottom:14px;color:#6a8878}.service p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:0}.tvLayout{display:grid;grid-template-columns:270px 1fr;gap:22px}.channels{display:grid;gap:9px;align-content:start}.channel{border:1px solid var(--line);border-radius:7px;background:#fffefa;padding:19px;text-align:left;display:flex;gap:16px;align-items:center}.channel.selected{border-color:#b39c6a;background:#ecebdc}.channel b{font-size:14px}.channel span{color:#93a58c;font-size:12px}.screen{background:#102d30;min-height:335px;border-radius:12px;display:grid;place-items:center;text-align:center;color:#e9edde;padding:35px;position:relative}.screen p{color:#a8bfb3;font-size:13px;max-width:350px;line-height:1.8}.screen h3{font:30px var(--serif)}.screen .playIcon{font-size:40px;color:#d9c18c;margin-bottom:18px}.screen video{width:100%;max-height:430px}.tvInfo{padding:20px 0}.tvInfo p{font-size:12px;color:var(--muted);line-height:1.7}dialog{border:1px solid #dadfce;border-radius:14px;padding:38px;max-width:540px;width:calc(100% - 40px);color:var(--ink);background:#f9f8f2;box-shadow:0 20px 100px #092a3066}dialog::backdrop{background:#0d2a30a8;backdrop-filter:blur(4px)}dialog h2{font-size:31px}dialog p{font-size:14px;line-height:1.8;color:#61766c}.close{position:absolute;right:13px;top:9px;border:0;background:transparent;font-size:28px;color:#738478}dialog .primary{margin-top:18px}form{display:grid;gap:14px}label{font-size:12px;display:grid;gap:7px;font-weight:600}input{font:14px 'DM Sans',Arial;padding:12px;border:1px solid #ced6c6;border-radius:5px;background:#fffefa;color:var(--ink);width:100%}form>small{font-size:11px;line-height:1.7;color:#6c7c79}#settings{max-height:90vh}.empty{font-size:13px;color:var(--muted)}@media(min-width:1600px){.shell{padding:0 70px}main{padding-top:45px}.hero{min-height:365px}.tile{min-height:175px}.intro{margin-bottom:35px}}@media(max-width:1100px){.sidebar{width:195px;padding:25px 15px}.shell{margin-left:195px;padding:0 28px}.nav{font-size:13px;padding:14px 10px}.hero{min-height:270px}.heroMark{display:none}.tiles{gap:10px}.tile{padding:18px 13px}.staybar{gap:15px}.customize{font-size:0}.customize span{font-size:17px;padding:0}footer>span:last-child{display:none}.cards{gap:13px}.cardText{padding:17px}}@media(max-width:720px){.sidebar{position:relative;width:100%;padding:15px}.brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.monogram{width:30px;height:34px;font-size:23px;margin:0}.brand small,.help,.powered{display:none}nav{margin-top:17px;display:flex;gap:5px;overflow:auto}.nav{font-size:11px;white-space:nowrap;padding:10px}.nav span{display:none}.shell{margin:0;padding:0 20px}header{height:75px}.eyebrow{font-size:8px}.clock b{font-size:15px}.clock span{font-size:10px}.intro{align-items:start}.pill{display:none}h1{font-size:36px}.hero{min-height:300px;padding:25px}.hero h2{font-size:31px}.tiles{grid-template-columns:repeat(2,1fr)}.staybar{flex-wrap:wrap;gap:12px}.staybar>span:last-child{margin-left:0}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:110px 1fr}.cardArt{height:100%;min-height:165px;font-size:40px}.serviceGrid{grid-template-columns:1fr}.tvLayout{grid-template-columns:1fr}.channels{grid-template-columns:repeat(2,1fr)}.channel{padding:12px}.screen{min-height:270px}.preview{font-size:9px}dialog{padding:30px 24px}}
@media(min-width:721px) and (max-height:850px){.sidebar{padding-top:20px;padding-bottom:20px}.monogram{height:43px;width:40px;font-size:29px;margin-bottom:10px}nav{margin-top:25px;gap:5px}.nav{padding-top:11px;padding-bottom:11px}.help{padding:12px}.powered{margin-top:15px}header{height:65px}main{padding-top:18px;padding-bottom:15px}.intro{margin-bottom:17px}.intro h1{font-size:36px;line-height:1.1;margin-bottom:10px}.intro h1 br{display:none}.intro p{font-size:12px}.intro .eyebrow{margin-bottom:9px!important}.hero{min-height:210px;padding:22px 28px}.hero h2{font-size:29px;margin-bottom:9px}.hero p{line-height:1.5;margin-bottom:13px}.hero .eyebrow{margin-bottom:8px}.hero .primary{padding:10px 17px}.sectionTitle{margin:19px 0 12px}.tile{min-height:108px;padding:14px 16px}.tile .icon{font-size:20px;margin-bottom:10px}.tile small{margin-top:6px}.staybar{display:none}footer{padding-top:13px;padding-bottom:13px}.cardArt{height:135px}.notice{margin:17px 0}.service{padding:20px}.service span{margin-bottom:8px}.screen{min-height:290px}}