@font-face{font-family:Mediaoric;src:url('/assets/MediaoricSans-VF.woff2?v=1.010') format('woff2');font-weight:250 900;font-stretch:80% 125%;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('/assets/SourceSans3-VF.woff2') format('woff2');font-weight:200 900;font-display:swap}

.privacy-settings-link{display:block;min-height:44px;padding:8px 0;background:transparent;text-align:left;font:inherit;color:inherit}
.privacy-settings-link:hover{text-decoration:underline;text-underline-offset:4px}
.privacy-dialog{width:min(560px,calc(100% - 40px));max-height:calc(100svh - 40px);overflow:auto;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--ground);color:var(--ink);box-shadow:0 20px 80px rgb(0 0 0 / .18)}
.privacy-dialog::backdrop{background:rgb(11 13 13 / .45)}
.privacy-dialog h2{font-size:28px;margin:12px 32px 20px 0}
.privacy-dialog p{font-size:16px;margin-bottom:16px}
.privacy-close{position:absolute;right:12px;top:12px;width:44px;height:44px;background:transparent;font-size:28px;line-height:1}
.privacy-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}
.privacy-dialog-actions .button{padding:12px 20px;font-size:15px}

/* Shared reading system and controls. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--type-body)/1.5 var(--font-reading);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--font-display);font-weight:500;font-variation-settings:'wdth' 100,'opsz' 48;letter-spacing:0;line-height:1.1;font-kerning:normal;text-wrap:balance}
h1{font-size:var(--type-hero)}h2{font-size:var(--type-section)}h3{font-size:28px}
p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0}
a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}svg{display:block}[hidden]{display:none!important}
::selection{background:var(--blue);color:var(--deep)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.container{width:calc(100% - var(--gutter)*2);max-width:var(--max);margin-inline:auto}
.meta{font-size:14px;letter-spacing:0;font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:500;left:16px;top:10px;transform:translateY(-200%);background:var(--ink);color:var(--on-action);padding:12px 20px}.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:10px 12px 10px 24px;border:1px solid var(--control-border);border-radius:var(--radius-control);font-family:var(--font-display);font-variation-settings:'wdth' 100,'opsz' 18;font-size:16px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background-color var(--motion-fast),border-color var(--motion-fast)}
/* Shared glass material stays neutral on both paper and dark audience fields. */
.button,.audience-cta{background:var(--control-glass);color:var(--ink);border-color:var(--control-border);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 1px 0 var(--control-highlight),inset 0 -1px 1px rgb(17 19 23 / .1),0 3px 10px rgb(17 19 23 / .08);transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
.button:hover,.audience-panel:hover .audience-cta,.audience-panel:focus-visible .audience-cta{background:var(--control-glass-hover);border-color:rgb(118 126 133 / .64);box-shadow:inset 0 1px 0 var(--control-highlight),inset 0 -1px 1px rgb(17 19 23 / .08),0 4px 14px rgb(17 19 23 / .1)}
.button-arrow{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:rgb(255 255 255 / .76);color:var(--ink);border:1px solid rgb(17 19 23 / .08);box-shadow:inset 0 1px 0 var(--control-highlight)}
.button-arrow svg{width:14px;height:14px;transition:transform var(--motion-fast) var(--ease)}.button:hover .button-arrow svg,.audience-panel:hover .button-arrow svg,.audience-panel:focus-visible .button-arrow svg{transform:translate(2px,-2px)}.button:active .button-arrow svg{transform:translate(1px,-1px)}
/* Invitation actions retain Mediaoric's original orange-red signature. */
.button[href^="/join/"]{background:var(--action);color:var(--on-action);border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / .12)}
.button[href^="/join/"]:hover{background:color-mix(in srgb,var(--action) 88%,var(--deep));border-color:transparent}
.button[href^="/join/"] .button-arrow{background:var(--cream);color:var(--deep);border-color:transparent;box-shadow:none}
.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-family:var(--font-display);font-size:16px;font-weight:500;font-variation-settings:'wdth' 100,'opsz' 18;line-height:1.35;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px;transition:color var(--motion-fast),text-decoration-color var(--motion-fast)}
.text-link>span{font-size:16px;line-height:1;transition:transform var(--motion-fast) var(--ease)}.text-link:hover{color:var(--action);text-decoration-color:currentColor}.text-link:hover>span{transform:translate(2px,-2px)}

/* Film reservation. Type follows the reference's quieter scale. */
.film-hero{position:relative;min-height:720px;height:100svh;max-height:none;background:var(--ground);display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.hero-film{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--header-height) + 96px);background:var(--ground)}
.film-reservation{text-align:center;font-size:16px;line-height:1.6;color:var(--muted)}.film-reservation>span{font-size:14px}
.hero-content{position:relative;padding-top:300px;padding-bottom:80px;text-align:center}
.hero-content h1{font-size:var(--type-hero);font-weight:500;font-variation-settings:'wdth' 92,'opsz' 96;line-height:1.06;max-width:1100px;margin:auto}
.hero-bottom{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:32px}.hero-bottom p{color:var(--ink);font-size:20px;line-height:1.3;max-width:440px;text-align:left}

