:root{--bg:#09090b;--panel:#111216;--ink:#f5f5f6;--muted:#9a9aa2;--line:#292a30;--red:#d71920;--red2:#b91118;--paper:#f4f4f1;--dark:#111216;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;color:#000;padding:10px 14px}
.header{position:sticky;top:0;z-index:70;background:rgba(9,9,11,.93);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid #202126}.header-in{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:58px;height:53px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px}.brand-copy span{font-size:10px;color:#81818a;margin-top:5px}.nav{margin-left:auto;display:flex;gap:23px;align-items:center}.nav a{font-size:13px;color:#c3c3c9;font-weight:650}.nav a:hover{color:#fff}.actions{display:flex;gap:8px}.btn{min-height:46px;padding:0 18px;border:1px solid #3a3b42;border-radius:6px;background:#141519;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:820;letter-spacing:.01em;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease}.btn:hover{transform:translateY(-1px);border-color:#55565e}.btn-primary{background:var(--red);border-color:var(--red)}.btn-primary:hover{background:var(--red2);border-color:var(--red2)}.menu{display:none;width:46px;height:46px;border:1px solid #34353b;background:#111216;color:#fff;border-radius:6px}.mobile-nav{display:none;border-top:1px solid #24252a;background:#0d0e11;padding:8px 20px 16px}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px 0;border-bottom:1px solid #24252a;font-size:14px}
.hero{position:relative;padding:82px 0 74px;border-bottom:1px solid #202126;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(215,25,32,.065),transparent 28%);z-index:-1}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#d5d5da;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:34px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.3vw,83px);line-height:.96;letter-spacing:-.052em;margin:18px 0 22px}.red{color:#ee2d34}.lead{font-size:18px;line-height:1.64;color:#b8b8c0;max-width:720px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.meta-item{padding:15px 15px 15px 0;border-right:1px solid var(--line)}.meta-item:nth-child(2),.meta-item:last-child{padding-left:15px}.meta-item:last-child{border-right:0}.meta-item strong{display:block;font-size:15px}.meta-item span{display:block;font-size:11px;color:#83838c;margin-top:4px;line-height:1.45}
.mac-wrap{perspective:1200px}.macbook{position:relative;transform:rotateX(.6deg) rotateY(-1deg);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.macbook:hover{transform:rotateX(0) rotateY(0) translateY(-4px)}.mac-screen{position:relative;background:#050506;border:10px solid #17181c;border-bottom-width:16px;border-radius:16px 16px 7px 7px;box-shadow:0 28px 62px rgba(0,0,0,.38)}.mac-screen:before{content:"";position:absolute;top:-6px;left:50%;width:6px;height:6px;border-radius:50%;background:#33343a;transform:translateX(-50%)}.mac-screen img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#050506}.mac-base{height:17px;margin:-1px -3.2% 0;background:linear-gradient(#b9bac0,#8d8f96);border-radius:0 0 18px 18px;position:relative;box-shadow:0 9px 18px rgba(0,0,0,.24)}.mac-base:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:16%;height:6px;background:#777980;border-radius:0 0 7px 7px}.device-note{display:flex;justify-content:space-between;gap:10px;color:#777781;font-size:11px;margin-top:13px}.device-note b{color:#c7c7cd;letter-spacing:.08em}
.integrations{border-bottom:1px solid #202126;background:#0d0e11}.integrations-in{min-height:108px;display:grid;grid-template-columns:1.15fr repeat(4,1fr);align-items:center}.integrations-intro strong{display:block;font-size:14px}.integrations-intro span{display:block;font-size:11px;color:#7d7d86;margin-top:5px}.partner{height:62px;border-left:1px solid #25262b;display:flex;align-items:center;justify-content:center;gap:9px;color:#bbbcc3;font-size:12px;font-weight:760}.partner img{max-width:46px;max-height:36px;object-fit:contain}.partner.mp img{max-width:93px;max-height:55px}
.section{padding:88px 0;border-bottom:1px solid #202126}.section.light{background:var(--paper);color:var(--dark)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start;margin-bottom:46px}.section-label{font-size:12px;color:#85858f;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.section-label span{display:block;color:var(--red);font-size:25px;letter-spacing:0;margin-bottom:12px}h2{font-size:clamp(34px,5vw,61px);line-height:1.02;letter-spacing:-.045em;margin-bottom:18px}.lead2{font-size:17px;line-height:1.66;color:#999aa3;max-width:780px}.light .lead2{color:#62626a}
.workflow{border-top:1px solid var(--line)}.workflow-row{display:grid;grid-template-columns:64px 1.15fr 1.85fr;gap:24px;padding:21px 0;border-bottom:1px solid var(--line);align-items:start}.workflow-row .n{font-size:12px;color:#6e6f78;font-weight:900}.workflow-row h3{font-size:19px;margin:0}.workflow-row p{margin:0;color:#93949d;font-size:14px;line-height:1.55}.light .workflow,.light .workflow-row{border-color:#d1d1d1}.light .workflow-row p{color:#5f6068}
.formats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.format{min-height:218px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .22s ease,transform .22s ease}.format:hover{background:#121317;transform:translateY(-2px)}.format small{font-size:11px;color:#74757e;font-weight:850}.format h3{font-size:20px;margin:34px 0 9px}.format p{font-size:13px;line-height:1.5;color:#92939c;margin:0}.statement{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:34px;padding-top:26px;border-top:3px solid var(--red)}.statement b{font-size:22px}.statement p{font-size:16px;line-height:1.6;color:#a0a0a8;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature-list{display:grid;border-top:1px solid var(--line);margin-top:28px}.feature-line{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.feature-line .check{color:#31b56a;font-weight:1000}.feature-line b{display:block;font-size:14px}.feature-line span{font-size:12px;color:#84858e;display:block;margin-top:4px;line-height:1.45}.payment-box{background:#f1f2f3;color:#151519;border:1px solid #d2d4d6;padding:30px}.payment-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #cfd1d3}.payment-head img{width:128px}.payment-head span{font-size:11px;color:#65656d;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.payment-box h3{font-size:31px;letter-spacing:-.03em;margin:30px 0 12px}.payment-box p{color:#5f6067;line-height:1.62}.payment-claim{margin-top:24px;border-left:4px solid #159bd3;padding-left:16px}.payment-claim strong{display:block;font-size:20px}.payment-claim span{font-size:12px;color:#65656d}.disclaimer{font-size:11px!important;color:#777780!important;margin-top:20px!important}
.product-demo{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.demo-tabs{display:grid;border-top:1px solid var(--line)}.demo-tab{padding:17px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#8c8d96;text-align:left;cursor:pointer;display:grid;grid-template-columns:34px 1fr;gap:12px;transition:color .2s ease,padding-left .2s ease}.demo-tab.active{color:#fff;padding-left:8px}.demo-tab .dot{width:24px;height:24px;border:1px solid #3d3e45;border-radius:50%;display:grid;place-items:center;font-size:10px}.demo-tab.active .dot{background:var(--red);border-color:var(--red)}.demo-tab b{font-size:15px}.demo-tab span{display:block;font-size:11px;color:#73747d;margin-top:4px;line-height:1.45}.demo-stage img{transition:opacity .22s ease,transform .28s ease}.demo-stage.switching img{opacity:.2;transform:scale(.992)}
.portal-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.domain-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #c9c9cd;background:white;border-radius:999px;padding:8px 12px;font-size:12px;color:#46464d;margin-top:18px}.domain-chip:before{content:"●";color:#2fa866}.portal-points{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d1d1d4;border-left:1px solid #d1d1d4;margin-top:25px}.portal-point{padding:16px;border-right:1px solid #d1d1d4;border-bottom:1px solid #d1d1d4}.portal-point b{display:block;font-size:13px}.portal-point span{display:block;font-size:11px;color:#6a6b72;margin-top:5px;line-height:1.4}
.offline-obs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.capability{padding:34px;min-height:418px}.capability+.capability{border-left:1px solid var(--line)}.capability .iconline{display:flex;gap:12px;align-items:center;height:42px}.capability .iconline img{width:40px;height:40px;object-fit:contain}.capability h3{font-size:34px;letter-spacing:-.035em;margin:28px 0 14px}.capability p{color:#92939c;line-height:1.6}.capability ul{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.capability li{font-size:13px;padding:12px 0;border-bottom:1px solid var(--line);color:#b2b3bb}.capability li:before{content:"•";color:var(--red);margin-right:10px}.broadcast-logos{display:flex;gap:16px;align-items:center;margin-top:26px}.broadcast-logos img{height:36px;width:auto;max-width:52px;object-fit:contain}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfcfd2;border-left:1px solid #cfcfd2}.resource{padding:22px 20px;min-height:176px;border-right:1px solid #cfcfd2;border-bottom:1px solid #cfcfd2}.resource small{font-size:10px;letter-spacing:.1em;color:#777780;font-weight:850}.resource h3{font-size:16px;margin:26px 0 8px}.resource p{font-size:12px;line-height:1.5;color:#62636a;margin:0}
.search-intent{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}.intent-cloud{display:flex;gap:8px;flex-wrap:wrap}.intent-cloud span{padding:8px 10px;border:1px solid #33343a;border-radius:999px;color:#aeb0b8;font-size:11px;background:#101115}.answer-list{border-top:1px solid var(--line)}.answer{padding:17px 0;border-bottom:1px solid var(--line)}.answer h3{font-size:16px;margin:0 0 7px}.answer p{font-size:13px;line-height:1.55;color:#90919a;margin:0}.difference{background:#151619;border-top:4px solid var(--red)}.diff-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px}.diff-list{border-top:1px solid #35363c}.diff{display:grid;grid-template-columns:1fr auto;gap:20px;padding:17px 0;border-bottom:1px solid #35363c}.diff b{font-size:14px}.diff span{font-size:12px;color:#93949d;text-align:right}
.price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-card{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column}.price-card.primary{border-top:4px solid var(--red)}.plan{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8a8b94;font-weight:900}.price-card h3{font-size:27px;margin:18px 0 4px}.price-big{font-size:52px;font-weight:950;letter-spacing:-.05em;margin:24px 0 4px}.price-big small{font-size:17px;letter-spacing:0}.price-card .sub{color:#80818a;font-size:12px}.price-card ul{list-style:none;padding:0;margin:24px 0 28px;border-top:1px solid var(--line)}.price-card li{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;color:#b1b2ba}.price-card li:before{content:"✓";color:#39b76d;font-weight:900;margin-right:9px}.price-card .btn{margin-top:auto}
.faq{max-width:920px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;min-height:64px;background:transparent;border:0;color:#fff;text-align:left;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:800;cursor:pointer}.faq-a{display:none;padding:0 44px 20px 0;color:#92939c;font-size:14px;line-height:1.6}.faq-item.open .faq-a{display:block}.faq-q span:last-child{font-size:22px;color:#757680}.final{padding:80px 0;background:#f1f1ef;color:#101014}.final-in{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end}.final p{color:#66676e;max-width:720px;line-height:1.6}.footer{padding:40px 0 90px;background:#08080a}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-logo{width:112px}.footer p{color:#777880;font-size:12px;line-height:1.55;max-width:360px}.footer h4{font-size:11px;color:#c7c8cd;text-transform:uppercase;letter-spacing:.12em;margin-bottom:11px}.footer a{display:block;color:#85868e;font-size:12px;padding:5px 0}.legal{border-top:1px solid #202126;margin-top:30px;padding-top:18px;color:#64656e;font-size:11px}.mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:65;background:rgba(9,9,11,.97);padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #2b2c31}.mobile-cta .btn{width:100%}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.reveal.delay1{transition-delay:.08s}.reveal.delay2{transition-delay:.16s}.hero .reveal{animation:heroIn .72s cubic-bezier(.2,.8,.2,1) both}.hero .delay1{animation-delay:.08s}.hero .delay2{animation-delay:.16s}@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}[data-lazy-section]{content-visibility:auto;contain-intrinsic-size:900px}
@media(max-width:1020px){.nav{display:none}.menu{display:block}.actions .btn-secondary{display:none}.hero-grid,.section-head,.split,.product-demo,.portal-feature,.search-intent,.diff-grid,.final-in{grid-template-columns:1fr}.integrations-in{grid-template-columns:1fr repeat(2,1fr);padding:15px 0}.integrations-intro{grid-column:1/-1;padding-bottom:8px}.formats{grid-template-columns:repeat(3,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(var(--max),calc(100% - 24px))}.header-in{height:64px}.brand img{width:49px;height:46px}.brand-copy span{display:none}.actions .btn-primary{display:none}.hero{padding:49px 0 42px}.hero-grid{gap:30px}h1{font-size:clamp(43px,13vw,61px)}.lead{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-meta{grid-template-columns:1fr}.meta-item,.meta-item:nth-child(2),.meta-item:last-child{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.meta-item:last-child{border-bottom:0}.macbook{transform:none}.integrations-in{grid-template-columns:1fr 1fr}.partner{border-left:0;border-top:1px solid #25262b}.section{padding:62px 0}.section-head{gap:18px;margin-bottom:28px}.workflow-row{grid-template-columns:44px 1fr;gap:13px}.workflow-row p{grid-column:2}.formats{grid-template-columns:1fr}.format{min-height:145px}.statement{grid-template-columns:1fr;gap:10px}.portal-points{grid-template-columns:1fr}.offline-obs{grid-template-columns:1fr}.capability{min-height:auto;padding:26px}.capability+.capability{border-left:0;border-top:1px solid var(--line)}.capability h3{font-size:28px}.resource-grid{grid-template-columns:1fr}.resource{min-height:140px}.difference{border-top-width:3px}.diff{grid-template-columns:1fr;gap:5px}.diff span{text-align:left}.price-wrap{grid-template-columns:1fr}.price-card{padding:24px}.final{padding:58px 0}.footer-grid{grid-template-columns:1fr}.mobile-cta{display:block}.footer{padding-bottom:110px}.payment-box{padding:22px}.payment-box h3{font-size:27px}.demo-tab{padding-left:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero .reveal,.macbook,.btn,.format,.demo-stage img{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}