/* Unframed software evidence with generous space around each chapter. */
.section-heading{display:grid;grid-template-columns:7fr 4fr;gap:96px;align-items:start;margin-bottom:48px}.section-heading p{font-size:16px;max-width:410px;justify-self:end;line-height:1.5}
.software-section{padding-block:128px}.software-section h2{font-size:var(--type-subsection);line-height:1.12;max-width:640px}
.placeholder{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-media);position:relative;overflow:hidden}
.placeholder-copy{position:absolute;left:24px;right:24px;top:50%;transform:translateY(-50%);text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--muted)}
.placeholder-copy strong{font-size:16px;font-weight:500;color:var(--ink)}.placeholder-copy>span{font-size:14px;line-height:1.4}

/* Equal audience panels expand toward the visitor's selected path. */
.audience-section{padding-block:128px;border-top:1px solid var(--line)}
.audience-section .section-heading{display:block;text-align:center;margin-bottom:48px}
.audience-pair{display:flex;gap:24px;min-height:600px}
.audience-panel{position:relative;display:flex;flex:1 1 0;min-width:0;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:flex-grow 400ms ease-in-out,opacity 400ms ease-in-out,border-color 400ms ease-in-out}
.audience-copy{padding:36px 36px 28px}.audience-copy h3{font-size:32px;line-height:1.15;margin-bottom:20px;text-wrap:wrap;max-width:360px}
.audience-copy p{font-size:16px;line-height:1.5;max-width:360px;min-height:108px}
.audience-cta{display:inline-flex;align-items:center;gap:16px;margin-top:24px;padding:8px 10px 8px 18px;min-height:44px;border:1px solid var(--control-border);border-radius:var(--radius-control);font-family:var(--font-display);font-size:14px;line-height:1.3;color:var(--ink)}

.audience-media{flex:1;margin:0 32px 32px;min-height:260px;border-radius:6px;background:var(--panel)}
.audience-panel:focus-visible{outline-offset:4px;flex-grow:1.4;border-color:var(--blue)}
@media(hover:hover) and (min-width:768px){.audience-panel:hover{flex-grow:1.4;border-color:var(--blue)}.audience-pair:has(.audience-panel:hover) .audience-panel:not(:hover){opacity:.65}.audience-pair:has(.audience-panel:focus-visible) .audience-panel:not(:focus-visible){opacity:.65;flex-grow:1}}

/* A neutral comparison surface with distinct feature states. */
.comparison-section{padding-block:128px}.comparison-heading{display:grid;grid-template-columns:7fr 5fr;gap:64px;margin-bottom:48px;align-items:start}
.comparison-heading h2{font-size:var(--type-subsection);line-height:1.12;max-width:660px}.comparison-heading p{font-size:16px;line-height:1.5;max-width:470px;justify-self:end}
.comparison-conclusion{display:block;margin-top:20px;color:var(--teal);font-weight:600}
.capability-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-variant-numeric:tabular-nums;table-layout:fixed}
.capability-table th,.capability-table td{border-bottom:1px solid var(--line);padding:28px 24px}
.capability-table thead{position:sticky;top:var(--header-height);z-index:4;background:var(--ground)}
.capability-table thead th{vertical-align:middle;padding-block:28px;border-top:1px solid var(--line)}
.capability-table thead th:first-child{padding-left:0;font-size:16px;font-weight:500;color:var(--muted)}
.capability-table thead th:not(:first-child){font-family:var(--font-display);font-size:20px;font-weight:550;line-height:1.3}
.capability-table tbody th{padding-left:0;font-size:18px;font-weight:400;line-height:1.4}.capability-table td{font-size:18px;font-weight:350;line-height:1.4;vertical-align:top;color:var(--muted);text-align:center}
.capability-table th:last-child,.capability-table td:last-child{background:var(--panel);color:var(--ink)}.capability-table td:last-child{font-weight:600}.capability-table thead th:last-child{border-top:2px solid var(--signal)}
.comparison-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 auto 16px;border:2.5px solid currentColor;border-radius:50%}.comparison-mark.is-cross{color:var(--signal);background:rgb(232 66 50 / .08)}.comparison-mark.is-check{color:var(--success);background:rgb(36 107 78 / .08)}.comparison-mark.is-partial{color:var(--partial);background:rgb(138 101 0 / .08)}.comparison-mark svg{width:24px;height:24px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.comparison-detail{display:block;max-width:300px;margin-inline:auto}
 .comparison-category-col{width:24%}.capability-table col.competitor-capcut,.capability-table col.competitor-opusclip{width:24%}.comparison-mediaoric-col{width:28%}
.comparison-identity{display:flex;align-items:center;justify-content:center;gap:2px;min-height:32px}.comparison-identity>img:first-child{width:48px;height:28px;object-fit:contain;flex:none}.comparison-logo{width:180px;max-width:calc(100% - 50px);height:auto}
.competitor-logo{display:block;width:96px;height:23px;margin-inline:auto;background:var(--ink);mask:var(--logo) center/contain no-repeat;-webkit-mask:var(--logo) center/contain no-repeat}.logo-capcut{--logo:url('/assets/tools/capcut-wordmark.svg')}.logo-opusclip{--logo:url('/assets/tools/opusclip-wordmark.svg');width:98px}
.comparison-switch{display:none}
.capability-table .comparison-agency th{color:var(--teal)}.capability-table .comparison-agency td:last-child{background:var(--tint-teal)}.comparison-agency .comparison-detail{color:inherit}

/* A pale teal invitation keeps pricing within the light website system. */
.pricing-invitation{background:var(--ground);padding:0 var(--gutter)}.pricing-invitation-inner{width:100%;max-width:var(--max);margin:auto;background:var(--tint-teal);display:flex;justify-content:space-between;gap:64px;align-items:center;padding:56px 64px;border-radius:var(--radius-media)}
.pricing-invitation h2{font-size:var(--type-subsection);line-height:1.1}.pricing-invitation p{font-size:16px;margin-top:20px;color:var(--muted)}.pricing-invitation .button{flex:none}
.talent-section{display:grid;grid-template-columns:6fr 5fr;gap:96px;padding-block:128px}.talent-heading>.text-link{color:var(--teal);margin-bottom:24px}
.talent-heading h2{font-size:var(--type-section);line-height:1.05;font-weight:500;font-variation-settings:'wdth' 92,'opsz' 64}.talent-copy{padding-top:12px}
.talent-lead{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.2;color:var(--ink);margin-bottom:24px}.talent-copy>p:not(.talent-lead){font-size:16px;margin-bottom:20px}.talent-copy ul{list-style:none;margin:32px 0 24px;padding:0;border-top:1px solid var(--line)}.talent-copy li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}

.site-footer{background:var(--panel);color:var(--ink);border-top:1px solid var(--line);padding:80px 0 32px}.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px 56px;background:var(--tint-blue);border-radius:var(--radius-media)}.footer-invitation h2{font-size:var(--type-section);max-width:800px}
.footer-directory{display:grid;grid-template-columns:1.7fr 1.15fr 1.1fr 1.1fr 1fr;gap:32px;padding-top:56px;padding-bottom:48px}.footer-identity .brand-lockup{justify-content:flex-start;width:232px;margin-left:-12px}.footer-identity .brand-wordmark{width:168px}.footer-identity p{font-size:15px;color:var(--muted);margin-top:24px;max-width:220px}
.footer-directory h3{font-family:var(--font-reading);font-size:16px;font-weight:600;line-height:1.5;margin:8px 0 16px;color:var(--ink);text-wrap:wrap}.footer-directory>div>a:not(.brand-lockup){display:flex;gap:8px;align-items:center;min-height:44px;font-size:15px;color:var(--muted);line-height:1.35;transition:color var(--motion-fast)}.footer-directory>div>a:hover{color:var(--action)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:32px;font-size:14px;color:var(--muted)}

@media(max-width:1200px){.comparison-identity>img:first-child{width:46px}}
@media(max-width:1100px){
 .section-heading{gap:48px}.audience-pair{gap:20px;min-height:560px}.audience-copy{padding:28px}.audience-copy h3{font-size:28px}.audience-copy p{font-size:16px;min-height:120px}.audience-media{margin:0 24px 24px;min-height:220px}
 .comparison-heading{gap:40px}.capability-table th,.capability-table td{padding-inline:20px}.pricing-invitation-inner{padding:48px}.talent-section{gap:64px;padding-block:96px}.footer-directory{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}.footer-directory>div:last-child{grid-column:2}
}
@media(max-width:950px){
 .hero-bottom{gap:24px}.section-heading{display:block}.section-heading p{margin-top:24px;max-width:620px}.software-section h2{max-width:680px}.comparison-heading{grid-template-columns:1fr;gap:24px}.comparison-heading p{justify-self:start;max-width:650px}
 .capability-table tbody th{font-size:17px}.capability-table td{font-size:16px}.comparison-logo{width:142px;max-width:calc(100% - 48px)}.comparison-identity>img:first-child{width:46px;height:28px}.pricing-invitation-inner{padding:40px;gap:32px}.talent-section{gap:48px}.talent-lead{font-size:24px}.footer-directory{grid-template-columns:repeat(4,1fr);gap:24px}.footer-identity{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-bottom:16px}.footer-identity p{margin-top:0;max-width:none}.footer-directory>div:last-child{grid-column:auto}
}
@media(max-width:767px){
 .audience-pair{flex-direction:column;min-height:0;gap:24px}.audience-panel{flex:auto;min-height:520px}.audience-copy{padding:28px}.audience-copy p{min-height:0;max-width:460px}.audience-media{min-height:240px}.audience-panel:focus-visible{flex-grow:1}.audience-section .section-heading{margin-bottom:32px}
}
@media(max-width:600px){
 h3{font-size:24px}.film-hero{min-height:760px;height:100svh;max-height:none}.hero-film{padding-top:calc(var(--header-height) + 64px)}.hero-content{padding-top:270px;padding-bottom:48px}.hero-content h1{font-size:48px;line-height:1.06}.hero-content h1 br{display:none}.hero-bottom{flex-direction:column;gap:24px;margin-top:24px}.hero-bottom p{font-size:20px;text-align:center;max-width:320px}.hero-bottom .button{min-width:180px}
 .software-section,.audience-section,.comparison-section{padding-block:80px}.section-heading{margin-bottom:32px}.section-heading p{font-size:16px;margin-top:24px}.software-section h2{line-height:1.15}.placeholder-copy{left:16px;right:16px}.audience-copy h3{font-size:24px}.audience-copy p{font-size:16px}.audience-copy{padding:24px}.audience-media{margin:0 20px 20px}
 .comparison-heading{margin-bottom:32px}.comparison-heading p{font-size:16px}.comparison-switch{display:flex;gap:8px;margin-bottom:24px}.comparison-select{padding:10px 18px;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:transparent;font-size:15px;line-height:1.4}.comparison-select[aria-pressed=true]{background:var(--control-glass);border-color:var(--ink);color:var(--ink);box-shadow:inset 0 1px 0 var(--control-highlight);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .capability-table{display:block}.capability-table colgroup{display:none}.capability-table thead{display:block}.capability-table thead tr{display:grid;grid-template-columns:1fr 1fr}.capability-table thead th{display:block;font-size:18px!important;padding:20px 12px;border-top:1px solid var(--line)}.capability-table thead th:first-child{display:none}.comparison-logo{width:130px;max-width:calc(100% - 36px)}.comparison-identity{min-height:28px}.comparison-identity>img:first-child{display:block;width:34px;height:24px}.capability-table tbody{display:block}.capability-table tbody tr{display:grid;grid-template-columns:1fr 1fr}.capability-table tbody th{grid-column:1/-1;display:block;border:0;padding:28px 0 18px;font-size:18px;max-width:320px}.capability-table tbody td{width:auto;padding:0 12px 28px;font-size:16px}.comparison-mark{margin-bottom:14px;width:38px;height:38px}.capability-table tbody td:last-child{background:transparent;border-left:1px solid var(--line)}.capability-table tbody .comparison-agency td:last-child{background:var(--tint-teal);padding-top:16px}.comparison-agency td.competitor-capcut,.comparison-agency td.competitor-opusclip{padding-top:16px}
 .capability-table .competitor-capcut,.capability-table .competitor-opusclip{display:none}.capability-table[data-competitor=capcut] .competitor-capcut,.capability-table[data-competitor=opusclip] .competitor-opusclip{display:block}.competitor-logo{width:90px;height:22px}

 .pricing-invitation-inner{display:block;padding:32px 24px}.pricing-invitation p{font-size:17px;margin-top:20px}.pricing-invitation .button{margin-top:28px}.talent-section{display:block;padding-block:80px}.talent-heading>.text-link{margin-bottom:24px}.talent-copy{padding-top:32px}.talent-lead{font-size:24px}.talent-copy>p:not(.talent-lead),.talent-copy li{font-size:17px}
 .site-footer{padding:64px 0 24px}.footer-invitation{display:block;padding:32px 24px}.footer-invitation .button{margin-top:28px}.footer-directory{grid-template-columns:1fr 1fr;padding-top:40px;padding-bottom:32px;gap:32px 20px}.footer-identity{display:block;padding-bottom:8px}.footer-identity .brand-lockup{width:220px}.footer-identity .brand-comet{width:56px}.footer-identity .brand-wordmark{width:162px}.footer-identity p{font-size:15px;margin-top:16px}.footer-directory h3{font-size:16px;margin-bottom:12px}.footer-directory>div>a:not(.brand-lockup){font-size:15px}.footer-bottom{display:block;font-size:14px;padding-top:24px}
}
@media(max-width:374px){.hero-content h1{font-size:44px}.comparison-logo{width:124px;max-width:calc(100% - 34px)}.comparison-identity>img:first-child{width:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.audience-panel:hover,.audience-panel:focus-visible{flex-grow:1}}